/**
 * 05-hero-typography.css v5 - LIMPIO
 * - H1+H2+body centrados (excluyendo eyebrow)
 * - Eyebrow IZQUIERDA + 11px estilo pie de foto
 * - Frase emocional via ::after del hero (sin full-bleed)
 * - Pills hidden
 * - Pseudo de la franja DESACTIVADO
 */

/* ============ TIPOGRAFIA HERO DESKTOP ============ */
@media (min-width: 769px) {
    body.page-id-2036 .elementor-element.elementor-element-c2da8d4 h1.elementor-heading-title {
        font-size: clamp(40px, 6.5vw, 72px) !important;
        line-height: 1.05 !important;
        letter-spacing: -0.015em !important;
        margin-bottom: 0.4em !important;
    }
    body.page-id-2036 .elementor-element.elementor-element-c2da8d4 h2.elementor-heading-title {
        font-size: clamp(20px, 2.8vw, 28px) !important;
        line-height: 1.4 !important;
        margin-top: 0.4em !important;
        margin-bottom: 1.4em !important;
    }
    body.page-id-2036 .elementor-element.elementor-element-c2da8d4 .elementor-element:not(.elementor-element-767ac57) .elementor-widget-text-editor p {
        font-size: clamp(16px, 1.2vw, 19px) !important;
        line-height: 1.7 !important;
        max-width: 600px;
        opacity: 0.95;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    body.page-id-2036 .elementor-element.elementor-element-92450ed.e-con > .e-con-inner {
        gap: 8px !important;
    }
}

/* ============ TIPOGRAFIA HERO MOBILE ============ */
@media (max-width: 768px) {
    body.page-id-2036 .elementor-element.elementor-element-c2da8d4 h1.elementor-heading-title {
        font-size: clamp(32px, 9vw, 44px) !important;
        line-height: 1.1 !important;
        letter-spacing: -0.01em !important;
    }
    body.page-id-2036 .elementor-element.elementor-element-c2da8d4 h2.elementor-heading-title {
        font-size: clamp(18px, 4.5vw, 22px) !important;
        line-height: 1.45 !important;
    }
    body.page-id-2036 .elementor-element.elementor-element-c2da8d4 .elementor-element:not(.elementor-element-767ac57) .elementor-widget-text-editor p {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }
}

/* ============ CENTRADO HERO (excluyendo eyebrow) ============ */
body.page-id-2036 .elementor-element.elementor-element-92450ed h1,
body.page-id-2036 .elementor-element.elementor-element-92450ed h2,
body.page-id-2036 .elementor-element.elementor-element-c2da8d4 .elementor-element:not(.elementor-element-767ac57) .elementor-widget-text-editor p {
    text-align: center !important;
}
body.page-id-2036 .elementor-element.elementor-element-92450ed,
body.page-id-2036 .elementor-element.elementor-element-92450ed > .e-con-inner {
    align-items: center !important;
}
body.page-id-2036 .elementor-element.elementor-element-3df1611 {
    justify-content: center !important;
}

/* ============ EYEBROW IZQUIERDA + PIE DE FOTO ============
 * Specificity (0,7,3) para vencer cualquier regla legacy.
 * Centro Natural Area Zentro · Plasencia · Caceres
 */
html body.page-id-2036 .elementor-element.elementor-element-c2da8d4 .elementor-element.elementor-element-767ac57.elementor-widget-text-editor p,
html body.page-id-2036 .elementor-element.elementor-element-c2da8d4 .elementor-element.elementor-element-767ac57 .elementor-widget-container .elementor-widget-text-editor p {
    font-size: 11px !important;
    text-align: left !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    opacity: 0.75 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
    max-width: none !important;
}
body.page-id-2036 .elementor-element.elementor-element-767ac57 {
    align-self: flex-start !important;
    width: 100% !important;
    text-align: left !important;
}
body.page-id-2036 .elementor-element.elementor-element-767ac57 .elementor-widget-container,
body.page-id-2036 .elementor-element.elementor-element-767ac57 .elementor-widget-text-editor {
    text-align: left !important;
}

@media (max-width: 768px) {
    html body.page-id-2036 .elementor-element.elementor-element-c2da8d4 .elementor-element.elementor-element-767ac57.elementor-widget-text-editor p,
    html body.page-id-2036 .elementor-element.elementor-element-c2da8d4 .elementor-element.elementor-element-767ac57 .elementor-widget-container .elementor-widget-text-editor p {
        font-size: 10px !important;
        letter-spacing: 0.14em !important;
        text-align: left !important;
    }
}

/* ============ PILLS HIDDEN ============ */
body.page-id-2036 .elementor-element.elementor-element-6ea992f {
    display: none !important;
}

/* ============ FRASE EMOCIONAL via ::after del hero ============ */
body.page-id-2036 .elementor-element.elementor-element-92450ed::after { content: none !important; display: none !important; }
@media (max-width: 768px) { body.page-id-2036 .elementor-element.elementor-element-92450ed::after { content: none !important; display: none !important; } }

/* ============ FRANJA SERVICIOS - LIMPIEZA ============ */
body.page-id-2036 .elementor-element.elementor-element-f4771ad::before,
body.page-id-2036 .elementor-element.elementor-element-f4771ad::after {
    content: none !important;
    display: none !important;
}


/* ============ HERO PADDING-TOP DESKTOP (no quede bajo header fixed) ============ */
@media (min-width: 769px) {
    body.page-id-2036 .elementor-element.elementor-element-c2da8d4 {
        padding-top: 130px !important;
    }
}
@media (max-width: 768px) {
    body.page-id-2036 .elementor-element.elementor-element-c2da8d4 {
        padding-top: 90px !important;
    }
}

/* ============ WHATSAPP/CHATY MOBILE - FORZAR DERECHA ============ */
@media (max-width: 768px) {
    .chaty.chaty-widget-0,
    .chaty-widget,
    div.chaty {
        right: 18px !important;
        left: auto !important;
        bottom: 20px !important;
        transform: none !important;
        margin: 0 !important;
    }
    .chaty-channel,
    .chaty-channel.Whatsapp-channel-link,
    .chaty-channel.single,
    .chaty-channel.chaty-cta-close {
        right: 0 !important;
        left: auto !important;
    }
}


/* ============ HERO PADDING-TOP HARDENED (specificity 0,5,2) ============ */
@media (min-width: 769px) {
    html body.page-id-2036 .elementor.elementor-2036 > .elementor-element.elementor-element-c2da8d4,
    html body.home.page-id-2036 .elementor > .elementor-element.elementor-element-c2da8d4 {
        padding-top: 130px !important;
    }
}
@media (max-width: 768px) {
    html body.page-id-2036 .elementor.elementor-2036 > .elementor-element.elementor-element-c2da8d4,
    html body.home.page-id-2036 .elementor > .elementor-element.elementor-element-c2da8d4 {
        padding-top: 90px !important;
    }
}

/* ============ BLOQUE 'EL CENTRO' - 4 CAJAS ELEGANTES ============
 * Los 4 text-editors del col derecho 9dd6b00:
 *   ac5e1e1, ca5a007, f05aad9, 5b6aca5
 */
body.page-id-2036 .elementor-element.elementor-element-9dd6b00 > .e-con-inner > .elementor-element-ac5e1e1,
body.page-id-2036 .elementor-element.elementor-element-9dd6b00 > .e-con-inner > .elementor-element-ca5a007,
body.page-id-2036 .elementor-element.elementor-element-9dd6b00 > .e-con-inner > .elementor-element-f05aad9,
body.page-id-2036 .elementor-element.elementor-element-9dd6b00 > .e-con-inner > .elementor-element-5b6aca5,
body.page-id-2036 .elementor-element-ac5e1e1,
body.page-id-2036 .elementor-element-ca5a007,
body.page-id-2036 .elementor-element-f05aad9,
body.page-id-2036 .elementor-element-5b6aca5 {
    background: rgba(255, 255, 255, 0.55) !important;
    border: 1px solid rgba(196, 155, 87, 0.28) !important;
    border-left: 3px solid #C49B57 !important;
    border-radius: 14px !important;
    padding: 22px 26px !important;
    margin-bottom: 14px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    box-shadow: 0 1px 3px rgba(30, 36, 25, 0.04);
}
body.page-id-2036 .elementor-element-ac5e1e1:hover,
body.page-id-2036 .elementor-element-ca5a007:hover,
body.page-id-2036 .elementor-element-f05aad9:hover,
body.page-id-2036 .elementor-element-5b6aca5:hover {
    transform: translateX(4px) !important;
    box-shadow: 0 4px 14px rgba(196, 155, 87, 0.18) !important;
    border-left-width: 4px !important;
}

/* Tipografía interna de las cajas: clean + dark green */
body.page-id-2036 .elementor-element-ac5e1e1 p,
body.page-id-2036 .elementor-element-ca5a007 p,
body.page-id-2036 .elementor-element-f05aad9 p,
body.page-id-2036 .elementor-element-5b6aca5 p {
    color: #2A3124 !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
    margin: 0 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

@media (max-width: 768px) {
    body.page-id-2036 .elementor-element-ac5e1e1,
    body.page-id-2036 .elementor-element-ca5a007,
    body.page-id-2036 .elementor-element-f05aad9,
    body.page-id-2036 .elementor-element-5b6aca5 {
        padding: 18px 20px !important;
        margin-bottom: 12px !important;
    }
    body.page-id-2036 .elementor-element-ac5e1e1 p,
    body.page-id-2036 .elementor-element-ca5a007 p,
    body.page-id-2036 .elementor-element-f05aad9 p,
    body.page-id-2036 .elementor-element-5b6aca5 p {
        font-size: 15px !important;
    }
}






/* ============ PROCESOS CARDS - pulido tipográfico (peso + ritmo) ============ */

/* Bloque meta separa de h3 con respiración */
body.page-id-2036 .elementor-element-e7fccc5 .az-card-meta {
    margin-top: 22px;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* PREGUNTA - italic con peso 500 (no 400) para legibilidad */
body.page-id-2036 .elementor-element-e7fccc5 .az-card-question {
    font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif !important;
    font-style: italic !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    color: #2A3124 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    opacity: 1 !important;
}

/* Separador visual sutil entre pregunta y microcopy: punto dorado pequeño */
body.page-id-2036 .elementor-element-e7fccc5 .az-card-question::after {
    content: '';
    display: block;
    width: 28px;
    height: 1px;
    background: rgba(196, 155, 87, 0.45);
    margin-top: 14px;
}

/* MICROCOPY - peso 450 para legibilidad sin engordar */
body.page-id-2036 .elementor-element-e7fccc5 .az-card-microcopy {
    font-family: 'Alexandria', 'Inter', sans-serif !important;
    font-size: 14.5px !important;
    line-height: 1.6 !important;
    color: #2A3124 !important;
    opacity: 0.88 !important;
    margin: 0 !important;
    font-weight: 400 !important;
}

/* PRUEBA SOCIAL - italic con peso 600 + separador visual */
body.page-id-2036 .elementor-element-e7fccc5 .az-card-proof {
    font-family: 'Alexandria', 'Inter', sans-serif !important;
    font-size: 12.5px !important;
    line-height: 1.5 !important;
    color: #C49B57 !important;
    margin: 0 !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(196, 155, 87, 0.20) !important;
    font-style: italic !important;
    letter-spacing: 0.03em !important;
    font-weight: 600 !important;
}

@media (max-width: 768px) {
    body.page-id-2036 .elementor-element-e7fccc5 .az-card-meta {
        gap: 14px;
        margin-top: 18px;
    }
    body.page-id-2036 .elementor-element-e7fccc5 .az-card-question {
        font-size: 16.5px !important;
    }
    body.page-id-2036 .elementor-element-e7fccc5 .az-card-microcopy {
        font-size: 13.5px !important;
    }
    body.page-id-2036 .elementor-element-e7fccc5 .az-card-proof {
        font-size: 11.5px !important;
        padding-top: 10px !important;
    }
}


/* ============ PROCESOS CARDS - pulido tipográfico (peso + ritmo) ============ */

/* Bloque meta separa de h3 con respiración */
body.page-id-2036 .elementor-element-e7fccc5 .az-card-meta {
    margin-top: 22px;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* PREGUNTA - italic con peso 500 (no 400) para legibilidad */
body.page-id-2036 .elementor-element-e7fccc5 .az-card-question {
    font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif !important;
    font-style: italic !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    color: #2A3124 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    opacity: 1 !important;
}

/* Separador visual sutil entre pregunta y microcopy: punto dorado pequeño */
body.page-id-2036 .elementor-element-e7fccc5 .az-card-question::after {
    content: '';
    display: block;
    width: 28px;
    height: 1px;
    background: rgba(196, 155, 87, 0.45);
    margin-top: 14px;
}

/* MICROCOPY - peso 450 para legibilidad sin engordar */
body.page-id-2036 .elementor-element-e7fccc5 .az-card-microcopy {
    font-family: 'Alexandria', 'Inter', sans-serif !important;
    font-size: 14.5px !important;
    line-height: 1.6 !important;
    color: #2A3124 !important;
    opacity: 0.88 !important;
    margin: 0 !important;
    font-weight: 400 !important;
}

/* PRUEBA SOCIAL - italic con peso 600 + separador visual */
body.page-id-2036 .elementor-element-e7fccc5 .az-card-proof {
    font-family: 'Alexandria', 'Inter', sans-serif !important;
    font-size: 12.5px !important;
    line-height: 1.5 !important;
    color: #C49B57 !important;
    margin: 0 !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(196, 155, 87, 0.20) !important;
    font-style: italic !important;
    letter-spacing: 0.03em !important;
    font-weight: 600 !important;
}

@media (max-width: 768px) {
    body.page-id-2036 .elementor-element-e7fccc5 .az-card-meta {
        gap: 14px;
        margin-top: 18px;
    }
    body.page-id-2036 .elementor-element-e7fccc5 .az-card-question {
        font-size: 16.5px !important;
    }
    body.page-id-2036 .elementor-element-e7fccc5 .az-card-microcopy {
        font-size: 13.5px !important;
    }
    body.page-id-2036 .elementor-element-e7fccc5 .az-card-proof {
        font-size: 11.5px !important;
        padding-top: 10px !important;
    }
}


/* ============ MOBILE - REVERTIR display:none (texto + mapa) ============ */
@media (max-width: 768px) {
    /* Sección mapa Google */
    html body.page-id-2036 .elementor-element.elementor-element-fa4aa4e {
        display: block !important;
        height: 360px !important;
    }
    /* Text-editors de Terapias integrativas (descripciones de cada terapia) */
    html body.page-id-2036 .elementor-element.elementor-element-2fb838c .elementor-widget-text-editor {
        display: block !important;
    }
}

/* ============ HAMBURGER ICON THICKER (v3 - sin romper open/close) ============ */
@media (max-width: 1024px) {
    html body .elementor-menu-toggle,
    html body .elementor-element .elementor-menu-toggle {
        font-size: 36px !important;
        width: 56px !important;
        height: 56px !important;
        padding: 10px !important;
    }
    /* Solo aplicar tamaño al SVG, NO forzar display: block */
    html body .elementor-menu-toggle svg.e-font-icon-svg {
        width: 1em !important;
        height: 1em !important;
    }
}

/* ============ MOBILE - REVERTIR display:none (texto + mapa) ============ */
@media (max-width: 768px) {
    /* Sección mapa Google */
    html body.page-id-2036 .elementor-element.elementor-element-fa4aa4e {
        display: block !important;
        height: 360px !important;
    }
    /* Text-editors de Terapias integrativas (descripciones de cada terapia) */
    html body.page-id-2036 .elementor-element.elementor-element-2fb838c .elementor-widget-text-editor {
        display: block !important;
    }
}

/* ============ HEADER GLASSMORPHISM SCROLLED v2 (specificity ID) ============
 * El navbar tiene id #site-navbar. Subimos specificity con html body para vencer
 * la regla legacy (1,1,1) y aplicar nuestra vidriera verde.
 */
html body.az-scrolled #site-navbar,
html body.az-scrolled .elementor-location-header #site-navbar {
    background: rgba(30, 36, 25, 0.10) !important;
    background-color: rgba(30, 36, 25, 0.10) !important;
    -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
    backdrop-filter: blur(28px) saturate(180%) !important;
    border: 1px solid rgba(196, 155, 87, 0.22) !important;
    box-shadow: 0 6px 28px rgba(30, 36, 25, 0.22), 0 1px 2px rgba(196, 155, 87, 0.10) !important;
    transition: background 0.4s ease, backdrop-filter 0.4s ease, box-shadow 0.4s ease !important;
}

/* Estado normal (sin scroll): transparente sutil */
html body:not(.az-scrolled) #site-navbar {
    transition: background 0.4s ease, backdrop-filter 0.4s ease, box-shadow 0.4s ease !important;
}


/* ============ HEADER GLASSMORPHISM SCROLLED v2 (specificity ID) ============
 * El navbar tiene id #site-navbar. Subimos specificity con html body para vencer
 * la regla legacy (1,1,1) y aplicar nuestra vidriera verde.
 */
html body.az-scrolled #site-navbar,
html body.az-scrolled .elementor-location-header #site-navbar {
    background: rgba(30, 36, 25, 0.10) !important;
    background-color: rgba(30, 36, 25, 0.10) !important;
    -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
    backdrop-filter: blur(28px) saturate(180%) !important;
    border: 1px solid rgba(196, 155, 87, 0.22) !important;
    box-shadow: 0 6px 28px rgba(30, 36, 25, 0.22), 0 1px 2px rgba(196, 155, 87, 0.10) !important;
    transition: background 0.4s ease, backdrop-filter 0.4s ease, box-shadow 0.4s ease !important;
}

/* Estado normal (sin scroll): transparente sutil */
html body:not(.az-scrolled) #site-navbar {
    transition: background 0.4s ease, backdrop-filter 0.4s ease, box-shadow 0.4s ease !important;
}


/* ============ HAMBURGER BORDER EXTERNO ============ */
@media (max-width: 1024px) {
    html body .elementor-menu-toggle,
    html body .elementor-element .elementor-menu-toggle {
        border: 2px solid currentColor !important;
        border-radius: 14px !important;
        background: rgba(245, 239, 231, 0.06) !important;
    }
    html body .elementor-menu-toggle:hover,
    html body .elementor-menu-toggle:focus {
        background: rgba(245, 239, 231, 0.12) !important;
    }
}


/* ============ MOBILE OVERFLOW FIX (descolocado) ============ */
@media (max-width: 768px) {
    /* Forzar no-overflow en HTML/body */
    html, body {
        overflow-x: hidden !important;
        max-width: 100vw !important;
        width: 100% !important;
    }

    /* Containers principales del home: forzar ancho viewport */
    body.page-id-2036 .elementor-element.elementor-element-c2da8d4,
    body.page-id-2036 .elementor-element.elementor-element-92450ed,
    body.page-id-2036 .elementor-element.elementor-element-92450ed > .e-con-inner,
    body.page-id-2036 .elementor-element.elementor-element-f4771ad,
    body.page-id-2036 .elementor-element.elementor-element-6b72ba0,
    body.page-id-2036 .elementor-element.elementor-element-d78ad8d,
    body.page-id-2036 .elementor-element.elementor-element-2fb838c,
    body.page-id-2036 .elementor-element.elementor-element-e7fccc5,
    body.page-id-2036 .elementor-element.elementor-element-8bc0768,
    body.page-id-2036 .elementor-element.elementor-element-1968c9b,
    body.page-id-2036 .elementor-element.elementor-element-f5172bc,
    body.page-id-2036 .elementor-element.elementor-element-6f312d6,
    body.page-id-2036 .elementor-element.elementor-element-130fdbd {
        max-width: 100vw !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
    }

    /* Reset de texto-align al center en hero */
    body.page-id-2036 .elementor-element-c2da8d4 h1,
    body.page-id-2036 .elementor-element-c2da8d4 h2 {
        text-align: center !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Eyebrow centrado en mobile (no left como en desktop) */
    body.page-id-2036 .elementor-element-767ac57 p {
        text-align: center !important;
    }

    /* Body p del hero */
    body.page-id-2036 .elementor-element-c2da8d4 .elementor-widget-text-editor p {
        text-align: center !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* CTAs row */
    body.page-id-2036 .elementor-element-3df1611 {
        flex-direction: column !important;
        gap: 12px !important;
        max-width: 100% !important;
        width: 100% !important;
        align-items: center !important;
    }

    /* Franja gold full-width sin padding LR */
    body.page-id-2036 .elementor-element-f4771ad {
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: hidden !important;
    }
    body.page-id-2036 .elementor-element-f4771ad > .e-con-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    /* Cards y widgets en general - prevenir overflow */
    body.page-id-2036 .elementor-element.e-con,
    body.page-id-2036 .elementor-element.e-con-inner {
        max-width: 100% !important;
    }

    /* Imagenes responsive */
    body.page-id-2036 img {
        max-width: 100% !important;
        height: auto !important;
    }
}

@media (max-width: 480px) {
    body.page-id-2036 .elementor-element.elementor-element-c2da8d4,
    body.page-id-2036 .elementor-element.elementor-element-92450ed,
    body.page-id-2036 .elementor-element.elementor-element-6b72ba0,
    body.page-id-2036 .elementor-element.elementor-element-d78ad8d,
    body.page-id-2036 .elementor-element.elementor-element-2fb838c,
    body.page-id-2036 .elementor-element.elementor-element-e7fccc5,
    body.page-id-2036 .elementor-element.elementor-element-8bc0768,
    body.page-id-2036 .elementor-element.elementor-element-1968c9b,
    body.page-id-2036 .elementor-element.elementor-element-f5172bc,
    body.page-id-2036 .elementor-element.elementor-element-6f312d6,
    body.page-id-2036 .elementor-element.elementor-element-130fdbd {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}


/* ============ HEADER VIDRIERA VERDE FINAL ============
 * Override final del glassmorphism. Verde mas opaco + sin borde gold
 * para que el tinte sea claramente verde traslucido (vidriera) y no se mezcle
 * con los calidos del hero produciendo un efecto anaranjado.
 * Specificity: html body #id (0,1,2) + clase para no-scrolled.
 * ====================================================================== */

/* Estado base (top de pagina, sin scroll) - vidriera verde sutil */
html body #site-navbar,
html body .elementor-location-header #site-navbar,
html body #site-navbar.elementor-element-270d6d4 {
    background: rgba(30, 36, 25, 0.32) !important;
    background-color: rgba(30, 36, 25, 0.32) !important;
    -webkit-backdrop-filter: blur(22px) saturate(160%) !important;
    backdrop-filter: blur(22px) saturate(160%) !important;
    border: none !important;
    border-bottom: 1px solid rgba(245, 239, 231, 0.10) !important;
    box-shadow: 0 6px 24px rgba(30, 36, 25, 0.18) !important;
    transition: background 0.4s ease, backdrop-filter 0.4s ease, box-shadow 0.4s ease !important;
}

/* Estado scroll - vidriera verde mas marcada */
html body.az-scrolled #site-navbar,
html body.az-scrolled .elementor-location-header #site-navbar,
html body.az-scrolled #site-navbar.elementor-element-270d6d4 {
    background: rgba(30, 36, 25, 0.45) !important;
    background-color: rgba(30, 36, 25, 0.45) !important;
    -webkit-backdrop-filter: blur(30px) saturate(180%) !important;
    backdrop-filter: blur(30px) saturate(180%) !important;
    border: none !important;
    border-bottom: 1px solid rgba(245, 239, 231, 0.14) !important;
    box-shadow: 0 8px 32px rgba(30, 36, 25, 0.28) !important;
}

/* Mobile: blur algo menor para performance */
@media (max-width: 768px) {
    html body #site-navbar,
    html body.az-scrolled #site-navbar {
        -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
        backdrop-filter: blur(16px) saturate(160%) !important;
    }
}


/* ============ AESTHETIC FIXES BLOG + FLORAL ============ */

/* --- BLOG SINGLE POST: ancho de lectura + tipografia AZ --- */
body.single-post .site-main {
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 130px 32px 80px !important;
}
body.single-post .page-header {
    text-align: center !important;
    margin-bottom: 36px !important;
    padding-bottom: 24px !important;
    border-bottom: 1px solid rgba(196, 155, 87, 0.25) !important;
}
body.single-post .page-header .entry-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: clamp(1.85rem, 3.5vw, 2.4rem) !important;
    color: #2A3124 !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
}
body.single-post .page-content {
    font-family: 'Alexandria', sans-serif !important;
    font-size: 1.02rem !important;
    line-height: 1.78 !important;
    color: #3A3A33 !important;
}
body.single-post .page-content > h1 {
    display: none !important;
}
body.single-post .page-content h2 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.6rem !important;
    color: #2A3124 !important;
    margin-top: 40px !important;
    margin-bottom: 14px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}
body.single-post .page-content h3 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.28rem !important;
    color: #2A3124 !important;
    margin-top: 28px !important;
    margin-bottom: 10px !important;
    font-weight: 600 !important;
}
body.single-post .page-content p {
    margin: 0 0 16px 0 !important;
}
body.single-post .page-content ul,
body.single-post .page-content ol {
    margin: 16px 0 18px 28px !important;
    line-height: 1.78 !important;
}
body.single-post .page-content li {
    margin-bottom: 8px !important;
}
body.single-post .page-content a {
    color: #B58A4A !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    text-decoration-color: rgba(196, 155, 87, 0.45) !important;
}
body.single-post .page-content a:hover {
    color: #2A3124 !important;
    text-decoration-color: #2A3124 !important;
}
body.single-post .page-content strong {
    color: #2A3124 !important;
}
body.single-post .page-content blockquote {
    border-left: 3px solid #C49B57 !important;
    margin: 28px 0 !important;
    padding: 14px 26px !important;
    background: rgba(245, 239, 231, 0.5) !important;
    font-style: italic !important;
    border-radius: 0 14px 14px 0 !important;
}
body.single-post .page-content hr {
    border: none !important;
    border-top: 1px solid rgba(196, 155, 87, 0.30) !important;
    margin: 40px auto !important;
    width: 60% !important;
}
body.single-post .page-content img {
    border-radius: 14px !important;
    margin: 18px 0 !important;
}
@media (max-width: 768px) {
    body.single-post .site-main {
        padding: 90px 22px 50px !important;
    }
    body.single-post .page-content {
        font-size: 1rem !important;
    }
    body.single-post .page-content h2 {
        font-size: 1.4rem !important;
    }
}

/* --- TERAPIA FLORAL: alineacion paleta + tipografia AZ --- */
body.page-id-4403 .site-main {
    padding-top: 130px !important;
    background: linear-gradient(180deg, #2A3124 0px, #2A3124 280px, #FFFFFF 280px) !important;
}
body.page-id-4403 .page-header {
    text-align: center !important;
    padding: 0 24px 32px !important;
    margin: 0 auto 0 !important;
    max-width: 920px !important;
    border: none !important;
}
body.page-id-4403 .page-header .entry-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: clamp(2rem, 4.5vw, 2.8rem) !important;
    color: #F5EFE7 !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    letter-spacing: 0.005em !important;
}
body.page-id-4403 .az-tfv-wrap {
    font-family: 'Alexandria', 'Inter', sans-serif !important;
    color: #3A3A33 !important;
    max-width: 920px !important;
    padding: 0 32px 60px !important;
    margin: 0 auto !important;
}
body.page-id-4403 .az-tfv-eyebrow {
    font-family: 'Alexandria', sans-serif !important;
    color: #C49B57 !important;
    letter-spacing: 0.08em !important;
    font-weight: 600 !important;
}
body.page-id-4403 .az-tfv-intro {
    background: #F5EFE7 !important;
    border: 1px solid rgba(196, 155, 87, 0.18) !important;
    border-left: 4px solid #C49B57 !important;
    border-radius: 14px !important;
    padding: 32px 36px !important;
    margin: -36px 0 40px !important;
    box-shadow: 0 8px 24px rgba(30, 36, 25, 0.10) !important;
    position: relative !important;
    z-index: 2 !important;
}
body.page-id-4403 .az-tfv-intro h2,
body.page-id-4403 .az-tfv-section-h {
    font-family: 'Cormorant Garamond', serif !important;
    color: #2A3124 !important;
    font-weight: 600 !important;
    letter-spacing: 0.005em !important;
}
body.page-id-4403 .az-tfv-intro h2 { font-size: 1.7rem !important; line-height: 1.3 !important; }
body.page-id-4403 .az-tfv-section-h { font-size: 1.55rem !important; margin: 50px 0 16px !important; }
body.page-id-4403 .az-tfv-intro p,
body.page-id-4403 .az-tfv-body p {
    color: #3A3A33 !important;
    line-height: 1.78 !important;
}
body.page-id-4403 .az-tfv-body strong { color: #2A3124 !important; }
body.page-id-4403 .az-tfv-card,
body.page-id-4403 .az-tfv-tnai,
body.page-id-4403 .az-tfv-systems {
    background: #FFFFFF !important;
    border: 1px solid rgba(196, 155, 87, 0.22) !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 12px rgba(30, 36, 25, 0.05) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
body.page-id-4403 .az-tfv-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(30, 36, 25, 0.10) !important;
}
body.page-id-4403 .az-tfv-card h3,
body.page-id-4403 .az-tfv-tnai h3,
body.page-id-4403 .az-tfv-systems h3 {
    font-family: 'Cormorant Garamond', serif !important;
    color: #2A3124 !important;
    font-weight: 600 !important;
}
body.page-id-4403 .az-tfv-tnai .az-tfv-tnai-tag {
    background: #2A3124 !important;
    color: #F5EFE7 !important;
    font-family: 'Alexandria', sans-serif !important;
    letter-spacing: 0.08em !important;
}
body.page-id-4403 .az-tfv-cta {
    background: linear-gradient(135deg, #2A3124 0%, #1E2419 100%) !important;
    border-radius: 18px !important;
    padding: 48px 36px !important;
    box-shadow: 0 12px 32px rgba(30, 36, 25, 0.18) !important;
}
body.page-id-4403 .az-tfv-cta h3 {
    font-family: 'Cormorant Garamond', serif !important;
    color: #F5EFE7 !important;
    font-size: 1.65rem !important;
    font-weight: 600 !important;
}
body.page-id-4403 .az-tfv-cta p {
    color: rgba(245, 239, 231, 0.85) !important;
}
body.page-id-4403 .az-tfv-btn {
    background: #C49B57 !important;
    color: #FFFFFF !important;
    font-family: 'Alexandria', sans-serif !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    letter-spacing: 0.02em !important;
}
body.page-id-4403 .az-tfv-btn:hover {
    background: #B58A4A !important;
    box-shadow: 0 8px 22px rgba(196, 155, 87, 0.35) !important;
}
body.page-id-4403 .az-tfv-divider {
    background: linear-gradient(90deg, transparent, rgba(196,155,87,0.30), transparent) !important;
}
body.page-id-4403 .az-tfv-disclaimer {
    color: #6F6A60 !important;
    border-top: 1px solid rgba(196, 155, 87, 0.25) !important;
    font-family: 'Alexandria', sans-serif !important;
}
@media (max-width: 768px) {
    body.page-id-4403 .site-main {
        background: linear-gradient(180deg, #2A3124 0px, #2A3124 220px, #FFFFFF 220px) !important;
        padding-top: 100px !important;
    }
    body.page-id-4403 .az-tfv-wrap { padding: 0 20px 40px !important; }
    body.page-id-4403 .az-tfv-intro { padding: 26px 22px !important; margin: -24px 0 32px !important; }
    body.page-id-4403 .az-tfv-cta { padding: 32px 22px !important; }
}


/* ============ HEADER CLEARANCE OVERRIDE v1 ============
 * Sube padding-top para clearance del header fijo de 2 tiempos (topbar + navbar).
 * Floral: quita hero verde alto porque page-header H1 no es visible.
 * ====================================================================== */

body.single-post .site-main {
    padding-top: 200px !important;
}
@media (max-width: 768px) {
    body.single-post .site-main {
        padding-top: 110px !important;
    }
}

body.page-id-4403 .site-main {
    padding-top: 200px !important;
    background: #FFFFFF !important;
}
body.page-id-4403 .az-tfv-intro {
    margin: 0 0 36px 0 !important;
}
@media (max-width: 768px) {
    body.page-id-4403 .site-main {
        padding-top: 110px !important;
    }
}


/* FLORAL ELEMENTOR MIGRATION OVERRIDE - cancela rules previas anti-overlap del header
     * porque ahora la 4403 usa el dark hero estandar de las terapias (pull-up).
     */
body.page-id-4403 .site-main {
    padding-top: 0 !important;
    background: transparent !important;
}