/**
 * 00-customizer-legacy.css
 *
 * Migrado desde wp-custom-css del Customizer (post 3305, 'hello-elementor')
 * Fecha: 2026-04-26T23:05:20+00:00
 * Tamano original: 47341 bytes
 *
 * Este archivo conserva todos los overrides historicos del Customizer.
 * Sera refactorizado en archivos modulares (01-base, 02-layout, etc) en FASE 5.x.
 */

/* === OCULTAR PAGE-HEADER EN PÁGINAS ELEMENTOR === */
.elementor-page .page-header,
body.page .page-header {
    display: none !important;
}

/* === FIX: ELIMINAR PADDING-TOP DE 95PX EN PÁGINAS DE TERAPIAS === */
/* Estas páginas tienen su propio hero oscuro que maneja el offset del header */
body.page-id-3642 .site-main,
body.page-id-3646 .site-main,
body.page-id-3644 .site-main,
body.page-id-3645 .site-main,
body.page-id-3643 .site-main,
body.page-id-4403 .site-main,
body.page-id-4444 .site-main,
body.page-id-4445 .site-main,
body.page-id-4446 .site-main,
body.page-id-4447 .site-main,
body.page-id-4448 .site-main,
body.page-id-4449 .site-main,
body.page-id-4464 .site-main,
body.page-id-3648 .site-main,
body.page-id-3647 .site-main,
body.page-id-24 .site-main,
body.page-id-4136 .site-main,
body.page-id-4031 .site-main,
body.page-id-4032 .site-main,
body.page-id-4033 .site-main,
body.page-id-4034 .site-main,
body.page-id-3321 .site-main,
body.page-id-1974 .site-main {
    padding-top: 0 !important;
}

/* === FIX: HERO CON FONDO OSCURO - compensar header fijo === */
/* El hero debe cubrir desde el top del viewport (bajo el header de 158px total) */
/* Hacemos que el primer container de estas páginas cubra el header visualmente */
body.page-id-3642 .elementor-3642 > .e-con:first-child,
body.page-id-3646 .elementor-3646 > .e-con:first-child,
body.page-id-3644 .elementor-3644 > .e-con:first-child,
body.page-id-3645 .elementor-3645 > .e-con:first-child,
body.page-id-3643 .elementor-3643 > .e-con:first-child,
body.page-id-4403 .elementor-4403 > .e-con:first-child,
body.page-id-4444 .elementor-4444 > .e-con:first-child,
body.page-id-4445 .elementor-4445 > .e-con:first-child,
body.page-id-4446 .elementor-4446 > .e-con:first-child,
body.page-id-4447 .elementor-4447 > .e-con:first-child,
body.page-id-4448 .elementor-4448 > .e-con:first-child,
body.page-id-4449 .elementor-4449 > .e-con:first-child,
body.page-id-4464 .elementor-4464 > .e-con:first-child,
body.page-id-3648 .elementor-3648 > .e-con:first-child,
body.page-id-3647 .elementor-3647 > .e-con:first-child,
body.page-id-4031 .elementor-4031 > .e-con:first-child,
body.page-id-4032 .elementor-4032 > .e-con:first-child,
body.page-id-4033 .elementor-4033 > .e-con:first-child,
body.page-id-4034 .elementor-4034 > .e-con:first-child {
    padding-top: 158px !important;
    margin-top: 0 !important;
}

/* Mobile: header más pequeño (topbar oculto, navbar ~64px) */
@media (max-width: 767px) {
    body.page-id-3642 .elementor-3642 > .e-con:first-child,
    body.page-id-3646 .elementor-3646 > .e-con:first-child,
    body.page-id-3644 .elementor-3644 > .e-con:first-child,
    body.page-id-3645 .elementor-3645 > .e-con:first-child,
    body.page-id-3643 .elementor-3643 > .e-con:first-child,
    body.page-id-4403 .elementor-4403 > .e-con:first-child,
body.page-id-4444 .elementor-4444 > .e-con:first-child,
body.page-id-4445 .elementor-4445 > .e-con:first-child,
body.page-id-4446 .elementor-4446 > .e-con:first-child,
body.page-id-4447 .elementor-4447 > .e-con:first-child,
body.page-id-4448 .elementor-4448 > .e-con:first-child,
body.page-id-4449 .elementor-4449 > .e-con:first-child,
body.page-id-4464 .elementor-4464 > .e-con:first-child,
body.page-id-3648 .elementor-3648 > .e-con:first-child,
    body.page-id-3647 .elementor-3647 > .e-con:first-child,
    body.page-id-4031 .elementor-4031 > .e-con:first-child,
    body.page-id-4032 .elementor-4032 > .e-con:first-child,
    body.page-id-4033 .elementor-4033 > .e-con:first-child,
    body.page-id-4034 .elementor-4034 > .e-con:first-child {
        padding-top: 80px !important;
    }
}

/* === LIMITAR TAMAÑO FOTO JAVIER EN ESCRITORIO === */
@media (min-width: 768px) {
    .elementor-element-410d911 img {
        max-height: 500px;
        width: auto !important;
        max-width: 100%;
        object-fit: contain;
        height: auto;
    }
}







/* === BOTÓN "RESERVA TU CITA" DEL HEADER === */
/* Estado inicial (arriba del todo): verde de la paleta con texto claro */
.elementor-location-header .elementor-element.elementor-element-9aee660 .elementor-button,
.elementor-location-header .elementor-element.elementor-element-9aee660 a.elementor-button,
.elementor-location-header .elementor-element.elementor-element-9aee660 a.elementor-button-link {
    background: #3B5B34 !important;
    background-color: #3B5B34 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border: 1.5px solid #3B5B34 !important;
    transition: background .3s ease, color .3s ease, border-color .3s ease;
}
/* Forzar el color claro también en el span interno del texto del botón */
.elementor-location-header .elementor-element.elementor-element-9aee660 .elementor-button .elementor-button-text,
.elementor-location-header .elementor-element.elementor-element-9aee660 a.elementor-button .elementor-button-text,
.elementor-location-header .elementor-element.elementor-element-9aee660 .elementor-button-content-wrapper,
.elementor-location-header .elementor-element.elementor-element-9aee660 .elementor-button * {
    color: #FFFFFF !important;
}
/* Hover en estado arriba */
.elementor-location-header .elementor-element.elementor-element-9aee660 .elementor-button:hover,
.elementor-location-header .elementor-element.elementor-element-9aee660 a.elementor-button:hover,
.elementor-location-header .elementor-element.elementor-element-9aee660 a.elementor-button-link:hover {
    background: #2F4A2B !important;
    background-color: #2F4A2B !important;
    color: #FFFFFF !important;
    border-color: #2F4A2B !important;
}

/* Estado con scroll: vuelve al dorado actual con texto blanco (como estaba) */
body.az-scrolled .elementor-location-header .elementor-element.elementor-element-9aee660 .elementor-button,
body.az-scrolled .elementor-location-header .elementor-element.elementor-element-9aee660 a.elementor-button,
body.az-scrolled .elementor-location-header .elementor-element.elementor-element-9aee660 a.elementor-button-link {
    background: linear-gradient(135deg, #A88141 0%, #8B6B32 100%) #8B6B32 !important;
    background-color: #C49B57 !important;
    color: #FFFFFF !important;
    border: 1.5px solid #8B6B32 !important;
}
body.az-scrolled .elementor-location-header .elementor-element.elementor-element-9aee660 .elementor-button .elementor-button-text,
body.az-scrolled .elementor-location-header .elementor-element.elementor-element-9aee660 a.elementor-button .elementor-button-text,
body.az-scrolled .elementor-location-header .elementor-element.elementor-element-9aee660 .elementor-button-content-wrapper,
body.az-scrolled .elementor-location-header .elementor-element.elementor-element-9aee660 .elementor-button * {
    color: #FFFFFF !important;
}
body.az-scrolled .elementor-location-header .elementor-element.elementor-element-9aee660 .elementor-button:hover,
body.az-scrolled .elementor-location-header .elementor-element.elementor-element-9aee660 a.elementor-button:hover,
body.az-scrolled .elementor-location-header .elementor-element.elementor-element-9aee660 a.elementor-button-link:hover {
    background: #B38A46 !important;
    background-color: #B38A46 !important;
    color: #FFFFFF !important;
}
/* === FIN BOTÓN HEADER === */






/* === OCULTAR "GUÍA GRATUITA" EN HEADER === */
/* Solo en el header (desktop y hamburguesa). Selectores muy específicos para
   sobrescribir las reglas con !important de Elementor. */
.elementor-location-header .elementor-element-937f571 .elementor-nav-menu > li.menu-item-4057,
.elementor-location-header .elementor-element.elementor-element-937f571 .elementor-nav-menu li.menu-item-4057,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li.menu-item-4057,
.elementor-location-header .elementor-nav-menu--dropdown li.menu-item-4057,
body .elementor-location-header li.menu-item-4057 {
    display: none !important;
}
/* === FIN OCULTAR GUÍA === */





/* === MENÚ HAMBURGUESA: TEXTO CLARO SOBRE FONDO OSCURO === */
/* Fondo del dropdown del hamburguesa es verde oscuro, así que forzamos
   color claro en los enlaces con altísima especificidad para superar
   las reglas previas de la plantilla. Ambos estados: sin y con scroll. */
html body:not(.az-scrolled) .elementor-location-header .elementor-element.elementor-element-270d6d4 .elementor-element.elementor-element-937f571 .elementor-nav-menu--dropdown a,
html body:not(.az-scrolled) .elementor-location-header .elementor-element.elementor-element-270d6d4 .elementor-element.elementor-element-937f571 .elementor-nav-menu--dropdown a.elementor-item,
html body:not(.az-scrolled) .elementor-location-header .elementor-element.elementor-element-270d6d4 .elementor-element.elementor-element-937f571 .elementor-nav-menu--dropdown .elementor-nav-menu > li > a,
html body:not(.az-scrolled) .elementor-location-header .elementor-element.elementor-element-270d6d4 .elementor-element.elementor-element-937f571 .elementor-nav-menu--dropdown li a,
html body.az-scrolled .elementor-location-header .elementor-element.elementor-element-270d6d4 .elementor-element.elementor-element-937f571 .elementor-nav-menu--dropdown a,
html body.az-scrolled .elementor-location-header .elementor-element.elementor-element-270d6d4 .elementor-element.elementor-element-937f571 .elementor-nav-menu--dropdown a.elementor-item,
html body.az-scrolled .elementor-location-header .elementor-element.elementor-element-270d6d4 .elementor-element.elementor-element-937f571 .elementor-nav-menu--dropdown .elementor-nav-menu > li > a,
html body.az-scrolled .elementor-location-header .elementor-element.elementor-element-270d6d4 .elementor-element.elementor-element-937f571 .elementor-nav-menu--dropdown li a {
    color: #F5F1E8 !important;
}
/* Hover / activo en ambos estados */
html body:not(.az-scrolled) .elementor-location-header .elementor-element.elementor-element-270d6d4 .elementor-element.elementor-element-937f571 .elementor-nav-menu--dropdown a:hover,
html body:not(.az-scrolled) .elementor-location-header .elementor-element.elementor-element-270d6d4 .elementor-element.elementor-element-937f571 .elementor-nav-menu--dropdown .elementor-item.highlighted,
html body:not(.az-scrolled) .elementor-location-header .elementor-element.elementor-element-270d6d4 .elementor-element.elementor-element-937f571 .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
html body.az-scrolled .elementor-location-header .elementor-element.elementor-element-270d6d4 .elementor-element.elementor-element-937f571 .elementor-nav-menu--dropdown a:hover,
html body.az-scrolled .elementor-location-header .elementor-element.elementor-element-270d6d4 .elementor-element.elementor-element-937f571 .elementor-nav-menu--dropdown .elementor-item.highlighted,
html body.az-scrolled .elementor-location-header .elementor-element.elementor-element-270d6d4 .elementor-element.elementor-element-937f571 .elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
    color: #FFFFFF !important;
    background-color: rgba(212, 181, 124, 0.15) !important;
}
/* === FIN MENÚ HAMBURGUESA === */




/* === FIX PÁGINAS INTERNAS: PADDING + CONTRASTE HEADER === */
/* Evitar que el hero quede tapado bajo el header fijo y que el menú sea ilegible sobre fondos oscuros. */

/* 1) Padding-top extra en el hero
   - Terapias (page-id 24): usa Elementor, primer .e-con de .elementor-24 */
body.page-id-24 .elementor-24 > .e-con:first-child,
body.page-id-24 .site-main > .elementor > .e-con:first-child {
    padding-top: 160px !important;
    margin-top: 0 !important;
}
/* - TNAI (page-id 4136): no usa Elementor, su hero está dentro de .az-dark-auto */
body.page-id-4136 .az-dark-auto {
    padding-top: 160px !important;
}
@media (max-width: 767px) {
  body.page-id-24 .elementor-24 > .e-con:first-child,
  body.page-id-24 .site-main > .elementor > .e-con:first-child,
  body.page-id-4136 .az-dark-auto {
      padding-top: 120px !important;
  }
}

/* 2) Menú del header legible (texto claro) cuando el hero es oscuro y estamos arriba del todo */
html body.page-id-24:not(.az-scrolled) .elementor-location-header .elementor-element.elementor-element-270d6d4 .elementor-nav-menu a.elementor-item,
html body.page-id-24:not(.az-scrolled) .elementor-location-header .elementor-element.elementor-element-270d6d4 .elementor-nav-menu > li > a,
html body.page-id-4136:not(.az-scrolled) .elementor-location-header .elementor-element.elementor-element-270d6d4 .elementor-nav-menu a.elementor-item,
html body.page-id-4136:not(.az-scrolled) .elementor-location-header .elementor-element.elementor-element-270d6d4 .elementor-nav-menu > li > a {
    color: #F5F1E8 !important;
}

/* 3) Reducir el parpadeo inicial: fondo oscuro por defecto en el body/main de esas páginas
      para que no haya salto crema-oscuro al cargar Elementor */
body.page-id-24,
body.page-id-4136,
body.page-id-24 .site-main,
body.page-id-4136 .site-main {
    background-color: #1E2419 !important;
}

/* === FIN FIX PÁGINAS INTERNAS === */






/* === FIX PÁGINAS INTERNAS EXTENDIDO: Sobre Zentro, Contacto, Blog, TNAI === */
/* Estética Terapias: hero detrás del header */

/* Fondo oscuro SOLO en html y body de páginas con fondo oscuro continuo.
   TNAI (4136) no incluye body dark porque su contenido bajo el hero es claro. */
html:has(body.page-id-3321),
html:has(body.page-id-2640),
html:has(body.blog) {
    background-color: #1E2419 !important;
}
html body.page-id-3321,
html body.page-id-2640,
html body.blog,
html body.page-id-3321.wp-singular.page-template-elementor_header_footer.elementor-page,
html body.page-id-2640.wp-singular.page-template-elementor_header_footer.elementor-page,
html body.blog.elementor-default.elementor-template-full-width.elementor-kit-2034 {
    background-color: #1E2419 !important;
}

/* Anular padding-top del wrapper .elementor */
html body.page-id-3321.wp-singular.page-template-elementor_header_footer.elementor-page > div.elementor.elementor-3321,
html body.page-id-2640.wp-singular.page-template-elementor_header_footer.elementor-page > div.elementor.elementor-2640,
html body.blog.elementor-default.elementor-template-full-width > div.elementor.elementor-location-archive {
    padding-top: 0 !important;
    margin-top: 0 !important;
    background-color: transparent !important;
}

/* Hero con padding-top para compensar header fijo (queda detrás) */
html body.page-id-3321.wp-singular.page-template-elementor_header_footer.elementor-page .elementor-3321 > .e-con:first-child,
html body.page-id-2640.wp-singular.page-template-elementor_header_footer.elementor-page .elementor-2640 > .e-con:first-child,
html body.blog.elementor-default.elementor-template-full-width .elementor-location-archive > .e-con:first-child,
html body.page-id-4136 .az-dark-auto {
    padding-top: 160px !important;
    margin-top: 0 !important;
}

@media (max-width: 767px) {
    html body.page-id-3321.wp-singular.page-template-elementor_header_footer.elementor-page .elementor-3321 > .e-con:first-child,
    html body.page-id-2640.wp-singular.page-template-elementor_header_footer.elementor-page .elementor-2640 > .e-con:first-child,
    html body.blog.elementor-default.elementor-template-full-width .elementor-location-archive > .e-con:first-child,
    html body.page-id-4136 .az-dark-auto {
        padding-top: 120px !important;
    }
}

/* Menú claro sobre hero oscuro cuando estamos arriba del todo */
html body.page-id-3321:not(.az-scrolled) .elementor-location-header .elementor-element.elementor-element-270d6d4 .elementor-nav-menu a.elementor-item,
html body.page-id-2640:not(.az-scrolled) .elementor-location-header .elementor-element.elementor-element-270d6d4 .elementor-nav-menu a.elementor-item,
html body.page-id-4136:not(.az-scrolled) .elementor-location-header .elementor-element.elementor-element-270d6d4 .elementor-nav-menu a.elementor-item,
html body.blog:not(.az-scrolled) .elementor-location-header .elementor-element.elementor-element-270d6d4 .elementor-nav-menu a.elementor-item {
    color: #F5F1E8 !important;
}

/* Hamburguesa clara sobre hero oscuro al estar arriba */
html body.page-id-3321:not(.az-scrolled) .elementor-location-header .elementor-menu-toggle,
html body.page-id-2640:not(.az-scrolled) .elementor-location-header .elementor-menu-toggle,
html body.page-id-4136:not(.az-scrolled) .elementor-location-header .elementor-menu-toggle,
html body.blog:not(.az-scrolled) .elementor-location-header .elementor-menu-toggle {
    color: #F5F1E8 !important;
}
/* === FIN FIX PÁGINAS INTERNAS EXTENDIDO === */


/* === MENÚ MÓVIL FULLSCREEN (adaptable al alto/ancho del dispositivo, items repartidos) === */
@media (max-width: 1024px) {
    /* Evitar scroll del body cuando el menú está abierto */
    body.az-menu-open {
        overflow: hidden !important;
    }

    /* Overlay fullscreen que se adapta al tamaño real del dispositivo */
    html body .elementor-location-header .elementor-menu-toggle[aria-expanded="true"] + .elementor-nav-menu--dropdown,
    html body .elementor-location-header .elementor-nav-menu--dropdown:not([aria-hidden="true"]) {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 100vw !important;
        /* 100dvh: altura dinámica del viewport que tiene en cuenta las barras del navegador móvil (iOS/Android) */
        height: 100dvh !important;
        max-height: 100dvh !important;
        min-height: 100dvh !important;
        margin: 0 !important;
        padding: 64px 16px 24px !important;
        background-color: #2E3D2B !important;
        z-index: 9998 !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: stretch !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
    }

    /* Fallback para navegadores sin soporte de dvh */
    @supports not (height: 100dvh) {
        html body .elementor-location-header .elementor-menu-toggle[aria-expanded="true"] + .elementor-nav-menu--dropdown,
        html body .elementor-location-header .elementor-nav-menu--dropdown:not([aria-hidden="true"]) {
            height: 100vh !important;
            max-height: 100vh !important;
            min-height: 100vh !important;
        }
    }

    /* UL: ocupa toda la altura disponible del overlay y reparte items proporcionalmente */
    html body .elementor-location-header .elementor-menu-toggle[aria-expanded="true"] + .elementor-nav-menu--dropdown .elementor-nav-menu,
    html body .elementor-location-header .elementor-nav-menu--dropdown:not([aria-hidden="true"]) .elementor-nav-menu {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 auto !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: stretch !important;
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
        height: 100% !important;
    }

    /* Cada li ocupa una porción proporcional del alto disponible */
    html body .elementor-location-header .elementor-nav-menu--dropdown:not([aria-hidden="true"]) .elementor-nav-menu li.menu-item {
        flex: 1 1 0 !important;
        width: 100% !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: center !important;
        min-height: 0 !important;
    }

    /* Enlaces: ocupan toda la casilla y centran texto vertical y horizontalmente */
    html body .elementor-location-header .elementor-menu-toggle[aria-expanded="true"] + .elementor-nav-menu--dropdown a.elementor-item,
    html body .elementor-location-header .elementor-nav-menu--dropdown:not([aria-hidden="true"]) a.elementor-item {
        font-size: 17px !important;
        line-height: 1.2 !important;
        padding: 4px 8px !important;
        color: #F5F1E8 !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    /* Separador sutil entre items */
    html body .elementor-location-header .elementor-nav-menu--dropdown:not([aria-hidden="true"]) .elementor-nav-menu li.menu-item:not(:last-child) {
        border-bottom: 1px solid rgba(245, 241, 232, 0.12) !important;
    }
    /* Evitar que el enlace añada su propio borde (que aparecía antes) */
    html body .elementor-location-header .elementor-nav-menu--dropdown:not([aria-hidden="true"]) a.elementor-item {
        border-bottom: 0 !important;
    }

    /* El botón de hamburguesa/X por encima del overlay, fijo arriba a la derecha */
    html body .elementor-location-header .elementor-menu-toggle {
        z-index: 9999 !important;
    }
    html body .elementor-location-header .elementor-menu-toggle[aria-expanded="true"] {
        position: fixed !important;
        top: 18px !important;
        right: 18px !important;
        color: #F5F1E8 !important;
        background: transparent !important;
        border: 0 !important;
    }
}
/* === FIN MENÚ MÓVIL FULLSCREEN === */


/* === HEADER ESTADO INICIAL ESTÁTICO (evita flash entre carga y ejecución del JS) === */
/* Aplicamos por CSS los estilos que el JS aplicaba tarde, para que el primer render ya sea correcto */

/* Header envoltorio */
html body .elementor-location-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9500 !important;
}

/* Con admin bar (WordPress admin logueado) */
html body.admin-bar .elementor-location-header {
    top: 32px !important;
}
@media (max-width: 782px) {
    html body.admin-bar .elementor-location-header {
        top: 46px !important;
    }
}

/* Navbar en estado inicial (no scrolled): ancho completo y pegado arriba bajo el topbar */
html body:not(.az-scrolled) #site-navbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9998 !important;
}
html body.admin-bar:not(.az-scrolled) #site-navbar {
    top: 32px !important;
}
@media (max-width: 782px) {
    html body.admin-bar:not(.az-scrolled) #site-navbar {
        top: 46px !important;
    }
}

/* Durante la carga inicial (antes de que el JS añada 'az-ready' al body) evitar que se disparen las transiciones del header */
html body:not(.az-ready) #site-navbar,
html body:not(.az-ready) .elementor-location-header,
html body:not(.az-ready) .elementor-element-898855e,
html body:not(.az-ready) .elementor-element-937f571 {
    transition: none !important;
}
/* === FIN HEADER ESTADO INICIAL ESTÁTICO === */

/* === AZ-IMG-OPT: Banner hero — forzar variante pequena en lugar de fit=2257,943 === */
/* Esto reemplaza la URL que genera Elementor (2 MB) por la version w=1200 (~60 KB) */
.elementor-2036 .elementor-element.elementor-element-c2da8d4:not(.elementor-motion-effects-element-type-background) {
  background-image: url('https://i0.wp.com/areazentro.com/wp-content/uploads/2026/03/consultaherowebbanner-scaled-e1774808381983.png?w=1200&ssl=1') !important;
}
@media (min-width: 1400px){
  .elementor-2036 .elementor-element.elementor-element-c2da8d4:not(.elementor-motion-effects-element-type-background) {
    background-image: url('https://i0.wp.com/areazentro.com/wp-content/uploads/2026/03/consultaherowebbanner-scaled-e1774808381983.png?w=1600&ssl=1') !important;
  }
}
/* Banner hero en paginas de terapias (az-global-style override con variante pequena) */
body.page-id-3642 .elementor-element[data-id="3fve8by"],
body.page-id-3644 .elementor-element[data-id="7duvwer"],
body.page-id-3647 .elementor-element[data-id="qoccj2r"],
body.page-id-3646 .elementor-element[data-id="754ll8x"],
body.page-id-3645 .elementor-element[data-id="3gh5idx"],
body.page-id-3648 .elementor-element[data-id="fql31rr"],
body.page-id-3643 .elementor-element[data-id="i7zb57q"],
body.page-id-3321 .elementor-element[data-id="f10568e"],
body.page-id-2640 .elementor-element[data-id="bf69bc7"] {
  background-image: linear-gradient(to bottom, rgba(30,36,23,0.75) 0%, rgba(30,36,23,0.88) 60%, rgba(30,36,23,1) 100%),
                    url('https://i0.wp.com/areazentro.com/wp-content/uploads/2026/03/consultaherowebbanner-scaled-e1774808381983.png?w=1200&ssl=1') !important;
}
@media (min-width: 1400px){
  body.page-id-3642 .elementor-element[data-id="3fve8by"],
  body.page-id-3644 .elementor-element[data-id="7duvwer"],
  body.page-id-3647 .elementor-element[data-id="qoccj2r"],
  body.page-id-3646 .elementor-element[data-id="754ll8x"],
  body.page-id-3645 .elementor-element[data-id="3gh5idx"],
  body.page-id-3648 .elementor-element[data-id="fql31rr"],
  body.page-id-3643 .elementor-element[data-id="i7zb57q"],
  body.page-id-3321 .elementor-element[data-id="f10568e"],
  body.page-id-2640 .elementor-element[data-id="bf69bc7"] {
    background-image: linear-gradient(to bottom, rgba(30,36,23,0.75) 0%, rgba(30,36,23,0.88) 60%, rgba(30,36,23,1) 100%),
                      url('https://i0.wp.com/areazentro.com/wp-content/uploads/2026/03/consultaherowebbanner-scaled-e1774808381983.png?w=1600&ssl=1') !important;
  }
}


/* === HOME PREMIUM FIXES (v1 · 2026-04-26) === */
/* ============================================================
   HOME_PREMIUM_FIXES_20260426.css
   ------------------------------------------------------------
   Centro Natural Área Zentro · Home (page-id 2036)
   Snippet de correcciones premium scoped a body.home / body.page-id-2036.
   NO afecta a otras páginas. NO usa wildcards genéricos ni [style*=...].
   Pega este bloque como Custom CSS del Customizer (Apariencia → Personalizar →
   CSS adicional) o como Code Snippet de tipo CSS.
   ------------------------------------------------------------
   Bloques:
   1. Variables locales (no globalizan, sólo en home)
   2. Garantía de legibilidad de CTAs primarias (terracota/oro sobre crema)
   3. Bloque hero c2da8d4 con doble defensa (gradient overlay + fallback)
   4. Eyebrows uniformes (gold-oscuro sobre crema, gold-claro sobre verde)
   5. H3 "Formación y credenciales profesionales" — refuerzo de contraste
   6. Variantes mobile (max-width: 768px)
   7. Anti-FOUC defensivo en CTAs (estilo neutro mientras carga)
   ============================================================ */

/* -----------------------------------------------------------
   1) VARIABLES LOCALES SOLO PARA HOME
   ----------------------------------------------------------- */
body.home,
body.page-id-2036 {
  --home-cta-bg-start: #A88141;     /* gold-oscuro */
  --home-cta-bg-end:   #8B6B32;     /* gold-más-oscuro (contraste 5.2:1 con #FFF) */
  --home-cta-text:     #FFFFFF;
  --home-cta-bg-hover-start: #37412F; /* verde bosque */
  --home-cta-bg-hover-end:   #2A3124; /* verde profundo */
  --home-text-on-cream:      #2A3124; /* fallback texto sobre crema */
  --home-eyebrow-on-cream:   #8B6B32; /* gold oscuro AA sobre crema */
  --home-eyebrow-on-dark:    #E3C590; /* gold claro sobre verde */
  --home-cream:              #F5EFE7;
  --home-cream-soft:         #F8F4EE;
}

/* -----------------------------------------------------------
   2) CTAs PRIMARIAS — siempre legibles independientemente
      de la imagen de fondo / posición / sección
   -----------------------------------------------------------
   Cubrimos todos los IDs identificados en HTML servido:
   3333525  Reservar primera consulta (hero)
   2c99c05  Conocer el método TNAI (hero)
   7469949  Reservar primera consulta (TNAI section)
   tnai_cta1 Reservar primera consulta (TNAI grid)
   tnai_cta2 Descargar guía gratuita
   39400cd  Reservar primera consulta (Procesos)
   06f885c  Conocer trayectoria y enfoque (Javier)
   ead0f8d  Reservar primera consulta (Primera sesión)
   50fbd5d  Consultar → (programa 1m)
   427dfb8  Ver programa → (programa 3m)
   66f94f5  Ver programa → (Hipnoterapia)
   b6f3a1b  Consultar → (programa 6m)
   ----------------------------------------------------------- */
body.page-id-2036 .elementor-element.elementor-element-3333525 .elementor-button,
body.page-id-2036 .elementor-element.elementor-element-2c99c05 .elementor-button,
body.page-id-2036 .elementor-element.elementor-element-7469949 .elementor-button,
body.page-id-2036 .elementor-element.elementor-element-tnai_cta1 .elementor-button,
body.page-id-2036 .elementor-element.elementor-element-tnai_cta2 .elementor-button,
body.page-id-2036 .elementor-element.elementor-element-39400cd .elementor-button,
body.page-id-2036 .elementor-element.elementor-element-06f885c .elementor-button,
body.page-id-2036 .elementor-element.elementor-element-ead0f8d .elementor-button,
body.page-id-2036 .elementor-element.elementor-element-50fbd5d .elementor-button,
body.page-id-2036 .elementor-element.elementor-element-427dfb8 .elementor-button,
body.page-id-2036 .elementor-element.elementor-element-66f94f5 .elementor-button,
body.page-id-2036 .elementor-element.elementor-element-b6f3a1b .elementor-button {
  background: var(--home-cta-bg-end) !important;
  background-image: linear-gradient(135deg,
    var(--home-cta-bg-start) 0%,
    var(--home-cta-bg-end) 100%) !important;
  color: var(--home-cta-text) !important;
  border: 0 !important;
  border-radius: 4px !important;
  padding: 0.875rem 1.85rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
  box-shadow: 0 2px 12px rgba(139, 107, 50, 0.22) !important;
  transition: background-image 0.25s ease, transform 0.18s ease,
              box-shadow 0.25s ease, color 0.25s ease !important;
}

/* Texto interno del botón heredado */
body.page-id-2036 .elementor-element.elementor-element-3333525 .elementor-button .elementor-button-text,
body.page-id-2036 .elementor-element.elementor-element-2c99c05 .elementor-button .elementor-button-text,
body.page-id-2036 .elementor-element.elementor-element-7469949 .elementor-button .elementor-button-text,
body.page-id-2036 .elementor-element.elementor-element-tnai_cta1 .elementor-button .elementor-button-text,
body.page-id-2036 .elementor-element.elementor-element-tnai_cta2 .elementor-button .elementor-button-text,
body.page-id-2036 .elementor-element.elementor-element-39400cd .elementor-button .elementor-button-text,
body.page-id-2036 .elementor-element.elementor-element-06f885c .elementor-button .elementor-button-text,
body.page-id-2036 .elementor-element.elementor-element-ead0f8d .elementor-button .elementor-button-text,
body.page-id-2036 .elementor-element.elementor-element-50fbd5d .elementor-button .elementor-button-text,
body.page-id-2036 .elementor-element.elementor-element-427dfb8 .elementor-button .elementor-button-text,
body.page-id-2036 .elementor-element.elementor-element-66f94f5 .elementor-button .elementor-button-text,
body.page-id-2036 .elementor-element.elementor-element-b6f3a1b .elementor-button .elementor-button-text {
  color: var(--home-cta-text) !important;
}

/* Hover de las CTAs primarias del home */
body.page-id-2036 .elementor-element.elementor-element-3333525 .elementor-button:hover,
body.page-id-2036 .elementor-element.elementor-element-2c99c05 .elementor-button:hover,
body.page-id-2036 .elementor-element.elementor-element-7469949 .elementor-button:hover,
body.page-id-2036 .elementor-element.elementor-element-tnai_cta1 .elementor-button:hover,
body.page-id-2036 .elementor-element.elementor-element-tnai_cta2 .elementor-button:hover,
body.page-id-2036 .elementor-element.elementor-element-39400cd .elementor-button:hover,
body.page-id-2036 .elementor-element.elementor-element-06f885c .elementor-button:hover,
body.page-id-2036 .elementor-element.elementor-element-ead0f8d .elementor-button:hover,
body.page-id-2036 .elementor-element.elementor-element-50fbd5d .elementor-button:hover,
body.page-id-2036 .elementor-element.elementor-element-427dfb8 .elementor-button:hover,
body.page-id-2036 .elementor-element.elementor-element-66f94f5 .elementor-button:hover,
body.page-id-2036 .elementor-element.elementor-element-b6f3a1b .elementor-button:hover {
  background: var(--home-cta-bg-hover-end) !important;
  background-image: linear-gradient(135deg,
    var(--home-cta-bg-hover-start) 0%,
    var(--home-cta-bg-hover-end) 100%) !important;
  color: var(--home-cta-text) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 18px rgba(42, 49, 36, 0.30) !important;
}

/* CTAs "secundarias" del hero c2da8d4 (sobre overlay verde): mismo
   tratamiento, ligero matiz dorado más cálido para contraste extra
   sobre la imagen oscura */
body.page-id-2036 .elementor-element.elementor-element-c2da8d4 .elementor-button {
  background: var(--home-cta-bg-end) !important;
  background-image: linear-gradient(135deg, #C49B57 0%, #A88141 100%) !important;
  color: #2A3124 !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}
body.page-id-2036 .elementor-element.elementor-element-c2da8d4 .elementor-button:hover {
  background: var(--home-cream) !important;
  background-image: none !important;
  color: #2A3124 !important;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.22) !important;
}

/* -----------------------------------------------------------
   3) HERO c2da8d4 — defensa doble:
      a) Si la imagen carga: el overlay ::before de Elementor (rgba 34,40,30,0.72)
         + nuestro gradient ya garantizan contraste.
      b) Si la imagen falla a cargar: forzamos un background-color verde bosque
         como fallback para que los textos crema sigan siendo legibles.
   ----------------------------------------------------------- */
body.page-id-2036 .elementor-element.elementor-element-c2da8d4 {
  background-color: #2A3124 !important; /* fallback si la imagen no carga */
}
body.page-id-2036 .elementor-element.elementor-element-c2da8d4 h1.elementor-heading-title {
  color: var(--home-cream) !important;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.4);
}
body.page-id-2036 .elementor-element.elementor-element-c2da8d4 h2.elementor-heading-title,
body.page-id-2036 .elementor-element.elementor-element-c2da8d4 .elementor-widget-heading .elementor-heading-title {
  color: var(--home-cream) !important;
}
body.page-id-2036 .elementor-element.elementor-element-c2da8d4 p {
  color: rgba(245, 239, 231, 0.94) !important;
}
/* Eyebrow del hero "Centro Natural Área Zentro · Plasencia, Cáceres" */
body.page-id-2036 .elementor-element.elementor-element-767ac57 p {
  color: var(--home-eyebrow-on-dark) !important;
}

/* -----------------------------------------------------------
   4) EYEBROWS / pequeñas etiquetas
      4.a) Sobre fondo crema → gold-oscuro (AA)
      4.b) Sobre fondo verde → gold-claro
   -----------------------------------------------------------
   Sólo IDs de widgets de eyebrow detectados:
   525f24c  "El centro"            (sección 6b72ba0 cream)
   debc59b  "Áreas de trabajo"     (sección 2fb838c cream)
   52e8353  "Procesos que ..."     (sección e7fccc5 cream)
   8d2ed74  "Quién dirige Área..." (sección 8bc0768 cream)
   3c69c5a  "Acompañamiento"       (sección f5172bc cream)
   6436743  "Lo que dicen"         (sección 6f312d6 cream)
   2c290a3  "Metodología propia"   (sección d78ad8d verde)
   995bcf1  "Tu primer paso"       (sección 1968c9b verde)
   ----------------------------------------------------------- */
body.page-id-2036 .elementor-element.elementor-element-525f24c p,
body.page-id-2036 .elementor-element.elementor-element-debc59b p,
body.page-id-2036 .elementor-element.elementor-element-52e8353 p,
body.page-id-2036 .elementor-element.elementor-element-8d2ed74 p,
body.page-id-2036 .elementor-element.elementor-element-3c69c5a p,
body.page-id-2036 .elementor-element.elementor-element-6436743 p {
  color: var(--home-eyebrow-on-cream) !important;
}
body.page-id-2036 .elementor-element.elementor-element-2c290a3 p,
body.page-id-2036 .elementor-element.elementor-element-995bcf1 p {
  color: var(--home-eyebrow-on-dark) !important;
}

/* -----------------------------------------------------------
   5) H3 "Formación y credenciales profesionales" (sección badges001)
      ---------------------------------------------------------
      La sección badges001 tiene fondo crema heredado (no declara bg).
      Reforzamos H3 para que el contraste sea AAA (verde-bosque sobre crema)
      y compensamos con un divisor decorativo sutil.
   ----------------------------------------------------------- */
body.page-id-2036 .elementor-element.elementor-element-badges001 .elementor-heading-title,
body.page-id-2036 .elementor-element.elementor-element-badges003 .elementor-heading-title {
  color: #F5EFE7 !important;            /* verde profundo / contraste 11:1 */
  font-weight: 600 !important;
  letter-spacing: 0.005em !important;
  text-align: center;
  position: relative;
  padding-bottom: 0.6rem;
  margin-bottom: 1rem !important;
}
body.page-id-2036 .elementor-element.elementor-element-badges003 .elementor-heading-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 56px;
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%, #C49B57 35%, #C49B57 65%, transparent 100%);
}

/* -----------------------------------------------------------
   6) MOBILE — variantes (max-width: 768px)
      a) CTAs: padding más compacto + asegurar tap target ≥ 44px
      b) Hero: comprimir text-shadow para no saturar pantallas pequeñas
      c) H3 badges: reducir tamaño y mantener centrado
   ----------------------------------------------------------- */
@media (max-width: 768px) {
  body.page-id-2036 .elementor-element[class*="elementor-element-"] .elementor-button {
    padding: 0.85rem 1.4rem !important;
    font-size: 0.9rem !important;
    min-height: 44px;
    line-height: 1.25;
  }
  body.page-id-2036 .elementor-element.elementor-element-c2da8d4 h1.elementor-heading-title {
    font-size: clamp(2rem, 7vw, 2.5rem) !important;
    text-shadow: 0 1px 14px rgba(0, 0, 0, 0.45);
  }
  body.page-id-2036 .elementor-element.elementor-element-badges003 .elementor-heading-title {
    font-size: 1.25rem !important;
    line-height: 1.3;
  }
}

/* -----------------------------------------------------------
   7) ANTI-FOUC defensivo de CTAs
      ---------------------------------------------------------
      Si .fouc-ready aún no se ha aplicado al body, los botones del home
      mantienen estilo legible (no aparecen "transparentes" durante
      el primer paint). La regla es defensiva y no rompe el sistema actual.
   ----------------------------------------------------------- */
html:not(.fouc-ready) body.page-id-2036 .elementor-button,
body.page-id-2036 .elementor-button:not([style]) {
  background-color: #8B6B32;
  color: #FFFFFF;
}

/* ============================================================
   FIN — HOME_PREMIUM_FIXES_20260426.css
   Specifity siempre body.page-id-2036 + ID de Elementor; sin wildcards.
   ============================================================ */




/* === FIX FULL-WIDTH ELEMENTOR PAGES 2026-04-26 ===
   El theme aplica .page-content{max-width:780px} que constriñe el
   layout Elementor en TODAS las páginas Elementor. Lo liberamos
   solo donde Elementor está activo (body.elementor-page), preservando
   el max-width 780px en páginas legales/blog Gutenberg.
   ============================================================ */
body.elementor-page .page-content {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.elementor-page .elementor {
  width: 100% !important;
  max-width: none !important;
}
/* === FIN FIX FULL-WIDTH ELEMENTOR PAGES === */


/* === TRUSTINDEX · sustitución «A base de 156 reseñas» (2026-04-26) === */
.ti-widget .ti-rating-text .nowrap,
.ti-rating-text .nowrap {
  font-size: 0 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}
.ti-widget .ti-rating-text .nowrap::after,
.ti-rating-text .nowrap::after {
  content: "Reseñas publicadas en Google";
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  line-height: 1.4 !important;
  color: inherit;
  display: inline-block;
}
.ti-widget .ti-rating-text .nowrap > * {
  display: none !important;
}
/* === FIN TRUSTINDEX patch === */

/* === HOME MOBILE-FIRST PREMIUM v2 · 2026-04-26 === */
/* Scoped 100% a body.page-id-2036 (home areazentro.com).
   Mobile-first + ajustes tipograficos premium.
   No toca header, menu, formularios, Square, footer, instituto. */

@media (min-width: 769px) {
  body.page-id-2036 .elementor-widget-text-editor p,
  body.page-id-2036 .elementor-widget-text-editor li {
    font-size: 18px !important;
    line-height: 1.7 !important;
    font-family: "Alexandria", sans-serif;
  }
  body.page-id-2036 .elementor-widget-text-editor.elementor-widget-text-editor-lead p,
  body.page-id-2036 .elementor-element-debc59b p {
    font-size: 20px !important;
    line-height: 1.65 !important;
  }
  body.page-id-2036 .elementor-element-tnai_b1p p,
  body.page-id-2036 .elementor-element-tnai_b2p p,
  body.page-id-2036 .elementor-element-tnai_b3p p,
  body.page-id-2036 .elementor-element-tnai_b4p p {
    font-size: 16.5px !important;
    line-height: 1.7 !important;
  }
  body.page-id-2036 .elementor-widget small,
  body.page-id-2036 .az-microtext,
  body.page-id-2036 .elementor-widget-text-editor .az-eyebrow,
  body.page-id-2036 .elementor-widget-text-editor figcaption {
    font-size: 13px !important;
  }
}

@media (max-width: 768px) {
  body.page-id-2036 .elementor-widget-text-editor p,
  body.page-id-2036 .elementor-widget-text-editor li {
    font-size: 17px !important;
    line-height: 1.6 !important;
  }
  body.page-id-2036 .elementor-widget-heading h1.elementor-heading-title {
    line-height: 1.15 !important;
    margin-block: 0.4em 0.55em !important;
  }
  body.page-id-2036 .elementor-widget-heading h2.elementor-heading-title {
    font-size: clamp(26px, 6.2vw, 34px) !important;
    line-height: 1.2 !important;
    margin-block: 0.5em 0.55em !important;
  }
  body.page-id-2036 .elementor-widget-heading h3.elementor-heading-title {
    font-size: clamp(20px, 5vw, 24px) !important;
    line-height: 1.3 !important;
  }
  body.page-id-2036 .elementor-element-6ea992f { display: none !important; }
  body.page-id-2036 .elementor-element-f4771ad { display: none !important; }
  body.page-id-2036 .elementor-element-fa4aa4e { display: none !important; }
  body.page-id-2036 .elementor-element-tnai_b1p,
  body.page-id-2036 .elementor-element-tnai_b2p,
  body.page-id-2036 .elementor-element-tnai_b3p,
  body.page-id-2036 .elementor-element-tnai_b4p {
    display: none !important;
  }
  body.page-id-2036 .elementor-element-tnai_b1t,
  body.page-id-2036 .elementor-element-tnai_b2t,
  body.page-id-2036 .elementor-element-tnai_b3t,
  body.page-id-2036 .elementor-element-tnai_b4t {
    margin-bottom: 8px !important;
  }
  body.page-id-2036 .elementor-element-tnai_b1,
  body.page-id-2036 .elementor-element-tnai_b2,
  body.page-id-2036 .elementor-element-tnai_b3,
  body.page-id-2036 .elementor-element-tnai_b4 {
    padding-block: 14px !important;
  }
  body.page-id-2036 .elementor-element-2fb838c .elementor-widget-text-editor {
    display: none !important;
  }
  body.page-id-2036 .elementor-element-2fb838c .elementor-widget-heading {
    margin-bottom: 6px !important;
  }
  body.page-id-2036 .elementor-element-2fb838c .elementor-widget-heading h3.elementor-heading-title {
    font-size: 18px !important;
    line-height: 1.25 !important;
  }
  body.page-id-2036 .ti-widget,
  body.page-id-2036 .trustindex-widget {
    margin-block: 14px !important;
  }
  body.page-id-2036 .cta-sticky-mobile { z-index: 9999 !important; }
  body.page-id-2036 ~ .chaty-widget,
  body.page-id-2036 .chaty-channel-0,
  body.page-id-2036 ~ .chaty-channel-0 {
    bottom: 78px !important;
    z-index: 9998 !important;
  }
  body.page-id-2036 { padding-bottom: 56px !important; }
  body.page-id-2036 footer p,
  body.page-id-2036 footer li,
  body.page-id-2036 footer a {
    font-size: 13px !important;
    line-height: 1.55 !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  body.page-id-2036 .elementor-widget-heading h1.elementor-heading-title {
    line-height: 1.18 !important;
  }
  body.page-id-2036 .elementor-element-tnai_b1p p,
  body.page-id-2036 .elementor-element-tnai_b2p p,
  body.page-id-2036 .elementor-element-tnai_b3p p,
  body.page-id-2036 .elementor-element-tnai_b4p p {
    font-size: 16px !important;
    line-height: 1.65 !important;
  }
}

/* === FIN HOME MOBILE-FIRST PREMIUM v2 === */


/* === FIX BUGS HOME 2026-04-26 v4 === */
/* Decisión user: el header con caja flotante al scroll se queda — gusta el estilo.
   En v4 NO hay reset al navbar mobile (el bloque B.2 v3 fue eliminado).
   Solo se compactan EL CENTRO y TNAI cards y se sube el WhatsApp. */

/* B.3 v4 — EL CENTRO (.elementor-element-9dd6b00) más compacto en mobile */
@media (max-width: 768px) {
  body.page-id-2036 .elementor-element-9dd6b00 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  body.page-id-2036 .elementor-element-9dd6b00 .elementor-widget-text-editor p,
  body.page-id-2036 .elementor-element-9dd6b00 .elementor-widget-text-editor li,
  body.page-id-2036 .elementor-element-9dd6b00 .elementor-widget-heading h3.elementor-heading-title {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }
  body.page-id-2036 .elementor-element-9dd6b00 .elementor-widget {
    margin-bottom: 4px !important;
  }
  body.page-id-2036 .elementor-element-9dd6b00 .elementor-widget-wrap > .elementor-element {
    margin-bottom: 2px !important;
  }
  body.page-id-2036 .elementor-element-9dd6b00 .elementor-widget-heading {
    margin-top: 4px !important;
    margin-bottom: 0 !important;
  }
  body.page-id-2036 .elementor-element-9dd6b00 .elementor-widget-heading h3.elementor-heading-title {
    margin-block: 4px 0 !important;
  }
  body.page-id-2036 .elementor-element-9dd6b00 .elementor-widget-wrap {
    padding-bottom: 0 !important;
  }
}

/* B.4 v4 — TNAI cards b1..b4 con menos blanco */
@media (max-width: 768px) {
  body.page-id-2036 .elementor-element-tnai_b1,
  body.page-id-2036 .elementor-element-tnai_b2,
  body.page-id-2036 .elementor-element-tnai_b3,
  body.page-id-2036 .elementor-element-tnai_b4 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-bottom: 8px !important;
    min-height: 0 !important;
  }
  body.page-id-2036 .elementor-element-tnai_b1 > .elementor-widget-wrap,
  body.page-id-2036 .elementor-element-tnai_b2 > .elementor-widget-wrap,
  body.page-id-2036 .elementor-element-tnai_b3 > .elementor-widget-wrap,
  body.page-id-2036 .elementor-element-tnai_b4 > .elementor-widget-wrap,
  body.page-id-2036 .elementor-element-tnai_b1 .e-con-inner,
  body.page-id-2036 .elementor-element-tnai_b2 .e-con-inner,
  body.page-id-2036 .elementor-element-tnai_b3 .e-con-inner,
  body.page-id-2036 .elementor-element-tnai_b4 .e-con-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    gap: 4px !important;
  }
  body.page-id-2036 .elementor-element-tnai_b1 p,
  body.page-id-2036 .elementor-element-tnai_b2 p,
  body.page-id-2036 .elementor-element-tnai_b3 p,
  body.page-id-2036 .elementor-element-tnai_b4 p {
    margin-block: 4px !important;
  }
}

/* B.6 v4 — WhatsApp/Chaty offset (no quedar fuera de la pantalla) */
@media (max-width: 768px) {
  /* Chaty global (no scoped page-id porque el widget vive fuera del .elementor) */
  .chaty-channel-0,
  .chaty-widget,
  .chaty-channel,
  div[class*="chaty-channel"] {
    bottom: 90px !important;
    right: 14px !important;
  }
  /* Reducir padding-bottom del body home para que no haya tanto blanco al fondo */
  body.page-id-2036 {
    padding-bottom: 50px !important;
  }
}

/* === FIN FIX BUGS HOME v4 === */