/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Tema hijo de Astra con un rediseño visual completo en modo oscuro índigo, acentos lavanda y verde lima, titulares en Playfair Display y cuerpo en Inter. Solo estilos: no modifica ningún contenido ni texto.
Author: Astra Child
Author URI: https://wpastra.com/
Template: astra
Version: 1.0.3
Text Domain: astra-child
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600&display=swap');

/* ==========================================================================
   1. Variables de diseño
   ========================================================================== */
:root {
	/* Paleta */
	--ac-bg:            #16142E; /* índigo muy oscuro, casi negro azulado */
	--ac-bg-alt:        #1E1B3A; /* sección/tarjeta ligeramente más clara */
	--ac-text:          #C9C6E4; /* gris lavanda claro (cuerpo) */
	--ac-heading:       #F5F3EE; /* blanco roto (titulares) */
	--ac-accent:        #8B7CF6; /* lavanda/violeta (acento principal) */
	--ac-accent-strong: #A89BFA; /* lavanda más claro para hover */
	--ac-lime:          #C6F44D; /* verde lima (acento secundario) */
	--ac-border:        rgba(139, 124, 246, 0.22); /* borde violeta translúcido */
	--ac-glow:          rgba(139, 124, 246, 0.45);

	/* Tipografía */
	--ac-font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
	--ac-font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

	/* Radios */
	--ac-radius-card: 16px;
	--ac-radius-pill: 999px;
}

/* Sobrescribimos también las variables globales de Astra para máxima cobertura */
:root {
	--ast-global-color-0: var(--ac-accent);   /* color de marca/enlaces */
	--ast-global-color-1: var(--ac-accent-strong);
	--ast-global-color-2: var(--ac-heading);  /* titulares */
	--ast-global-color-3: var(--ac-text);     /* texto */
	--ast-global-color-4: var(--ac-bg);       /* fondo */
	--ast-global-color-5: var(--ac-bg-alt);
	--ast-global-color-8: var(--ac-bg-alt);
}

/* ==========================================================================
   2. Fondo general y cuerpo
   ========================================================================== */
body {
	color: var(--ac-text);
	font-family: var(--ac-font-sans);
	line-height: 1.8;
	font-size: 1.05rem;
	letter-spacing: 0.005em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: transparent !important;
}

/* PASO 1 — Degradado "aurora violeta" en una capa fija detrás de TODO el
   contenido (z-index: -1). Así ningún contenedor lo puede tapar y se ve
   idéntico en toda la página. */
body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		radial-gradient(ellipse 70% 45% at 12% 0%,
			rgba(139,124,247,0.38), transparent 65%),
		radial-gradient(ellipse 60% 50% at 95% 35%,
			rgba(124,92,224,0.30), transparent 65%),
		radial-gradient(ellipse 75% 45% at 50% 105%,
			rgba(94,70,190,0.35), transparent 70%),
		linear-gradient(180deg,
			#120d26 0%, #241a4e 35%, #332466 60%,
			#1d1540 85%, #110c24 100%);
}

/* PASO 2 — Contenedores del tema y de las secciones transparentes para que
   el degradado fluya por toda la página. Se incluyen los selectores genéricos
   pedidos + los que usa mi tema (Astra) y el page builder (Spectra / uagb-). */
html, body, #page, .site, .site-content, .content-area,
main, .entry-content, .wp-site-blocks,
.elementor, .elementor-section, .elementor-top-section,
.e-con, .e-con-inner,
header.site-header, .site-footer,
/* Astra */
.ast-separate-container, .ast-plain-container, .ast-page-builder-template,
#content, .ast-container,
/* Gutenberg / Spectra */
.wp-block-group, .wp-block-cover,
.uagb-container, .wp-block-uagb-container, .uagb-container-inner-blocks-wrap {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
}

p,
li,
dd,
.entry-content,
.ast-single-post .entry-content,
.widget {
	color: var(--ac-text);
	line-height: 1.85;
}

/* ==========================================================================
   3. Titulares
   ========================================================================== */
h1, h2, h3, h4, h5, h6,
.entry-title,
.entry-title a,
.ast-archive-title,
.site-title,
.site-title a,
.widget-title,
.ast-single-related-posts-title {
	font-family: var(--ac-font-serif);
	color: var(--ac-heading);
	font-weight: 700;
	letter-spacing: -0.01em;
}

h1, .entry-title {
	font-size: clamp(2.4rem, 5vw, 3.6rem);
	line-height: 1.12;
	font-weight: 800;
}

/* Degradado de texto en el titular principal (blanco roto -> lavanda claro).
   Se aplica a los títulos de contenido, no al título del sitio en la cabecera. */
.entry-title,
.entry-title a,
.entry-content h1,
.ast-archive-title {
	color: var(--ac-heading); /* fallback si el navegador no soporta clip */
	background-image: linear-gradient(105deg, #FFFFFF 0%, #F5F3EE 30%, #B5A9F9 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

h2 { font-size: clamp(1.9rem, 3.5vw, 2.6rem); line-height: 1.18; }
h3 { font-size: clamp(1.5rem, 2.6vw, 1.9rem); line-height: 1.25; }
h4 { font-size: 1.35rem; }
h5 { font-size: 1.15rem; }
h6 { font-size: 1rem; letter-spacing: 0.02em; }

/* ==========================================================================
   4. Enlaces
   ========================================================================== */
a {
	color: var(--ac-accent);
	text-decoration: none;
	transition: color 0.25s ease, opacity 0.25s ease;
}

a:hover,
a:focus {
	color: var(--ac-accent-strong);
	text-decoration: none;
}

.entry-content a:not(.wp-block-button__link):not(.ast-button) {
	text-decoration: none;
	border-bottom: 1px solid var(--ac-border);
	transition: color 0.25s ease, border-color 0.25s ease;
}

.entry-content a:not(.wp-block-button__link):not(.ast-button):hover {
	color: var(--ac-accent-strong);
	border-bottom-color: var(--ac-accent-strong);
}

/* ==========================================================================
   5. Secciones con ritmo alterno y más aire
   ========================================================================== */
.site-content .ast-container,
.entry-content {
	padding-top: 0;
}

/* Más padding vertical entre secciones (bloques de grupo / cover de Gutenberg) */
.wp-block-group,
.wp-block-cover,
.entry-content > .wp-block-group {
	padding-top: clamp(3rem, 6vw, 6rem);
	padding-bottom: clamp(3rem, 6vw, 6rem);
}

/* Las secciones ya no pintan fondo propio: el degradado fijo del body::before
   (PASO 1) se ve a través de todas ellas de forma uniforme. */

/* Contenedor principal con respiración */
.ast-separate-container .ast-article-post,
.ast-separate-container .comment-respond,
.ast-separate-container .ast-comment-list {
	padding: clamp(2rem, 4vw, 3.5rem);
}

/* ==========================================================================
   6. Tarjetas y bloques
   ========================================================================== */
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single,
.widget,
.wp-block-group.has-background,
.wp-block-columns.has-background,
.ast-comment-list .comment-body,
.entry-content .wp-block-group.is-style-card,
.ast-single-related-posts-container,
.ast-search-menu-icon .search-form {
	position: relative;
	/* Tarjetas con fondo propio pero translúcido: dejan asomar el degradado. */
	background-image: linear-gradient(180deg, rgba(46, 41, 96, 0.50) 0%, rgba(30, 27, 58, 0.45) 100%) !important;
	background-color: rgba(30, 27, 58, 0.45) !important;
	border: 1px solid var(--ac-border);
	border-radius: var(--ac-radius-card);
	box-shadow: 0 18px 40px -24px rgba(0, 0, 0, 0.7);
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	overflow: hidden;
}

/* Borde superior con degradado violeta sutil para dar relieve a las cajas. */
.ast-separate-container .ast-article-post::before,
.ast-separate-container .ast-article-single::before,
.widget::before,
.wp-block-group.has-background::before,
.wp-block-columns.has-background::before,
.ast-comment-list .comment-body::before,
.entry-content .wp-block-group.is-style-card::before,
.ast-single-related-posts-container::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background-image: linear-gradient(90deg, rgba(139, 124, 246, 0) 0%, rgba(139, 124, 246, 0.7) 50%, rgba(139, 124, 246, 0) 100%);
	pointer-events: none;
}

.widget {
	padding: 1.75rem;
}

/* Imágenes dentro de tarjetas con esquinas redondeadas suaves */
.ast-article-post img,
.wp-block-image img {
	border-radius: 12px;
}

/* ==========================================================================
   7. Botones tipo píldora con glow
   ========================================================================== */
.wp-block-button__link,
.ast-button,
.ast-custom-button,
.menu-toggle,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.button,
.ast-header-button-1 .ast-custom-button,
.main-header-bar .ast-button {
	display: inline-block;
	background: linear-gradient(135deg, var(--ac-accent) 0%, #6C5CE7 100%);
	background-color: var(--ac-accent);
	color: #FFFFFF;
	font-family: var(--ac-font-sans);
	font-weight: 600;
	letter-spacing: 0.01em;
	border: none;
	border-radius: var(--ac-radius-pill);
	padding: 0.75em 1.9em;
	box-shadow: 0 8px 22px -8px var(--ac-glow);
	transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.15s ease, color 0.25s ease;
	text-decoration: none;
	cursor: pointer;
}

.wp-block-button__link:hover,
.ast-button:hover,
.ast-custom-button:hover,
.menu-toggle:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.button:hover,
.ast-header-button-1 .ast-custom-button:hover,
.main-header-bar .ast-button:hover,
.wp-block-button__link:focus,
.ast-button:focus {
	background: linear-gradient(135deg, var(--ac-accent-strong) 0%, #7A68F0 100%);
	color: #FFFFFF;
	box-shadow: 0 0 0 1px var(--ac-glow), 0 14px 40px -6px var(--ac-glow), 0 0 36px rgba(139, 124, 246, 0.6);
	transform: translateY(-2px);
}

/* Variante outline de Gutenberg adaptada al estilo lavanda */
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	background-color: transparent;
	color: var(--ac-accent);
	border: 1.5px solid var(--ac-accent);
	box-shadow: none;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: var(--ac-accent);
	color: #16142E;
	box-shadow: 0 0 22px var(--ac-glow);
}

/* ==========================================================================
   8. Cabecera integrada con el fondo
   ========================================================================== */
.site-header,
#masthead,
.main-header-bar,
.ast-primary-header-bar,
.ast-above-header-bar,
.ast-below-header-bar,
.header-main-layout-1 .main-header-bar,
.ast-main-header-bar-alignment {
	background-color: transparent !important;
	background-image: none !important;
	border-bottom: 1px solid var(--ac-border);
	box-shadow: none;
}

/* Logo / título del sitio en la serif */
.site-title,
.site-title a {
	font-family: var(--ac-font-serif);
	color: var(--ac-heading) !important;
	font-weight: 700;
}

.site-description {
	color: var(--ac-text);
}

/* Menú en gris lavanda con hover lavanda */
.main-header-menu .menu-link,
.main-header-menu a,
.ast-header-navigation-arrow,
.main-navigation a,
.ast-masthead-custom-menu-items a {
	color: var(--ac-text);
	font-family: var(--ac-font-sans);
	font-weight: 500;
	transition: color 0.25s ease;
}

.main-header-menu .menu-link:hover,
.main-header-menu .menu-item:hover > .menu-link,
.main-header-menu .current-menu-item > .menu-link,
.main-navigation a:hover {
	color: var(--ac-accent) !important;
}

/* Submenús desplegables oscuros */
.main-header-menu .sub-menu,
.ast-desktop .main-header-menu .sub-menu {
	background-color: var(--ac-bg-alt);
	border: 1px solid var(--ac-border);
	border-radius: 12px;
	box-shadow: 0 18px 40px -24px rgba(0, 0, 0, 0.8);
}

.main-header-menu .sub-menu .menu-link {
	color: var(--ac-text);
}

.main-header-menu .sub-menu .menu-link:hover {
	color: var(--ac-accent) !important;
	background-color: rgba(139, 124, 246, 0.08);
}

/* Menú móvil */
.ast-mobile-popup-drawer .main-header-menu,
.ast-mobile-header-wrap .main-header-bar {
	background-color: var(--ac-bg);
}

.ast-mobile-menu-buttons-fill.menu-toggle {
	background: var(--ac-accent);
	color: #16142E;
}

/* ==========================================================================
   9. Acento secundario verde lima (etiquetas, precios, destacados)
   ========================================================================== */
.wp-block-button.is-style-lime .wp-block-button__link,
.tagcloud a,
.ast-taxonomy-container a,
.entry-meta .price,
.woocommerce .price,
.woocommerce span.price,
ins .amount,
.entry-content mark,
mark,
.is-style-lime {
	color: var(--ac-lime);
}

mark,
.entry-content mark {
	background-color: rgba(198, 244, 77, 0.12);
	padding: 0.05em 0.35em;
	border-radius: 6px;
}

.tagcloud a,
.ast-taxonomy-container a {
	display: inline-block;
	border: 1px solid rgba(198, 244, 77, 0.35);
	border-radius: var(--ac-radius-pill);
	padding: 0.2em 0.9em;
	margin: 0.2em;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.tagcloud a:hover,
.ast-taxonomy-container a:hover {
	background-color: var(--ac-lime);
	color: #16142E;
}

/* Botón verde lima opcional */
.wp-block-button.is-style-lime .wp-block-button__link {
	background-color: var(--ac-lime);
	color: #16142E;
	box-shadow: 0 6px 18px -6px rgba(198, 244, 77, 0.4);
}

.wp-block-button.is-style-lime .wp-block-button__link:hover {
	box-shadow: 0 0 22px rgba(198, 244, 77, 0.5);
}

/* ==========================================================================
   10. Meta, fechas, anchos y detalles
   ========================================================================== */
.entry-meta,
.entry-meta a,
.ast-blog-meta-container,
.posted-on,
.post-meta {
	color: rgba(201, 198, 228, 0.7);
}

.entry-meta a:hover {
	color: var(--ac-accent);
}

blockquote {
	border-left: 3px solid var(--ac-accent);
	background-color: var(--ac-bg-alt);
	border-radius: 0 12px 12px 0;
	color: var(--ac-heading);
	font-family: var(--ac-font-serif);
	padding: 1.25rem 1.75rem;
}

hr,
.wp-block-separator {
	border-color: var(--ac-border);
	background-color: var(--ac-border);
}

/* Campos de formulario coherentes con el modo oscuro */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
	background-color: var(--ac-bg-alt);
	color: var(--ac-text);
	border: 1px solid var(--ac-border);
	border-radius: 12px;
}

input::placeholder,
textarea::placeholder {
	color: rgba(201, 198, 228, 0.5);
}

input:focus,
textarea:focus,
select:focus {
	border-color: var(--ac-accent);
	box-shadow: 0 0 0 2px rgba(139, 124, 246, 0.25);
	outline: none;
}

/* ==========================================================================
   11. Pie de página
   ========================================================================== */
.site-footer,
.ast-small-footer,
.footer-adv,
.ast-footer-overlay {
	background-color: transparent !important;
	background-image: none !important;
	color: var(--ac-text);
	border-top: 1px solid var(--ac-border);
}

.site-footer a,
.ast-small-footer a {
	color: var(--ac-accent);
}

.site-footer a:hover,
.ast-small-footer a:hover {
	color: var(--ac-accent-strong);
}

/* ==========================================================================
   12. Selección de texto
   ========================================================================== */
::selection {
	background-color: var(--ac-accent);
	color: #16142E;
}

/* ==========================================================================
   13. Bloques de Spectra (uagb-) — sobreescribe los colores fijados en bloque
   --------------------------------------------------------------------------
   Spectra suele aplicar colores y fondos con estilos en línea, así que aquí
   se usa !important para que el rediseño oscuro prevalezca. Los contenedores
   se vuelven translúcidos para que el degradado del body y el glow del hero
   se vean a través de toda la home.
   ========================================================================== */

/* Contenedores: dejan ver el fondo del body. Quitamos el color fijado. */
.wp-block-uagb-container,
.uagb-container-inner-blocks-wrap {
	background-color: transparent !important;
	background-image: none !important;
}

/* Más aire entre secciones de Spectra. */
.entry-content > .wp-block-uagb-container {
	padding-top: clamp(3rem, 6vw, 6rem) !important;
	padding-bottom: clamp(3rem, 6vw, 6rem) !important;
}

/* Titulares de Spectra (advanced heading) en blanco roto. */
.wp-block-uagb-advanced-heading .uagb-heading-text,
.uagb-heading-text,
.wp-block-uagb-advanced-heading .uagb-desc-text {
	font-family: var(--ac-font-serif) !important;
	color: var(--ac-heading) !important;
	-webkit-text-fill-color: var(--ac-heading) !important;
}

/* Subtítulo / descripción de Spectra en gris lavanda. */
.wp-block-uagb-advanced-heading .uagb-desc-text {
	font-family: var(--ac-font-sans) !important;
	color: var(--ac-text) !important;
	-webkit-text-fill-color: var(--ac-text) !important;
}

/* Titular principal (primer advanced heading del hero) con degradado de texto
   blanco -> lavanda, bien apreciable. */
.entry-content > .wp-block-uagb-container:first-of-type .uagb-heading-text,
.site-main > .wp-block-uagb-container:first-of-type .uagb-heading-text,
.wp-block-uagb-advanced-heading:first-of-type h1.uagb-heading-text {
	background-image: linear-gradient(105deg, #FFFFFF 0%, #F5F3EE 28%, #B5A9F9 100%) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	color: var(--ac-heading) !important; /* fallback */
}

/* Texto del cuerpo dentro de Spectra. */
.wp-block-uagb-container p,
.uagb-container-inner-blocks-wrap p,
.wp-block-uagb-info-box .uagb-ifb-desc {
	color: var(--ac-text) !important;
}

/* Enlaces de Spectra en lavanda. */
.wp-block-uagb-container a:not(.uagb-buttons-repeater):not(.wp-block-button__link):not(.uagb-button__link) {
	color: var(--ac-accent) !important;
}

/* Botones de Spectra al estilo píldora lavanda con degradado y glow. */
.wp-block-uagb-buttons-child .uagb-buttons-repeater,
.wp-block-uagb-buttons-child a.uagb-buttons-repeater,
.uagb-buttons-repeater,
.wp-block-uagb-buttons-child a,
.uagb-button__link,
.wp-block-uagb-buttons .wp-block-button__link {
	background: linear-gradient(135deg, var(--ac-accent) 0%, #6C5CE7 100%) !important;
	background-color: var(--ac-accent) !important;
	color: #FFFFFF !important;
	border: none !important;
	border-radius: var(--ac-radius-pill) !important;
	box-shadow: 0 8px 22px -8px var(--ac-glow) !important;
	font-weight: 600 !important;
	transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.15s ease !important;
}

.wp-block-uagb-buttons-child .uagb-buttons-repeater:hover,
.wp-block-uagb-buttons-child a.uagb-buttons-repeater:hover,
.uagb-buttons-repeater:hover,
.wp-block-uagb-buttons-child a:hover,
.uagb-button__link:hover,
.wp-block-uagb-buttons .wp-block-button__link:hover {
	background: linear-gradient(135deg, var(--ac-accent-strong) 0%, #7A68F0 100%) !important;
	color: #FFFFFF !important;
	box-shadow: 0 0 0 1px var(--ac-glow), 0 14px 40px -6px var(--ac-glow), 0 0 36px rgba(139, 124, 246, 0.6) !important;
	transform: translateY(-2px) !important;
}

/* El icono/flecha del botón hereda el color claro. */
.uagb-buttons-repeater .uagb-button__icon,
.uagb-buttons-repeater .uagb-button__icon svg {
	color: #FFFFFF !important;
	fill: #FFFFFF !important;
}

/* Tarjetas / info-box de Spectra con el mismo lenguaje que el resto. */
.wp-block-uagb-info-box,
.uagb-infobox,
.wp-block-uagb-container.uagb-is-style-card {
	background-image: linear-gradient(180deg, rgba(46, 41, 96, 0.50) 0%, rgba(30, 27, 58, 0.45) 100%) !important;
	background-color: rgba(30, 27, 58, 0.45) !important;
	border: 1px solid var(--ac-border) !important;
	border-radius: var(--ac-radius-card) !important;
	box-shadow: 0 18px 40px -24px rgba(0, 0, 0, 0.7) !important;
	-webkit-backdrop-filter: blur(2px) !important;
	backdrop-filter: blur(2px) !important;
}

/* Acento verde lima para precios/etiquetas de Spectra si se usan. */
.uagb-heading-text .uagb-lime,
.wp-block-uagb-container .price,
.wp-block-uagb-container .uagb-price {
	color: var(--ac-lime) !important;
	-webkit-text-fill-color: var(--ac-lime) !important;
}

/* ==========================================================================
   Newsletter MailerLite — integrada en la paleta índigo + violeta
   ========================================================================== */
.ml-form-embedContainer {
    background: transparent !important;
    background-color: transparent !important;
}

.ml-form-embedContainer .ml-form-embedWrapper {
    background: linear-gradient(160deg,
        rgba(139,124,247,0.16), rgba(43,31,87,0.55)) !important;
    background-color: transparent !important;
    border: 1px solid rgba(139,124,247,0.35) !important;
    border-radius: 14px !important;
    backdrop-filter: blur(4px);
    box-shadow: 0 0 40px rgba(139,124,247,0.12) !important;
}

/* Título ("NEWSLETTER") y textos */
.ml-form-embedContainer h4,
.ml-form-embedContainer .ml-form-embedHeader h4,
.ml-form-embedContainer .ml-form-embedContent h4 {
    color: #ffffff !important;
}

.ml-form-embedContainer p,
.ml-form-embedContainer label,
.ml-form-embedContainer .ml-form-embedContent p {
    color: #c9c2ec !important;
}

.ml-form-embedContainer a {
    color: #b9aef9 !important;
}

/* Campo de email */
.ml-form-embedContainer input[type="email"],
.ml-form-embedContainer input[type="text"],
.ml-form-embedContainer .ml-form-fieldRow input {
    background: rgba(255,255,255,0.07) !important;
    border: 1px solid rgba(139,124,247,0.4) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
}

.ml-form-embedContainer input::placeholder {
    color: #9a93bd !important;
}

/* Botón de suscripción */
.ml-form-embedContainer button,
.ml-form-embedContainer button.primary,
.ml-form-embedContainer .ml-form-embedSubmit button {
    background: linear-gradient(135deg, #8b7cf7, #6e5ce0) !important;
    border: none !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   Cuerpo de texto en Manrope — las líneas del contenido son h5/h6
   ========================================================================== */
.entry-content h5, .entry-content h6,
h5.uagb-heading-text, h6.uagb-heading-text,
h5 .uagb-heading-text, h6 .uagb-heading-text {
  font-family: 'Manrope', sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 400 !important;
  line-height: 2 !important;
  letter-spacing: 0.01em !important;
  margin-bottom: 1.5em !important;
  color: #D9D5EF !important;
  -webkit-text-fill-color: #D9D5EF !important;
}

/* Las frases entrecomilladas destacadas, algo más marcadas */
.entry-content h5 em, .entry-content h6 em {
  font-style: normal !important;
  font-weight: 600 !important;
  color: #C0B6EE !important;
  -webkit-text-fill-color: #C0B6EE !important;
}