/* =========================================================
   PORTADA UNIVERSO — OCULTAR ENCABEZADO MÓVIL
   ========================================================= */

body:has(.zensara-fondo-ecosistema) .header-mobile,
body:has(.zensara-fondo-ecosistema) .header-mobile.header-js-handler,
body:has(.zensara-fondo-ecosistema) .header-items-mobile {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* =========================================================
   PORTADA UNIVERSO — OCULTAR FOOTER REAL EN MÓVIL Y ESCRITORIO
   ========================================================= */

body:has(.zensara-fondo-ecosistema) footer#footer,
body:has(.zensara-fondo-ecosistema) footer,
body:has(.zensara-fondo-ecosistema) .footer,
body:has(.zensara-fondo-ecosistema) .site-footer {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* =========================================================
   ECOSISTEMA INTERACTIVO ZENSARA — VERSIÓN ESTABLE Y LIMPIA
   ========================================================= */

/* =========================================================
   FONDO EXCLUSIVO DEL ECOSISTEMA ZENSARA
   ========================================================= */

.zensara-fondo-ecosistema {
    position: relative !important;

    display: block !important;

    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding: 220px 0 220px 0 !important;

    overflow: hidden !important;

    /* SOLO EL UNIVERSO */

    background-image:
        linear-gradient(
            rgba(3, 18, 13, 0.50),
            rgba(3, 18, 13, 0.50)
        ),
        url("/storage/fondo-universo-zensara-3.webp") !important;

    background-size:
        cover !important;

    background-position:
        center center !important;

    background-repeat:
        no-repeat !important;
  
    background-attachment:
        fixed !important;
}

/* =========================================================
   CAPA TRANSPARENTE DE CONSTELACIONES
   ========================================================= */

.zensara-fondo-ecosistema::before {
    display: none !important;
    
  content: "" !important;

    position: absolute !important;

    left: 48.8% !important;
    top: 47.1% !important;

    width: 1580px !important;
    aspect-ratio: 2048 / 1280 !important;

    transform: translate(-50%, -50%) !important;

    background-image:
        url("/storage/traneparente-2.webp") !important;

    background-size: contain !important;

    background-position: center center !important;

    background-repeat: no-repeat !important;

    pointer-events: none !important;

    opacity: 0.16 !important;

    z-index: 0 !important;
}
/* =========================================================
   CONTENEDOR PRINCIPAL
   ========================================================= */

.zensara-ecosistema-interactivo {
    position: relative !important;
    isolation: isolate !important;
    z-index: 2 !important;

    display: block !important;

    width: 100% !important;
    max-width: 1520px !important;

   margin: 0 auto 35px !important;

    overflow: hidden !important;

    border: none !important;
    border-radius: 24px !important;

    background: transparent !important;
    box-shadow: none !important;
}

/* =========================================================
   IMAGEN PRINCIPAL
   ========================================================= */
.zensara-ecosistema-interactivo > img:not(.zensara-capa-giratoria):not(.zensara-capa-giratoria-inversa) {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

    margin: 0 !important;

    border-radius: 23px !important;

    opacity: 1 !important;
}

/* =========================================================
   ZONAS INTERACTIVAS
   ========================================================= */

.zensara-zona {
    position: absolute !important;
    z-index: 50 !important;

    display: block !important;

    aspect-ratio: 1 / 1 !important;

    border: 3px solid transparent !important;
    border-radius: 50% !important;

    background: transparent !important;

    transform:
        translate(-50%, -50%)
        scale(1) !important;

    cursor: pointer !important;

    opacity: 1 !important;

    transition:
        transform 0.35s ease,
        opacity 0.35s ease,
        filter 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease !important;
}

/* =========================================================
   PORTAL ACTIVO
   ========================================================= */

.zensara-zona:hover,
.zensara-zona:focus-visible {
    z-index: 100 !important;

    transform:
        translate(-50%, -50%)
        scale(1.06) !important;

    opacity: 1 !important;

    filter:
        brightness(1.10) !important;

    background:
        radial-gradient(
            circle,
            rgba(255, 247, 205, 0.18) 0%,
            rgba(255, 218, 96, 0.08) 47%,
            rgba(255, 218, 96, 0) 72%
        ) !important;

    border-color:
        rgba(255, 229, 145, 0.82) !important;

    box-shadow:
    0 0 6px rgba(255, 247, 205, 0.75),
    0 0 16px rgba(255, 215, 80, 0.38),
    0 0 26px rgba(102, 190, 108, 0.18),
    inset 0 0 10px rgba(255, 247, 205, 0.10) !important;

    outline: none !important;
}

/* =========================================================
   RESPUESTA AL CLIC
   ========================================================= */

.zensara-zona:active {
    transform:
        translate(-50%, -50%)
        scale(0.97) !important;

    filter:
        brightness(1.15) !important;
}

/* =========================================================
   POSICIONES CALIBRADAS
   ========================================================= */

.zensara-tienda {
    left: 50.1% !important;
    top: 10.6% !important;
    width: 12.5% !important;
}

.zensara-servicios {
    left: 28.3% !important;
    top: 27.5% !important;
    width: 12.9% !important;
}

.zensara-formacion {
    left: 70.1% !important;
    top: 28.4% !important;
    width: 12.3% !important;
}

.zensara-joyeria {
    left: 27.9% !important;
    top: 69.1% !important;
    width: 12.3% !important;
}

.zensara-zenda {
    left: 70.2% !important;
    top: 70.7% !important;
    width: 12.3% !important;
}

.zensara-colmado {
    left: 49.3% !important;
    top: 89.1% !important;
    width: 12.3% !important;
}

.zensara-capa-giratoria {
    position: absolute !important;
    z-index: 20 !important;

    left: 49.7% !important;
    top: 50% !important;

    width: 38.3% !important;
    height: auto !important;

    aspect-ratio: 1 / 1 !important;

    translate:
        -50% -50% !important;

    rotate:
        0deg;

    object-fit:
        cover !important;

    object-position:
        center !important;

    clip-path:
        circle(49% at 50% 50%) !important;

    transform-origin:
        50% 49% !important;

    pointer-events:
        none !important;

    opacity:
        0.40 !important;

    filter:
        brightness(0.98)
        drop-shadow(0 0 8px rgba(255,245,190,0.10))
        drop-shadow(0 0 18px rgba(170,255,180,0.13));

    animation:
        zensara-giro-central 180s linear infinite,
        zensara-pulso-central 9s ease-in-out infinite !important;
}
/* =========================================================
   CAPA GIRATORIA EXTERIOR ANTIHORARIA
   ========================================================= */

.zensara-capa-giratoria-inversa {
    position: absolute !important;
    z-index: 18 !important;

    left: 49.8% !important;
    top: 48% !important;

    width: 60% !important;
    height: auto !important;

    aspect-ratio:
        1 / 1 !important;

    object-fit:
        contain !important;

    object-position:
        center center !important;

    transform-origin:
        50% 50% !important;

    /*
     * No agregar !important en esta línea.
     * La animación necesita modificar transform.
     */
    transform:
        translate(-50%, -50%)
        rotate(0deg);

    pointer-events:
        none !important;

    opacity:
        0.28 !important;

    backface-visibility:
        hidden !important;

    will-change:
        transform !important;

    animation:
        zensara-giro-central-inverso
        420s
        linear
        infinite !important;
}

/* =========================================================
   NOMBRES DE LAS UNIDADES
   ========================================================= */

.zensara-zona::after {
    position: absolute !important;

    left: 50% !important;
    bottom: -34px !important;

    width:
        max-content !important;

    max-width:
        190px !important;

    transform:
        translateX(-50%)
        translateY(5px)
        scale(0.96) !important;

    color:
        #FFFDF7 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        clamp(12px, 1.2vw, 19px) !important;

    font-weight:
        700 !important;

    line-height:
        1.15 !important;

    letter-spacing:
        0.07em !important;

    text-align:
        center !important;

    text-transform:
        uppercase !important;

    white-space:
        nowrap !important;

    text-shadow:
        0 2px 6px rgba(0, 0, 0, 0.95),
        0 0 10px rgba(255, 235, 160, 0.45) !important;

    pointer-events:
        none !important;

    opacity:
        0 !important;

    visibility:
        hidden !important;

    transition:
        opacity 0.30s ease,
        visibility 0.30s ease,
        transform 0.30s ease,
        text-shadow 0.30s ease !important;
}
/* =========================================================
   TEXTO DE CADA PORTAL
   ========================================================= */

.zensara-tienda::after {
    content:
        "TIENDA ESOTÉRICA" !important;
}

.zensara-servicios::after {
    content:
        "SERVICIOS" !important;
}

.zensara-formacion::after {
    content:
        "FORMACIÓN" !important;
}

.zensara-joyeria::after {
    content:
        "JOYERÍA" !important;
}

.zensara-zenda::after {
    content:
        "ZENDA" !important;
}

.zensara-colmado::after {
    content:
        "COLMADO" !important;

    top:
        -36px !important;

    bottom:
        auto !important;
}
/* =========================================================
   NOMBRE VISIBLE AL PASAR EL CURSOR
   ========================================================= */

.zensara-zona:hover::after,
.zensara-zona:focus-visible::after {
    opacity:
        1 !important;

    visibility:
        visible !important;

    transform:
        translateX(-50%)
        translateY(-3px)
        scale(1.05) !important;

    text-shadow:
        0 1px 3px rgba(0, 0, 0, 0.90),
        0 0 10px rgba(255, 229, 139, 0.95),
        0 0 18px rgba(209, 172, 68, 0.60) !important;
}
/* =========================================================
   ANIMACIÓN DEL NÚCLEO CENTRAL
   ========================================================= */

@keyframes zensara-giro-central {
    from {
        rotate:
            0deg;
    }

    to {
        rotate:
            360deg;
    }
}
/* =========================================================
   PULSO DEL NÚCLEO CENTRAL
   ========================================================= */

@keyframes zensara-pulso-central {
    0%,
    100% {
        filter:
            brightness(0.95)
            drop-shadow(
                0 0 7px
                rgba(255, 218, 95, 0.28)
            );
    }

    50% {
        filter:
            brightness(1.10)
            drop-shadow(
                0 0 16px
                rgba(255, 218, 95, 0.55)
            );
    }
}
/* =========================================================
   ENTRADA DEL ECOSISTEMA
   ========================================================= */

@keyframes zensara-portal-entrada {
    0% {
        opacity:
            0;

        transform:
            translateY(35px)
            scale(0.96);
    }

    60% {
        opacity:
            1;
    }

    100% {
        opacity:
            1;

        transform:
            translateY(0)
            scale(1);
    }
}
/* =========================================================
   ANIMACIÓN EXTERIOR ANTIHORARIA
   UNA SOLA COPIA
   ========================================================= */

@keyframes zensara-giro-central-inverso {
    0% {
        transform:
            translate(-50%, -50%)
            rotate(0deg);
    }

    100% {
        transform:
            translate(-50%, -50%)
            rotate(-360deg);
    }
}
/* =========================================================
   CELULAR Y PANTALLAS PEQUEÑAS
   ========================================================= */

@media (max-width:700px) {

    .zensara-ecosistema-interactivo {
        width: 100% !important;
        max-width: none !important;

        margin: 10px auto 20px auto !important;

        border-radius: 16px !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    .zensara-ecosistema-interactivo
    > img:not(.zensara-capa-giratoria):not(.zensara-capa-giratoria-inversa) {

      width: 100% !important;
      max-width: 100% !important;
      margin-left: 0 !important;

      height: auto !important;

        border-radius: 15px !important;
    }

    .zensara-capa-giratoria {
        width: 34% !important;
        opacity: 0.36 !important;
    }

    .zensara-zona:hover,
    .zensara-zona:focus-visible {
        transform:
            translate(-50%, -50%)
            scale(1.04) !important;
    }

    .zensara-zona::after {
        bottom: -22px !important;
        max-width: 110px !important;
        font-size: 8px !important;
        letter-spacing: 0.04em !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform:
            translateX(-50%)
            scale(1) !important;
    }

    .zensara-colmado::after {
        top: -22px !important;
        bottom: auto !important;
    }

    body:has(.zensara-ecosistema-interactivo) {
        background-attachment: scroll !important;
    }

}
/* =========================================================
   CELULARES Y TABLETAS TÁCTILES
   ========================================================= */

@media (hover: none) and (pointer: coarse) {

    .zensara-zona::after {
        opacity: 1 !important;
        visibility: visible !important;
        transform:
            translateX(-50%)
            scale(1) !important;
    }
}
/* =========================================================
   REDUCCIÓN DE MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .zensara-ecosistema-interactivo,
    .zensara-capa-giratoria,
    .zensara-capa-giratoria-inversa {
        animation:
            none !important;
    }
    .zensara-zona,
    .zensara-zona::after {
        transition:
            none !important;
    }
}
/* =========================================================
   ELIMINAR ESPACIO BLANCO EXTERIOR DEL ECOSISTEMA
   ========================================================= */

.zensara-contenedor-padre {
    width: 100% !important;
    max-width: none !important;

    min-height: 0 !important;
    height: auto !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    line-height: 0 !important;
}

/* Evita espacios creados por párrafos vacíos del editor */

.zensara-contenedor-padre > p:empty,
.zensara-contenedor-padre > div:empty,
.zensara-contenedor-padre > br {
    display: none !important;
}
/* =========================================================
   QUITAR ESPACIO BLANCO ARRIBA Y DEBAJO DEL ECOSISTEMA
   ========================================================= */

.zensara-contenedor-padre {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 0 !important;
}

.zensara-contenedor-padre > .zensara-fondo-ecosistema {
    margin-top: 0 !important;
    margin-bottom: 0 !important;

}

/* La imagen no deja separación inferior */

.zensara-ecosistema-interactivo > img {
    display: block !important;
    margin: 0 !important;
}

/* Elimina elementos vacíos creados por el editor */

.zensara-contenedor-padre > p:empty,
.zensara-contenedor-padre > div:empty,
.zensara-contenedor-padre > br {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* QUITAR EL ÚLTIMO ESPACIO INFERIOR DEL BLOQUE DEL CMS */

.zensara-bloque-exterior {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
/* QUITAR ESPACIO ENTRE “INICIO” Y EL ECOSISTEMA */

#main-content > .page-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#main-content > .page-header .page-breadcrumbs {
    margin-bottom: 0 !important;
}
@keyframes zensara-rotacion-constelacion {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
@keyframes zensara-giro-fondo-transparente {
    from {
        transform:
            translate(-50%, -50%)
            rotate(0deg);
    }

    to {
        transform:
            translate(-50%, -50%)
            rotate(360deg);
    }
}
/* =========================================================
   ESCENARIO INTERIOR DEL ECOSISTEMA
   PREPARACIÓN RESPONSIVE
   ========================================================= */

.zensara-escenario {
    position: relative !important;
    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}
/* =========================================================
   CAPA TRANSPARENTE GIRATORIA
   UNIDA AL MISMO EJE DEL ESCENARIO
   ========================================================= */

.zensara-escenario::before {
    content: "" !important;

    position: absolute !important;
    z-index: 0 !important;

    left: 47.6% !important;
    top: 47.9% !important;

    width: 107% !important;
    height: auto !important;
    aspect-ratio: 2048 / 1280 !important;

    background-image:
        url("/storage/traneparente-3.webp") !important;

    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    transform:
        translate(-50%, -50%)
        rotate(0deg);

    transform-origin: 50% 50% !important;

    pointer-events: none !important;

    opacity: 0.28 !important;

    animation:
        zensara-giro-fondo-transparente
        450s
        linear
        infinite !important;
}
/* =========================================================
   CAPA TRANSPARENTE FIJA
   ANCLA VISUAL DETRÁS DE LA CAPA GIRATORIA
   ========================================================= */

.zensara-escenario {
    isolation: isolate !important;
}

.zensara-escenario::after {
    content: "" !important;

    position: absolute !important;
    z-index: -1 !important;

    left: 47.6% !important;
    top: 47.9% !important;

    width: 109% !important;
    height: auto !important;
    aspect-ratio: 2048 / 1280 !important;

    background-image:
        url("/storage/traneparente-3.webp") !important;

    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    transform:
        translate(-50%, -50%)
        rotate(0deg) !important;

    transform-origin:
        50% 50% !important;

    pointer-events: none !important;

    opacity: 0.19 !important;

    animation: none !important;
}
.zensara-escenario
> img:not(.zensara-capa-giratoria):not(.zensara-capa-giratoria-inversa) {

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

    margin: 0 !important;

    border-radius: 23px !important;

    opacity: 1 !important;
}
/* =========================================================
   CONTROL DE CÁMARA — CELULAR
   ========================================================= */

@media (max-width:700px) {

    .zensara-escenario {
        --zensara-zoom: 130%;
        --zensara-mover-x: 0%;
        --zensara-mover-y: 0px;

        width: var(--zensara-zoom) !important;
        max-width: none !important;

        left: 50% !important;
        top: 0 !important;

        transform:
            translateX(
                calc(-50% + var(--zensara-mover-x))
            )
            translateY(
                var(--zensara-mover-y)
            ) !important;
    }
}
/* =========================================================
   ANILLOS PLANETARIOS EXTERIORES 7, 8 Y 9
   VISIBLES SOBRE EL UNIVERSO Y FUERA DEL SISTEMA CENTRAL
   ========================================================= */

.zensara-anillo-planetario {
    position: absolute !important;

    /*
       Encima de la imagen principal del universo,
       pero debajo de los portales y capas giratorias.
    */
    z-index: 2 !important;

    left: 47.6% !important;
    top: 47.9% !important;

    height: auto !important;
    aspect-ratio: 2048 / 1280 !important;

    background-image:
        url("/storage/traneparente-3.webp") !important;

    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    transform:
        translate(-50%, -50%)
        rotate(0deg);

    transform-origin:
        50% 50% !important;

    pointer-events: none !important;
}

/* =========================================================
   ANILLO 7 — FIJO
   PRIMER ANILLO EXTERIOR
   ========================================================= */

.zensara-anillo-7 {
    width: 130% !important;
    opacity: 0.20 !important;

    animation:
        none !important;
}

/* =========================================================
   ANILLO 8 — MOVIMIENTO MUY LENTO
   ========================================================= */

.zensara-anillo-8 {
    width: 150% !important;
    opacity: 0.15 !important;

    animation:
        zensara-giro-anillo-8
        2400s
        linear
        infinite !important;
}

/* =========================================================
   ANILLO 9 — FIJO
   CIERRE EXTERIOR DEL SISTEMA
   ========================================================= */

.zensara-anillo-9 {
    width: 170% !important;
    opacity: 0.010 !important;

    animation:
        none !important;
}

/* =========================================================
   ROTACIÓN MUY LENTA DEL ANILLO 8
   UNA VUELTA CADA 40 MINUTOS
   ========================================================= */

@keyframes zensara-giro-anillo-8 {

    from {
        transform:
            translate(-50%, -50%)
            rotate(0deg);
    }

    to {
        transform:
            translate(-50%, -50%)
            rotate(360deg);
    }
}

/* =========================================================
   ZENSARA — MIGA DE PAN VERDE PREMIUM
   ========================================================= */

.page-header{
    background:#0F6634 !important;
    border:none !important;
}

.page-header .page-breadcrumbs,
.page-header .page-breadcrumbs a,
.page-header .page-breadcrumbs span,
.page-header .page-breadcrumbs li{
    color:#F3EBDD !important;
}

.page-header .page-breadcrumbs a:hover{
    color:#D6A63C !important;
}

/* =========================================================
   ZENSARA - MIGA DE PAN
   ========================================================= */

.page-breadcrumbs{
    background:#0F6634 !important;
}

.page-breadcrumbs .container-xl{
    background:#0F6634 !important;
}

.page-breadcrumbs nav{
    background:#0F6634 !important;
}

.page-breadcrumbs .breadcrumb{
    background:#0F6634 !important;
    margin:0 !important;
}

.page-breadcrumbs .breadcrumb li,
.page-breadcrumbs .breadcrumb li span,
.page-breadcrumbs .breadcrumb a{
    color:#F3EBDD !important;
}
/* =========================================================
   ZENSARA — BUSCADOR PREMIUM (VERSIÓN 1)
   ========================================================= */

.header .header-middle .header__center .form--quick-search{
    background:#F3EBDD !important;
    border:2px solid #D6A63C !important;
    border-radius:10px !important;
    overflow:hidden !important;
}

.header .header-middle .header__center .form--quick-search input[type="text"]{
    background:#F3EBDD !important;
    color:#1F1F1F !important;
    border:none !important;
    box-shadow:none !important;
}

.header .header-middle .header__center .form--quick-search input[type="text"]::placeholder{
    color:#8B6B20 !important;
}

.header .header-middle .header__center .form--quick-search button{
    background:#F3EBDD !important;
    color:#D6A63C !important;
    border:none !important;
}

/* =========================================================
   ENCABEZADO ZENSARA — PASO 1
   Logo más grande y buscador más amplio
   ========================================================= */

@media (min-width:900px){

    .header .header-middle .header-wrapper{
        display:flex !important;
        align-items:center !important;
        gap:32px !important;
    }

    .header .header-middle .header-wrapper .header__left{
        flex:0 0 250px !important;
        max-width:250px !important;
    }

    .header .header-middle .header-wrapper .header__left img{
        width:100% !important;
        max-width:235px !important;
        height:auto !important;
    }

    .header .header-middle .header-wrapper .header__center{
        flex:1 1 auto !important;
        max-width:none !important;
    }

    .header .header-middle .header-wrapper .header__right{
        flex:0 0 auto !important;
    }
}
/* =========================================================
   ENCABEZADO ZENSARA — PRUEBA SOLO LOGO
   ========================================================= */

@media (min-width:900px){

    .header .header-middle .header-wrapper .header__left{
        flex:0 0 280px !important;
        width:280px !important;
        max-width:280px !important;
    }

    .header .header-middle .header__left .logo,
    .header .header-middle .header__left .logo a{
        width:260px !important;
        max-width:none !important;
        display:block !important;
    }

    .header .header-middle .header__left .logo img,
    .header .header-middle .header__left img{
        width:260px !important;
        max-width:none !important;
        max-height:none !important;
        height:auto !important;
    }
}
/* Ocultar Vistos recientemente */
.header-recently-viewed{
    display: none !important;
}
/* =========================================================
   ZENSARA — MENÚ VERDE PRINCIPAL
   ========================================================= */

@media (min-width:900px){

    /* Franja verde y divisiones doradas */
    .header .header-bottom{
        border-top:3px solid #D6A63C !important;
        border-bottom:3px solid #D6A63C !important;
    }

    /* Contenedor blanco de todo el menú */
    .header .header-bottom .header-wrapper{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:28px !important;

        border:2px solid #F3EBDD !important;
        border-radius:10px !important;

        margin:10px 18px !important;
        padding:12px 20px !important;

        box-sizing:border-box !important;
    }

    /* Menú principal centrado */
    .header .header-bottom .navigation{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        flex:1 1 auto !important;
    }

    .header .header-bottom .navigation__left,
    .header .header-bottom .menu{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:30px !important;
        margin:0 !important;
        padding:0 !important;
    }

    /* Letras del menú */
    .header .header-bottom .menu > li > a{
        font-size:13px !important;
        font-weight:700 !important;
        color:#F3EBDD !important;
        line-height:1.2 !important;
    }

    .header .header-bottom .menu > li > a:hover{
        color:#E7C86B !important;
    }

    /* =====================================================
       BOTÓN COMPRAR POR CATEGORÍA
       ===================================================== */

    /* Texto blanco */
    .header .header-bottom .menu-product-categories .menu__toggle,
    .header .header-bottom .menu-product-categories .menu__toggle span,
    .header .header-bottom .menu-product-categories .menu-title{
        color:#F3EBDD !important;
    }

    /* Tres líneas blancas */
    .header .header-bottom .menu-product-categories .svg-icon,
    .header .header-bottom .menu-product-categories .svg-icon svg,
    .header .header-bottom .menu-product-categories .svg-icon svg path{
        color:#F3EBDD !important;
        fill:#F3EBDD !important;
        stroke:#F3EBDD !important;
    }

    /* Tamaño del texto Comprar por categoría */
    .header .header-bottom .menu-product-categories .menu-title{
        font-size:14px !important;
        font-weight:700 !important;
    }
}
/* Texto blanco */
.menu--product-categories .menu__togge .menu__toggle-title{
    color:#F3EBDD !important;
}

/* Icono blanco */
.menu--product-categories .menu__toggle .svg-icon,
.menu--product-categories .menu__toggle .svg-icon svg,
.menu--product-categories .menu__toggle .svg-icon svg path{
    color:#F3EBDD !important;
    fill:#F3EBDD !important;
    stroke:#F3EBDD !important;
}

/* Texto más grande */
.menu--product-categories .menu__toggle .menu__toggle-title{
    font-size:13px !important;
}
/* =========================================================
   ZENSARA — CATEGORÍAS Y BUSCADOR SEPARADOS
   ========================================================= */

@media (min-width:900px){

    /* Quitar el contenedor exterior común */
    .header .header-middle .header__center .form--quick-search{
        background:transparent !important;
        border:none !important;
        border-radius:0 !important;
        overflow:visible !important;
    }

    /* Crear separación entre categorías y buscador */
    .header .header-middle .form--quick-search .form-group--icon{
        display:grid !important;
        grid-template-columns:250px minmax(0, 1fr) !important;
        gap:12px !important;
        width:100% !important;
        background:transparent !important;
    }

    /* Contenedor TODAS LAS CATEGORÍAS */
    .header .header-middle .form--quick-search .product-category-label{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;

        height:58px !important;
        padding:0 20px !important;

        background:#0F6634 !important;
        color:#F3EBDD !important;

        border:2px solid #2C7A48 !important;
        border-radius:10px !important;

        font-size:15px !important;
        font-weight:700 !important;
    }

    /* Flecha de categorías */
    .header .header-middle .product-category-label svg,
    .header .header-middle .product-category-label svg path{
        color:#F3EBDD !important;
        fill:#F3EBDD !important;
        stroke:#F3EBDD !important;
    }

    /* Contenedor BUSCAR PRODUCTOS */
    .header .header-middle .form--quick-search input[type="text"]{
        width:100% !important;
        height:58px !important;

        padding:0 58px 0 22px !important;

        background:#0F6634 !important;
        color:#F3EBDD !important;

        border:2px solid #2C7A48 !important;
        border-radius:10px !important;

        box-shadow:none !important;
    }

    /* Texto guía del buscador */
    .header .header-middle .form--quick-search input[type="text"]::placeholder{
        color:#F3EBDD !important;
        opacity:.85 !important;
    }

    /* Lupa */
    .header .header-middle .form--quick-search button{
        background:transparent !important;
        color:#E7C86B !important;
        border:none !important;
    }

    .header .header-middle .form--quick-search button svg,
    .header .header-middle .form--quick-search button svg path{
        fill:#E7C86B !important;
        stroke:#E7C86B !important;
    }
}
/* =========================================================
   SOLO CAJA DE BÚSQUEDA
   ========================================================= */

@media (min-width:900px){

    .header .header-middle .header__center
    .form--quick-search > input.input-search-product{

        width:300px !important;
        min-width:300px !important;
        max-width:300px !important;
        height:58px !important;

        background:#0F6634 !important;
        color:#F3EBDD !important;

        border:2px solid #2C7A48 !important;
        border-radius:12px !important;

        padding:0 60px 0 22px !important;
        box-shadow:none !important;
    }

    .header .header-middle .header__center
    .form--quick-search > input.input-search-product::placeholder{

        color:#F3EBDD !important;
        opacity:.85 !important;
    }

   .header .header-middle .header__center
.form--quick-search{

    position:relative !important;
}

.header .header-middle .header__center
.form--quick-search > button{

    position:absolute !important;
    right:18px !important;
    top:50% !important;
    transform:translateY(-50%) !important;

    width:24px !important;
    height:24px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#E7C86B !important;
    background:transparent !important;
    border:none !important;

    z-index:20 !important;
}
  
}
/* =========================================================
   ZENSARA — SEGUNDA FILA DE ACCIONES DEL ENCABEZADO
   ========================================================= */

@media (min-width:900px){

    .header .header-middle .header-wrapper{
        display:grid !important;

        grid-template-columns:280px minmax(0,1fr) !important;

        grid-template-areas:
            "logo buscador"
            "acciones acciones" !important;

        align-items:center !important;

        column-gap:32px !important;
        row-gap:14px !important;
    }

    /* Logo */
    .header .header-middle .header__left{
        grid-area:logo !important;
    }

    /* Categorías y buscador */
    .header .header-middle .header__center{
        grid-area:buscador !important;

        width:100% !important;
        max-width:none !important;
    }

    /* Ocultar antiguo bloque derecho */
    .header .header-middle .header__right{
        display:flex !important;
    }

    /* Nueva segunda fila */
    .header .header-middle .zensara-header-actions{
        grid-area:acciones !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        gap:0 !important;

        width:100% !important;

        margin:0 !important;
        padding:8px 0 2px !important;
    }

    /* Cada bloque de la segunda fila */
    .header .header-middle .zensara-header-actions > *{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        min-height:42px !important;

        margin:0 !important;
        padding:0 12px !important;
    }

    /* Separadores dorados */
    .header .header-middle .zensara-header-actions > * + *{
        border-left:1px solid #D6A63C !important;
    }

    /* =====================================================
       TELÉFONO Y SOPORTE
       ===================================================== */

    .header .header-middle
    .zensara-header-actions .header-support .header-box-content{
        display:flex !important;
        align-items:center !important;

        gap:0 !important;

        margin:0 !important;
        padding:0 !important;
    }

    /* Teléfono */
    .header .header-middle
    .zensara-header-actions .header-support .header-box-content span{
        font-size:0 !important;

        margin:0 !important;
        padding:0 14px 0 0 !important;

        border-right:1px solid #D6A63C !important;

        white-space:nowrap !important;
    }

    .header .header-middle
    .zensara-header-actions .header-support .header-box-content span::before{
        content:"📞 +52 55 2245 6424";

        font-size:14px !important;
        font-weight:700 !important;

        color:#1F1F1F !important;
    }

    /* Soporte */
    .header .header-middle
    .zensara-header-actions .header-support .header-box-content p{
        font-size:0 !important;

        margin:0 !important;
        padding:0 0 0 14px !important;

        white-space:nowrap !important;
    }

    .header .header-middle
    .zensara-header-actions .header-support .header-box-content p::before{
        content:"👩‍💼 Soporte 24/7";

        font-size:13px !important;
        font-weight:700 !important;

        color:#2C7A48 !important;
    }

    /* =====================================================
       FAVORITOS
       ===================================================== */

    .header .header-middle
    .zensara-header-actions .header-wishlist .btn-wishlist{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        position:relative !important;

        gap:3px !important;

        margin:0 !important;
        padding-right:16px !important;

        color:#2C7A48 !important;

        white-space:nowrap !important;
    }

    .header .header-middle
    .zensara-header-actions .header-wishlist .btn-wishlist svg{
        width:21px !important;
        height:21px !important;

        fill:#2C7A48 !important;
        color:#2C7A48 !important;
    }

    .header .header-middle
    .zensara-header-actions .header-wishlist .btn-wishlist::after{
        content:"Favoritos";

        font-size:14px !important;
        font-weight:700 !important;

        color:#2C7A48 !important;

        margin-left:2px !important;
    }

    .header .header-middle
    .zensara-header-actions .header-wishlist .header-item-counter{
        top:-9px !important;
        right:0 !important;
    }

    /* =====================================================
       CARRITO
       ===================================================== */

    .header .header-middle
    .zensara-header-actions .cart--mini{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .header .header-middle
    .zensara-header-actions .cart--mini .btn-shopping-cart{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        position:relative !important;

        gap:3px !important;

        margin:0 !important;
        padding-right:16px !important;

        color:#D6A63C !important;

        white-space:nowrap !important;
    }

    .header .header-middle
    .zensara-header-actions .cart--mini .btn-shopping-cart svg{
        width:22px !important;
        height:22px !important;

        fill:#D6A63C !important;
        color:#D6A63C !important;
    }

    .header .header-middle
    .zensara-header-actions .cart--mini .btn-shopping-cart::after{
        content:"Carrito";

        font-size:14px !important;
        font-weight:700 !important;

        color:#2C7A48 !important;

        margin-left:2px !important;

        line-height:1 !important;
    }

    .header .header-middle
    .zensara-header-actions .cart--mini .cart-text{
        display:none !important;
    }
}
  /* =========================================================
   CORRECCIÓN FINAL — FILA SUPERIOR CENTRADA
   Logo + Categorías + Buscador
   NO MODIFICA LA FILA INFERIOR
   ========================================================= */

@media (min-width:900px){

    .header .header-middle .header-wrapper{
        display:grid !important;

        grid-template-columns:260px 630px !important;
        grid-template-areas:
            "logo buscador"
            "acciones acciones" !important;

        justify-content:center !important;
        align-items:center !important;

        column-gap:40px !important;
        row-gap:18px !important;
    }

    /* Logo */
    .header .header-middle .header__left{
        grid-area:logo !important;

        width:260px !important;
        min-width:260px !important;
        max-width:260px !important;

        margin:0 !important;
        padding:0 !important;
    }

    /* Contenedor de categorías y búsqueda */
    .header .header-middle .header__center{
        grid-area:buscador !important;

        width:630px !important;
        min-width:630px !important;
        max-width:630px !important;

        margin:0 !important;
        padding:0 !important;
    }

    /* Categorías y buscador juntos */
    .header .header-middle
    .header__center .form--quick-search{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;

        width:630px !important;
        min-width:630px !important;
        max-width:630px !important;

        gap:30px !important;

        margin:0 !important;
        padding:0 !important;
    }

    /* Categorías */
    .header .header-middle
    .form--quick-search > .form-group--icon{
        flex:0 0 300px !important;

        width:300px !important;
        min-width:300px !important;
        max-width:300px !important;

        margin:0 !important;
    }

    /* Buscador */
    .header .header-middle
    .form--quick-search > input.input-search-product{
        flex:0 0 300px !important;

        width:300px !important;
        min-width:300px !important;
        max-width:300px !important;

        margin:0 !important;
    }
}
  /* =========================================================
   AJUSTE SOLO DEL CONTADOR DEL CARRITO
   ========================================================= */

.header .header-middle
.zensara-header-actions .cart--mini .btn-shopping-cart{
    position:relative !important;
    padding-right:28px !important;
}

.header .header-middle
.zensara-header-actions .cart--mini .header-item-counter{
    top:-10px !important;
    right:0 !important;
}
  /* =========================================================
   ZENSARA - CONTORNO DORADO PREMIUM
   Categorías + Buscador
   ========================================================= */

.header .header-middle .menu--product-categories,
.header .header-middle .input-search-product{

    border:1px solid rgba(214,166,60,.65) !important;

    box-shadow:
        0 0 0 1px rgba(214,166,60,.18);

    border-radius:16px !important;
}
 /* =========================================================
   ZENSARA — PIE DE PÁGINA LIMPIO Y COMPACTO
   ========================================================= */

/* Fondo y colores generales */
footer,
.footer,
.site-footer{
    background:#0F6634 !important;
    color:#F3EBDD !important;
    border-top:2px solid #D6A63C !important;
}

footer a,
.footer a,
.site-footer a,
footer p,
footer span,
footer div,
.footer p,
.footer span,
.footer div,
.site-footer p,
.site-footer span,
.site-footer div{
    color:#F3EBDD !important;
}

/* =========================================================
   REDES SOCIALES
   ========================================================= */

.footer-socials-container{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;

    width:100% !important;
    min-height:0 !important;

    margin:0 !important;
    padding:8px 24px !important;

    box-sizing:border-box !important;

    /*
       Oculta el texto “Mantente conectado”
       sin ocultar la lista de iconos.
    */
    font-size:0 !important;
    line-height:0 !important;
}

.footer-socials-container ul{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;

    gap:10px !important;

    width:auto !important;

    margin:0 !important;
    padding:0 !important;

    list-style:none !important;

    font-size:initial !important;
    line-height:normal !important;
}

.footer-socials-container li{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex:0 0 auto !important;

    margin:0 !important;
    padding:0 !important;

    list-style:none !important;
}

.footer-socials-container li a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:34px !important;
    height:34px !important;

    margin:0 !important;
    padding:0 !important;

    color:#F3EBDD !important;
    background:transparent !important;

    border:1px solid #D6A63C !important;
    border-radius:50% !important;

    text-decoration:none !important;

    transition:
        background .25s ease,
        color .25s ease !important;
}

.footer-socials-container li a:hover{
    color:#0F6634 !important;
    background:#D6A63C !important;
}

.footer-socials-container li a svg{
    display:block !important;

    width:16px !important;
    height:16px !important;

    color:currentColor !important;
    stroke:currentColor !important;
    fill:none;

    stroke-width:2 !important;
}

/* =========================================================
   FOOTER EN CELULAR
   ========================================================= */

@media (max-width:899px){

    .footer-socials-container{
        justify-content:center !important;

        width:100% !important;
        min-height:0 !important;
        height:auto !important;

        margin:0 !important;
        padding:8px 12px 12px !important;
    }

    .footer-socials-container ul{
        justify-content:center !important;
        gap:8px !important;
    }

    .footer-socials-container li a{
        width:32px !important;
        height:32px !important;

        border-radius:9px !important;
    }

    .footer-socials-container li a svg{
        width:15px !important;
        height:15px !important;
    }
}
  /* =========================================================
   PÁGINA PRINCIPAL — FONDO GENERAL DEL UNIVERSO
   SOLO EN LA LANDING ZENSARA
   ========================================================= */

body.zensara-pagina-universo {
    background-image:
        linear-gradient(
            rgba(3, 18, 13, 0.42),
            rgba(3, 18, 13, 0.42)
        ),
        url("/storage/fondo-universo-zensara-3.webp") !important;

    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}
/* =========================================================
   LANDING UNIVERSO — CONTINUIDAD REAL HACIA EL FOOTER
   REEMPLAZA TODOS LOS BLOQUES ANTERIORES DEL FOOTER LANDING
   ========================================================= */

body.zensara-pagina-universo footer,
body.zensara-pagina-universo .footer,
body.zensara-pagina-universo .site-footer {
    position: relative !important;

    background-image:
        linear-gradient(
            rgba(3, 18, 13, 0.50),
            rgba(3, 18, 13, 0.50)
        ),
        url("/storage/fondo-universo-zensara-3.webp") !important;

    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;

    background-color: transparent !important;

    border-top: none !important;
    box-shadow: none !important;

    margin-top: -1px !important;
}
 /* =========================================================
   LANDING UNIVERSO — FOOTER COMPACTO
   ========================================================= */

/* Oculta TODO el bloque social */
body.zensara-pagina-universo .footer-socials{
    display:none !important;
}

/* Reduce la altura del pie */
body.zensara-pagina-universo footer,
body.zensara-pagina-universo .footer,
body.zensara-pagina-universo .site-footer{
    min-height:0 !important;
    padding-top:18px !important;
    padding-bottom:18px !important;
}

/* Reduce espacios internos */
body.zensara-pagina-universo footer .container,
body.zensara-pagina-universo footer .container-xl,
body.zensara-pagina-universo .footer .container,
body.zensara-pagina-universo .footer .container-xl{
    padding-top:0 !important;
    padding-bottom:0 !important;
}

/* Compacta el copyright */
body.zensara-pagina-universo footer p,
body.zensara-pagina-universo footer span,
body.zensara-pagina-universo .footer p,
body.zensara-pagina-universo .footer span{
    margin-top:0 !important;
    margin-bottom:0 !important;
    line-height:1.25 !important;
}
  /* =========================================================
   LANDING UNIVERSO
   OCULTAR ENCABEZADO SOLO EN LA PORTADA
   ========================================================= */

body.zensara-pagina-universo header,
body.zensara-pagina-universo .header{
    display:none !important;
}
  /* =========================================================
   LANDING UNIVERSO — ENCABEZADO PROPIO
   ========================================================= */

body.zensara-pagina-universo .zensara-encabezado-universo{
    position:relative !important;
    z-index:5 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;

    padding:28px 20px 10px !important;

    background:transparent !important;
}

body.zensara-pagina-universo .zensara-logo-universo{
    display:block !important;

    width:280px !important;
    max-width:72vw !important;
    height:auto !important;

    margin:0 auto !important;

    filter:
        drop-shadow(0 2px 8px rgba(0,0,0,.55))
        drop-shadow(0 0 14px rgba(214,166,60,.18)) !important;
}
  /* =========================================================
   LANDING UNIVERSO — OCULTAR FOOTER NORMAL DE LA TIENDA
   ========================================================= */

body.zensara-pagina-universo footer,
body.zensara-pagina-universo .footer {
    display: none !important;
}
  
  /* =========================================================
   IMÁGENES DE LOS SEIS PORTALES
   ========================================================= */

.zensara-zona {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.zensara-imagen-portal {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 50% !important;
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
}
 /* =========================================================
   DANTOR UI - PORTAL VIVO
   ========================================================= */

.zensara-zona{

    position:absolute !important;
    overflow:visible !important;
    isolation:isolate;

    transition:
        transform .70s cubic-bezier(.22,.61,.36,1),
        filter .70s ease,
        opacity .70s ease;

    transform-origin:center center;

}
  /* =====================================================
   HALO DE ENERGÍA
   ===================================================== */

.zensara-zona::before{

    content:"";

    position:absolute;

    top:-8%;
    left:-8%;
    width:116%;
    height:116%;

    border-radius:50%;

    background:radial-gradient(
        circle,
        rgba(214,166,60,.35) 0%,
        rgba(214,166,60,.18) 45%,
        rgba(214,166,60,0) 75%
    );

    opacity:0;

    transform:scale(.75);

    transition:
        opacity .5s ease,
        transform .5s ease;

    z-index:0;

    pointer-events:none;

}

.zensara-imagen-portal{

    position:relative;
    z-index:2;

}

.zensara-portal-activo::before{

    opacity:1;

    transform:scale(1.25);

}

/* =====================================================
   PORTAL ACTIVO — EFECTO PREMIUM
   ===================================================== */

.zensara-portal-activo{

    transform:
    translateY(-5px)
    scale(1.20);

    z-index:999;

    filter:
    brightness(1.16)
    saturate(1.12)
    drop-shadow(0 0 8px rgba(214,166,60,.45))
    drop-shadow(0 0 18px rgba(214,166,60,.38))
    drop-shadow(0 0 34px rgba(214,166,60,.24));

    animation:
    zensara-respiracion-portal 2.2s ease-in-out infinite;

}

@keyframes zensara-respiracion-portal{

    0%{
        transform:
        translateY(-5px)
        scale(1.20);
    }

    50%{
        transform:
        translateY(-7px)
        scale(1.23);
    }

    100%{
        transform:
        translateY(-5px)
        scale(1.20);
    }

}
 .zensara-haz-energia{
    position:absolute!important;
   left:calc(50% - 2px)!important;
   top:calc(50% - 2px)!important;

    width:110px!important;
    height:7px!important;

    border-radius:999px!important;

    background:linear-gradient(
    90deg,
    rgba(255,255,255,.98) 0%,
    #FFF1A8 18%,
    #D6A63C 58%,
    rgba(214,166,60,.18) 100%
    )!important;

    box-shadow:
    0 0 8px rgba(255,255,255,.95),
    0 0 18px rgba(255,225,128,.85),
    0 0 32px rgba(214,166,60,.55)!important;

    transform:translateY(-50%)!important;
    transform-origin:left center!important;

    z-index:9999!important;
    pointer-events:none!important;
}
  .zensara-haz-energia::after{
    content:"";
    position:absolute;
    left:0;
    top:50%;

    width:12px;
    height:12px;
    border-radius:50%;

    background:#FFF8D8;

    box-shadow:
        0 0 8px #FFFFFF,
        0 0 16px #D6A63C,
        0 0 28px rgba(214,166,60,.9);

    transform:translateY(-50%);

    animation:
        zensara-particula-viajera 2.2s
        ease-in-out infinite;

    pointer-events:none;
}
  @keyframes zensara-particula-viajera{

    0%{
        left:0;
        opacity:0;
        transform:
            translateY(-50%)
            scale(.55);
    }

    15%{
        opacity:1;
    }

    85%{
        opacity:1;
    }

    100%{
        left:calc(100% - 12px);
        opacity:0;
        transform:
            translateY(-50%)
            scale(1.25);
    }

}

/* NUEVO EFECTO DEL PORTAL */
.zensara-portal-activo{

    animation:
        zensara-pulso-portal 2.2s ease-out infinite!important;

    transform-origin:center center;
}

@keyframes zensara-pulso-portal{

    0%,
    78%{
        filter:brightness(1);
        transform:scale(1);
    }

    88%{
        filter:
            brightness(1.25)
            drop-shadow(0 0 8px #FFF8D8)
            drop-shadow(0 0 18px #D6A63C);

        transform:scale(1.06);
    }

    100%{
        filter:brightness(1);
        transform:scale(1);
    }

}
/* =========================================================
   ZENSARA — PLACA MARFIL COMPACTA DEL LOGO MÓVIL
   ========================================================= */

@media (max-width:899px){

    .header-mobile{
        position:relative !important;
    }

    .header-mobile .logo{
        position:absolute !important;

        left:50% !important;
        top:50% !important;

        transform:translate(-50%, -50%) !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:225px !important;
        min-width:225px !important;
        max-width:225px !important;

        height:58px !important;

        margin:0 !important;
        padding:5px 10px !important;

        background:#F3EBDD !important;

        border:1px solid #D6A63C !important;
        border-radius:14px !important;

        box-sizing:border-box !important;

        box-shadow:0 3px 8px rgba(0,0,0,.10) !important;

        z-index:2 !important;
    }

    .header-mobile .logo a{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:200px !important;
        height:48px !important;

        margin:0 !important;
        padding:0 !important;
    }

    .header-mobile .logo img{
        display:block !important;

        width:auto !important;
        max-width:200px !important;

        height:46px !important;
        max-height:46px !important;

        margin:0 !important;
        padding:0 !important;

        object-fit:contain !important;
    }

    .header-mobile .header-items-mobile:first-child,
    .header-mobile .header-items-mobile:last-child{
        position:relative !important;
        z-index:5 !important;
    }
}
/* =========================================================
   ZENSARA — EVITAR MEZCLA DE ENCABEZADOS EN MAC ESTRECHO
   Mantiene intacto el escritorio desde 900px
   ========================================================= */

@media (min-width:900px) and (max-width:1199px){

    /* Oculta únicamente la fila de acciones de escritorio */
    .header .header-middle .zensara-header-actions{
        display:none !important;
    }

    /* Oculta el encabezado medio de escritorio */
    .header .header-middle:not(.header-mobile){
        display:none !important;
    }

    /* Mantiene visible el encabezado móvil */
    .header .header-mobile,
    .header-mobile{
        display:flex !important;
        visibility:visible !important;
        height:auto !important;
    }

    /* Aplica la placa marfil al logo en este rango */
    .header-mobile .logo{
        position:absolute !important;

        left:50% !important;
        top:50% !important;

        transform:translate(-50%, -50%) !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:225px !important;
        min-width:225px !important;
        max-width:225px !important;

        height:58px !important;

        margin:0 !important;
        padding:5px 10px !important;

        background:#F3EBDD !important;
        border:1px solid #D6A63C !important;
        border-radius:14px !important;

        box-sizing:border-box !important;
        z-index:2 !important;
    }

    .header-mobile .logo img{
        width:auto !important;
        max-width:200px !important;

        height:46px !important;
        max-height:46px !important;

        object-fit:contain !important;
    }
}
/* =========================================================
   ZENSARA — MENÚ MÓVIL ARRIBA DEL FOOTER
   ========================================================= */

@media (max-width:899px){

    .footer-mobile{
        position:relative !important;

        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;

        width:100% !important;

        margin:0 !important;
        padding:0 !important;

        z-index:10 !important;
    }
}
/* =========================================================
   ZENSARA — MENÚ INFERIOR ARRIBA DEL FOOTER
   CELULAR Y VENTANA ESTRECHA
   ========================================================= */

@media (max-width:1199px){

    .footer-mobile{
        position:relative !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        display:block !important;
        visibility:visible !important;

        width:100% !important;
        height:auto !important;
        min-height:0 !important;

        margin:0 !important;
        padding:0 !important;

        transform:none !important;
        z-index:10 !important;
    }
}
/* =========================================================
   ZENSARA — OCULTAR TEXTO "MANTENTE CONECTADO"
   ========================================================= */

.footer-socials > p.me-3.mb-0{
    display:none !important;
}

/* =========================================================
   FICHA DE PRODUCTO — BOTONES REDONDEADOS EN CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .add-to-cart-button,
    .buy-now-button,
    button[name="add_to_cart"],
    [class*="add-to-cart"],
    [class*="buy-now"] {
        border-radius: 14px !important;
    }
}

/* =========================================================
   FICHA DE PRODUCTO — PESTAÑAS REDONDEADAS EN CELULAR
   ========================================================= */

@media (max-width: 767px) {

    /* Contenedor de las pestañas */
    .product-detail-container .product-detail-tabs .nav {
        display: flex !important;
        gap: 8px !important;
        margin-bottom: 24px !important;
        padding: 8px !important;
        border-radius: 14px !important;
        background-color: #f5f5f5 !important;
    }

    /* Botones Descripción y Preguntas y respuestas */
    .product-detail-container .product-detail-tabs .nav .nav-link {
        flex: 1 1 0 !important;
        margin: 0 !important;
        padding: 12px 10px !important;
        border: 0 !important;
        border-radius: 12px !important;
        text-align: center !important;
        line-height: 1.25 !important;
    }

    /* Pestaña seleccionada */
    .product-detail-container .product-detail-tabs .nav .nav-link.active {
        border-radius: 12px !important;
    }
}

/* =========================================================
   FICHA DE PRODUCTO — OCULTAR CATEGORÍAS
   CONSERVAR EL SKU
   ========================================================= */

.product-detail-container .meta-categories {
    display: none !important;
}

/* =========================================================
   FICHA DE PRODUCTO — REDUCIR ESPACIO ANTES DE LAS PESTAÑAS
   SOLO EN CELULAR
   ========================================================= */

@media (max-width: 767px) {

    /* Ocultar el bloque vacío para compartir en Facebook */
    .product-detail-container
    .product-details-content
    .product-details > .my-5 {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Reducir el espacio inferior de la ficha de compra */
    .product-detail-container
    .container-xxxl.rounded-7.bg-white {
        padding-bottom: 12px !important;
    }

    /* Acercar las pestañas al bloque superior */
    .product-detail-container
    .product-detail-tabs {
        margin-top: 12px !important;
    }
}

/* =========================================================
   FICHA DE PRODUCTO — LISTA DE DESEOS Y TARJETA DE PESTAÑAS
   SOLO EN CELULAR
   ========================================================= */

@media (max-width: 767px) {

    /* Círculo del corazón */
    .product-detail-container
    .product-wishlist-button
    .product-loop_icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        height: 44px !important;
        margin-right: 10px !important;
        border: 1px solid #d9b650 !important;
        border-radius: 50% !important;
        background-color: #f8efd5 !important;
    }

    /* Color del corazón */
    .product-detail-container
    .product-wishlist-button
    .svg-icon {
        color: #a97800 !important;
    }

    /* Fondo marfil de la tarjeta de pestañas */
    .product-detail-container
    .product-detail-tabs
    .nav {
        border: 1px solid #ead9a8 !important;
        background-color: #faf5e8 !important;
        box-shadow: 0 4px 14px rgba(80, 60, 20, 0.06) !important;
    }

    /* Pestaña no seleccionada */
    .product-detail-container
    .product-detail-tabs
    .nav .nav-link:not(.active) {
        color: #333333 !important;
        background-color: transparent !important;
    }
}

/* =========================================================
   FICHA DE PRODUCTO — CORAZÓN ROJO SIN CÍRCULO
   ========================================================= */

@media (max-width: 767px) {

    .product-detail-container
    .product-wishlist-button
    .product-loop_action {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
    }

    .product-detail-container
    .product-wishlist-button
    .product-loop_icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 30px !important;
        width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
    }

    .product-detail-container
    .product-wishlist-button
    .svg-icon {
        color: #c62828 !important;
    }

    .product-detail-container
    .product-wishlist-button
    .product-loop_action .text {
        display: inline-flex !important;
        align-items: center !important;
        margin: 0 !important;
        line-height: 1.2 !important;
    }
}

/* =========================================================
HOME — TARJETAS VISUALES DE CATEGORÍAS ZENSARA
3 columnas escritorio / 2 tableta / 1 celular
========================================================= */

/* FONDO GENERAL VERDE MENTA */

html body#page-1 .zensara-categorias-home {
    position: relative;
    width: 100%;
    max-width: 1280px;
    margin: 50px auto 0;
    padding: 44px 30px;
    background: #dcebd8 !important;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0 100vmax #dcebd8 !important;
    clip-path: inset(0 -100vmax);
}

/* ELIMINA CUALQUIER FONDO BLANCO INTERIOR */

html body#page-1 .zensara-categorias-home > h2,
html body#page-1 .zensara-categorias-home .zensara-categorias-grid {
    background: transparent !important;
}

/* TÍTULO */

html body#page-1 .zensara-categorias-home > h2 {
    margin: 0 0 34px;
    color: #173e2a;
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}

/* CUADRÍCULA */

html body#page-1 .zensara-categorias-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

/* TARJETA COMPLETA Y ENLACE */

html body#page-1 .zensara-categoria-card {
    position: relative;
    display: block;
    overflow: hidden;
    color: #202020 !important;
    text-decoration: none !important;
    background: #fffdf8;
    border: 1px solid rgba(194, 151, 42, 0.52);
    border-radius: 22px;
    box-shadow:
        0 10px 24px rgba(42, 65, 45, 0.10),
        0 2px 5px rgba(42, 65, 45, 0.05);
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

/* CONTENEDOR DE LA IMAGEN */

html body#page-1 .zensara-categoria-imagen {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f5efe2;
}

/* IMAGEN UNIFORME */

html body#page-1 .zensara-categoria-imagen img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover;
    object-position: center;
    border: 0 !important;
    border-radius: 0 !important;
    transition: transform 0.45s ease;
}

/* DEGRADADO SUAVE ENTRE IMAGEN Y NOMBRE */

html body#page-1 .zensara-categoria-imagen::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 34%;
    content: "";
    pointer-events: none;
    background: linear-gradient(
        to bottom,
        rgba(255, 253, 248, 0),
        rgba(255, 253, 248, 0.24)
    );
}

/* NOMBRE DE LA CATEGORÍA */

html body#page-1 .zensara-categoria-nombre {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 76px;
    padding: 20px 18px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    background: #0d6b38;
    transition:
        background-color 0.3s ease,
        color 0.3s ease;
}

/* DETALLE DORADO */

html body#page-1 .zensara-categoria-nombre::before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 52px;
    height: 2px;
    content: "";
    background: #d8aa32;
    border-radius: 999px;
    transform: translateX(-50%);
}

/* INTERACCIÓN */

html body#page-1 .zensara-categoria-card:hover,
html body#page-1 .zensara-categoria-card:focus-visible {
    color: #ffffff !important;
    border-color: #d8aa32;
    box-shadow: 0 16px 38px rgba(13, 107, 56, 0.16);
    transform: translateY(-6px);
    outline: none;
}

html body#page-1 .zensara-categoria-card:hover
.zensara-categoria-imagen img,
html body#page-1 .zensara-categoria-card:focus-visible
.zensara-categoria-imagen img {
    transform: scale(1.045);
}

html body#page-1 .zensara-categoria-card:hover
.zensara-categoria-nombre,
html body#page-1 .zensara-categoria-card:focus-visible
.zensara-categoria-nombre {
    color: #ffffff;
    background: #09572e;
}

/* TABLETA */

@media (max-width: 991px) {
    html body#page-1 .zensara-categorias-home {
        padding: 34px 24px;
    }

    html body#page-1 .zensara-categorias-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }
}

/* CELULAR */

@media (max-width: 767px) {
    html body#page-1 .zensara-categorias-home {
        width: 100%;
        margin: 30px auto 0;
        padding: 30px 18px;
        border-radius: 0;
    }

    html body#page-1 .zensara-categorias-home > h2 {
        margin-bottom: 24px;
        font-size: 27px;
    }

    html body#page-1 .zensara-categorias-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    html body#page-1 .zensara-categoria-card {
        border-radius: 18px;
    }

    html body#page-1 .zensara-categoria-imagen {
        aspect-ratio: 4 / 3;
    }

    html body#page-1 .zensara-categoria-nombre {
        min-height: 68px;
        padding: 17px 14px;
        font-size: 19px;
    }
}
/* =========================================================
MUÑECOS — SEIS ENLACES EN DOS FILAS
========================================================= */

html body#page-1 .zensara-categorias-grid {
    align-items: start;
}

html body#page-1 article.zensara-categoria-card-enlaces {
    display: block;
    overflow: hidden;
    background: #0d6b38 !important;
}

/* Selecciona directamente NAV aunque el editor elimine su clase */

html body#page-1 article.zensara-categoria-card-enlaces > nav {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 9px !important;
    width: 100% !important;
    padding: 18px !important;
    margin: 0 !important;
    background: #0d6b38 !important;
}

/* Seis enlaces */

html body#page-1 article.zensara-categoria-card-enlaces > nav > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 8px 6px !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: normal !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(216, 170, 50, 0.70) !important;
    border-radius: 9px !important;
}

html body#page-1 article.zensara-categoria-card-enlaces > nav > a:hover,
html body#page-1 article.zensara-categoria-card-enlaces > nav > a:focus-visible {
    color: #173e2a !important;
    background: #ffffff !important;
    border-color: #d8aa32 !important;
    outline: none !important;
}

/* Ver todos */

html body#page-1 article.zensara-categoria-card-enlaces > nav >
a.zensara-categoria-ver-todos {
    color: #173e2a !important;
    background: #d8aa32 !important;
    border-color: #d8aa32 !important;
}

/* CELULAR: dos columnas y tres filas */

@media (max-width: 767px) {

    html body#page-1 article.zensara-categoria-card-enlaces > nav {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 14px !important;
    }

    html body#page-1 article.zensara-categoria-card-enlaces > nav > a {
        min-height: 44px !important;
        font-size: 15px !important;
    }
}
/* =========================================================
MUÑECOS — SEIS BOTONES PROFESIONALES EN DOS FILAS
========================================================= */

html body#page-1 .zensara-categorias-grid {
    align-items: start;
}

html body#page-1 .zensara-categoria-card-enlaces {
    display: block;
    overflow: hidden;
    background: #0d6b38 !important;
}

html body#page-1
.zensara-categoria-card-enlaces
.zensara-categoria-subenlaces {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 18px !important;
    background: #0d6b38 !important;
    box-sizing: border-box !important;
}

/* LOS SEIS BOTONES */

html body#page-1
.zensara-categoria-card-enlaces
.zensara-categoria-subenlaces > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 9px 7px !important;

    color: #173e2a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: normal !important;

    background: linear-gradient(
        180deg,
        #e2b94c 0%,
        #d5a62f 100%
    ) !important;

    border: 1px solid #e8c868 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;

    box-shadow:
        0 3px 8px rgba(63, 46, 8, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        background 0.22s ease,
        border-color 0.22s ease !important;
}

/* EFECTO AL PASAR EL CURSOR */

html body#page-1
.zensara-categoria-card-enlaces
.zensara-categoria-subenlaces > a:hover,
html body#page-1
.zensara-categoria-card-enlaces
.zensara-categoria-subenlaces > a:focus-visible {
    color: #173e2a !important;

    background: linear-gradient(
        180deg,
        #ebca69 0%,
        #ddb13c 100%
    ) !important;

    border-color: #f0d57e !important;

    box-shadow:
        0 6px 14px rgba(63, 46, 8, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;

    transform: translateY(-2px);
    outline: none !important;
}

/* CELULAR: DOS COLUMNAS Y TRES FILAS */

@media (max-width: 767px) {

    html body#page-1
    .zensara-categoria-card-enlaces
    .zensara-categoria-subenlaces {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 14px !important;
    }

    html body#page-1
    .zensara-categoria-card-enlaces
    .zensara-categoria-subenlaces > a {
        min-height: 44px !important;
        padding: 9px 6px !important;
        font-size: 15px !important;
    }
}
/* =========================================================
PULSERAS — DOS LISTAS DESPLEGABLES SOLO CON HTML Y CSS
========================================================= */

html body#page-1 .zensara-pulseras-card {
    overflow: hidden !important;
    border-radius: 22px !important;
}

html body#page-1 .zensara-pulseras-card .zensara-submenu {
    display: contents !important;
}

html body#page-1 .zensara-pulseras-card .zensara-submenu-boton {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 9px 7px !important;
    color: #173e2a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    background: linear-gradient(180deg, #e2b94c 0%, #d5a62f 100%) !important;
    border: 1px solid #e8c868 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    box-shadow:
        0 3px 8px rgba(63, 46, 8, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}

html body#page-1 .zensara-pulseras-card .zensara-submenu-boton::after {
    content: "▼";
    margin-left: 6px;
    font-size: 10px;
}

html body#page-1 .zensara-pulseras-card .zensara-submenu-lista {
    display: none !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    max-height: 260px !important;
    margin: 0 !important;
    padding: 8px !important;
    overflow-y: auto !important;
    background: #fffaf0 !important;
    border: 1px solid #d6b044 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
}

html body#page-1 .zensara-pulseras-card .zensara-submenu-lista:target {
    display: grid !important;
}

html body#page-1 .zensara-pulseras-card .zensara-submenu-lista > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 7px 6px !important;
    color: #173e2a !important;
    background: #f7e4a2 !important;
    border: 1px solid #e8c868 !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

html body#page-1 .zensara-pulseras-card .zensara-submenu-lista > a.zensara-submenu-cerrar {
    grid-column: 1 / -1 !important;
    color: #ffffff !important;
    background: #0d6b38 !important;
    border-color: #0d6b38 !important;
}

@media (max-width: 767px) {
    html body#page-1 .zensara-pulseras-card {
        border-radius: 18px !important;
    }

    html body#page-1 .zensara-pulseras-card .zensara-submenu-boton {
        min-height: 44px !important;
        padding: 9px 6px !important;
        font-size: 15px !important;
    }
}
html body#page-1 {
    overflow-x: hidden !important;
}

html body#page-1 .zensara-portada-home {
    position: relative !important;
    left: 50% !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 0 0 -50vw !important;
    padding: 0 !important;
    overflow: hidden !important;
    line-height: 0 !important;
}

html body#page-1 .zensara-portada-home img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
}

/* Fondo verde completo de Productos destacados y Nuevos productos */
html body#page-1 .widget-products-with-category.bg-light {
    position: relative !important;
    background-color: #0f6634 !important;
    box-shadow: 0 0 0 100vmax #0f6634 !important;
    clip-path: inset(0 -100vmax) !important;
    padding: 50px 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Títulos blancos */
html body#page-1 .widget-products-with-category .widget-header,
html body#page-1 .widget-products-with-category .widget-header h2 {
    color: #ffffff !important;
}

/* Solamente las tarjetas permanecen blancas */
html body#page-1 .widget-products-with-category .product-inner {
    background-color: #ffffff !important;
}

/* 1. Elimina la franja blanca antes del pie de página */
html body#page-1 #main-content {
    padding-bottom: 0 !important;
}

html body#page-1 #main-content .container-xl > .mb-5 {
    margin-bottom: 0 !important;
}

html body#page-1 .widget-products-with-category:last-of-type {
    margin-bottom: 0 !important;
}


/* 2. Tarjetas premium blancas con borde dorado */
html body#page-1 .widget-products-with-category .slick-slide {
    padding: 10px !important;
}

html body#page-1 .widget-products-with-category .product-inner {
    position: relative !important;
    background: #ffffff !important;
    border: 1.5px solid #d6a63c !important;
    border-radius: 18px !important;
    overflow: visible !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14) !important;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease !important;
}

html body#page-1 .widget-products-with-category .product-thumbnail {
    border-radius: 18px 18px 0 0 !important;
    overflow: hidden !important;
}

html body#page-1 .widget-products-with-category .product-inner:hover {
    z-index: 20 !important;
    transform: translateY(-7px) !important;
    border-color: #f2c75c !important;
    box-shadow:
        0 16px 32px rgba(0, 0, 0, 0.22),
        0 0 0 2px rgba(242, 199, 92, 0.25) !important;
}


/* 3. Botón del carrito al pasar el cursor */
html body#page-1 .widget-products-with-category .add-to-cart-button:hover,
html body#page-1 .widget-products-with-category .add-to-cart-button:focus {
    background-color: #f2c75c !important;
    border-color: #f2c75c !important;
    color: #173d29 !important;
}

/* Quitar franja blanca entre portada y categorías */
html body#page-1 .zensara-portada-home + .raw-html-embed {
    margin-top: 0 !important;
    padding-top: 0 !important;
    background-color: #e1f0dd !important;
}

html body#page-1 .zensara-portada-home + .raw-html-embed .zensara-categorias-home {
    margin-top: 0 !important;
}
/* Encabezado central más compacto en escritorio */
@media (min-width: 1200px) {
    .header .header-middle .header-wrapper {
        padding: 18px 0 !important;
    }
}

/* =========================================================
   ZENSARA — CORRECCIÓN ÚNICA Y SEGURA DEL ENCABEZADO
   Escritorio desde 1200 px. No modifica móvil ni tablet.
   ========================================================= */

@media (min-width: 1200px) {

    /* 1. Encabezado central compacto, sin altura vacía */
    html body .header .header-middle,
    html body .header .header-middle > .container-xxxl {
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    html body .header .header-middle .header-wrapper {
        display: grid !important;
        grid-template-columns: 260px minmax(420px, 630px) !important;
        grid-template-areas:
            "logo buscador"
            "acciones acciones" !important;
        grid-auto-rows: auto !important;
        justify-content: center !important;
        align-items: center !important;
        column-gap: 40px !important;
        row-gap: 8px !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 14px 20px !important;
        box-sizing: border-box !important;
    }

    /* 2. Logo alineado, conservando su tamaño actual */
    html body .header .header-middle .header__left {
        grid-area: logo !important;
        align-self: center !important;
        width: 260px !important;
        min-width: 260px !important;
        max-width: 260px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 3. Se elimina únicamente el botón duplicado
       "Todas las categorías". Se conserva el menú inferior. */
    html body .header .header-middle
    .form--quick-search > .form-group--icon {
        display: none !important;
    }

    /* 4. Buscador centrado y extendido en el espacio libre */
    html body .header .header-middle .header__center {
        grid-area: buscador !important;
        align-self: center !important;
        width: 630px !important;
        min-width: 0 !important;
        max-width: 630px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body .header .header-middle
    .header__center .form--quick-search {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 630px !important;
        height: 58px !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
        overflow: visible !important;
    }

    html body .header .header-middle
    .form--quick-search > input.input-search-product {
        flex: 1 1 auto !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 58px !important;
        margin: 0 !important;
        padding: 0 60px 0 22px !important;
    }

    html body .header .header-middle
    .form--quick-search > button {
        position: absolute !important;
        right: 18px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
    }

    /* Evita que un bloque derecho antiguo genere una fila vacía */
    html body .header .header-middle
    .header__right:not(.zensara-header-actions) {
        display: none !important;
    }

    /* 5. Fila de teléfono, soporte, favoritos y carrito compacta */
    html body .header .header-middle .zensara-header-actions {
        grid-area: acciones !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: center !important;
        width: auto !important;
        min-height: 38px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        gap: 0 !important;
    }

    html body .header .header-middle
    .zensara-header-actions > * {
        min-height: 38px !important;
        margin: 0 !important;
        padding: 0 12px !important;
    }

    /* Iconos de texto uniformes: elimina los emojis añadidos por CSS */
    html body .header .header-middle
    .zensara-header-actions .header-support
    .header-box-content span::before {
        content: "Tel. +52 55 2245 6424" !important;
    }

    html body .header .header-middle
    .zensara-header-actions .header-support
    .header-box-content p::before {
        content: "Soporte 24/7" !important;
    }

    /* 6. Menú verde inferior más compacto y alineado */
    html body .header .header-bottom {
        height: auto !important;
        min-height: 0 !important;
    }

    html body .header .header-bottom .header-wrapper {
        min-height: 0 !important;
        margin: 6px 18px !important;
        padding: 8px 20px !important;
        gap: 24px !important;
    }

    html body .header .header-bottom .navigation__left,
    html body .header .header-bottom .menu {
        gap: 24px !important;
    }

    html body .header .header-bottom
    .menu-product-categories .menu__toggle {
        min-height: 46px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Portada con altura controlada en monitores grandes */
    html body#page-1 .zensara-portada-home img {
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        max-height: 820px !important;
        object-fit: cover !important;
        object-position: center center !important;
        margin: 0 !important;
    }
}

/* El diseño móvil y tablet permanece intacto */
@media (max-width: 1199px) {
    html body#page-1 .zensara-portada-home img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }
}
/* =========================================================
   AJUSTE FINAL DE ENCABEZADO, PORTADA Y PUNTERO DORADO
   ========================================================= */

/* Escritorio: logo y buscador forman una sola fila centrada. */
@media (min-width: 1200px) {
    html body .header .header-middle .header-wrapper,
    html body .header .header-middle.header-content-sticky .header-wrapper {
        display: grid !important;
        grid-template-columns: 400px 500px !important;
        grid-template-areas:
            "logo buscador"
            "acciones acciones" !important;
        justify-content: center !important;
        align-items: center !important;
        column-gap: 48px !important;
        row-gap: 8px !important;
        padding: 12px 20px !important;
    }

    html body .header .header-middle .header__left {
        grid-area: logo !important;
        width: 400px !important;
        max-width: 400px !important;
        margin: 0 !important;
        justify-self: center !important;
    }

    html body .header .header-middle .header__left .logo,
    html body .header .header-middle .header__left img {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
    }

    html body .header .header-middle .header__center {
        grid-area: buscador !important;
        display: block !important;
        width: 500px !important;
        max-width: 500px !important;
        margin: 0 !important;
        justify-self: center !important;
    }

    html body .header .header-middle .header__center .form--quick-search {
        position: relative !important;
        display: block !important;
        width: 500px !important;
        max-width: 500px !important;
        height: 58px !important;
        margin: 0 !important;
    }

    html body .header .header-middle .header__center .form--quick-search input.input-search-product {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 58px !important;
        margin: 0 !important;
        padding-right: 60px !important;
    }

    /* La lupa queda dentro del buscador y deja de separarse a la derecha. */
    html body .header .header-middle .header__center .form--quick-search button {
        position: absolute !important;
        top: 50% !important;
        right: 18px !important;
        left: auto !important;
        width: 36px !important;
        height: 36px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: translateY(-50%) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 3 !important;
    }

    html body .header .header-middle .zensara-header-actions {
        grid-area: acciones !important;
        justify-self: center !important;
        margin: 0 auto !important;
    }

    /* Portada más baja, proporcional y sin deformarse. */
    html body#page-1 .zensara-portada-home {
        height: clamp(480px, 42vw, 650px) !important;
        overflow: hidden !important;
    }

    html body#page-1 .zensara-portada-home img {
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center 54% !important;
    }
}

/* Móvil: el puntero dorado no invade el círculo superior. */
@media (max-width: 700px) {
    html body .zensara-haz-energia {
        left: 50% !important;
        top: 53% !important;
        width: 72px !important;
        height: 5px !important;
    }

    html body .zensara-haz-energia::after {
        width: 9px !important;
        height: 9px !important;
    }
}
/* ==================================================
   CATÁLOGOS Y RESULTADOS DE BÚSQUEDA — ZENSARA
   ================================================== */

/* Fondo verde claro del área de productos */
html body .bb-product-listing-page-description,
html body .bb-product-items-wrapper {
    background-color: #e7f2e4 !important;
}

html body .bb-product-listing-page-description {
    padding: 30px 30px 5px !important;
}

html body .bb-product-items-wrapper {
    padding: 30px !important;
}

/* Tres productos por fila únicamente en computadora */
@media (min-width: 1200px) {
    html body .bb-product-items-wrapper .shop-products-listing {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 24px !important;
        margin: 0 !important;
    }

    html body .bb-product-items-wrapper .shop-products-listing > .col {
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
        flex: none !important;
    }
}

/* Tarjetas blancas con acabado elegante */
html body .bb-product-items-wrapper .product-inner {
    height: 100% !important;
    overflow: hidden !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(214, 166, 60, 0.55) !important;
    border-radius: 14px !important;
    box-shadow: 0 6px 18px rgba(23, 75, 43, 0.12) !important;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease !important;
}

/* Efecto premium al pasar el cursor */
html body .bb-product-items-wrapper .product-inner:hover {
    transform: translateY(-5px) !important;
    border-color: #d6a63c !important;
    box-shadow: 0 14px 28px rgba(23, 75, 43, 0.20) !important;
}

/* Mantener el área de la imagen blanca */
html body .bb-product-items-wrapper .product-thumbnail,
html body .bb-product-items-wrapper .img-fluid-eq,
html body .bb-product-items-wrapper .img-fluid-eq__wrap {
    background-color: #ffffff !important;
}

/* Las imágenes conservan su proporción */
html body .bb-product-items-wrapper .product-thumbnail__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 14px !important;
}

/* Espacio interior de nombre y precio */
html body .bb-product-items-wrapper .product-details {
    padding: 16px 18px 20px !important;
    background-color: #ffffff !important;
}

/* Nombre del producto más ordenado */
html body .bb-product-items-wrapper .product__title {
    min-height: 2.8em !important;
    margin-bottom: 10px !important;
    line-height: 1.4 !important;
}

/* Precio más visible */
html body .bb-product-items-wrapper .product-price {
    color: #5d8f16 !important;
    font-weight: 700 !important;
}

/* Paginación con estilo ZENSARA */
html body .toolbar-pagination .page-item .page-link,
html body .pagination .page-item .page-link {
    border-radius: 8px !important;
    margin: 0 3px !important;
}

html body .toolbar-pagination .page-item.active .page-link,
html body .pagination .page-item.active .page-link {
    color: #ffffff !important;
    background-color: #0f6634 !important;
    border-color: #d6a63c !important;
}