/* ==== WPCode #14744 ==== */
/* ============================================================
   SE - #14744 v27 (2026-08-19) - v26.4 + P1: buscador sobre hero SIN
   morph del header (clase .se-x-shero puesta por #14822 v5; bloque al
   final) + P0: banda de envio colapsa en .3s tambien con el menu abierto
   (logo/letras del header ya no derivan lentas) + P5/P6: caja de busqueda
   a 88px con hairline y lupa 17 / con muchos resultados la lista llena
   hasta abajo + P11: areas tactiles del header >=44px (bloques al final). Historia v26.4 (2026-08-11) - v26.3 + R5-2 (flip instantaneo del
   header con el buscador abierto: el morph 0.8s a se-stuck corria a la
   vista sobre el hero detras del panel entrando). Historia v26.3:
   v24.2 + D1/D4/D5/D6 + timing experto:
   TIMING (eleccion experta autorizada por el dueno): entrada .70s drawer /
   salida .45s en MENU y BUSCADOR por igual (asimetria: deliberado al
   abrir, agil al cerrar). D1: la equis visible vive en
   .se-header__overlay (hijo directo del header, sin transform = clavada
   durante animacion y scroll) en el punto de la hamburguesa; el menu la
   cierra el listener nativo del overlay, el buscador via pass-through a
   .se-search-close (hit-zone invisible en el mismo punto). La banda de
   envios se colapsa con cualquier panel abierto. D5: aires compactados
   (tipografia v9 INTACTA) para que TODO quepa a 390x664 + texto 135% sin
   scroll interno; foto = banda editorial que llena el resto (sin linea de
   notas en pantallas cortas). D4: con el menu contenido, el gesto #14779
   cierra SIEMPRE con swipe-up (resto=0). D6: OBJETOS = Equipo,
   Merchandise, Mas (acordeon) y Todos al fondo; el reorden del DOM lo
   hace el snippet HTML del acordeon (el order de grid ROMPE este layout
   con los eyebrows ::before - probado). Base v24.2:
   (D2) la barra pinta SIEMPRE encima del panel del buscador
        (z 10001: el panel es hijo directo del header y tapaba a la
        barra entera, atrapada en su stacking context z6);
   (D3) buscador = CLON EXACTO del movimiento del menu (lateral
        translateX, misma duracion y curva, contenido escalonado
        igual). El panel queda SIEMPRE PINTADO (fuera de pantalla a
        la derecha) porque un elemento jamas pintado no transiciona
        su primera apertura, y ademas animation:none mata el
        keyframe del reveal del diseno desktop que ocupaba transform
        y suprimia la transicion (causa raiz del snap medido).
   Base: v23.6 = MENU v9 APROBADO VERBATIM
   (menu-v9-final.css del 2026-08-05, el que el dueno aprobo) con
   UN agregado invisible: min-height 44px en links grandes (taps).
   Panel lateral .55s + entrada escalonada + X propia + QUIZ pill
   en su fila + foto EN FLUJO (nada se tapa, el panel entero
   scrollea). El drop-desde-arriba, el morph de hamburguesa, la
   foto fija y el colapso de banda del menu (v18-v22) quedan FUERA.
   Buscador v23 abajo: mismo lenguaje que el menu.
   ============================================================ */
/* ============================================================
   SE - Menu movil (snippet #14744)
   1) Fix velo: el cajon vivia bajo .se-header__overlay por stacking
      context de .se-header__bar (z6). El velo va a z5.
   2) Rediseno v4 (aprobado 2026-08-05): panel full-screen crema,
      estructura espejo del mega desktop. Los items .se-mnm son
      items del menu WP "Main" (solo movil; desktop los oculta abajo).
   ============================================================ */
@media (max-width: 921px){
  #se-header .se-header__overlay{ z-index: 5 !important; }
}

@media (max-width:921px){
  /* ===== SE MENU MOVIL v2 — panel full-screen estructura desktop ===== */
  #se-header .se-header__nav{
    position:fixed !important; inset:0 !important; width:auto !important; max-width:none !important;
    background:var(--se-crema,#F5F1E8) !important;
    display:flex !important; flex-direction:column !important;
    padding:calc(env(safe-area-inset-top, 0px) + 140px) 22px 0 !important;
    overflow-y:auto; overscroll-behavior:contain;
    transform:translateX(100%);
    transition:transform .45s cubic-bezier(.4,0,.25,1);
    box-shadow:none !important;
  }
  #se-header.se-nav-open .se-header__nav{ transform:translateX(0); transition:transform .7s cubic-bezier(.22,1,.32,1); }
  html:has(#se-header.se-nav-open), body:has(#se-header.se-nav-open){ overflow:hidden; }

  /* barra visible SOBRE el panel: logo + lupa + carrito en carbon; hamburguesa se esconde */
  #se-header.se-nav-open .se-header__bar > .se-header__zone{ position:relative; z-index:10001; }
  #se-header.se-nav-open .se-header__bar > .se-header__zone,
  #se-header.se-nav-open .se-header__bar > .se-header__zone a,
  #se-header.se-nav-open .se-header__bar > .se-header__zone button{ color:var(--se-negro,#1E1C19) !important; text-shadow:none !important; }
  #se-header.se-nav-open .se-header__bar > .se-header__zone img{ filter:none !important; }
  #se-header.se-nav-open .se-header__menu-toggle{ opacity:0; pointer-events:none; }
  /* v23.5: la lupa tambien se esconde con el menu abierto (mismo lenguaje).
     Abrir el buscador ENCIMA del menu dejaba estados a medias del motor
     (probado: sus cierres cierran todo y un click sintetico abre sin
     pointer-events). Con la lupa fuera, el estado roto es inalcanzable. */
  #se-header.se-nav-open .se-header__search-toggle{ opacity:0 !important; pointer-events:none !important; }

  /* cerrar: ocupa el lugar de la hamburguesa */
  #se-header .se-header__nav-close{
    position:fixed !important; top:calc(env(safe-area-inset-top, 0px) + 44px) !important; right:12px !important;
    width:48px !important; height:48px !important; display:grid !important; place-items:center !important;
    font-size:32px !important; font-weight:300; line-height:1 !important; color:var(--se-negro,#1E1C19) !important;
    background:transparent !important; border:0 !important; z-index:10002;
    transition:transform .3s cubic-bezier(.4,0,.25,1);
  }
  #se-header .se-header__nav-close:active{ transform:scale(.88); }

  /* lista: grid 2 col, grandes cruzan */
  #se-header .se-header__menu{
    display:grid !important; grid-template-columns:1fr 1fr; grid-auto-flow:row dense;
    gap:0 16px !important; column-gap:16px !important; row-gap:0 !important; margin:0 !important; padding:0 !important; list-style:none !important;
    flex:1 0 auto; align-content:start;
  }
  #se-header .se-header__menu > li:not(.se-mnm){ grid-column:1 / -1; margin:0 !important; }
  #se-header .se-header__menu > li{ grid-column:1 / -1; }
  #se-header .se-header__menu > li.menu-item-has-children{ display:none !important; }
  #se-header .se-header__menu > li:not(.se-mnm):has(> a[href*='/tienda/']){ display:none !important; }
  /* QUIZ: revelar y estilo pill (como el boton de desktop) */
  #se-header .se-header__menu > li:has(> a[href*='/quiz']){ display:block !important; margin-top:12px; }
  #se-header .se-header__menu > li:has(> a[href*='/quiz']) > a.menu-link{
    display:inline-block !important; font-size:1rem !important; letter-spacing:.08em !important;
    padding:10px 24px !important; border:1.5px solid var(--se-negro,#1E1C19); line-height:1 !important;
  }

  /* links grandes */
  #se-header .se-header__nav .se-header__menu > li > a.menu-link{
    font-family:var(--se-fuente-titular,'League Gothic'),sans-serif !important;
    font-size:clamp(1.8rem, 7.8vw, 2.1rem) !important; line-height:1.05 !important;
    letter-spacing:.015em !important; text-transform:uppercase;
    color:var(--se-negro,#1E1C19) !important; text-shadow:none !important;
    display:block; padding:4px 0 !important; min-height:44px;
  }
  #se-header .se-header__menu > li > a.menu-link:active{ color:var(--se-acento,#7C8A6E) !important; }

  /* grupos espejo del mega */
  #se-header .se-header__menu > li.se-mnm{ grid-column:auto; }
  #se-header .se-header__menu > li.se-mnm-cafe{ grid-column:1; }
  #se-header .se-header__menu > li.se-mnm-obj{ grid-column:2; }
  #se-header .se-header__nav .se-header__menu > li.se-mnm:not(.se-mnm-feat) > a.menu-link{
    font-family:var(--se-fuente-cuerpo,Roboto,sans-serif) !important;
    font-size:1rem !important; line-height:1.35 !important; letter-spacing:.01em !important;
    text-transform:none !important; color:var(--se-negro,#1E1C19) !important;
    padding:12px 0 !important; min-height:44px; display:flex !important; align-items:center; opacity:.94;
  }
  #se-header li.se-mnm-hcafe, #se-header li.se-mnm-hobj{ margin-top:22px; padding-top:16px; position:relative; }
  #se-header li.se-mnm-hcafe::after{
    content:''; position:absolute; top:0; left:0; width:calc(200% + 16px); height:1px; background:rgba(30,28,25,.16);
  }
  #se-header li.se-mnm-hcafe::before, #se-header li.se-mnm-hobj::before{
    display:block; font-family:var(--se-fuente-titular,'League Gothic'),sans-serif;
    font-size:1.0625rem; letter-spacing:.16em; line-height:1.1; text-transform:uppercase;
    color:var(--se-negro,#1E1C19); margin-bottom:8px;
  }
  #se-header li.se-mnm-hcafe::before{ content:'CAFÉ'; }
  #se-header li.se-mnm-hobj::before{ content:'OBJETOS'; }

  /* tarjeta foto sugerencia (link real) — llena el resto de la pantalla */
  #se-header .se-header__menu > li.se-mnm-feat{ grid-column:1 / -1 !important; margin:24px -22px 0 !important; }
  #se-header .se-header__nav .se-header__menu > li.se-mnm-feat > a.menu-link{
    position:relative; display:flex !important; flex-direction:column; justify-content:flex-end; align-items:flex-start;
    min-height:clamp(175px, calc(100dvh - 651px), 380px);  /* v23.2: el contenido crecio 16px con los taps de 44 - la foto se ajusta para llenar EXACTO sin cortarse */
    background:linear-gradient(180deg, rgba(30,28,25,.04) 30%, rgba(30,28,25,.72) 100%),
      #1E1C19 url('/wp-content/uploads/2026/06/cafe-bolsa-taza-grano-900.webp') center/cover no-repeat;
    color:var(--se-crema,#F5F1E8) !important;
    font-family:var(--se-fuente-titular,'League Gothic'),sans-serif !important;
    font-size:2rem !important; letter-spacing:.02em; line-height:1; text-transform:uppercase;
    padding:0 22px calc(env(safe-area-inset-bottom, 0px) + 26px) !important;
  }
  #se-header .se-header__nav li.se-mnm-feat > a.menu-link::before{
    content:'NUESTRA SUGERENCIA'; display:block;
    font-size:.75rem; letter-spacing:.18em; opacity:.9; margin-bottom:8px;
  }
  #se-header .se-header__nav li.se-mnm-feat > a.menu-link::after{
    content:'Chocolate · Nueces · Frutos Rojos'; position:absolute; right:22px; text-transform:none;
    bottom:calc(env(safe-area-inset-bottom, 0px) + 30px);
    font-family:var(--se-fuente-cuerpo,Roboto,sans-serif); font-size:.75rem; letter-spacing:.02em; opacity:.9;
  }

  /* entrada escalonada */
  #se-header .se-header__menu > li{ opacity:0; translate:0 18px; transition:opacity .45s cubic-bezier(.4,0,.25,1), translate .45s cubic-bezier(.4,0,.25,1); }
  #se-header.se-nav-open .se-header__menu > li{ opacity:1; translate:0 0; }
  #se-header.se-nav-open .se-header__menu > li:nth-child(2){ transition-delay:.06s; }
  #se-header.se-nav-open .se-header__menu > li:nth-child(4){ transition-delay:.12s; }
  #se-header.se-nav-open .se-header__menu > li:nth-child(5){ transition-delay:.18s; }
  #se-header.se-nav-open .se-header__menu > li:nth-child(6){ transition-delay:.24s; }
  #se-header.se-nav-open .se-header__menu > li.se-mnm{ transition-delay:.3s; }
  @media (prefers-reduced-motion:reduce){
    #se-header .se-header__nav{ transition-duration:.2s; }
    #se-header .se-header__menu > li{ translate:0 0; transition:opacity .2s; }
  }
}



/* ===== v23.4: SCROLLEA EL UL, NO EL NAV =====
   Con el nav scrolleable, su ✕ (fixed dentro del nav transformado) VIAJABA
   con el scroll y se salia de pantalla. Ahora: nav overflow hidden (la ✕
   fixed queda clavada por construccion) y la lista scrollea por dentro.
   El ul toma el ancho completo (margin -22 + padding 22) para que la foto
   full-bleed no se recorte (los scroll containers recortan en el padding
   box, y la foto vive en el padding). El gestor de gestos (#14779) mide el
   fondo del scroll sobre el UL. */
@media (max-width:921px){
  #se-header .se-header__nav{ overflow:hidden !important; }
  #se-header .se-header__menu{
    margin:0 -22px !important; padding:0 22px !important;
    flex:1 1 auto !important; min-height:0 !important;
    overflow-y:auto !important; overflow-x:hidden !important;
    overscroll-behavior:contain;
  }
}

/* ===== lupa sin la palabra BUSCAR en movil (pedido, se conserva) ===== */
@media (max-width:921px){
  #se-header .se-header__search-label{ display:none !important; }
}

/* ===== Banda de envio en FICHAS: colapsa con el scroll (clase del snippet JS #14756).
   Id duplicado: el CSS de la ficha la fija con !important y empata - 2 ids ganan. ===== */
html body #se-header#se-header.se-promo-off .se-header__promo{
  max-height:0 !important; height:auto !important; min-height:0 !important;
  opacity:0 !important; overflow:hidden !important;
  padding-top:0 !important; padding-bottom:0 !important; border:0 !important;
  transition:max-height .3s cubic-bezier(.22,1,.32,1), opacity .18s cubic-bezier(.4,0,.25,1) !important;
  animation:none !important;
}
/* v27 (P0 2026-08-19): tambien con el MENU abierto (antes :not(.se-nav-open) lo
   excluia y la banda heredaba el .8s del base: el logo derivaba tarde y lento
   mientras el panel ya habia llegado - "letras del header lentas" del dueno).
   Paridad exacta con el buscador: la banda colapsa en .3s en ambos paneles. */
html body #se-header#se-header:not(.se-promo-off) .se-header__promo{
  transition:max-height .3s cubic-bezier(.22,1,.32,1), opacity .22s cubic-bezier(.4,0,.25,1) !important;
}
@media (prefers-reduced-motion:reduce){
  html body #se-header#se-header.se-promo-off .se-header__promo,
  html body #se-header#se-header:not(.se-promo-off) .se-header__promo{ transition:opacity .15s !important; }
}

/* ===== 9. BUSCADOR MOVIL v23 (2026-08-09) - mismo lenguaje que el menu v9 =====
   - Panel a pantalla completa (inset:0) con contenido a 140px, como el menu.
   - Entra DESLIZANDO bajo la barra (transform GPU, 380ms drawer / 260ms salida);
     el clip-path 0.8s anterior se sentia pesado en iOS.
   - Al abrir: panel z10000 + barra re-elevada 10001 (patron del menu v9),
     hamburguesa oculta, X propia (.se-search-close) reposicionada EXACTO donde
     la X del menu (fixed top 44 right 12, 48x48) = la misma X en ambos.
   - Candado de scroll de pagina (html/body overflow hidden via :has).
   - Resultados: 2 columnas + scroll interno nativo (overscroll contain).
   - Sin :has() (iOS <15.4): el panel conserva su base y la X queda usable.
   - Desktop (>=922px): INTACTO (dropdown actual con su animacion). */
@media (max-width:921px){
  html body #se-header#se-header .se-header__search-panel{
    top:0 !important; bottom:0 !important; left:0 !important; right:0 !important;
    width:auto !important; max-width:none !important; height:auto !important; max-height:none !important;
    clip-path:none !important;
    display:block !important;
    padding-top:calc(env(safe-area-inset-top,0px) + 140px) !important;
    overscroll-behavior:none;
    background:var(--se-crema,#F5F1E8) !important;
    transform:translate3d(100%,0,0) !important;
    visibility:visible !important;
    animation:none !important;
    transition:transform .45s cubic-bezier(.4,0,.25,1) !important;
    z-index:10000 !important;
    box-shadow:none !important; will-change:transform;
  }
  html body #se-header#se-header .se-header__search-panel:not([hidden]){
    transform:translate3d(0,0,0) !important;
    animation:none !important;
    transition:transform .7s cubic-bezier(.22,1,.32,1) !important;
  }
  html:has(#se-header .se-header__search-panel:not([hidden])),
  body:has(#se-header .se-header__search-panel:not([hidden])){ overflow:hidden; }
  #se-header:has(.se-header__search-panel:not([hidden])) .se-header__bar > .se-header__zone{ position:relative; z-index:10001; }
  #se-header:has(.se-header__search-panel:not([hidden])) .se-header__bar > .se-header__zone,
  #se-header:has(.se-header__search-panel:not([hidden])) .se-header__bar > .se-header__zone a,
  #se-header:has(.se-header__search-panel:not([hidden])) .se-header__bar > .se-header__zone button{
    color:var(--se-negro,#1E1C19) !important; text-shadow:none !important;
  }
  #se-header:has(.se-header__search-panel:not([hidden])) .se-header__bar > .se-header__zone img{ filter:none !important; }
  #se-header:has(.se-header__search-panel:not([hidden])) .se-header__bar > .se-header__zone svg{ stroke:var(--se-negro,#1E1C19) !important; }
  #se-header:has(.se-header__search-panel:not([hidden])) .se-header__menu-toggle{ opacity:0 !important; pointer-events:none !important; }
  html body #se-header#se-header .se-header__search-panel .se-search-close{
    position:fixed !important; top:calc(env(safe-area-inset-top,0px) + 44px) !important; right:12px !important;
    left:auto !important; bottom:auto !important;
    width:48px !important; height:48px !important; display:grid !important; place-items:center !important;
    color:var(--se-negro,#1E1C19) !important; background:transparent !important; border:0 !important;
    margin:0 !important; padding:0 !important; opacity:1 !important; z-index:10002;
    transition:transform .3s cubic-bezier(.4,0,.25,1);
  }
  html body #se-header#se-header .se-header__search-panel .se-search-close:active{ transform:scale(.88); }
  html body #se-header#se-header .se-header__search-panel .se-search-close svg{
    width:26px !important; height:26px !important; stroke:var(--se-negro,#1E1C19) !important;
  }
  html body #se-header#se-header .se-header__search-panel form.search-form{
    display:grid !important; grid-template-rows:none !important; grid-template-columns:100% !important;
    grid-template-areas:none !important;
    align-content:start !important; height:auto !important; min-height:0 !important;
  }
  html body #se-header#se-header .se-header__search-panel form.search-form > label{ order:1 !important; grid-column:auto !important; grid-row:auto !important; }
  html body #se-header#se-header .se-header__search-panel form.search-form > .se-search-results{ order:2 !important; min-height:0; grid-column:auto !important; grid-row:auto !important; width:auto !important; }
  html body #se-header#se-header .se-header__search-panel form.search-form > .se-search-suggest{ order:3 !important; grid-column:auto !important; grid-row:auto !important; }
  html body #se-header#se-header .se-header__search-panel .se-sr-grid{
    grid-template-columns:1fr 1fr !important; gap:26px 16px !important;
  }
  html body #se-header#se-header .se-header__search-panel .se-search-results{
    max-height:calc(100vh - 330px);
    max-height:calc(100dvh - 330px);
    overflow-y:auto !important; overscroll-behavior:contain !important;
    /* colchon: el contenedor a veces se dimensiona ~12px por debajo de su
       contenido (grid del form); el corte cae en este aire, nunca en precios */
    padding-bottom:16px !important;
  }
}

/* ===== v24: (D2) barra SIEMPRE encima del panel del buscador.
   El panel (hijo directo del header, z10000) pintaba sobre la barra
   entera; con la barra a 10001 logo/carrito viven encima, como con
   el menu. Permanente (no gateado) para que la barra tampoco
   parpadee durante la SALIDA del panel. El cajon del carrito vive
   en body con z10060 y no se ve afectado. ===== */
@media (max-width:921px){
  #se-header .se-header__bar{ z-index:10001 !important; }
  #se-header:has(.se-header__search-panel:not([hidden])) .se-header__search-toggle{ opacity:0 !important; pointer-events:none !important; }
  /* v24.2: con la banda de envios visible (fichas) la barra cubre y34-94 y
     al estar ahora ENCIMA del panel se tragaba el tap de la equis del
     buscador. Pass-through de la barra SOLO en estado buscador (en estado
     menu NO: el nav vive dentro de la barra y pointer-events se hereda). */
  #se-header:has(.se-header__search-panel:not([hidden])) .se-header__bar{ pointer-events:none; }
}

/* ===== v24: (D3) contenido del buscador entra ESCALONADO igual que los
   items del menu (mismos valores: 18px, .45s, delays de 60ms). ===== */
@media (max-width:921px){
  /* OJO: el label NO lleva translate — la equis (.se-search-close) es
     position:fixed DENTRO del label y cualquier translate (aun 0 0) lo
     vuelve containing block y la descoloca. Solo opacity. */
  html body #se-header#se-header .se-header__search-panel form.search-form > label{
    opacity:0;
    transition:opacity .45s cubic-bezier(.4,0,.25,1);
  }
  html body #se-header#se-header .se-header__search-panel form.search-form > .se-search-results,
  html body #se-header#se-header .se-header__search-panel form.search-form > .se-search-suggest{
    opacity:0; translate:0 18px;
    transition:opacity .45s cubic-bezier(.4,0,.25,1), translate .45s cubic-bezier(.4,0,.25,1);
  }
  html body #se-header#se-header .se-header__search-panel:not([hidden]) form.search-form > label{ opacity:1; }
  html body #se-header#se-header .se-header__search-panel:not([hidden]) form.search-form > .se-search-results,
  html body #se-header#se-header .se-header__search-panel:not([hidden]) form.search-form > .se-search-suggest{
    opacity:1; translate:0 0;
  }
  html body #se-header#se-header .se-header__search-panel:not([hidden]) form.search-form > label{ transition-delay:.06s; }
  html body #se-header#se-header .se-header__search-panel:not([hidden]) form.search-form > .se-search-results{ transition-delay:.12s; }
  html body #se-header#se-header .se-header__search-panel:not([hidden]) form.search-form > .se-search-suggest{ transition-delay:.18s; }
  @media (prefers-reduced-motion:reduce){
    html body #se-header#se-header .se-header__search-panel{ transition-duration:.2s !important; }
    html body #se-header#se-header .se-header__search-panel form.search-form > label{ transition:opacity .2s; }
    html body #se-header#se-header .se-header__search-panel form.search-form > .se-search-results,
    html body #se-header#se-header .se-header__search-panel form.search-form > .se-search-suggest{ translate:0 0; transition:opacity .2s; }
  }
}

/* ===== v23.1: la zona derecha de la barra (z10001) TAPA la ✕ (fixed en el
   ctx del panel z10000) y se tragaba el tap. Pass-through: la zona deja pasar
   el toque y solo sus links/botones reales lo reciben. Menu Y buscador. ===== */
@media (max-width:921px){
  #se-header.se-nav-open .se-header__bar > .se-header__zone{ pointer-events:none; }
  #se-header.se-nav-open .se-header__bar > .se-header__zone a,
  #se-header.se-nav-open .se-header__bar > .se-header__zone button{ pointer-events:auto; }
  #se-header.se-nav-open .se-header__menu-toggle{ pointer-events:none !important; }
  #se-header:has(.se-header__search-panel:not([hidden])) .se-header__bar > .se-header__zone{ pointer-events:none; }
  #se-header:has(.se-header__search-panel:not([hidden])) .se-header__bar > .se-header__zone a,
  #se-header:has(.se-header__search-panel:not([hidden])) .se-header__bar > .se-header__zone button{ pointer-events:auto; }
}


/* ===== v25: D1 equis clavada + banda colapsada + D5 contencion + D6 acordeon ===== */
@media (max-width:921px){
  /* D1 v27.8-limpieza: la equis-en-overlay MURIO (la X ahora es el morph de la hamburguesa,
     bloque v27.6 al final). El overlay queda solo como zona de tap; aqui sobreviven la
     equis vieja del nav oculta y el hit-zone del buscador (.se-search-close). */
  #se-header .se-header__nav-close{ display:none !important; }
  html body #se-header#se-header .se-header__search-panel .se-search-close{
    top:calc(env(safe-area-inset-top,0px) + 6px) !important; right:14px !important;
  }
  html body #se-header#se-header .se-header__search-panel .se-search-close svg{ opacity:0 !important; }
  /* banda de envios colapsada con cualquier panel abierto = posicion identica.
     DOBLE ID obligatorio: el CSS de la ficha fija la banda con !important y
     empata en especificidad - sin el doble id gana por orden (leccion 2026-08-07). */
  html body #se-header#se-header.se-nav-open .se-header__promo,
  html body #se-header#se-header:has(.se-header__search-panel:not([hidden])) .se-header__promo{
    max-height:0 !important; height:auto !important; opacity:0 !important; overflow:hidden !important;
    padding-top:0 !important; padding-bottom:0 !important; border:0 !important;
  }
  /* D5: aires compactos, tipografia v9 intacta */
  #se-header .se-header__nav{ padding-top:calc(env(safe-area-inset-top, 0px) + 104px) !important; }
  #se-header .se-header__nav .se-header__menu > li > a.menu-link{ padding:2px 0 !important; }
  #se-header li.se-mnm-hcafe, #se-header li.se-mnm-hobj{ margin-top:12px; padding-top:10px; }
  #se-header .se-header__nav .se-header__menu > li.se-mnm:not(.se-mnm-feat) > a.menu-link{ padding:7px 0 !important; }
  #se-header .se-header__menu > li.se-mnm-feat{ margin-top:14px !important; }
  /* la fila de la foto = 1fr del grid: llena el sobrante EXACTO a cualquier
     escala de texto (a 100% la constante 519 calibrada a 135% dejaba franja
     crema bajo la foto - visto en WebKit). El clamp queda de fallback por si
     el conteo de filas cambiara (menu editado). Filas: 3 links + 4 de
     columnas = 7 y la foto en la 8; con acordeon abierto 10 + foto en la 11. */
  #se-header .se-header__menu{ grid-template-rows:repeat(7, auto) minmax(120px, 1fr); }
  #se-header .se-header__menu.se-x-more-open{ grid-template-rows:repeat(10, auto) minmax(0, 1fr); }
  #se-header .se-header__nav .se-header__menu > li.se-mnm-feat > a.menu-link{
    height:100%;
    min-height:clamp(120px, calc(100dvh - 519px), 380px) !important;
    text-shadow:0 1px 14px rgba(30,28,25,.5);
  }
  /* banda editorial digna en pantallas cortas: sin linea de notas */
  @media (max-height:720px){
    /* sugeridos del buscador: miniaturas capadas para que el PRECIO de las
       tarjetas jamas quede cortado por el borde del contenedor (medido:
       thumb 163px dejaba el precio en el filo; a 146px sobran ~18px) */
    html body #se-header#se-header .se-header__search-panel .se-sr-thumb{ max-height:146px !important; } /* important: una regla runtime pone max-height:none !important */
    #se-header .se-header__nav li.se-mnm-feat > a.menu-link::after{ display:none !important; }
    #se-header .se-header__nav .se-header__menu > li.se-mnm-feat > a.menu-link{ font-size:1.7rem !important; }
    #se-header .se-header__nav li.se-mnm-feat > a.menu-link::before{ margin-bottom:5px; }
  }
  /* D6: acordeon "Mas" (los li los reordena el snippet HTML) */
  #se-header .se-header__menu > li.se-x-more-item{ display:none !important; }
  @keyframes seXmasIn{ from{ opacity:0; translate:0 10px; } }
  #se-header .se-header__menu.se-x-more-open > li.se-x-more-item{ display:flex !important; animation:seXmasIn .3s cubic-bezier(.4,0,.25,1) backwards; }
  #se-header .se-header__menu.se-x-more-open > li.se-x-more-item ~ li.se-x-more-item{ animation-delay:.06s; }
  #se-header .se-header__menu.se-x-more-open > li.se-x-more-item ~ li.se-x-more-item ~ li.se-x-more-item{ animation-delay:.12s; }
  #se-header .se-header__menu.se-x-more-open > li.se-mnm-feat{
    opacity:0; pointer-events:none; margin-top:0 !important;
    transition:opacity .25s cubic-bezier(.4,0,.25,1);
  }
  #se-header .se-header__menu.se-x-more-open > li.se-mnm-feat > a.menu-link{ min-height:0 !important; height:0 !important; padding:0 22px !important; overflow:hidden; }
  #se-header li.se-x-mas{ display:flex; }
  #se-header li.se-x-mas > button{
    font-family:var(--se-fuente-cuerpo,Roboto,sans-serif); font-size:1rem; line-height:1.35;
    letter-spacing:.01em; color:var(--se-negro,#1E1C19); padding:7px 0; min-height:44px;
    display:flex; align-items:center; gap:8px; background:none; border:0; opacity:.94; width:100%; text-align:left; cursor:pointer;
  }
  #se-header li.se-x-mas > button::after{
    content:''; width:7px; height:7px;
    border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor;
    transform:translateY(-2px) rotate(45deg); transition:transform .3s cubic-bezier(.4,0,.25,1);
  }
  #se-header .se-header__menu.se-x-more-open li.se-x-mas > button::after{ transform:translateY(2px) rotate(225deg); }
  /* con el acordeon abierto se recuperan aires arriba para que TODO siga
     cabiendo sin scroll (13px de cola medidos + margen) */
  #se-header .se-header__menu.se-x-more-open > li:not(.se-mnm) > a.menu-link{ padding:0 !important; }
  #se-header .se-header__menu.se-x-more-open li.se-mnm-hcafe,
  #se-header .se-header__menu.se-x-more-open li.se-mnm-hobj{ margin-top:6px; padding-top:6px; }
  @media (prefers-reduced-motion:reduce){
    #se-header .se-header__menu.se-x-more-open > li.se-mnm-feat{ transition:opacity .15s; }
    #se-header li.se-x-mas > button::after{ transition:none; }
    #se-header .se-header__menu.se-x-more-open > li.se-x-more-item{ animation:none !important; }
    #se-header.se-nav-open .se-header__nav{ transition-duration:.2s !important; }
    html body #se-header#se-header .se-header__search-panel,
    html body #se-header#se-header .se-header__search-panel:not([hidden]){ transition-duration:.2s !important; }
  }
}

/* desktop: los items solo-movil JAMAS se muestran (el mega sigue intacto) */
@media (min-width: 922px){
  #se-header .se-mnm{ display:none !important; }
}

/* ===== v26 (2026-08-10): PULIDO DEL BUSCADOR pedido por el dueno =====
   (a) el buscador arranca donde el menu (104px) - fuera el aire muerto;
   (b) panel flex-column y banda editorial SAN PABLO llenando el sobrante
       (misma filosofia que la foto del menu: imposible solapar o dejar
       franjas a cualquier escala de texto); la banda se oculta al escribir
       (clase se-x-typed del snippet #14822) o con muchos resultados
       (se-search-many del motor); chips de sugerencias en UNA linea con
       scroll horizontal; miniaturas 120px solo en el estado curado corto;
   (c) SALIDAS pulidas: curva de arranque rapido (.22,1,.32,1) .45s en
       menu y buscador, y el contenido VIAJA con el panel al salir
       (opacity con delay .5s) en vez de desvanecerse a medio vuelo. */
@media (max-width:921px){
  html body #se-header#se-header .se-header__search-panel{
    padding-top:calc(env(safe-area-inset-top,0px) + 104px) !important;
    padding-bottom:0 !important;
    display:flex !important; flex-direction:column !important;
  }
  html body #se-header#se-header .se-header__search-panel form.search-form{ flex:0 0 auto !important; }
  #se-header .se-x-sug{
    flex:1 1 auto; min-height:96px; margin:14px -6vw 0;
    display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start;
    background:linear-gradient(180deg, rgba(30,28,25,.04) 30%, rgba(30,28,25,.72) 100%),
     #1E1C19 url('/wp-content/uploads/2026/07/san-pablo-santa-elena-bolsa-jarra-vapor-wide-768x512.webp') center/cover no-repeat;
    color:var(--se-crema,#F5F1E8) !important;
    font-family:var(--se-fuente-titular,'League Gothic'),sans-serif;
    font-size:1.7rem; letter-spacing:.02em; line-height:1; text-transform:uppercase;
    padding:0 22px calc(env(safe-area-inset-bottom,0px) + 22px);
    text-shadow:0 1px 14px rgba(30,28,25,.5); text-decoration:none;
  }
  #se-header .se-x-sug::before{ content:'NUESTRA SUGERENCIA'; display:block; font-size:.75rem; letter-spacing:.18em; opacity:.9; margin-bottom:6px; }
  /* DOBLE ID: las hojas runtime del motor se inyectan al final del head y
     ganan por orden a un solo id — el doble id las vence por especificidad */
  html body #se-header#se-header .se-header__search-panel .se-search-suggest{ margin-top:10px !important; }
  html body #se-header#se-header .se-header__search-panel .se-search-suggest__eyebrow{ margin-bottom:8px !important; }
  html body #se-header#se-header .se-header__search-panel .se-search-results{
    padding-bottom:8px !important;
    /* anti-salto: reserva el alto de las tarjetas desde el primer frame para
       que la banda SAN PABLO no brinque cuando aterrizan los productos */
    min-height:260px !important;
  }
  /* al escribir (o con muchos resultados) los resultados RECLAMAN el espacio
     de la banda oculta - fuera el hueco crema muerto */
  html.se-x-typed body #se-header#se-header .se-header__search-panel .se-search-results,
  html.se-search-many body #se-header#se-header .se-header__search-panel .se-search-results{
    max-height:calc(100vh - 314px) !important;
    max-height:calc(100dvh - 314px) !important;
  }
  html body #se-header#se-header .se-header__search-panel .se-search-suggest__list{
    display:flex !important; flex-wrap:nowrap !important; overflow-x:auto !important;
    scrollbar-width:none !important; -ms-overflow-style:none; white-space:nowrap;
  }
  html body #se-header#se-header .se-header__search-panel .se-search-suggest__list::-webkit-scrollbar{ display:none; }
  html body #se-header#se-header .se-header__search-panel .se-search-suggest__list li{ flex:0 0 auto !important; }
  @media (max-height:720px){
    html:not(.se-search-many) body #se-header#se-header .se-header__search-panel .se-sr-thumb{ max-height:120px !important; }
  }
  /* la banda SOLO se esconde cuando hay muchos resultados (>3, clase del
     motor) que necesitan su espacio; con pocos se queda llenando el fondo
     (cero huecos de crema muerta al escribir) */
  html.se-search-many #se-header .se-x-sug{ display:none; }
  #se-header .se-x-sug{ opacity:0; transition:opacity 0s .37s; }
  html body #se-header#se-header .se-header__search-panel:not([hidden]) .se-x-sug{ opacity:1; transition:opacity .45s cubic-bezier(.4,0,.25,1); transition-delay:.22s; }
  /* salidas: arranque rapido + contenido que viaja */
  #se-header .se-header__nav{ transition:transform .32s cubic-bezier(.22,1,.32,1); }
  html body #se-header#se-header .se-header__search-panel{ transition:transform .32s cubic-bezier(.22,1,.32,1) !important; }
  #se-header .se-header__menu > li{ transition:opacity 0s .37s, translate 0s .37s; }
  #se-header.se-nav-open .se-header__menu > li{ transition:opacity .45s cubic-bezier(.4,0,.25,1), translate .45s cubic-bezier(.4,0,.25,1); }
  html body #se-header#se-header .se-header__search-panel form.search-form > label,
  html body #se-header#se-header .se-header__search-panel form.search-form > .se-search-results,
  html body #se-header#se-header .se-header__search-panel form.search-form > .se-search-suggest{ transition:opacity 0s .37s, translate 0s .37s; }
  html body #se-header#se-header .se-header__search-panel:not([hidden]) form.search-form > label{ transition:opacity .45s cubic-bezier(.4,0,.25,1); transition-delay:.06s; }
  html body #se-header#se-header .se-header__search-panel:not([hidden]) form.search-form > .se-search-results{ transition:opacity .45s cubic-bezier(.4,0,.25,1), translate .45s cubic-bezier(.4,0,.25,1); transition-delay:.12s; }
  html body #se-header#se-header .se-header__search-panel:not([hidden]) form.search-form > .se-search-suggest{ transition:opacity .45s cubic-bezier(.4,0,.25,1), translate .45s cubic-bezier(.4,0,.25,1); transition-delay:.18s; }
  @media (prefers-reduced-motion:reduce){
    #se-header .se-x-sug{ transition:opacity .15s !important; }
  }
  /* v26.4 (R5-2): con el buscador abierto el header NO transiciona - el
     morph 0.8s a se-stuck (fondo crema + color) corria a la vista sobre el
     hero a la izquierda del panel entrando (iconos a 0s, links a .2s,
     fondo a .8s = tres velocidades, se veia bugeado). Flip instantaneo
     tapado por el panel; al cerrar, hidden regresa la transicion y el
     unstick de #14822 conserva su fade 0.8s aprobado. Solo movil. */
  #se-header#se-header:not(.se-x-shero):has(.se-header__search-panel:not([hidden])),
  #se-header#se-header:not(.se-x-shero):has(.se-header__search-panel:not([hidden])) .se-header__bar,
  #se-header#se-header:not(.se-x-shero):has(.se-header__search-panel:not([hidden])) .se-header__bar .se-header__zone,
  #se-header#se-header:not(.se-x-shero):has(.se-header__search-panel:not([hidden])) .se-header__bar a{ transition:none !important; }
}
@media (min-width:922px){ #se-header .se-x-sug{ display:none !important; } }

/* ===== v27 (2026-08-19, P1): BUSCADOR SOBRE HERO SIN MORPH DEL HEADER =====
   El motor #14319 fuerza .se-stuck al abrir el buscador (pensado para el
   dropdown de escritorio). En movil el panel es a pantalla completa y entra
   deslizando bajo la barra: el flip crema de la barra se veia como un bloque
   que se pinta de golpe mientras el panel iba a la mitad (capturas del dueno).
   El menu NO morfea la barra (viaja transparente dentro del bloque). Paridad:
   el snippet #14822 marca .se-x-shero en el header cuando el buscador se abre
   sobre hero SIN stuck previo (estado leido en fase de captura del click,
   antes de que el motor agregue la clase) y la retira al cerrar en el mismo
   tick en que quita se-stuck (cero frame crema). Con la clase, la barra
   conserva el look over-hero (fondo transparente, aires de 12px, marca sin
   morph) y las sombras del estado hero como con el menu; el panel sigue con
   su tema claro (.se-stuck sigue puesto, solo se neutraliza el look de la
   barra). En paginas solidas o hero ya scrolleado no hay clase: nada cambia.
   Solo movil. La regla v26.4 (transition:none) queda para el caso sin clase. */
@media (max-width:921px){
  html body #se-header#se-header.se-x-shero{
    background:transparent !important; box-shadow:none !important; border-bottom:0 !important;
    /* color del header clavado en el de hero: al cerrar, quitar se-stuck no
       arranca el fade .8s del color heredado (las zonas vuelven en su .2s,
       igual que el menu); nada visible hereda este color con el panel abierto */
    color:var(--se-blanco,#FBF9F4) !important;
  }
  html body #se-header#se-header.se-x-shero .se-header__bar{ padding-top:12px !important; padding-bottom:12px !important; }
  html body #se-header#se-header.se-x-shero .se-brand__l1{ letter-spacing:.06em !important; }
  html body #se-header#se-header.se-x-shero .se-brand__l2{ font-size:.5rem !important; letter-spacing:.3em !important; margin-top:3px !important; }
  html body #se-header#se-header.se-x-shero .se-header__bar span{ text-shadow:0 1px 10px rgba(0,0,0,.5) !important; }
  html body #se-header#se-header.se-x-shero .se-header__bar svg{ filter:drop-shadow(0 1px 6px rgba(0,0,0,.5)) !important; }
}

/* ===== v27 (2026-08-19, P5+P6): CAJA DE BUSQUEDA PROPORCIONADA + RESULTADOS HASTA ABAJO =====
   P6 (dueno: "el espacio alrededor de la busqueda es demasiado grande... no es
   el espacio de la caja de texto con unos margenes bonitos"): el campo arranca
   a 88px (antes 104: 61px de aire bajo la barra) = 24px bajo la barra abierta
   (64), mismo aire que el inset lateral (22); lupa 17px (antes 11, se perdia);
   texto 34px; caja legible con hairline inferior del lenguaje de escritorio
   (rgba .22, tema claro) y 12px de colchon; aire bajo la caja 22px (antes
   14+28=42). Neto: el bloque de resultados sube 23px y todo se lee como
   "campo con margenes", no como texto flotando en un hueco. Sin JS.
   P5 (dueno: "con muchos resultados la sugerencia desaparece dejando ese
   espacio en blanco... se ve cortada y fea"): con se-search-many (>3
   resultados) el form pasa a flex-column y la caja de resultados TOMA todo
   el sobrante hasta el borde inferior (antes max-height fija dejaba ~130px
   de crema muerta); scrollea por dentro con colchon safe-area. Con <=3
   resultados la banda SAN PABLO sigue llenando como antes (formula ajustada
   a la nueva altura de la caja: 314 -> 291). */
@media (max-width:921px){
  html body #se-header#se-header .se-header__search-panel{ padding-top:calc(env(safe-area-inset-top,0px) + 88px) !important; }
  html body #se-header#se-header .se-header__search-panel form.search-form{ row-gap:22px !important; gap:22px 0 !important; }
  html body #se-header#se-header .se-header__search-panel .se-search-field-wrap{
    display:flex !important; align-items:center !important; gap:12px !important;
    padding:0 0 12px !important; margin:0 !important;
    border:0 !important; border-bottom:1px solid rgba(30,28,25,.22) !important;
  }
  html body #se-header#se-header .se-header__search-panel .se-search-ico{
    display:inline-flex !important; width:17px !important; height:17px !important; padding:0 !important; margin:0 !important; opacity:.78 !important;
  }
  html body #se-header#se-header .se-header__search-panel .se-search-ico svg{ width:17px !important; height:17px !important; }
  html body #se-header#se-header .se-header__search-panel input.search-field{
    line-height:1.05 !important; padding:0 !important; margin:0 !important; height:auto !important;
  }
  /* pocos resultados: la caja crece 23px (el campo subio) y la banda sigue llenando */
  html.se-x-typed body #se-header#se-header .se-header__search-panel .se-search-results,
  html.se-search-many body #se-header#se-header .se-header__search-panel .se-search-results{
    max-height:calc(100vh - 291px) !important;
    max-height:calc(100dvh - 291px) !important;
  }
  /* muchos resultados: la lista llena hasta abajo */
  html.se-search-many body #se-header#se-header .se-header__search-panel form.search-form{
    display:flex !important; flex-direction:column !important; flex:1 1 auto !important; min-height:0 !important;
  }
  html.se-search-many body #se-header#se-header .se-header__search-panel form.search-form > label{ flex:0 0 auto !important; }
  html.se-search-many body #se-header#se-header .se-header__search-panel form.search-form > .se-search-results{
    flex:1 1 auto !important; min-height:0 !important; max-height:none !important;
    padding-bottom:calc(env(safe-area-inset-bottom,0px) + 18px) !important;
  }
}

/* ===== v27 (2026-08-19, P11): AREAS TACTILES del header a >=44px SIN mover nada =====
   Medido a 390: carrito 33x20, hamburguesa 36x28, logo 167x24 (HIG pide 44).
   Pseudo-elementos absolutos amplian la zona de tap sin cambiar layout ni look;
   heredan pointer-events (pass-through con paneles abiertos sigue igual). */
@media (max-width:921px){
  #se-header .se-header__cart, #se-header .se-header__menu-toggle, #se-header .se-header__brand{ position:relative; }
  #se-header .se-header__cart::before, #se-header .se-header__menu-toggle::before, #se-header .se-header__brand::before{
    content:''; position:absolute; left:-10px; right:-10px; top:-12px; bottom:-12px;
  }
}

/* ===== v27.1 (2026-08-19, nota del dueno tras revisar P1): el MENU tambien sombrea
   lo de atras como el buscador. El buscador usa .se-search-backdrop (velo carbon .40
   bajo el panel, visible en la parte aun no cubierta durante el deslizamiento y al
   cerrar); el menu habia perdido su velo en v25 (el overlay paso a ser la X). Se reusa
   el MISMO velo del buscador cuando el menu esta abierto: misma opacidad, misma curva,
   mismo z (9990: bajo la barra/panel, sobre la pagina). Solo movil. */
@media (max-width:921px){
  html:has(#se-header.se-nav-open) .se-search-backdrop{
    opacity:1; visibility:visible;
    transition:opacity .8s cubic-bezier(.22,1,.32,1), visibility .8s cubic-bezier(.22,1,.32,1);
  }
}

/* ===== v27.3 (2026-08-19): SALIDA del panel mas suave, sin tocar colores =====
   v27.2 (retirada: el dueno la rechazo — colores a destiempo fuera del hero) cambiaba tambien las
   transiciones de color de logo/carrito. Aqui solo: el panel sale en .40s con curva suave de
   ida y vuelta (antes .32s con arranque brusco) y el velo se apaga en sincronia con el panel
   (antes seguia .7s encendido tras irse el panel). Entrada (.7s) y colores (.2s) intactos. */
@media (max-width:921px){
  #se-header .se-header__nav{ transition:transform .40s cubic-bezier(.45,0,.55,1); }
  html body #se-header#se-header .se-header__search-panel{ transition:transform .40s cubic-bezier(.45,0,.55,1) !important; }
  body .se-search-backdrop{ transition:opacity .40s cubic-bezier(.45,0,.55,1), visibility .40s cubic-bezier(.45,0,.55,1); }
  @media (prefers-reduced-motion:reduce){
    #se-header .se-header__nav, html body #se-header#se-header .se-header__search-panel{ transition-duration:.2s !important; }
  }
}

/* ===== v27.6 (2026-08-24): LA HAMBURGUESA MORFEA A EQUIS EN SU LUGAR (todos los tipos de pagina) =====
   v27.4/27.5 (crossfade equis-aparte <-> rayas) RETIRADAS: la equis vivia clavada arriba (fixed) y
   la hamburguesa viaja con la banda de envio -> en fichas/home el swap ocurria en LUGARES distintos
   y el dueno lo veia roto; ademas el tap-highlight del navegador pintaba cuadrados/circulos.
   Ahora: las 3 rayas del boton morfean a X en su propio lugar (mismo elemento: viaja con la barra
   y la banda, alineado por construccion en hero, solidas y fichas; cero traslape porque no hay dos
   glifos). El overlay queda como ZONA DE TAP invisible (cierra el menu con su listener nativo;
   en buscador sigue el pass-through a .se-search-close). Tap-highlight apagado + feedback de
   presion con scale. v27.7: X a escala .8 (a tamano completo se veia gruesa) y la BANDA
   DE ENVIO por encima de los paneles (z10001, como la barra): su colapso/expansion se ve
   siempre — antes quedaba oculta tras el panel y aparecia de golpe ("trabada detras"). */
@media (max-width:921px){
  /* overlay = zona de tap invisible, sin glifo */
  #se-header#se-header .se-header__overlay::before{ content:none !important; }
  #se-header .se-header__overlay{
    position:fixed !important; inset:auto !important;
    top:calc(env(safe-area-inset-top,0px) + 6px) !important; right:14px !important;
    width:48px !important; height:48px !important;
    background:transparent !important; opacity:0 !important; visibility:visible !important;
    pointer-events:none; z-index:10002 !important; cursor:pointer;
  }
  #se-header.se-nav-open .se-header__overlay{ pointer-events:auto !important; }
  /* banda de envio POR ENCIMA de los paneles (la promo ya es position:relative en ficha; se fija en el resto) */
  html body #se-header#se-header .se-header__promo{ position:relative; z-index:10001; } /* doble id: las hojas runtime del motor ganan por orden a un id */
  /* la hamburguesa NO se esconde con panel abierto: morfea a X (gana con doble id al opacity:0 del base) */
  #se-header#se-header.se-nav-open .se-header__menu-toggle,
  #se-header#se-header:has(.se-header__search-panel:not([hidden])) .se-header__menu-toggle{
    opacity:1 !important; pointer-events:none !important; filter:none !important;
  }
  /* las rayas heredan el color del texto (currentColor): mismo color y mismo timing que
     logo/carrito en TODOS los estados (hero, solida, paneles, exit-hold, morph de pagina).
     Antes el base y .se-stuck les ponian background propio y quedaban fuera de las
     coreografias de color (X blanca en hero con menu; destiempo en ficha a hero). */
  html body #se-header#se-header .se-header__menu-toggle{ color:inherit !important; } /* el base le clavaba un color propio crema al boton: sin esto currentColor no sigue al header */
  html body #se-header#se-header .se-header__menu-toggle span{
    background-color:currentColor !important;
    transition:transform .3s cubic-bezier(.4,0,.25,1), opacity .18s cubic-bezier(.4,0,.25,1);
  }
  #se-header.se-nav-open .se-header__menu-toggle span:nth-child(1),
  #se-header:has(.se-header__search-panel:not([hidden])) .se-header__menu-toggle span:nth-child(1){ transform:translateY(7px) rotate(45deg) scaleX(.8); }
  #se-header.se-nav-open .se-header__menu-toggle span:nth-child(2),
  #se-header:has(.se-header__search-panel:not([hidden])) .se-header__menu-toggle span:nth-child(2){ opacity:0; }
  #se-header.se-nav-open .se-header__menu-toggle span:nth-child(3),
  #se-header:has(.se-header__search-panel:not([hidden])) .se-header__menu-toggle span:nth-child(3){ transform:translateY(-7px) rotate(-45deg) scaleX(.8); }
  /* lupa: fade suave al esconderse/volver (sin coreografia de retrasos) */
  #se-header .se-header__search-toggle{ transition:transform .2s, background-color .2s, color .2s, opacity .18s cubic-bezier(.4,0,.25,1); }
  /* tap-highlight fuera (los "cuadrados y circulos") + feedback de presion */
  #se-header .se-header__menu-toggle, #se-header .se-header__search-toggle, #se-header .se-header__cart,
  #se-header .se-header__brand, #se-header .se-header__overlay, #se-header a, #se-header button{ -webkit-tap-highlight-color:transparent; }
  #se-header .se-header__menu-toggle{ transition:transform .16s cubic-bezier(.4,0,.25,1), background-color .2s, color .2s; }
  #se-header .se-header__menu-toggle:active,
  #se-header:has(.se-header__overlay:active) .se-header__menu-toggle{ transform:scale(.88); }
  @media (prefers-reduced-motion:reduce){
    #se-header .se-header__menu-toggle span{ transition:opacity .15s !important; }
  }
}


/* ===== v28 (2026-08-24): personita Mi cuenta — entrada aprobada por capturas.
   Flotante (position:absolute, fuera del flujo: NADA se mueve — verificado por diff de pixeles).
   Color heredado (currentColor, misma cadena que logo/carrito; llegada a hero via sync del head #14283).
   Movil: pareja de la lupa (left 78 = glifo lupa + 18 del ritmo de sistema); se oculta con
   menu/buscador igual que la lupa. Zona tactil ASIMETRICA (pedido del dueno): la lupa (caja 60px, z4)
   es duena del hueco; la persona ~26-32px de zona propia — un tap impreciso nunca desvia de la compra.
   Escritorio: anclaje CSS puro (v29+), el posicionador JS murio. */
#se-header .se-header__bar{ position:relative; }
/* v30.6: SIN transform de base — el FLIP del motor #14319 anima los hijos del header con
   Web Animations API (REEMPLAZA el transform): un translateY(-50%) permanente se pierde durante
   el morph y el icono caia 10px y brincaba al final ("baja y sube"). Centrado por margin-top,
   el FLIP lo anima tan bien como al carrito. */
#se-header .se-header__account{ position:absolute; top:50%; margin-top:-10px;
  display:inline-flex; align-items:center; color:inherit; z-index:3;
  transition:transform .16s cubic-bezier(.4,0,.25,1), opacity .18s cubic-bezier(.4,0,.25,1); } /* v28.1: SIN color en la transicion — el color ya viene animado por herencia (logo) y una transicion propia lo hace ir 150-200ms tarde */
/* v29: ESCRITORIO = anclaje CSS puro a la zona derecha (adios posicionador JS: media rects a
   destiempo durante los morphs y la persona bailaba). El borde derecho de la zona es constante;
   offsets de contenido: colapsada la pastilla = carrito(98) + 18 = 116; visible = +pastilla(65)+18 = 199.
   La transicion de right hace que la persona VIAJE con el colapso de la pastilla al scrollear. */
@media (min-width:922px){
  #se-header .se-header__zone--right{ position:relative; }
  /* v29.2: SINCRONIA REAL — la pastilla QUIZ colapsa con max-width .8s cubic-bezier(.4,0,.25,1)
     (medido). La persona viaja con EL MISMO reloj y curva: se mueven como una sola pieza. */
  /* v29.3 (feedback dueno en tienda): en solidas el muneco hace PAR con la lupa (18px de su glifo;
     zona->lupa = 183.0 constante medido en 1366/1440/1680/1920 => right 183-38 = 145) y el carrito queda
     como ancla aparte — espejo del par lupa+persona del movil. En hero sigue el trio persona-QUIZ-carrito. */
  /* v30.2: la persona cuelga del MISMO estado que la pastilla QUIZ (se-stuck), no de over-hero.
     Bug cazado frame a frame (ficha->hero, navegacion completa): el motor quita se-stuck ~1s ANTES
     de poner over-hero; en esa ventana la pastilla ya expandia (su base es expandida, colapsa con
     .se-stuck) pero la persona seguia en 130 = ENCIMADA sobre QUIZ, y luego cruzaba sobre ella.
     Con el mismo gatillo y el mismo reloj (.8s misma curva) viajan como una pieza y la geometria
     impide el choque en todo el trayecto (persona sale a razon de 69px mientras la pastilla crece 65). */
  #se-header .se-header__account{ left:auto; right:199px; /* base = pastilla expandida (hero arriba) */
    transition:transform .16s cubic-bezier(.4,0,.25,1), opacity .18s cubic-bezier(.4,0,.25,1), right .8s cubic-bezier(.4,0,.25,1); }
  #se-header.se-stuck .se-header__account{ right:130px; } /* v30: trio parejo lupa-32.5-persona-32.5-carrito (solidas = se-stuck permanente, verificado tienda/mayoreo/objetos) */
  /* v30.3: la caja de la pastilla crecia con curvas MEZCLADAS (max-width bezier + padding ease):
     el ease arranca mas rapido y la caja alcanzaba a la persona ~4px por ~70ms al expandirse.
     Padding y margin al MISMO bezier => un solo reloj para toda la caja; geometria cerrada
     (gap persona-pastilla = 14+4f px en todo el trayecto). opacity/border-color quedan en ease (look intacto). */
  #se-header .se-header__quiz{ transition:max-width .8s cubic-bezier(.4,0,.25,1), opacity .8s ease, padding .8s cubic-bezier(.4,0,.25,1), margin .8s cubic-bezier(.4,0,.25,1), border-color .8s ease; }
  /* v30.4: en la ruta ficha->hero el motor #14319 anima la pastilla por FLIP (transform inline,
     reloj propio mas rapido al arranque) y la persona con right .8s quedaba -7px por ~70ms.
     Solo DURANTE el exit (html.se-page-exit, la ventana exacta del FLIP) la persona viaja en .45s
     con la misma curva: llega antes y la caja nunca la alcanza (medido). Fuera del exit, .8s intacto
     (PJAX y morph de scroll ya median gap 18 constante). */
  html.se-page-exit #se-header .se-header__account{
    transition:transform .16s cubic-bezier(.4,0,.25,1), opacity .18s cubic-bezier(.4,0,.25,1), right .45s cubic-bezier(.4,0,.25,1); }
}
#se-header .se-header__account:active{ transform:scale(.88); }
#se-header.se-nav-open .se-header__account{ opacity:0 !important; pointer-events:none !important; }
#se-header:has(.se-header__search-panel:not([hidden])) .se-header__account{ opacity:0 !important; pointer-events:none !important; }
@media (max-width:921px){
  #se-header .se-header__account{ left:78px !important; }
  #se-header .se-header__account::after{ content:''; position:absolute; left:-6px; right:-6px; top:-6px; bottom:-6px; } /* barrido 2026-09-16 T2-2: 33x44 de toque (era 27x44) */
  #se-header .se-header__search-toggle{ z-index:4; }
}


/* ===== v30 (2026-08-25): fixes de la lista del dueno ===== */
/* P2: al navegar con el buscador abierto, el panel cerrado (hidden=true por el motor) seguia
   PINTADO en la llegada porque un display:block de hoja le gana al atributo [hidden] — los
   "chips" sobre la banda del video. Cerrado = invisible SIEMPRE; abierto no lleva el atributo. */
@media (min-width:922px){ html body #se-header#se-header .se-header__search-panel[hidden]{ display:none !important; } }
/* v30.1: doble-id (las reglas del panel usan esa especificidad y aplastaban el fix simple) y SOLO
   escritorio — en movil el panel vive pintado+trasladado fuera A PROPOSITO (arquitectura aprobada). */
/* P4 (opcion A del dueno): la barra movil esta empacada exacta (zonas 60/166.6/87.4 + gaps 18)
   y el logo quedaba 13.7px a la izquierda del centro, pegado a la persona. Logo al 92% y
   corrido 14.5px = centro real (desvio 0.8px medido). position:relative = cero flujo movido;
   ninguna regla movil anima transform del brand (verificado) — el morph de escritorio (>921) no aplica. */
@media (max-width:921px){
  #se-header .se-header__brand{ transform:scale(.92); position:relative; left:14.5px; }
}

/* barrido 2026-09-16 T6-12: indicador de foco por teclado en los controles del header (el boton Buscar no lo tenia) */
.se-header__search-toggle:focus-visible,.se-header__menu-toggle:focus-visible,.se-header__account:focus-visible,.se-header__cart:focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* ==== WPCode #14679 ==== */
/* SE - Footer movil compacto v10 (2026-08-24): mas aire en los extremos
   (24px visuales tope->logo y (c)->fondo; 16px en los 2 gaps internos — pedido del dueno)
   pedido del dueno ("desequilibrado y compacto sin sentido"); medido a 3x con
   herramientas/p3_medir_footer.py. Historia: v7 (2026-07-26)
   Solo movil (<=767px) + telefono girado (coarse + alto <=520).
   Desktop (>=768 con puntero fino) INTACTO.
   v5 (feedback dueño): footer re-armado en 2 columnas balanceadas SIN tocar
   markup (grid + display:contents sobre el nav):
     [SANTA ELENA=link Inicio | Nosotros]
     [Tienda                  | Blog]
     [Mayoreo                 | Instagram Facebook]
     [email 11px 1 linea  ·  Xalapa, Veracruz]
     [legal | copyright]
   - el "logo" es el link Inicio del nav con font-size:0 + ::after 'SANTA ELENA'
     (link real => el motor de transiciones lo maneja normal, PJAX-proof)
   - brand/claim/Escribenos/titulos/telefono OCULTOS en movil (reversibles)
   - overscroll-behavior none (sin rebote al final) + sombra solida 400px
     (rebote iOS viejo y paginas cortas) — NUNCA cambiar por ::after fixed
   Gana por especificidad (#page) a #14409 y a la hoja base. */
@media (max-width:767px), (pointer:coarse) and (max-height:520px){

  /* -- contenedor: aire minimo y simetrico -- */
  #page .se-footer{padding-top:18px!important}   /* v10: 18 + 3 (pad link) + ~3 (leading) = 24 visuales hasta SANTA ELENA */
  body:not(.single-product) #page .se-footer{padding-bottom:20px!important} /* v10: 20 + ~4 leading del (c) = 24 visuales */
  body.single-product #page .se-footer{padding-bottom:20px!important} /* v8: el ATC sticky SE OCULTA al llegar al fondo (translateY fuera) => colchon innecesario, era el "espacio" que veia el dueño en su iPhone */

  /* -- top: grid 2 columnas -- */
  #page .se-footer .se-footer__top{
    display:grid!important;grid-template-columns:1.25fr 1fr!important;
    gap:0 16px!important;padding:0 22px!important;text-align:left!important;align-items:center!important;
  }
  #page .se-footer .se-footer__top > *{min-width:0!important}
  #page .se-footer .se-footer__brand{display:none!important}      /* wordmark/sub/claim/Escribenos */
  #page .se-footer .se-footer__contact-row{display:none!important}
  #page .se-footer .se-footer__col-title{display:none!important}

  /* -- nav: sus links se vuelven items del grid -- */
  #page .se-footer nav.se-footer__col{display:contents!important}
  #page .se-footer .se-footer__col a{
    font-size:.84rem!important;line-height:1.25!important;margin:0!important;
    padding:5px 0!important;display:inline-block!important;width:fit-content!important;
    max-width:100%!important;overflow-wrap:anywhere;
  }
  /* Inicio => logo */
  #page .se-footer nav.se-footer__col a:nth-of-type(1){grid-column:1;grid-row:1;font-size:0!important;padding:3px 0!important}
  #page .se-footer nav.se-footer__col a:nth-of-type(1)::after{content:'SANTA ELENA';font-family:var(--se-fuente-titular),sans-serif;font-size:22px;line-height:1;letter-spacing:.02em;color:var(--se-blanco,#FBF9F4)}
  #page .se-footer nav.se-footer__col a:nth-of-type(2){grid-column:1;grid-row:2}  /* Tienda */
  #page .se-footer nav.se-footer__col a:nth-of-type(3){grid-column:1;grid-row:3}  /* Mayoreo */
  #page .se-footer nav.se-footer__col a:nth-of-type(4){grid-column:2;grid-row:1}  /* Nosotros */
  #page .se-footer nav.se-footer__col a:nth-of-type(5){grid-column:2;grid-row:2}  /* Blog */

  /* contacto: email y ciudad se vuelven CELDAS del grid principal (v7) —
     asi la ciudad hereda exacto el eje de la columna derecha */
  #page .se-footer div.se-footer__col{display:contents!important}
  /* siguenos = col2 fila 3 */
  #page .se-footer div.se-footer__col ~ div.se-footer__col{
    grid-column:2!important;grid-row:3!important;
    display:flex!important;flex-direction:row!important;
    justify-content:flex-start!important; /* v6: el molde #14409 centra y desalinea */
    flex-wrap:nowrap!important;align-items:center!important;gap:0 14px!important;margin:0!important;width:auto!important;
  }
  #page .se-footer a[href^="tel:"]{display:none!important} /* sin llamadas (dueño) */
  #page .se-footer a[href^="mailto:"]{grid-column:1!important;grid-row:4!important;margin-top:6px!important;font-size:9.5px!important;letter-spacing:-.01em!important;line-height:1.4!important;padding:4px 0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;vertical-align:bottom}
  #page .se-footer .se-footer__muted{grid-column:2!important;grid-row:4!important;margin:6px 0 0!important;font-size:.84rem!important;line-height:1.25!important;flex-basis:auto!important;text-align:left!important}
  /* v6: ciudad abreviada en movil (el link a Maps lo pone #14685) */
  #page .se-footer .se-footer__muted a.se-maps-link{font-size:0!important;display:inline-block!important;padding:3px 0!important}
  #page .se-footer .se-footer__muted a.se-maps-link::after{content:'Xalapa, Ver.';font-size:.84rem;line-height:1.25;color:inherit}

  /* -- bottom / legal -- */
  #page .se-footer .se-footer__bottom{margin-top:8px!important;padding:8px 18px 0!important} /* v9: 8 (margen)+5 (pad link)+~3 = 16 sobre la linea; 8+4+~4 = 16 bajo la linea */
  #page .se-footer .se-footer__legal{gap:0 14px!important;margin:0!important}
  #page .se-footer .se-footer__legal a{font-size:.68rem!important;padding:4px 0!important;margin:0!important;display:inline-block!important} /* v9: margin 0 mata el -4/-4 del molde de ficha (#14409): mismo ritmo en TODAS */
  #page .se-footer .se-footer__bottom p{font-size:.62rem!important;opacity:1;color:#9A9389!important} /* barrido 2026-09-16 (Lighthouse a11y): antes opacity .75 sobre carbon = contraste 1.84; ahora ~4.6 */

  /* -- cuadrado crema: padding Astra + rebote/paginas cortas -- */
  body:has(.se-footer) #page #primary.content-area{padding-bottom:0!important}

  /* v8.1: el gutter del home (padre 375px pegado a la izquierda) descentra
     su footer full-bleed (-7.5/-7.5 pensado para desktop): ml 0 + mr -15
     lo deja exacto de borde a borde (0..390) */
  body.page-id-14277 #page .se-footer{margin-left:0!important;margin-right:-15px!important}
  html:has(.se-footer){overscroll-behavior-y:none!important}
  body:has(.se-footer){overscroll-behavior-y:none!important}
  /* v8: el CANVAS (html bg) en carbon — es lo UNICO que Safari pinta
     garantizado en el rebote (el box-shadow puede quedar recortado en iOS).
     El body conserva su crema y pinta todo el documento: el sitio se ve
     IGUAL; solo el rebote (arriba y abajo) muestra carbon. */
  html:has(.se-footer){background-color:#1E1C19!important}
  #page .se-footer{box-shadow:0 400px 0 400px #1E1C19!important}
}

/* ==== WPCode #14545 ==== */
/* SE - Cajon carrito: pulido visual (F 2026-07-11). Solo estetica; NO tocar mecanica (#14319/#14507). */
aside.se-cart-drawer .se-cart-body{scrollbar-width:thin;scrollbar-color:rgba(245,241,232,.28) transparent}
aside.se-cart-drawer .se-cart-body::-webkit-scrollbar{width:6px}
aside.se-cart-drawer .se-cart-body::-webkit-scrollbar-thumb{background:rgba(245,241,232,.24);border-radius:3px}
aside.se-cart-drawer .se-cart-thumb{background:rgba(245,241,232,.07);border-radius:4px;padding:4px}
aside.se-cart-drawer .se-cart-line{font-size:18px;letter-spacing:.02em}
aside.se-cart-drawer .se-cart-qty{color:rgba(245,241,232,.72)}
aside.se-cart-drawer .se-mini__btn{width:26px;height:26px;font-size:14px;border-color:rgba(245,241,232,.32);color:rgba(245,241,232,.92);transition:background .25s cubic-bezier(.4,0,.25,1),color .25s,border-color .25s}
aside.se-cart-drawer .se-mini__btn:hover{background:#F5F1E8;color:#1E1C19;border-color:#F5F1E8}
aside.se-cart-drawer .se-mini__btn:focus-visible{outline:2px solid #7C8A6E;outline-offset:2px}
aside.se-cart-drawer .se-cart-close{transition:opacity .25s,transform .25s cubic-bezier(.4,0,.25,1)}
aside.se-cart-drawer .se-cart-close:hover{opacity:1;transform:scale(1.08)}
aside.se-cart-drawer .se-cart-btn{letter-spacing:.06em;transition:background .3s cubic-bezier(.4,0,.25,1),color .3s,transform .3s,border-color .3s}
aside.se-cart-drawer .se-cart-btn--primary:hover{background:#FFFDF8;transform:translateY(-1px)}
aside.se-cart-drawer .se-cart-btn--ghost:hover{background:rgba(245,241,232,.12);border-color:rgba(245,241,232,.6)}
@media(prefers-reduced-motion:reduce){aside.se-cart-drawer .se-cart-btn,aside.se-cart-drawer .se-mini__btn,aside.se-cart-drawer .se-cart-close{transition:none}}

/* ==== WPCode #14507 ==== */
/* SE - Transicion suave a carrito/checkout 2026-07-11 v2
   v2: SIN @view-transition global — la VT entrante rompia el intro de fichas
   (cortina banda envios). La opt-in vive INLINE solo en carrito 14474 y
   checkout 14475. Aqui: header como grupo VT (inerte sin opt-in), timings,
   y cajon que se desliza a la derecha durante la salida de pagina. */

#se-header { view-transition-name: se-hdr; }

::view-transition-old(root) {
  animation-duration: .45s;
  animation-timing-function: cubic-bezier(.4,0,.2,1);
}
::view-transition-new(root) {
  animation-duration: .45s;
  animation-timing-function: cubic-bezier(.4,0,.2,1);
}
::view-transition-group(se-hdr) { animation-duration: .3s; }

html.se-page-exit aside.se-cart-drawer.is-open {
  transform: translateX(100%) !important;
}
html.se-page-exit .se-cart-overlay.is-open {
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity .38s cubic-bezier(.4,0,.2,1), visibility 0s .38s !important;
}

/* ==== WPCode #14490 ==== */
/* ===== SE - POSTS BLOG: MOLDE EDITORIAL (single-post) — v2 2026-08-15 =====
   v1 (2026-07-11) desencajonó Astra. v2 lleva la entrada al ancho completo del
   rediseño con TRES ROLES DE ANCHO, en vez de un solo contenedor:

     texto  -> min(880px)   medida de lectura (68-72ch): parrafos, listas, citas
     ancho  -> min(1320px)  fotos, tablas, videos: respiran mas que el texto
     sangre -> 100vw        bloques propios (calculadora, HTML): rompen el gutter

   El cuerpo NO se pone a 100% de ancho a proposito: a 21px, 100vw en un monitor
   son ~180 caracteres por linea y el ojo pierde el renglon. El "wide total" se
   consigue con las fotos y los bloques, que es donde se siente.

   Scope: solo body.single-post. Reversible: desactivar = vuelve el molde viejo. */

/* -- 1. Desencajonar Astra -- */
body.single-post .site-content .ast-container{ max-width:none !important; padding-inline:0 !important; }
body.single-post article.ast-article-single{ padding:0 !important; margin:0 !important; background:transparent !important; max-width:none !important; }
body.single-post{ --se-gutter:clamp(20px,4vw,64px); --se-texto:880px; --se-ancho:1320px; }

/* -- 2. Apertura editorial: categoria -> titular -> foto -- */
body.single-post .entry-header{ display:flex; flex-direction:column; align-items:flex-start;
  padding:clamp(40px,6vw,84px) var(--se-gutter) 0; margin:0 !important; }
body.single-post .entry-header > *{ width:100%; max-width:min(1320px,100%); margin-inline:auto; }
body.single-post .entry-header .entry-meta{ order:1; font-size:0; line-height:1; margin:0 0 clamp(14px,1.6vw,22px); }
body.single-post .entry-meta .comments-link, body.single-post .entry-meta .posted-by{ display:none !important; }
body.single-post .entry-meta .ast-terms-link a{
  font-family:var(--se-fuente-titular,"League Gothic",sans-serif); text-transform:uppercase;
  font-size:clamp(0.8125rem,1vw,0.9375rem); letter-spacing:.18em; line-height:1.1;
  color:var(--se-acento-soft,#7C8A6E); text-decoration:none; transition:color .3s cubic-bezier(.4,0,.25,1); }
body.single-post .entry-meta .ast-terms-link a:hover{ color:var(--se-negro,#1E1C19); }
body.single-post .entry-meta .ast-terms-link a:not(:first-child)::before{ content:"\00B7"; color:var(--se-gris,#6f6a62); margin:0 .6em; letter-spacing:0; }
body.single-post h1.entry-title{ order:2;
  font-family:var(--se-fuente-titular,"League Gothic",sans-serif) !important; text-transform:uppercase;
  font-size:clamp(2.5rem,6vw,5rem) !important; line-height:.94 !important; letter-spacing:.005em;
  color:var(--se-negro,#1E1C19) !important; margin:0 !important; text-wrap:balance; }
body.single-post .entry-header .post-thumb{ order:3; width:100%; max-width:none;
  margin:clamp(28px,4vw,52px) calc(-1 * var(--se-gutter)) 0 !important; }
body.single-post .entry-header .post-thumb img{ width:100%; height:clamp(320px,58vh,680px);
  object-fit:cover; display:block; }

/* -- 3. Cuerpo: tres roles de ancho -- */
body.single-post .entry-content{ padding:clamp(40px,5.5vw,76px) var(--se-gutter) clamp(72px,10vw,140px); margin-top:0 !important; }
body.single-post .entry-content > *{ max-width:min(var(--se-texto),100%); margin-inline:auto; }
body.single-post .entry-content > .se-footer, body.single-post .entry-content > footer{ max-width:none !important; }

/* rol ANCHO: lo visual respira mas que el texto */
body.single-post .entry-content > figure.wp-block-image,
body.single-post .entry-content > .wp-block-gallery,
body.single-post .entry-content > figure.wp-block-embed,
body.single-post .entry-content > .wp-block-embed,
body.single-post .entry-content > figure.wp-block-table,
body.single-post .entry-content > table{ max-width:min(var(--se-ancho),100%); }

/* rol SANGRE: bloques propios de ancho completo (calculadora y futuros HTML) */
body.single-post .entry-content > .se-defx,
body.single-post .entry-content > .se-sangre{
  max-width:none; width:auto; margin-inline:calc(-1 * var(--se-gutter)); }

/* texto */
body.single-post .entry-content p{ font-size:clamp(16.5px,1.35vw,21px); line-height:1.72;
  color:var(--se-negro,#1E1C19); text-wrap:pretty; }
body.single-post .entry-content > p:first-child{ font-size:clamp(19px,1.75vw,26px); line-height:1.5; }
body.single-post .entry-content h2, body.single-post .entry-content h3, body.single-post .entry-content h4{
  font-family:var(--se-fuente-titular,"League Gothic",sans-serif) !important; text-transform:uppercase;
  color:var(--se-negro,#1E1C19); text-wrap:balance; }
body.single-post .entry-content h2{ font-size:clamp(2rem,3.8vw,3.4rem) !important; line-height:1 !important; letter-spacing:.01em; margin:clamp(52px,7vw,88px) auto .5em; }
body.single-post .entry-content h3{ font-size:clamp(1.625rem,2.8vw,2.375rem) !important; line-height:1.05 !important; letter-spacing:.015em; margin:clamp(40px,5vw,64px) auto .5em; }
body.single-post .entry-content h4{ font-size:clamp(1.25rem,1.8vw,1.5rem) !important; line-height:1.1 !important; letter-spacing:.02em; margin:clamp(32px,4vw,48px) auto .5em; }
body.single-post .entry-content p a, body.single-post .entry-content li a{
  font-style:italic; color:var(--se-acento-soft,#7C8A6E);
  text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px;
  transition:color .3s cubic-bezier(.4,0,.25,1); }
body.single-post .entry-content p a:hover, body.single-post .entry-content li a:hover{ color:var(--se-negro,#1E1C19); }
/* fuentes en PDF: se avisa antes de hacer clic, sin adornos */
body.single-post .entry-content a[href$=".pdf"]::after,
body.single-post .entry-content a[href*=".pdf?"]::after{ content:"PDF"; font-family:var(--se-fuente-titular,"League Gothic",sans-serif);
  font-style:normal; font-size:.7em; letter-spacing:.1em; vertical-align:.15em; margin-left:.45em;
  padding:.15em .4em; border:1px solid rgba(30,28,25,.28); border-radius:2px; color:var(--se-gris,#6f6a62); }
body.single-post .entry-content ul, body.single-post .entry-content ol{ padding-left:1.4em; }
body.single-post .entry-content li{ font-size:clamp(16.5px,1.35vw,21px); line-height:1.7; margin-block:.4em; }
body.single-post .entry-content li::marker{ color:var(--se-acento,#7C8A6E); }
body.single-post .entry-content blockquote{ border:0 !important; border-block:1px solid rgba(30,28,25,.16) !important;
  background:transparent !important; padding:clamp(24px,3vw,36px) 0 !important; margin-block:clamp(40px,5vw,64px) !important;
  font-style:italic; font-size:clamp(19px,1.6vw,24px); line-height:1.5; color:var(--se-negro,#1E1C19); }
body.single-post .entry-content hr, body.single-post .entry-content .wp-block-separator{
  border:0; border-top:1px solid rgba(30,28,25,.16); margin:clamp(40px,5vw,64px) auto; }

/* -- 4. Fotos, videos y tablas -- */
body.single-post .entry-content > figure.wp-block-image,
body.single-post .entry-content > .wp-block-gallery,
body.single-post .entry-content > figure.wp-block-embed{ margin-block:clamp(44px,6vw,80px); }
body.single-post .entry-content figure.wp-block-image{ float:none !important; }
body.single-post .entry-content figure.wp-block-image img{ border-radius:3px; display:block; margin-inline:auto; max-width:100%; height:auto; }
body.single-post .entry-content figure.size-large img, body.single-post .entry-content figure.size-full img{ width:100%; }
body.single-post .entry-content img.alignleft, body.single-post .entry-content img.alignright{ float:none !important; display:block; margin:clamp(32px,4vw,56px) auto; }
body.single-post .entry-content figcaption{ font-size:.8125rem; font-style:italic; color:var(--se-gris,#6f6a62); text-align:center; margin-top:10px; }
body.single-post .entry-content .wp-block-embed__wrapper iframe,
body.single-post .entry-content iframe[src*="youtu"]{ width:100%; aspect-ratio:16/9; height:auto; border-radius:3px; display:block; }
/* tablas: nunca desbordan la pagina; scrollean dentro de su caja.
   El :has cubre las tablas que vienen dentro de bloques HTML sueltos (no solo wp-block-table) */
body.single-post .entry-content figure.wp-block-table,
body.single-post .entry-content .wp-block-table,
body.single-post .entry-content :is(figure,div,section):has(> table){
  overflow-x:auto; -webkit-overflow-scrolling:touch; margin-block:clamp(36px,4.5vw,60px); max-width:min(var(--se-ancho),100%); }
body.single-post .entry-content > table{ display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; }
body.single-post .entry-content table{ width:100%; border-collapse:collapse; font-size:clamp(15px,1.05vw,16.5px); line-height:1.5; }
body.single-post .entry-content table th{ font-family:var(--se-fuente-titular,"League Gothic",sans-serif); text-transform:uppercase;
  letter-spacing:.06em; font-weight:400; text-align:left; padding:11px 14px; border-bottom:1px solid rgba(30,28,25,.3); white-space:nowrap; }
body.single-post .entry-content table td{ padding:11px 14px; border-bottom:1px solid rgba(30,28,25,.12); vertical-align:top; }
body.single-post .entry-content table tr:last-child td{ border-bottom:0; }

/* -- 5. Navegacion entre posts -- */
body.single-post .post-navigation{ max-width:none; padding:clamp(24px,3vw,36px) var(--se-gutter); border-top:1px solid rgba(30,28,25,.14); }
body.single-post .post-navigation .nav-links{ display:flex; justify-content:space-between; gap:24px; max-width:min(1320px,100%); margin-inline:auto; }
body.single-post .post-navigation a{ font-family:var(--se-fuente-titular,"League Gothic",sans-serif); text-transform:uppercase;
  font-size:clamp(0.9375rem,1.1vw,1.0625rem); letter-spacing:.06em; color:var(--se-gris,#6f6a62) !important;
  text-decoration:none; transition:color .3s cubic-bezier(.4,0,.25,1); }
body.single-post .post-navigation a:hover{ color:var(--se-negro,#1E1C19) !important; }

/* -- 6. Comentarios -- */
body.single-post .comments-area{ max-width:min(var(--se-texto),100%); margin-inline:auto; padding:clamp(40px,6vw,72px) var(--se-gutter) clamp(72px,9vw,120px); }
body.single-post .comments-area #reply-title{ font-family:var(--se-fuente-titular,"League Gothic",sans-serif); text-transform:uppercase;
  font-size:clamp(1.5rem,2.6vw,2.125rem); line-height:1; letter-spacing:.01em; color:var(--se-negro,#1E1C19); }
body.single-post .comments-area input[type=text], body.single-post .comments-area input[type=email],
body.single-post .comments-area input[type=url], body.single-post .comments-area textarea{
  width:100%; background:var(--se-blanco,#FBF9F4); border:1px solid rgba(30,28,25,.22); border-radius:2px;
  padding:12px 14px; font-family:var(--se-fuente-cuerpo,Roboto,sans-serif); font-size:1rem; color:var(--se-negro,#1E1C19); }
body.single-post .comments-area input:focus, body.single-post .comments-area textarea:focus{ outline:none; border-color:var(--se-acento,#7C8A6E); }
body.single-post .comments-area .form-submit .submit{
  font-family:var(--se-fuente-titular,"League Gothic",sans-serif); text-transform:uppercase; letter-spacing:.06em;
  font-size:clamp(15px,1.1vw,18px); line-height:1; color:var(--se-crema,#F5F1E8); background:var(--se-negro,#1E1C19);
  border:0; border-radius:2px; padding:16px 32px; cursor:pointer; transition:background .3s cubic-bezier(.4,0,.25,1), transform .3s; }
body.single-post .comments-area .form-submit .submit:hover{ background:#2C2925; transform:translateY(-1px); }
body.single-post .comments-area .comment-notes, body.single-post .comments-area label, body.single-post .comments-area .comment-form-cookies-consent label{
  font-size:.875rem; color:var(--se-gris,#6f6a62); }

/* -- 7. Motion sutil (solo con soporte; base siempre visible) -- */
@supports (animation-timeline: view()){
  body.single-post .entry-content > figure.wp-block-image{
    animation:sePostFig both; animation-timeline:view(); animation-range:cover 0% cover 26%; }
  @keyframes sePostFig{ from{ opacity:0; translate:0 26px; } to{ opacity:1; translate:0 0; } }
}
@media (prefers-reduced-motion: reduce){
  body.single-post .entry-content > figure.wp-block-image{ animation:none !important; opacity:1 !important; translate:none !important; }
}

/* -- 8. Movil -- */
@media (max-width:767px){
  body.single-post{ --se-gutter:20px; }
  body.single-post .entry-header{ padding-top:32px; }
  body.single-post h1.entry-title{ font-size:clamp(2.125rem,9.5vw,2.9rem) !important; }
  body.single-post .entry-header .post-thumb img{ height:clamp(240px,56vw,420px); }
  body.single-post .entry-content{ padding-top:32px; padding-bottom:64px; }
  body.single-post .entry-content > p:first-child{ font-size:19px; line-height:1.5; }
  body.single-post .entry-content h2{ margin-top:clamp(40px,9vw,56px); }
  body.single-post .entry-content > figure.wp-block-image{ margin-block:clamp(32px,8vw,44px); }
  /* en movil la tabla scrollea dentro de si misma: nunca empuja la pagina */
  body.single-post .entry-content table{ font-size:14.5px; display:block; max-width:100%;
    overflow-x:auto; -webkit-overflow-scrolling:touch; }
  body.single-post .entry-content table thead, body.single-post .entry-content table tbody{ display:table; width:max-content; min-width:100%; }
  body.single-post .entry-content table th, body.single-post .entry-content table td{ padding:9px 11px; }
  body.single-post .post-navigation .nav-links{ flex-direction:column; }
  body.single-post .comments-area{ padding-inline:20px; }
}

/* ==== WPCode #14486 ==== */
/* SE - Buscador: aire inferior cuando los resultados llenan 2+ filas (2026-07-11).
   Solo modo wide (html.se-search-many) y solo si existe 5a tarjeta (= segunda fila).
   El fit del motor (#14319) mide scrollHeight de .se-search-results, asi que el panel crece solo. */
@media (min-width: 769px) {
  html.se-search-many #se-header .se-header__search-panel .se-search-results:has(.se-sr-card:nth-child(5)) {
    padding-bottom: clamp(36px, 3.5vw, 64px) !important;
  }
}

/* ==== WPCode #14409 ==== */
/* ============ SE - PRODUCTO NATIVO v2 (2026-07-04) ============ */
/* v2: full-bleed (des-boxeado), related full-width huesito + carrusel barrita, descripcion abierta */

/* 1. Fuera header/footer Elementor viejos */
.single-product [data-elementor-type="header"],
.single-product [data-elementor-type="footer"]{display:none!important}
.single-product .ast-above-header-bar{display:none!important}

/* 2. Lienzo full-bleed: liberar contenedores Astra (congruencia con el sitio) */
body.single-product{background:var(--se-crema,#F5F1E8)}
.single-product .site-content{padding-top:0!important}
.single-product .ast-container,
.single-product .site-content .ast-container{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin:0!important}
.single-product .site-main{padding:0!important;margin:0!important}

/* 3. Zona compra: galeria | resumen (aire por padding, no por caja) */
.single-product div.product{display:grid!important;grid-template-columns:minmax(320px,44%) 1fr;column-gap:clamp(32px,5vw,88px);align-items:start;padding:clamp(112px,12vw,168px) clamp(24px,4.5vw,72px) clamp(56px,7vw,96px)}
.single-product div.product>.woocommerce-product-gallery{width:100%!important;float:none!important;position:sticky;top:112px;margin:0!important}
.single-product div.product>.woocommerce-product-gallery img{border-radius:2px}
.single-product div.product>.summary{width:100%!important;float:none!important;max-width:54ch;margin:0!important;display:flex;flex-direction:column}
.single-product div.product>.woocommerce-tabs,
.single-product div.product>.related,
.single-product div.product>.up-sells,
.single-product div.product>.woocommerce-notices-wrapper{grid-column:1/-1;width:100%!important;float:none!important}

/* 4. Tipografia resumen (marca intacta) */
.single-product .summary .product_title{font-family:var(--se-fuente-titular,'League Gothic',sans-serif)!important;text-transform:uppercase;letter-spacing:.01em;line-height:.95;font-size:clamp(2.2rem,4vw,3.4rem);color:var(--se-carbon,#1E1C19);margin:0 0 .35rem}
.single-product .summary .price{font-family:var(--se-fuente-titular,'League Gothic',sans-serif)!important;font-size:clamp(1.4rem,2.2vw,1.9rem);letter-spacing:.02em;color:var(--se-carbon,#1E1C19)}
.single-product .summary .woocommerce-product-details__short-description{color:#57524a;max-width:52ch;line-height:1.65}

/* 5. Compra */
.single-product form.cart{margin-top:1.4rem;padding-top:.2rem}
.single-product form.cart .qty{height:48px;border:1px solid rgba(30,28,25,.25);border-radius:2px;background:var(--se-blanco,#FBF9F4)}
.single-product .single_add_to_cart_button{font-family:var(--se-fuente-titular,'League Gothic',sans-serif)!important;text-transform:uppercase!important;letter-spacing:.05em;font-size:1.05rem!important;background:var(--se-carbon,#1E1C19)!important;color:var(--se-crema,#F5F1E8)!important;border:0!important;border-radius:2px!important;padding:15px 34px!important;transition:background .45s cubic-bezier(.32,.72,0,1),transform .45s cubic-bezier(.32,.72,0,1)}
.single-product .single_add_to_cart_button:hover{background:#2C2925!important;transform:translateY(-1px)}
.single-product .single_add_to_cart_button:active{transform:scale(.98)}
.single-product form.cart table.variations select{height:48px;border:1px solid rgba(30,28,25,.25);border-radius:2px;background:var(--se-blanco,#FBF9F4);font-family:var(--se-fuente-cuerpo,Roboto,sans-serif)}
.se-envio-nota{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#57524a;margin-top:.8rem}
.se-envio-nota::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--se-acento,#7C8A6E)}

/* 6. Descripcion ABIERTA (como el sitio actual: sin tabs, contenido corrido) */
.single-product .woocommerce-tabs{padding:clamp(40px,5vw,72px) clamp(24px,4.5vw,72px) 0}
.single-product .woocommerce-tabs ul.tabs{display:none!important}
.single-product .woocommerce-tabs .panel{display:block!important;margin:0 auto clamp(40px,5vw,64px)}
.single-product .woocommerce-tabs .panel p{max-width:66ch;line-height:1.65;color:#3d3934}
.single-product .woocommerce-tabs .panel h2,
.single-product .woocommerce-tabs .panel h3{font-family:var(--se-fuente-titular,'League Gothic',sans-serif);text-transform:uppercase;letter-spacing:.01em;color:var(--se-carbon,#1E1C19)}
.single-product .woocommerce-tabs .panel img{max-width:100%;height:auto;border-radius:2px}

/* 7. PODRIA INTERESARTE: full-width, fondo huesito, carrusel + barrita tipo mas-vendidos */
.single-product .related.products{background:#F9F6EE;margin-top:clamp(48px,6vw,88px);padding:clamp(56px,7vw,96px) 0 clamp(48px,6vw,72px)}
.single-product .related.products>h2{font-family:var(--se-fuente-titular,'League Gothic',sans-serif);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.7rem,3.4vw,2.6rem);color:var(--se-carbon,#1E1C19);margin:0 0 clamp(28px,3.5vw,44px);padding-inline:clamp(24px,4.5vw,72px)}
.single-product .related.products ul.products{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:clamp(16px,2vw,28px)!important;width:100%!important;margin:0!important;padding:0 clamp(24px,4.5vw,72px) 18px!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--se-carbon,#1E1C19) rgba(30,28,25,.12)}
.single-product .related.products ul.products::-webkit-scrollbar{height:3px}
.single-product .related.products ul.products::-webkit-scrollbar-track{background:rgba(30,28,25,.12);border-radius:2px;margin:0 clamp(24px,4.5vw,72px)}
.single-product .related.products ul.products::-webkit-scrollbar-thumb{background:var(--se-carbon,#1E1C19);border-radius:2px}
.single-product .related.products ul.products li.product{flex:0 0 clamp(220px,22.5%,320px);scroll-snap-align:start;width:auto!important;margin:0!important;float:none!important;background:transparent;text-align:left}
.single-product .related.products ul.products li.product img{background:var(--se-blanco,#FBF9F4);border-radius:2px;aspect-ratio:1/1;object-fit:contain;padding:14px;width:100%;transition:transform .5s cubic-bezier(.32,.72,0,1)}
.single-product .related.products ul.products li.product:hover img{transform:translateY(-4px)}
.single-product .related.products ul.products li.product .woocommerce-loop-product__title{font-family:var(--se-fuente-titular,'League Gothic',sans-serif);text-transform:uppercase;font-size:clamp(.95rem,1.2vw,1.15rem);line-height:1.05;color:var(--se-carbon,#1E1C19);margin:12px 0 2px}
.single-product .related.products ul.products li.product .price{font-family:var(--se-fuente-titular,'League Gothic',sans-serif);color:var(--se-carbon,#1E1C19)}
.single-product .related.products ul.products li.product .button{display:none}

/* 8. Movil */
@media(max-width:860px){
  .single-product div.product{grid-template-columns:1fr;padding-top:104px}
  .single-product div.product>.woocommerce-product-gallery{position:static}
  .single-product .related.products ul.products li.product{flex:0 0 72%}
}
@media(max-width:520px){
  .single-product .related.products ul.products li.product{flex:0 0 84%}
}
@media(prefers-reduced-motion:reduce){
  .single-product .single_add_to_cart_button,.single-product .related img{transition:none!important}
}

/* ===== v2.1 fixes visuales (screenshots 2026-07-04) ===== */
/* Barra envios SIEMPRE visible (carbon) en fichas */
body.single-product #se-header .se-header__promo, body.single-product #se-header.se-stuck .se-header__promo{background:var(--se-carbon,#1E1C19)!important;color:var(--se-crema,#F5F1E8)!important;text-align:center!important;padding-left:0!important;padding-right:0!important}
.single-product .se-header__promo span{text-shadow:none!important}
/* Tarjetas relacionados: fuera caja blanca/borde de Woo-Astra */
.single-product .related.products ul.products li.product{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
.single-product .related.products ul.products li.product>div,
.single-product .related.products ul.products li.product .astra-shop-summary-wrap{background:transparent!important;border:0!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important}
.single-product .related.products ul.products li.product .astra-shop-thumbnail-wrap{border:0!important;box-shadow:none!important;background:transparent!important}
/* Scrollbar: solo webkit 3px (las props estandar anulan el estilizado y muestran flechas) */
.single-product .related.products ul.products{scrollbar-width:auto;scrollbar-color:auto}
/* Aire: menos hueco arriba del grid y bajo el carrusel */
.single-product div.product{padding-top:clamp(96px,10vw,136px)}
.single-product .related.products{padding-bottom:clamp(28px,3.5vw,44px)}

/* ===== v2.2 fixes ===== */
/* Reviews: ocultar panel (form gigante); estrellas del loop quedan */
.single-product .woocommerce-tabs #tab-reviews,
.single-product .woocommerce-tabs .woocommerce-Reviews{display:none!important}
/* Barra envios: forzar visible en fichas contra cualquier estado del header */
.single-product .se-header__promo{display:block!important;position:relative!important;opacity:1!important;transform:none!important}

/* ===== v2.3 movil: contener descripcion (desborde horizontal 390) ===== */
@media(max-width:860px){
  .single-product .woocommerce-tabs{padding-left:20px!important;padding-right:20px!important;overflow-x:hidden}
  .single-product .woocommerce-tabs .panel{max-width:100%!important;width:100%!important;margin-left:0!important;margin-right:0!important}
  .single-product .woocommerce-tabs .panel p,
  .single-product .woocommerce-tabs .panel div{max-width:100%!important}
  .single-product .woocommerce-tabs .panel img{max-width:100%!important;height:auto!important}
  .single-product div.product{overflow-x:clip}
}

/* ===== v2.4 galeria movil: vencer width inline 625 del flexslider ===== */
@media(max-width:860px){
  .single-product div.product{grid-template-columns:minmax(0,1fr)!important}
  .single-product div.product>.woocommerce-product-gallery{width:100%!important;max-width:calc(100vw - 48px)!important;overflow:hidden}
  .single-product .woocommerce-product-gallery .flex-viewport{max-width:100%!important;height:auto!important}
  .single-product .woocommerce-product-gallery__wrapper{max-width:none}
  .single-product .woocommerce-product-gallery__image{max-width:calc(100vw - 48px)!important}
  .single-product .woocommerce-product-gallery img{max-width:100%!important;height:auto!important}
  .single-product .woocommerce-tabs .panel{max-width:calc(100vw - 40px)!important}
}

/* ===== v2.5 related fullbleed: franja huesito de borde a borde y pegada al footer ===== */
.single-product div.product{padding-bottom:0!important}
.single-product .related.products{width:100vw!important;max-width:100vw!important;margin-left:calc(-1*clamp(24px,4.5vw,72px))!important;margin-right:0!important;margin-bottom:0!important;justify-self:start}
.single-product .site-content,.single-product .site-main,.single-product #content{padding-bottom:0!important;margin-bottom:0!important}
.single-product .related.products{padding-bottom:clamp(40px,5vw,64px)!important}

/* ===== v3 MOLDE LAVADO: replica del vivo (3 col: arte | foto | tarjeta amarilla) ===== */
body.se-molde-lavado.single-product div.product{grid-template-columns:minmax(220px,300px) minmax(320px,1fr) minmax(320px,400px)!important;column-gap:clamp(24px,3vw,48px);align-items:start}
/* col 1: arte + veracruz + mini-carrusel */
.se-molde-aside{display:flex;flex-direction:column;align-items:center;gap:10px}
.se-molde-aside__arte{width:100%;max-width:340px;height:auto}
.se-molde-aside__estado{font-family:var(--se-fuente-cuerpo,Roboto,sans-serif);font-weight:700;text-transform:uppercase;letter-spacing:.3em;font-size:.95rem;color:var(--se-carbon,#1E1C19);margin:2px 0 6px}
.se-molde-aside__carrusel{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;max-width:340px;padding-bottom:8px;scrollbar-width:none}
.se-molde-aside__carrusel::-webkit-scrollbar{display:none}
.se-molde-aside__carrusel img{flex:0 0 104px;width:104px;height:104px;object-fit:cover;border-radius:2px;scroll-snap-align:start}
/* col 2: foto principal limpia (sin thumbs woo) */
body.se-molde-lavado.single-product div.product>.woocommerce-product-gallery{background:transparent;padding:0;position:static}
body.se-molde-lavado.single-product .woocommerce-product-gallery .flex-control-nav{display:none!important}
/* col 3: tarjeta amarilla sticky (como el vivo, pulida) */
body.se-molde-lavado.single-product div.product>.summary{background:#FAE9BD;border:3px solid var(--se-carbon,#1E1C19);border-radius:24px;padding:clamp(20px,2vw,30px);position:sticky;top:110px;max-width:none;text-align:center}
body.se-molde-lavado.single-product .summary .product_title{font-size:clamp(1.5rem,2vw,2rem);line-height:1.05}
body.se-molde-lavado.single-product .summary .price{display:block;margin:.4rem 0 .2rem}
body.se-molde-lavado.single-product .summary .woocommerce-product-details__short-description{text-align:left;font-size:.85rem;max-height:180px;overflow:auto;margin:0 auto;color:#3d3934}
body.se-molde-lavado.single-product form.cart{margin-top:1rem}
body.se-molde-lavado.single-product form.cart .variations select{width:100%}
body.se-molde-lavado.single-product .single_add_to_cart_button{width:100%;margin-top:.5rem}
body.se-molde-lavado.single-product .se-envio-nota{justify-content:center}
/* descripcion en panel gris-beige como el vivo */
body.se-molde-lavado.single-product .woocommerce-tabs{background:#EAE6D9;padding:clamp(32px,4vw,56px) clamp(24px,4.5vw,72px);margin-top:clamp(32px,4vw,56px)}
body.se-molde-lavado.single-product .woocommerce-tabs .panel{background:transparent}
/* movil: colapsa a 1 col en orden arte->foto->tarjeta */
@media(max-width:1024px){
  body.se-molde-lavado.single-product div.product{grid-template-columns:minmax(0,1fr)!important}
  body.se-molde-lavado.single-product div.product>.summary{position:static;max-width:520px;margin:0 auto!important}
  .se-molde-aside{order:-1}
}

/* ===== v3.1 pulido lavado: tarjeta limpia + tostado/faq como el vivo ===== */
/* breadcrumb y cats fuera de la tarjeta */
body.se-molde-lavado.single-product .summary .woocommerce-breadcrumb,
body.se-molde-lavado.single-product .summary .ast-woo-product-category,
body.se-molde-lavado.single-product .summary nav{display:none!important}
/* foto central protagonista */
body.se-molde-lavado.single-product div.product>.woocommerce-product-gallery img.wp-post-image{max-width:min(554px,100%);margin-inline:auto}
/* EL TOSTADO + SUGERENCIAS (panel gris del vivo) */
.se-tostado{background:#EAE6D9;margin-top:clamp(32px,4vw,56px);padding:clamp(32px,4.5vw,64px) clamp(24px,4.5vw,72px)}
.se-tostado__cols{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,4vw,64px);max-width:1360px;margin-inline:auto}
.se-tostado h2{font-family:var(--se-fuente-titular,'League Gothic',sans-serif);text-transform:uppercase;letter-spacing:.01em;font-size:clamp(2rem,3.6vw,3.2rem);color:var(--se-carbon,#1E1C19);margin:0 0 .4rem}
.se-tostado__kick{font-family:var(--se-fuente-cuerpo,Roboto,sans-serif);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;margin:0 0 .8rem}
.se-tostado__izq p{max-width:60ch;line-height:1.65;color:#3d3934}
.se-tostado__der{text-align:center}
.se-receta{margin-top:1.4rem}
.se-receta h3{font-family:var(--se-fuente-titular,'League Gothic',sans-serif);text-transform:uppercase;font-size:1.5rem;margin:0 0 .3rem;color:var(--se-carbon,#1E1C19)}
.se-receta p{color:#57524a;font-size:.95rem;margin:0}
/* FAQ acordeon estilo vivo */
.se-faq{padding:clamp(40px,5vw,72px) clamp(24px,4.5vw,72px);max-width:1360px;margin-inline:auto}
.se-faq h2{font-family:var(--se-fuente-titular,'League Gothic',sans-serif);text-transform:uppercase;font-size:clamp(2.4rem,4.5vw,4rem);color:var(--se-carbon,#1E1C19);margin:0 0 clamp(20px,2.5vw,36px)}
.se-faq__item{background:var(--se-blanco,#FBF9F4);border-bottom:1px solid rgba(30,28,25,.14)}
.se-faq__item summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px;padding:16px 18px;font-family:var(--se-fuente-cuerpo,Roboto,sans-serif);font-weight:700;text-transform:uppercase;font-size:.85rem;color:var(--se-carbon,#1E1C19)}
.se-faq__item summary::-webkit-details-marker{display:none}
.se-faq__item summary::before{content:"▸";font-size:.9rem;transition:transform .3s cubic-bezier(.32,.72,0,1)}
.se-faq__item[open] summary{color:var(--se-acento,#7C8A6E)}
.se-faq__item[open] summary::before{transform:rotate(90deg)}
.se-faq__body{padding:0 18px 18px 40px;color:#57524a;line-height:1.6;max-width:75ch}
.se-faq__body ul{padding-left:18px}
@media(max-width:860px){ .se-tostado__cols{grid-template-columns:1fr} }

/* ===== v3.2 grid fix: secciones molde fuera de las columnas + tarjeta sin texto largo ===== */
.single-product div.product>.se-tostado,
.single-product div.product>.se-faq{grid-column:1/-1;width:auto;margin-left:calc(-1*clamp(24px,4.5vw,72px));margin-right:calc(-1*clamp(24px,4.5vw,72px))}
.single-product div.product>.se-faq{width:100%;margin-left:0;margin-right:0;max-width:1360px;margin-inline:auto}
body.se-molde-lavado.single-product .summary .woocommerce-product-details__short-description{display:none!important}

/* ===== v3.3 fidelidad al vivo: tarjeta exacta + panel translucido + mayoreo ===== */
/* Tarjeta lavado: colores/estilo EXACTOS del vivo (pulido leve) */
body.se-molde-lavado.single-product div.product>.summary{background:#FFEDB3;border:3px solid #00060F;border-radius:40px;box-shadow:0 0 10px rgba(5,147,245,.35);text-align:right;padding:clamp(22px,2.2vw,32px)}
body.se-molde-lavado.single-product .summary .product_title{text-align:right;font-size:clamp(1.4rem,1.8vw,1.7rem)}
body.se-molde-lavado.single-product .summary .price{text-align:right;font-size:clamp(1.6rem,2.2vw,2.1rem)}
body.se-molde-lavado.single-product .summary form.cart,body.se-molde-lavado.single-product .summary .se-envio-nota{text-align:left}
body.se-molde-lavado.single-product .summary .ast-woo-product-category,body.se-molde-lavado.single-product .summary .posted_in{display:none!important}
/* Panel tostado: beige TRANSLUCIDO, panel con margen (no full-bleed), tarjeta flota al lado */
.single-product div.product>.se-tostado{grid-column:1/3;width:auto;margin-left:0;margin-right:0;background:rgba(207,201,181,.38);border-radius:4px}
.se-tostado__cols{grid-template-columns:1.05fr .95fr}
/* FAQ ancho completo bajo todo */
.single-product div.product>.se-faq{grid-column:1/-1}
/* Molde mayoreo: compra flat sobria (como el vivo), H2 descripcion azul tinta */
body.se-molde-mayoreo.single-product div.product>.summary{background:transparent;border:0;box-shadow:none;padding:0;position:static}
body.se-molde-mayoreo.single-product .woocommerce-tabs{background:#CFC9B5}
body.se-molde-mayoreo.single-product .woocommerce-tabs .panel h2,
body.se-molde-mayoreo.single-product .woocommerce-tabs .panel h3{color:#030B2E}
@media(max-width:1024px){
  body.se-molde-lavado.single-product div.product>.summary{text-align:left}
  body.se-molde-lavado.single-product .summary .product_title,body.se-molde-lavado.single-product .summary .price{text-align:left}
  .single-product div.product>.se-tostado{grid-column:1/-1}
}

/* ===== v3.4 tarjeta limpia: fuera sku/etiquetas/cats (el vivo no los muestra) ===== */
body.se-molde-lavado.single-product .summary .product_meta,
body.se-molde-lavado.single-product .summary .sku_wrapper,
body.se-molde-lavado.single-product .summary .tagged_as,
body.se-molde-lavado.single-product .summary>.ast-woo-product-category,
body.se-molde-lavado.single-product .summary .breadcrumbs,
body.se-molde-lavado.single-product .summary a[rel="tag"]{display:none!important}

/* ===== v3.5 whitelabel: tarjeta ROSA chicle (replica del vivo) ===== */
body.se-molde-whitelabel.single-product div.product{grid-template-columns:minmax(320px,1fr) minmax(320px,400px)!important;column-gap:clamp(28px,4vw,64px)}
body.se-molde-whitelabel.single-product div.product>.summary{background:#FFAAE0;border:3px solid #00060F;border-radius:40px;box-shadow:0 0 14px rgba(255,120,200,.45);padding:clamp(22px,2.2vw,32px);position:sticky;top:110px;max-width:none;text-align:center}
body.se-molde-whitelabel.single-product .summary .product_title{text-align:center;font-size:clamp(1.4rem,1.8vw,1.7rem);line-height:1.05}
body.se-molde-whitelabel.single-product .summary .price{text-align:center}
body.se-molde-whitelabel.single-product .summary form.cart{text-align:left}
body.se-molde-whitelabel.single-product .summary form.cart .variations select{width:100%;border-radius:8px}
body.se-molde-whitelabel.single-product .single_add_to_cart_button{width:100%}
body.se-molde-whitelabel.single-product .summary .product_meta,
body.se-molde-whitelabel.single-product .summary .woocommerce-product-details__short-description{display:none!important}
body.se-molde-whitelabel.single-product .se-envio-nota{justify-content:center}
@media(max-width:1024px){
  body.se-molde-whitelabel.single-product div.product{grid-template-columns:minmax(0,1fr)!important}
  body.se-molde-whitelabel.single-product div.product>.summary{position:static;max-width:520px;margin:0 auto!important}
}

/* ===== v3.6a faq-wl ===== */
.se-faq{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,3vw,48px);align-items:start}
.se-faq h2{grid-column:1/-1;margin-bottom:0}
.se-faq__foto{background-position:center;background-size:cover;border-radius:2px;min-height:480px;align-self:stretch}
body.se-molde-whitelabel.single-product .summary .woocommerce-breadcrumb,
body.se-molde-whitelabel.single-product .summary nav,
body.se-molde-whitelabel.single-product .summary .ast-woo-product-category,
body.se-molde-whitelabel.single-product .summary a[rel="tag"]{display:none!important}
@media(max-width:860px){
  .se-faq{grid-template-columns:1fr}
  .se-faq__foto{min-height:240px}
}

/* ===== v4 transiciones producto (Canyon) ===== */
/* salida humo: fade+blur+lift en catalogos y producto; curvas Canyon */
html.se-page-exit body.page-id-14372 .site-content,
html.se-page-exit body.page-id-14374 .site-content,
html.se-page-exit body.page-id-14376 .site-content,
html.se-page-exit body.single-product .site-content,
html.se-page-exit body.page-id-14372 .se-footer,
html.se-page-exit body.page-id-14374 .se-footer,
html.se-page-exit body.page-id-14376 .se-footer,
html.se-page-exit body.single-product .se-footer{
  opacity:0!important;
  filter:blur(6px);
  transform:translateY(-18px);
  transition:opacity .55s cubic-bezier(.65,0,.35,1),filter .55s cubic-bezier(.65,0,.35,1),transform .55s cubic-bezier(.65,0,.35,1)!important;
}
/* entrada: velo crema con la MISMA curva/duracion que la salida */
body.single-product::before,body.page-id-14372::before,body.page-id-14374::before,body.page-id-14376::before{
  animation-duration:.95s!important;
  animation-timing-function:cubic-bezier(.25,1,.5,1)!important;
}
/* barra envios: cortina que baja tras cargar el producto (empuja el header) */
body.single-product #se-header .se-header__promo{
  max-height:34px;overflow:hidden;
  animation:sePromoBaja 1.6s cubic-bezier(.25,1,.5,1) 1.05s backwards;
}
@keyframes sePromoBaja{from{max-height:0}to{max-height:34px}}
/* al salir del producto: cortina sube mientras el contenido se va */
html.se-page-exit body.single-product #se-header .se-header__promo{
  animation:none;
  max-height:0!important;
  transition:max-height 1s cubic-bezier(.25,1,.5,1);
}
@media(prefers-reduced-motion:reduce){
  body.single-product #se-header .se-header__promo{animation:none;max-height:34px}
  html.se-page-exit body.single-product .site-content{filter:none;transform:none}
}

/* ===== v4.2 nubes + secuencia salida ===== */
/* humo espera a que la cortina suba (solo saliendo de producto) */
html.se-page-exit body.single-product .site-content,
html.se-page-exit body.single-product .se-footer{transition-delay:.55s!important}
/* entrada nubes: el contenido se materializa lento (base visible = seguro) */
/* nubes v2: gateadas por html.se-nube (script early la pone; init la quita al estar listo) */
body.single-product .site-content,
body.page-id-14372 .site-content,
body.page-id-14374 .site-content,
body.page-id-14376 .site-content,
body.page-id-14656 .site-content{opacity:1;transition:opacity 2.1s cubic-bezier(.25,1,.5,1)} /* 14656 objetos: barrido 2026-09-16 T1-2 */
html.se-nube body.single-product .site-content,
html.se-nube body.page-id-14372 .site-content,
html.se-nube body.page-id-14374 .site-content,
html.se-nube body.page-id-14376 .site-content,
html.se-nube body.page-id-14656 .site-content{opacity:0;transition:none}
@media(prefers-reduced-motion:reduce){
  html.se-nube .site-content{opacity:1!important}
}

/* ===== v5 mayoreo secciones (El origen + La seleccion, como el vivo) ===== */
.single-product div.product>.se-origen,
.single-product div.product>.se-seleccion{grid-column:1/-1;width:100%;max-width:1360px;margin-inline:auto}
.se-origen{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:clamp(16px,2.5vw,32px);padding:clamp(40px,5vw,72px) 0;align-items:stretch}
.se-origen__foto{background-position:center;background-size:cover;border-radius:2px;aspect-ratio:1/1}
.se-origen__txt h2{font-family:var(--se-fuente-titular,'League Gothic',sans-serif);text-transform:uppercase;font-size:clamp(2rem,3.4vw,3rem);color:#030B2E;margin:0 0 .6rem}
.se-origen__txt p{color:#3d3934;line-height:1.65;max-width:52ch}
.se-seleccion{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,3.5vw,56px);padding:clamp(32px,4vw,56px) 0 clamp(40px,5vw,72px);align-items:center}
.se-seleccion__txt h2{font-family:var(--se-fuente-titular,'League Gothic',sans-serif);text-transform:uppercase;font-size:clamp(2rem,3.6vw,3.2rem);color:#03081D;margin:0 0 .6rem}
.se-seleccion__txt p{color:#3d3934;line-height:1.65;max-width:56ch}
.se-seleccion__fotos{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.5vw,18px)}
.se-seleccion__foto{background-position:center;background-size:cover;border-radius:2px;aspect-ratio:1/1}
@media(max-width:860px){
  .se-origen{grid-template-columns:1fr 1fr}
  .se-origen__txt{grid-column:1/-1}
  .se-seleccion{grid-template-columns:1fr}
}

/* ===== v6 whitelabel secciones (PERSONALIZA/INSTRUCCIONES/INSPIRATE) ===== */
.single-product div.product>.se-wl,
.single-product div.product>.se-wl-insp{grid-column:1/-1;width:100%;max-width:1360px;margin-inline:auto}
.se-wl{display:grid;grid-template-columns:1.4fr 1fr;gap:0;margin-top:clamp(32px,4vw,56px);border-radius:4px;overflow:hidden}
.se-wl__per{background:#C4A4B8;padding:clamp(28px,3.5vw,52px)}
.se-wl__ins{background:#EFD3DE;padding:clamp(28px,3.5vw,52px)}
.se-wl h2{font-family:var(--se-fuente-titular,'League Gothic',sans-serif);text-transform:uppercase;font-size:clamp(2rem,3.6vw,3.2rem);color:var(--se-carbon,#1E1C19);margin:0 0 .6rem}
.se-wl p,.se-wl li{color:#2e2a26;line-height:1.6}
.se-wl ul{padding-left:20px;margin:.6rem 0 0}
.se-wl__ins p{text-transform:uppercase;letter-spacing:.04em;font-size:.9rem;color:#4a4340}
.se-wl-insp{background:#F0C6D8;border-radius:4px;padding:clamp(28px,3.5vw,52px);margin-top:clamp(20px,2.5vw,32px)}
.se-wl-insp h2{font-family:var(--se-fuente-titular,'League Gothic',sans-serif);text-transform:uppercase;font-size:clamp(2rem,3.6vw,3.2rem);margin:0 0 .5rem}
.se-wl-insp p{max-width:60ch;color:#2e2a26;line-height:1.6}
.se-wl-insp__fotos{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.5vw,18px);margin-top:clamp(16px,2vw,26px)}
.se-wl-insp__foto{background-position:center;background-size:cover;border-radius:2px;aspect-ratio:1/1}
/* cosmeticos WL movil: thumbs no rozan la tarjeta + coma suelta oculta */
@media(max-width:1024px){
  .se-wl{grid-template-columns:1fr}
  .se-wl-insp__fotos{grid-template-columns:repeat(2,1fr)}
  body.se-molde-whitelabel.single-product div.product>.woocommerce-product-gallery{margin-bottom:18px!important}
}

/* ===== v6.1 coma/categoria fuera de tarjetas ===== */
body.se-molde-lavado.single-product .summary .single-product-category,
body.se-molde-whitelabel.single-product .summary .single-product-category{display:none!important}

/* ===== v7 promo sin residuo: altura por line-height, padding 0 (max-height:0 = NADA) ===== */
body.single-product #se-header .se-header__promo,
body.single-product #se-header .se-header__promo span{padding-top:0!important;padding-bottom:0!important;line-height:34px!important;border:0!important}

/* ===== v8 pulido final ===== */
/* cortina: desvanecer el ultimo tramo (mata residuo subpixel) */
html.se-page-exit body.single-product #se-header .se-header__promo{
  opacity:0!important;
  transition:max-height .6s cubic-bezier(.45,.05,.35,1), opacity .22s ease .38s!important;
}
/* podria interesarte: no arrancar snapeado a media tarjeta */
.single-product .related.products ul.products{scroll-snap-type:x proximity!important;scroll-padding-left:clamp(24px,4.5vw,72px)}

/* ===== v8.1 related ancho total (vence al width:100% de v2 por especificidad) ===== */
.single-product div.product>.related.products{width:100vw!important;max-width:100vw!important;margin-left:calc(-1*clamp(24px,4.5vw,72px))!important;margin-right:0!important;justify-self:start!important}

/* ===== v11 related 4up: gutters = margen izquierdo exacto ===== */
@media(min-width:1025px){
  .single-product .related.products ul.products{gap:clamp(24px,4.5vw,72px)!important;padding-left:clamp(24px,4.5vw,72px)!important;padding-right:clamp(24px,4.5vw,72px)!important}
  .single-product .related.products ul.products li.product{flex:0 0 calc((100vw - 5*clamp(24px,4.5vw,72px))/4)!important}
}

/* ===== v12 tarjeta minimal (marca SE): rectangulo suave, crema hueso, selects con chevron ===== */
body.se-molde-lavado.single-product div.product>.summary{background:#FBF9F4;border:1.5px solid #1E1C19;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
body.se-molde-whitelabel.single-product div.product>.summary{border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.06);border-width:1.5px}
body.se-molde-lavado.single-product .summary form.cart table.variations select,
body.se-molde-whitelabel.single-product .summary form.cart table.variations select,
.single-product .summary form.cart table.variations select{
  -webkit-appearance:none!important;appearance:none!important;
  padding-right:44px!important;padding-left:14px!important;
  background-color:#FFFFFF!important;
  background-image:linear-gradient(45deg,transparent 50%,#1E1C19 50%),linear-gradient(135deg,#1E1C19 50%,transparent 50%)!important;
  background-position:calc(100% - 22px) 55%,calc(100% - 16px) 55%!important;
  background-size:6px 6px,6px 6px!important;
  background-repeat:no-repeat!important;
  border:1px solid rgba(30,28,25,.35)!important;border-radius:8px!important;
  cursor:pointer;
}
.single-product .summary form.cart table.variations select:hover{border-color:#1E1C19!important}
.single-product .summary form.cart .label label{font-family:var(--se-fuente-cuerpo,Roboto,sans-serif);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;color:#1E1C19}

/* ===== v13 related paleta tienda ===== */
.single-product .related.products{background:#F5F1E8!important}
.single-product .related.products li.product .star-rating,
.single-product .related.products li.product .woocommerce-loop-rating,
.single-product .related.products li.product .single-product-category{display:none!important}
.single-product .related.products li.product .woocommerce-loop-product__title{font-family:var(--se-fuente-titulo,'League Gothic',sans-serif)!important;font-size:clamp(1.4rem,1.6vw,1.9rem)!important;letter-spacing:.02em;text-transform:uppercase;color:#1E1C19!important;line-height:1.05}
.single-product .related.products li.product .price{font-family:var(--se-fuente-titulo,'League Gothic',sans-serif)!important;font-size:1.1rem!important;letter-spacing:.03em;color:#1E1C19!important;text-transform:uppercase}
.single-product .related.products li.product .price del{display:none}
.single-product .related.products li.product a img{background:#FBFAF7}

/* ===== v14 interior: orden, pildora acompanante, des-box, fondos full ===== */
@media(min-width:1025px){
  .single-product div.product>.woocommerce-tabs{order:10;grid-column:1/3!important}
  .single-product div.product>.se-tostado{order:20;grid-column:1/3!important}
  .single-product div.product>.se-faq{order:30;grid-column:1/-1!important}
  .single-product div.product>.related.products{order:40}
  .single-product div.product>.summary{grid-row:1/span 3!important;align-self:start!important}
  .single-product .woocommerce-product-gallery{min-height:calc(100vh - 200px)}
  .single-product div.product>aside.se-molde-aside{min-height:calc(100vh - 200px)}
}
/* des-box site-wide */
.single-product div.product .woocommerce-tabs{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important}
.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel{background:transparent!important;border:none!important;box-shadow:none!important}
.single-product .se-tostado{border:none!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;position:relative;z-index:0;padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(48px,6vw,88px)}
.single-product .se-tostado::before{content:'';position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:100vw;background:#ECE5D6;z-index:-1}
.single-product .se-faq{border:none!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;position:relative;z-index:0;padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(48px,6vw,88px)}
.single-product .se-faq::before{content:'';position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:100vw;background:#F9F6EE;z-index:-1}

/* ===== v15 recetas editorial + tostado editorial ===== */
.se-tostado .se-tostado__izq h2{font-size:clamp(2.2rem,2.6vw,3.2rem);line-height:1.02;margin-bottom:.4em}
.se-tostado .se-tostado__izq>p{max-width:58ch;line-height:1.78;color:#3A362F}
.se-tostado .se-tostado__izq p strong{display:inline-block;font-family:var(--se-fuente-titulo,'League Gothic',sans-serif);font-weight:400;font-size:1.35rem;letter-spacing:.14em;color:#1E1C19;margin:0 0 .5em}
.se-tostado__der h2{font-size:clamp(1.6rem,1.8vw,2.1rem);margin-bottom:.7em}
.se-receta{margin:0;padding:22px 0 20px;border-top:1px solid rgba(30,28,25,.14)}
.se-tostado__der .se-receta:first-of-type{border-top:none;padding-top:6px}
.se-receta--deco{display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto;column-gap:18px;align-items:start}
.se-receta__ico{grid-row:1/span 2;width:48px;height:48px;opacity:.92;margin-top:2px}
.se-receta__ico svg{width:48px;height:48px;display:block}
.se-receta--deco h3{margin:0 0 10px;font-size:1.35rem}
.se-receta__specs{display:flex;flex-wrap:wrap;gap:10px 28px}
.se-spec{display:flex;flex-direction:column;min-width:64px}
.se-spec small{font-family:Roboto,sans-serif;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#8A8478;line-height:1.4}
.se-spec b{font-family:var(--se-fuente-titulo,'League Gothic',sans-serif);font-weight:400;font-size:1.2rem;color:#1E1C19;letter-spacing:.02em;line-height:1.2}
@media(max-width:1024px){
  .se-receta--deco{grid-template-columns:42px 1fr;column-gap:12px}
  .se-receta__ico,.se-receta__ico svg{width:36px;height:36px}
  .se-receta__specs{gap:8px 18px}
}

/* ===== v16 armonia moldes sin tostado: pildora sticky normal ===== */
@media(min-width:1025px){
  body.se-molde-mayoreo.single-product div.product>.summary,
  body.se-molde-whitelabel.single-product div.product>.summary{grid-row:auto!important}
}

/* ===== v17 fixes: fila1 restaurada, secciones pantalla, alternancia, faq sin caja ===== */
@media(min-width:1025px){
  body.se-molde-lavado.single-product div.product>aside.se-molde-aside{grid-column:1/2!important;grid-row:1/2!important}
  body.se-molde-lavado.single-product div.product>.woocommerce-product-gallery{grid-column:2/3!important;grid-row:1/2!important}
  body.se-molde-lavado.single-product div.product>.summary{grid-column:3/4!important}
  .single-product .woocommerce-product-gallery,
  .single-product div.product>aside.se-molde-aside{min-height:calc(100vh - 140px)}
  .single-product div.product>.woocommerce-tabs{min-height:calc(100vh - 130px);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:0;padding-top:clamp(40px,5vw,72px)!important;padding-bottom:clamp(40px,5vw,72px)!important}
  .single-product div.product>.woocommerce-tabs::before{content:'';position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:100vw;background:#ECE5D6;z-index:-1}
  .single-product .se-tostado{min-height:calc(100vh - 130px);display:flex;flex-direction:column;justify-content:center}
  .single-product .se-tostado::before{background:#F5F1E8}
}
.single-product .se-faq>div:not(.se-faq__foto),
.single-product .se-faq>div>div:not(.se-faq__foto){background-color:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important}

/* ===== v18 galeria sticky mayoreo: la foto acompana el texto largo ===== */
@media(min-width:1025px){
  body.se-molde-mayoreo.single-product .woocommerce-product-gallery{position:sticky;top:110px}
}

/* ===== v19 tienda: lightbox cursor, quitar tabla atributos, FAQ full, related crema ===== */
/* 1 galeria: senal de zoom */
.single-product .woocommerce-product-gallery__image>a,
.single-product .woocommerce-product-gallery__wrapper img{cursor:zoom-in}
/* 2 quitar tabla de atributos (peso/dimensiones/presentacion/molienda) redundante */
.single-product .woocommerce-product-attributes,
.single-product .woocommerce-Tabs-panel--additional_information,
.single-product #tab-additional_information,
.single-product .woocommerce-tabs h2.woocommerce-Tabs-panel__title{display:none!important}
/* 4 FAQ ancho completo (centrado en viewport, sin franja) */
@media(min-width:1025px){
  .single-product div.product>.se-faq{grid-column:1/-1!important}
}
.single-product .se-faq>*{max-width:1240px;margin-left:auto;margin-right:auto}
/* 5 related: tono crema (paleta mas vendidos), menos blanco */
.single-product .related.products li.product a img,
.single-product .related.products li.product a{background:#F1ECE1!important}
.single-product .related.products li.product{background:transparent!important}

/* ===== v20 fullbleed robusto (box-shadow+clip): bg tostado/tabs a todo el ancho sin descuadre ===== */
@media(min-width:1025px){
  .single-product div.product>.woocommerce-tabs::before,
  .single-product div.product>.se-tostado::before{display:none!important}
  .single-product div.product>.woocommerce-tabs{box-shadow:0 0 0 100vw #ECE5D6!important;clip-path:inset(0 -100vw)!important}
  .single-product div.product>.se-tostado{box-shadow:0 0 0 100vw #F5F1E8!important;clip-path:inset(0 -100vw)!important}
  /* pildora por encima del band */
  .single-product div.product>.summary{z-index:5}
}

/* ===== v21 fixes tienda: bg uniforme, related nombre sin box, FAQ nuevo ===== */
@media(min-width:1025px){
  .single-product div.product>.woocommerce-tabs{background:#ECE5D6!important}
  .single-product div.product>.se-tostado{background:#F5F1E8!important}
}
/* related: crema SOLO en la foto, nombre con fondo de seccion */
.single-product .related.products li.product .astra-shop-summary-wrap,
.single-product .related.products li.product .astra-shop-summary-wrap a,
.single-product .related.products li.product .astra-shop-summary-wrap .woocommerce-loop-product__title,
.single-product .related.products li.product .astra-shop-summary-wrap .price{background:transparent!important}
.single-product .related.products li.product .astra-shop-thumbnail-wrap,
.single-product .related.products li.product .astra-shop-thumbnail-wrap>a,
.single-product .related.products li.product .astra-shop-thumbnail-wrap img{background:#F1ECE1!important}
/* FAQ nuevo */
.single-product .se-faq>*{max-width:none!important;margin-left:0!important;margin-right:0!important}
@media(min-width:1025px){
  .single-product div.product>.se-faq{
    grid-column:1/-1!important;max-width:none!important;
    background:#F9F6EE!important;box-shadow:0 0 0 100vw #F9F6EE!important;clip-path:inset(0 -100vw)!important;
    display:grid!important;grid-template-columns:1.05fr .95fr!important;grid-template-rows:auto 1fr!important;
    column-gap:clamp(40px,5vw,80px)!important;row-gap:20px!important;
    padding:clamp(48px,6vw,96px) clamp(24px,4.5vw,72px)!important;align-items:start!important;
  }
  .single-product .se-faq::before{display:none!important}
  .single-product .se-faq>h2{grid-column:1/2!important;grid-row:1/2!important;margin:0 0 6px!important}
  .single-product .se-faq__lista{grid-column:1/2!important;grid-row:2/3!important}
  .single-product .se-faq__foto{grid-column:2/3!important;grid-row:1/3!important;align-self:stretch!important;width:auto!important;max-width:none!important;height:100%!important;min-height:520px!important;border-radius:16px!important;background-size:cover!important;background-position:center!important;overflow:hidden}
}

/* ===== v22 faq foto (LiteSpeed lazyload rompio el inline; forzar por CSS) ===== */
.single-product .se-faq__foto{background-image:url(/wp-content/uploads/2024/07/d50ea972d01348498e5a785bfaa8f263TfUGbH5zreeiiRhs-0-1024x683.jpg)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}

/* ===== v23 tienda: alinear tostado/FAQ al margen de la descripcion (72), FAQ crema mas oscuro ===== */
@media(min-width:1025px){
  .single-product div.product>.se-tostado{padding-left:0!important}
  .single-product .se-tostado__cols,.single-product .se-tostado__izq{padding-left:0!important;margin-left:0!important}
  .single-product div.product>.se-faq{padding-left:0!important}
  .single-product .se-faq>h2,.single-product .se-faq__lista{padding-left:0!important;margin-left:0!important}
  .single-product div.product>.se-faq{background:#ECE5D6!important;box-shadow:0 0 0 100vw #ECE5D6!important}
}

/* ===== v23 tienda margenes: alinear tostado/FAQ a 72, FAQ crema mas oscuro ===== */
@media(min-width:1025px){
  .single-product div.product>.se-tostado{padding-left:0!important}
  .single-product .se-tostado__cols,.single-product .se-tostado__izq{padding-left:0!important;margin-left:0!important}
  .single-product div.product>.se-faq{padding-left:0!important}
  .single-product .se-faq>h2,.single-product .se-faq__lista{padding-left:0!important;margin-left:0!important}
  .single-product div.product>.se-faq{background:#ECE5D6!important;box-shadow:0 0 0 100vw #ECE5D6!important}
}

/* ===== v24 movil (max-width:767): orden galeria->pildora, recetas opcion B, footer compacto ===== */
@media (max-width:767px), (pointer: coarse) and (max-height: 520px){
  .single-product div.product{display:flex!important;flex-direction:column!important}
  .single-product div.product>.woocommerce-product-gallery{order:1!important}
  .single-product div.product>.summary{order:2!important;position:static!important}
  .single-product div.product>aside.se-molde-aside{order:3!important}
  .single-product div.product>.woocommerce-tabs{order:4!important}
  .single-product div.product>.se-tostado{order:5!important}
  .single-product div.product>.se-faq{order:6!important}
  .single-product div.product>.related{order:7!important}

  .single-product .se-receta{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;text-align:center!important;gap:6px 10px!important;grid-template-columns:none!important;padding:20px 0!important}
  .single-product .se-receta__ico{order:1!important;grid-row:auto!important;width:30px!important;height:30px!important;margin:0!important}
  .single-product .se-receta__ico svg{width:30px!important;height:30px!important}
  .single-product .se-receta h3{order:2!important;margin:0!important}
  .single-product .se-receta__specs{order:3!important;flex-basis:100%!important;justify-content:center!important;gap:8px 16px!important}

  .single-product .se-faq{background:#ECE5D6!important}

  /* footer compacto */
  .se-footer .se-footer__top{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:18px!important;padding:32px 20px 22px!important}
  .se-footer .se-footer__brand{text-align:center!important;margin:0!important}
  .se-footer .se-footer__claim{margin:6px auto 0!important;max-width:34ch!important}
  .se-footer .se-footer__top>br{display:none!important}
  .se-footer .se-footer__col{width:100%!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:4px 14px!important;text-align:center!important;margin:0!important}
  .se-footer .se-footer__col-title{flex-basis:100%!important;margin:0 0 2px!important}
  .se-footer .se-footer__col a{margin:0!important}
  .se-footer .se-footer__muted{flex-basis:100%!important;margin:2px 0 0!important}
}

/* ===== v25 scroll fix: body overflow-x hidden->clip (hidden forzaba overflow-y:auto = scroll anidado que traga el primer scroll) ===== */
body{overflow-x:clip!important}

/* ===== v26 FAQ acordeon: cajas tono podria-interesarte, foto fija, acordeon animado lento ===== */
.single-product .se-faq__item{background:#F5F1E8!important}
@media(min-width:1025px){
  .single-product .se-faq__foto{align-self:start!important;aspect-ratio:1/1!important;height:auto!important;width:100%!important;min-height:0!important}
}
html{interpolate-size:allow-keywords}
.single-product .se-faq__item::details-content{block-size:0;overflow:hidden;transition:block-size .6s cubic-bezier(.25,1,.5,1),content-visibility .6s allow-discrete}
.single-product .se-faq__item[open]::details-content{block-size:auto}

/* ===== v27 faq simetrico: seccion full-viewport, padding 72 ambos lados ===== */
@media(min-width:1025px){
  .single-product div.product>.se-faq{margin-left:calc(50% - 50vw)!important;width:100vw!important;padding-left:clamp(24px,4.5vw,72px)!important;padding-right:clamp(24px,4.5vw,72px)!important}
}

/* ===== v28 faq foto llena la columna (margen der = izq) y altura fija (no crece con acordeon) ===== */
@media(min-width:1025px){
  .single-product .se-faq__foto{aspect-ratio:auto!important;width:100%!important;height:clamp(480px,42vw,720px)!important;align-self:start!important;min-height:0!important}
}

/* ===== v29 grid explicito: pildora para antes de FAQ, foto=alto preguntas, margenes uniformes ===== */
@media(min-width:1025px){
  body.se-molde-lavado.single-product div.product>aside.se-molde-aside{grid-row:1!important;grid-column:1/2!important}
  body.se-molde-lavado.single-product div.product>.woocommerce-product-gallery{grid-row:1!important;grid-column:2/3!important}
  body.se-molde-lavado.single-product div.product>.summary{grid-row:1/4!important;grid-column:3/4!important}
  body.se-molde-lavado.single-product div.product>.woocommerce-tabs{grid-row:2!important;grid-column:1/3!important}
  body.se-molde-lavado.single-product div.product>.se-tostado{grid-row:3!important;grid-column:1/3!important}
  body.se-molde-lavado.single-product div.product>.se-faq{grid-row:4!important;grid-column:1/-1!important}
  body.se-molde-lavado.single-product div.product>.related.products{grid-row:5!important;grid-column:1/-1!important}
  .single-product .se-faq__foto{align-self:stretch!important;height:auto!important;min-height:0!important}
  .single-product div.product>.woocommerce-tabs{padding-top:96px!important;padding-bottom:96px!important}
  .single-product div.product>.se-tostado{padding-top:96px!important;padding-bottom:96px!important}
  .single-product .related.products{padding-top:64px!important;padding-bottom:64px!important}
}

/* ===== v30 fotos: cursor manita galeria, aside carrusel clickable +20% ===== */
.single-product .woocommerce-product-gallery__image>a,
.single-product .woocommerce-product-gallery__wrapper img,
.single-product .woocommerce-product-gallery__image img,
.single-product .woocommerce-product-gallery__trigger{cursor:pointer!important}
.single-product .se-molde-aside__carrusel img{cursor:pointer!important;transition:transform .25s cubic-bezier(.25,1,.5,1)}
.single-product .se-molde-aside__carrusel img:hover{transform:scale(1.04)}
@media(min-width:1025px){
  .single-product .se-molde-aside__carrusel img{width:125px!important;height:125px!important}
}

/* ===== v30 fotos: cursor manita galeria, aside carrusel clickable +20% ===== */
.single-product .woocommerce-product-gallery__image>a,
.single-product .woocommerce-product-gallery__wrapper img,
.single-product .woocommerce-product-gallery__image img,
.single-product .woocommerce-product-gallery__trigger{cursor:pointer!important}
.single-product .se-molde-aside__carrusel img{cursor:pointer!important;transition:transform .25s cubic-bezier(.25,1,.5,1)}
.single-product .se-molde-aside__carrusel img:hover{transform:scale(1.04)}
@media(min-width:1025px){
  .single-product .se-molde-aside__carrusel img{width:125px!important;height:125px!important}
}

/* ===== v30 fotos: cursor manita galeria, aside carrusel clickable +20% ===== */
.single-product .woocommerce-product-gallery__image>a,
.single-product .woocommerce-product-gallery__wrapper img,
.single-product .woocommerce-product-gallery__image img,
.single-product .woocommerce-product-gallery__trigger{cursor:pointer!important}
.single-product .se-molde-aside__carrusel img{cursor:pointer!important;transition:transform .25s cubic-bezier(.25,1,.5,1)}
.single-product .se-molde-aside__carrusel img:hover{transform:scale(1.04)}
@media(min-width:1025px){
  .single-product .se-molde-aside__carrusel img{width:125px!important;height:125px!important}
}

/* ===== v30 fotos cursor: manita galeria + aside carrusel clickable ===== */
.single-product .woocommerce-product-gallery__image img,.single-product .woocommerce-product-gallery__image>a,.single-product .woocommerce-product-gallery__trigger{cursor:pointer!important}
.single-product .se-molde-aside__carrusel img{cursor:pointer!important}
@media(min-width:1025px){.single-product .se-molde-aside__carrusel img{width:125px!important;height:125px!important}}

/* ===== v31 bg swap + carrusel 3ra foto + descripcion llena + margenes compactos ===== */
@media(min-width:1025px){
  .single-product div.product>.woocommerce-tabs{background:#F5F1E8!important;box-shadow:0 0 0 100vw #F5F1E8!important}
  .single-product div.product>.se-tostado{background:#ECE5D6!important;box-shadow:0 0 0 100vw #ECE5D6!important}
  .single-product div.product>.se-faq{background:#F5F1E8!important;box-shadow:0 0 0 100vw #F5F1E8!important}
  .single-product .se-molde-aside__carrusel{width:396px!important;margin-left:-44px!important}
  .single-product div.product>.woocommerce-tabs{padding-top:64px!important;padding-bottom:64px!important}
  .single-product div.product>.se-tostado{padding-top:64px!important;padding-bottom:64px!important}
  .single-product div.product>.se-faq{padding-top:64px!important;padding-bottom:64px!important}
  .single-product .related.products{padding-top:64px!important;padding-bottom:64px!important}
}
.single-product .se-faq__item{background:#EDE7D8!important}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel,.single-product .woocommerce-tabs .woocommerce-Tabs-panel p{max-width:none!important}

/* ===== v32 carrusel mas ancho (3ra foto): vencer max-width 340, extender a la izquierda ===== */
@media(min-width:1025px){
  .single-product .se-molde-aside__carrusel{max-width:396px!important;width:396px!important;margin-left:-48px!important}
}

/* ===== v32 carrusel mas ancho (3ra foto) ===== */
@media(min-width:1025px){
  .single-product .se-molde-aside__carrusel{max-width:396px!important;width:396px!important;margin-left:-48px!important}
}
/* v32 carrusel ancho */
@media(min-width:1025px){.single-product .se-molde-aside__carrusel{max-width:396px!important;width:396px!important;margin-left:-48px!important}}

/* ===== v33 sin fullscreen: quitar min-height 100vh + centrado (causaba el hueco enorme) ===== */
@media(min-width:1025px){
  .single-product div.product>.woocommerce-tabs,
  .single-product div.product>.se-tostado{min-height:0!important;justify-content:flex-start!important;padding-top:56px!important;padding-bottom:56px!important}
}

/* ===== v34 carrusel con margen (no al borde) + galeria solo foto principal ===== */
@media(min-width:1025px){
  .single-product .se-molde-aside__carrusel{margin-left:0!important;width:300px!important;max-width:300px!important}
}
.single-product .woocommerce-product-gallery .flex-control-nav,
.single-product .woocommerce-product-gallery .flex-direction-nav,
.single-product .woocommerce-product-gallery ol.flex-control-thumbs{display:none!important}
.single-product .woocommerce-product-gallery__image:not(:first-child){display:none!important}

/* ===== v35 agrandar paquete + aside + carrusel 3 fotos ===== */
@media(min-width:1025px){
  body.se-molde-lavado.single-product div.product{grid-template-columns:400px 885px 400px!important}
  .single-product .woocommerce-product-gallery__image img{max-width:760px!important}
  .single-product .se-molde-aside__carrusel{width:400px!important;max-width:400px!important;margin-left:0!important}
}

/* SE P4 rebalance bolsa/arte molde-lavado 2026-07-10 (override gana sobre 1fr 760px 1fr) */
@media (min-width:1025px){
html body.se-molde-lavado.single-product div.product.type-product{grid-template-columns:minmax(300px,360px) minmax(460px,600px) minmax(380px,460px)!important;justify-content:center!important;column-gap:40px!important}
}

/* ===== SE FAQ PREMIUM 2026-07-14 (manual: editorial, aire, hairlines, foto grande, reveal) ===== */
.single-product .se-faq{padding-block:clamp(80px,10vw,140px)!important;padding-inline:clamp(24px,4.5vw,72px)!important;}
.single-product .se-faq>h2{font-family:var(--se-fuente-titular,'League Gothic',sans-serif)!important;text-transform:uppercase!important;font-size:clamp(2.25rem,5.5vw,4.5rem)!important;line-height:1.0!important;letter-spacing:.01em!important;color:var(--se-carbon,#1E1C19)!important;margin:0 0 clamp(28px,3vw,48px)!important;text-wrap:balance;}
.single-product .se-faq__lista{border-top:1px solid var(--se-linea,#D8CFBE)!important;}
.single-product .se-faq__item{background:transparent!important;border:0!important;border-bottom:1px solid var(--se-linea,#D8CFBE)!important;}
.single-product .se-faq__item summary{list-style:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:20px!important;padding:clamp(18px,1.9vw,26px) 2px!important;font-family:var(--se-fuente-cuerpo,Roboto,sans-serif)!important;font-weight:700!important;text-transform:uppercase!important;font-size:clamp(.8rem,.95vw,.92rem)!important;letter-spacing:.055em!important;color:var(--se-carbon,#1E1C19)!important;line-height:1.3!important;transition:color .3s cubic-bezier(.4,0,.25,1)!important;}
.single-product .se-faq__item summary::-webkit-details-marker{display:none!important;}
.single-product .se-faq__item summary::before{content:""!important;order:2!important;margin-left:auto!important;flex:0 0 auto!important;width:10px!important;height:10px!important;border-right:1.5px solid var(--se-acento,#7C8A6E)!important;border-bottom:1.5px solid var(--se-acento,#7C8A6E)!important;transform:rotate(45deg)!important;transition:transform .4s cubic-bezier(.22,1,.32,1)!important;}
.single-product .se-faq__item[open] summary::before{transform:rotate(-135deg)!important;}
.single-product .se-faq__item[open] summary,.single-product .se-faq__item summary:hover{color:var(--se-acento-soft,#5E6B52)!important;}
.single-product .se-faq__body{padding:0 2px clamp(20px,2vw,30px)!important;max-width:62ch!important;}
.single-product .se-faq__body p{font-family:var(--se-fuente-cuerpo,Roboto,sans-serif)!important;font-size:clamp(.95rem,1.05vw,1.06rem)!important;line-height:1.68!important;color:var(--se-gris,#5A554E)!important;margin:0!important;}
.single-product .se-faq__body strong{color:var(--se-carbon,#1E1C19)!important;font-weight:600!important;}
@media (min-width:1025px){
  .single-product .se-faq{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto auto!important;grid-template-areas:"titulo titulo" "lista foto"!important;align-items:start!important;column-gap:clamp(48px,5vw,88px)!important;row-gap:0!important;}
  .single-product .se-faq>h2{grid-area:titulo!important;}
  .single-product .se-faq__lista{grid-area:lista!important;align-self:start!important;}
  .single-product .se-faq__foto{grid-area:foto!important;align-self:start!important;position:static!important;width:100%!important;height:clamp(560px,42vw,660px)!important;max-height:none!important;min-height:0!important;aspect-ratio:auto!important;border-radius:4px!important;overflow:hidden!important;}
}
@supports (animation-timeline:view()){
  @media (min-width:1025px){
    .single-product .se-faq__item{animation:seFaqItem linear both;animation-timeline:view();animation-range:cover 1% cover 16%;}
  }
  @keyframes seFaqItem{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
}
@media (prefers-reduced-motion:reduce){.single-product .se-faq__foto,.single-product .se-faq__item{animation:none!important;opacity:1!important;translate:none!important;transform:none!important;}}

/* ===== SE HISTORIA full-bleed molde --col v2 2026-07-15 (foto grande como el home, static+reveal) ===== */
.single-product .se-hist__foto{margin:0!important;border-radius:4px!important;overflow:hidden!important;}
.single-product .se-hist__foto img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:4px!important;}
@media (min-width:1025px){
  .single-product div.product>.summary.entry-summary{grid-row:1 / 2 !important;}
  .single-product .woocommerce-tabs.wc-tabs-wrapper{grid-column:1 / -1 !important;padding-block:clamp(56px,6vw,96px)!important;}
  .single-product .woocommerce-Tabs-panel--description:has(.se-hist__foto){display:grid!important;grid-template-columns:minmax(0,0.6fr) minmax(0,1fr)!important;column-gap:clamp(40px,3.5vw,54px)!important;align-items:start!important;}
  .single-product .se-hist__txt{max-width:58ch!important;}
  .single-product .se-hist__foto{aspect-ratio:3/4!important;height:auto!important;max-height:740px!important;}
}
@media (max-width:1024px){
  .single-product .se-hist__foto{margin-top:clamp(28px,5vw,44px)!important;aspect-ratio:3/4!important;max-height:70vh!important;}
}

/* ===== SE TOSTADO premium 2026-07-14 (molde --col texto|foto tostador; recetas 3col hairlines) ===== */
.single-product .se-tost__foto{margin:0!important;border-radius:4px!important;overflow:hidden!important;background:var(--se-crema,#F5F1E8);}
.single-product .se-tost__foto img{flex:1 1 auto!important;min-height:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:4px!important;}
@media (min-width:1025px){
  .single-product .se-tostado__cols:has(.se-tost__foto){width:100%!important;max-width:none!important;margin-inline:0!important;grid-template-columns:minmax(0,0.6fr) minmax(0,1fr)!important;grid-template-areas:"tostado foto" "recetas recetas"!important;column-gap:clamp(40px,3.5vw,54px)!important;row-gap:0!important;align-items:start!important;}
@media(min-width:1025px){.single-product div.product>.se-tostado:has(.se-tost__foto){padding-right:0!important}}
  .single-product .se-tostado__izq{grid-area:tostado!important;max-width:56ch!important;}
  .single-product .se-tost__foto{grid-area:foto!important;align-self:stretch!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;aspect-ratio:auto!important;height:0!important;min-height:100%!important;max-height:none!important;}
  .single-product .se-tostado__der{grid-area:recetas!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;column-gap:clamp(28px,3vw,56px)!important;row-gap:0!important;align-items:start!important;}
  .single-product .se-tostado__der>h2{grid-column:1/-1!important;margin:0 0 clamp(20px,2vw,32px)!important;}
  .single-product .se-tostado__der .se-receta{border-top:1px solid var(--se-linea,#D8CFBE)!important;padding-top:clamp(20px,2vw,28px)!important;background:transparent!important;box-shadow:none!important;}
}
@media (max-width:1024px){
  .single-product .se-tost__foto{margin:clamp(24px,5vw,40px) 0!important;aspect-ratio:3/4!important;height:auto!important;max-height:72vh!important;width:100%!important;}
}

/* ===== SE ALTERNANCIA FONDOS 2026-07-14 (ritmo editorial crema<->crema-2) ===== */
.single-product .se-tostado{background:var(--se-crema-2,#EFEBE2)!important;}
.single-product .se-faq::before{background:var(--se-crema,#F5F1E8)!important;}
.single-product .related.products{background:var(--se-crema-2,#EFEBE2)!important;}

/* ===== SE HERO full-width 2026-07-15 (banda ultima galeria tras la pildora, antes del FAQ) ===== */
.single-product .se-hero{margin:0!important;width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;height:100vh!important;height:100svh!important;overflow:hidden!important;}
.single-product .se-hero img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
@media (max-width:1024px){.single-product .se-hero{height:100vh!important;height:100svh!important;}}

/* SE FAQ v9 2026-07-15: ventana parallax - foto CUBRE todo el largo de preguntas (stretch) + img mas alta translateY (efecto video 2) */
body.se-molde-lavado .se-faq__foto{position:relative;overflow:hidden!important}
body.se-molde-lavado .se-faq__img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:calc(100% + 32vh)!important;object-fit:cover!important;object-position:50% 50%!important;will-change:transform}
@media(min-width:1025px){
body.se-molde-lavado.single-product .se-faq{grid-template-columns:minmax(0,.66fr) minmax(0,1fr)!important;column-gap:50px!important;padding-right:57px!important}
body.se-molde-lavado.single-product .se-faq>.se-faq__foto{grid-column:2/3!important;grid-row:1/3!important;align-self:stretch!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;border-radius:4px!important;background:none!important}
body.se-molde-lavado.single-product .se-faq .se-faq__item summary{padding-top:clamp(13px,1.4vw,17px)!important;padding-bottom:clamp(13px,1.4vw,17px)!important}
}

/* SE HIST alras 2026-07-15: foto al ras del texto (sin escalon del reveal) + centrada con carrusel */
body.single-product .se-hist__foto{transform:none!important}

/* SE FIX tostado-hero margen 56 (2026-07-15): foto+widget+pildora al ras a 56px de .se-hero, sin fila recetas vacia */
@media (min-width:1025px){
  body.se-molde-lavado.single-product div.product>.se-tostado{padding-bottom:0!important}
  body.se-molde-lavado.single-product .ast-article-single{padding-bottom:56px!important}
  body.se-molde-lavado.single-product .se-tostado{background:transparent!important;box-shadow:none!important}
}

/* SE HIST 2:3 (2026-07-15): formato vertical nativo, ancho completo de su columna (starting point, texto se ajusta luego) */
/* SE HIST espejo de El Tostado (2026-07-15): imagen 1:1 a la izquierda, texto al centro (ritmo alternado) */
body.se-molde-lavado.single-product .se-hist__foto{aspect-ratio:1/1!important;max-height:none!important;margin-top:0!important}
body.se-molde-lavado.single-product .se-hist__foto img{width:100%!important;height:100%!important;object-fit:cover!important}
@media (min-width:1025px){
  body.se-molde-lavado.single-product .woocommerce-Tabs-panel:has(.se-hist__foto){grid-template-columns:minmax(0,1fr) minmax(0,0.6fr)!important;align-items:start!important}
  body.se-molde-lavado.single-product .se-hist__foto{grid-column:1!important;grid-row:1!important;aspect-ratio:auto!important;align-self:stretch!important;position:relative!important;overflow:hidden!important;border-radius:4px!important;height:auto!important;min-height:0!important}
  body.se-molde-lavado.single-product .se-hist__foto img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
  body.se-molde-lavado.single-product .se-hist__txt{grid-column:2!important;grid-row:1!important}
}

/* SE gap Historia-Tostado (2026-07-15): colapsar el apilamiento de espacios (tabs padB+marB + tostado marT+padT) a un solo gap ~72px del ritmo */
body.se-molde-lavado.single-product .woocommerce-tabs{padding-bottom:0!important;margin-bottom:0!important}
body.se-molde-lavado.single-product .woocommerce-Tabs-panel{margin-bottom:0!important}
body.se-molde-lavado.single-product .se-tostado{margin-top:clamp(48px,4vw,72px)!important;padding-top:0!important}

/* ==== SE ritmo hero->historia + FAQ (2026-07-16) ==== */
body.se-molde-lavado.single-product .se-molde-aside,
body.se-molde-lavado.single-product .woocommerce-product-gallery{min-height:600px!important;height:auto!important}
body.se-molde-lavado.single-product .woocommerce-tabs{margin-top:clamp(48px,4vw,64px)!important;padding-top:0!important}
body.se-molde-lavado.single-product .se-faq{padding-top:clamp(56px,5vw,72px)!important;padding-bottom:clamp(48px,4vw,56px)!important}
body.se-molde-lavado.single-product .related,
body.se-molde-lavado.single-product .related.products{margin-top:0!important;padding-top:clamp(12px,1.4vw,20px)!important}

/* Historia: quitar margen de imagen editorial (se-arte-css) que desalinea la foto estructural (2026-07-16) */
#tab-description .se-hist__foto img{margin:0!important}
/* marker: se-hist__foto img alineacion */

/* ==== SE movil galeria compacta + quitar hero decorativo (2026-07-17) ==== */
@media (max-width:767px), (pointer: coarse) and (max-height: 520px){
  body.se-molde-lavado.single-product .se-molde-aside__carrusel{gap:8px!important;justify-content:center!important;padding:0 16px!important;margin-top:14px!important}
  body.se-molde-lavado.single-product .se-molde-aside__carrusel img{width:60px!important;height:60px!important;flex:0 0 auto!important;border-radius:3px!important}
  body.se-molde-lavado.single-product .se-carrusel-dots--center{display:none!important}
  body.se-molde-lavado.single-product .se-hero{display:none!important}
}

/* === SE movil acordeones desc+guia (2026-07-19) === */
@media (max-width: 767px), (pointer: coarse) and (max-height: 520px){
  /* Descripcion (Historia): colapsada con fade + boton "Seguir leyendo"; solo actua si JS presente (html.se-xacc) */
  html.se-xacc body.se-molde-lavado.single-product #tab-description{position:relative}
  html.se-xacc body.se-molde-lavado.single-product #tab-description:not(.se-xacc-open) .se-hist__txt > *{display:none}
  html.se-xacc body.se-molde-lavado.single-product #tab-description:not(.se-xacc-open) .se-hist__txt > :first-child{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
  html.se-xacc body.se-molde-lavado.single-product #tab-description:not(.se-xacc-open) .se-hist__foto{display:none}
  body.se-molde-lavado.single-product .se-xacc-btn{display:inline-block;margin:10px 0 0;padding:12px 2px;min-height:44px;background:none;border:0;border-bottom:1px solid rgba(30,28,25,.4);font-family:"League Gothic",Oswald,"Arial Narrow",sans-serif;font-size:16px;letter-spacing:.06em;text-transform:uppercase;color:rgb(30,28,25);line-height:1;cursor:pointer;transition:opacity .2s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1)}
  body.se-molde-lavado.single-product .se-xacc-btn:active{transform:scale(.97)}
  body.se-molde-lavado.single-product .se-xacc-btn.se-xacc-off{opacity:0}
  /* Guia de preparacion: heading = toggle con chevron, contenido colapsado */
  html.se-xacc body.se-molde-lavado.single-product #se-preparation-guide:not(.se-xacc-open) .se-roast-summary,
  html.se-xacc body.se-molde-lavado.single-product #se-preparation-guide:not(.se-xacc-open) .se-method-grid{display:none}
  html.se-xacc body.se-molde-lavado.single-product #se-preparation-guide{min-height:0!important;height:auto!important}
  html.se-xacc body.se-molde-lavado.single-product #se-preparation-guide .se-preparation-heading{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:44px;outline:none}
  html.se-xacc body.se-molde-lavado.single-product #se-preparation-guide .se-xacc-chev{width:9px;height:9px;border-right:1.6px solid rgb(30,28,25);border-bottom:1.6px solid rgb(30,28,25);transform:rotate(45deg);transition:transform .2s cubic-bezier(.23,1,.32,1);flex:0 0 auto;margin:0 4px 4px 12px}
  html.se-xacc body.se-molde-lavado.single-product #se-preparation-guide.se-xacc-open .se-xacc-chev{transform:rotate(225deg)}
  html.se-xacc body.se-molde-lavado.single-product #se-preparation-guide.se-xacc-open .se-roast-summary,
  html.se-xacc body.se-molde-lavado.single-product #se-preparation-guide.se-xacc-open .se-method-grid{animation:seXaccIn .24s cubic-bezier(.23,1,.32,1) both}
  @keyframes seXaccIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  @media (prefers-reduced-motion: reduce){
    html.se-xacc body.se-molde-lavado.single-product #se-preparation-guide.se-xacc-open .se-roast-summary,
    html.se-xacc body.se-molde-lavado.single-product #se-preparation-guide.se-xacc-open .se-method-grid{animation:none}
    body.se-molde-lavado.single-product .se-xacc-btn,
    html.se-xacc body.se-molde-lavado.single-product #se-preparation-guide .se-xacc-chev,
    html.se-xacc body.se-molde-lavado.single-product #tab-description::after{transition:none}
  }
}
/* Guarda: los elementos inyectados por JS jamas visibles fuera de movil (equivalente scoped-a-movil) */
@media (min-width: 768px){
  .se-xacc-btn,.se-xacc-chev{display:none!important}
}

/* === SE movil F1 quickwins (2026-07-19) === */
@media (max-width: 767px), (pointer: coarse) and (max-height: 520px){
  /* I2: fuera aire muerto de galeria (el min-height 600 es tuning desktop) */
  body.se-molde-lavado.single-product .woocommerce-product-gallery,
  body.se-molde-lavado.single-product .se-molde-aside{min-height:0!important}
  /* I5: un solo fondo crema en secciones (la card de compra conserva el suyo) */
  body.se-molde-lavado.single-product section.se-tostado,
  body.se-molde-lavado.single-product section.se-faq{background:rgb(245,241,232)!important}
  body.se-molde-lavado.single-product section.se-tostado::before,
  body.se-molde-lavado.single-product section.se-tostado::after,
  body.se-molde-lavado.single-product section.se-faq::before,
  body.se-molde-lavado.single-product section.se-faq::after{content:none!important;background:transparent!important}
  body.se-molde-lavado.single-product section.se-faq{border-top:1px solid rgba(30,28,25,.12)}
  /* I8: FAQ compacta + seccion colapsable */
  body.se-molde-lavado.single-product section.se-faq{padding:28px 24px 32px!important}
  body.se-molde-lavado.single-product .se-faq__item{padding:12px 2px!important}
  body.se-molde-lavado.single-product .se-faq__item summary{padding:12px 2px!important;font-size:14px!important;line-height:1.35!important}
  html.se-xacc body.se-molde-lavado.single-product section.se-faq:not(.se-xacc-open) .se-faq__lista,
  html.se-xacc body.se-molde-lavado.single-product section.se-faq:not(.se-xacc-open) .se-faq__foto{display:none}
  html.se-xacc body.se-molde-lavado.single-product section.se-faq.se-xacc-open .se-faq__lista{animation:seXaccIn .24s cubic-bezier(.23,1,.32,1) both}
  html.se-xacc body.se-molde-lavado.single-product section.se-faq h2{margin-bottom:0}
  html.se-xacc body.se-molde-lavado.single-product section.se-faq.se-xacc-open h2{margin-bottom:18px}
  html.se-xacc body.se-molde-lavado.single-product .se-xacc-h{display:flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:44px;outline:none}
  html.se-xacc body.se-molde-lavado.single-product .se-xacc-h .se-xacc-chev{margin-left:auto}
  body.se-molde-lavado.single-product .se-xacc-count{font-size:15px;opacity:.55;margin-left:10px;letter-spacing:.04em;font-weight:400;flex:0 0 auto}
  /* I9: related 2 cards + peek */
  body.se-molde-lavado.single-product section.related ul.products li{flex-basis:44%!important;width:44%!important}
  body.se-molde-lavado.single-product section.related ul.products{gap:12px!important}
  body.se-molde-lavado.single-product .related.products ul.products li.product .woocommerce-loop-product__title{font-size:13.5px!important;line-height:1.3!important}
  body.se-molde-lavado.single-product .related.products ul.products li.product .price{font-size:13.5px!important}
}

/* === SE movil F2 reestructura compra (2026-07-19) === */
@media (max-width: 767px), (pointer: coarse) and (max-height: 520px){
  /* summary se disuelve en el flex del product (DOM intacto, capa visual pura) */
  body.se-molde-lavado.single-product div.product > .summary{display:contents}
  /* mapa de orden explicito: titulo -> rating -> precio(+specs) -> galeria -> medallas -> MP -> form -> envio -> ficha -> historia -> tostado */
  body.se-molde-lavado.single-product div.product > .woocommerce-product-gallery{order:4!important}
  body.se-molde-lavado.single-product div.product > aside.se-molde-aside{order:10!important;margin:28px 0 0!important;width:100%!important;flex:0 0 auto!important}
  body.se-molde-lavado.single-product div.product > .woocommerce-tabs{order:11!important}
  body.se-molde-lavado.single-product div.product > section.se-tostado{order:12!important}
  body.se-molde-lavado.single-product div.product > .summary > *{order:9}
  body.se-molde-lavado.single-product div.product > .summary > .product_title{order:1;margin-top:12px}
  body.se-molde-lavado.single-product div.product > .summary > .woocommerce-product-rating{order:2}
  body.se-molde-lavado.single-product div.product > .summary > p.price{order:3}
  body.se-molde-lavado.single-product div.product > .summary > .se-xspecs{order:3}
  body.se-molde-lavado.single-product div.product > .summary > .se-prod-chips{order:5;margin-top:16px}
  body.se-molde-lavado.single-product div.product > .summary > #tooltipComponent{order:6;margin-top:12px}
  body.se-molde-lavado.single-product div.product > .summary > form.cart{order:7;margin-top:14px;background:rgb(251,249,244);border:1px solid rgba(193,102,60,.4);border-radius:12px;padding:16px}
  body.se-molde-lavado.single-product div.product > .summary > .se-envio-nota{order:8;margin-top:12px}
  /* linea de specs bajo el precio (patron Canyon Notes/Origin) */
  body.se-molde-lavado.single-product .se-xspecs{font-size:13px;line-height:1.55;color:rgb(92,86,80);margin:2px 0 0}
  /* aside: banda decorativa (BLEND/dino/mapa) fuera; details ficha = acordeon nativo */
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha{width:100%!important;max-width:100%!important}
  body.se-molde-lavado.single-product .se-molde-aside .se-arte{display:none!important}
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha > summary{pointer-events:auto!important;box-sizing:border-box;display:flex;width:100%;align-items:center;min-height:44px;cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:"League Gothic",Oswald,"Arial Narrow",sans-serif;font-size:20px;letter-spacing:.04em;text-transform:uppercase;color:rgb(30,28,25);list-style:none}
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha > summary::-webkit-details-marker{display:none}
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha > summary::after{content:"";width:9px;height:9px;border-right:1.6px solid rgb(30,28,25);border-bottom:1.6px solid rgb(30,28,25);transform:rotate(45deg);transition:transform .2s cubic-bezier(.23,1,.32,1);margin-left:auto;flex:0 0 auto}
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha[open] > summary::after{transform:rotate(225deg)}
  /* tostado: texto colapsado bajo su h2 (toggle .se-xacc-h) */
  html.se-xacc body.se-molde-lavado.single-product section.se-tostado:not(.se-xacc-open) .se-tostado__izq > p{display:none}
  html.se-xacc body.se-molde-lavado.single-product section.se-tostado.se-xacc-open .se-tostado__izq > p{animation:seXaccIn .24s cubic-bezier(.23,1,.32,1) both}
  /* foto del tostado = banda full-bleed */
  body.se-molde-lavado.single-product .se-tost__foto{margin:24px 0 0 -48px!important;width:100vw!important;max-width:100vw!important;aspect-ratio:auto!important;height:260px!important;overflow:hidden}
  body.se-molde-lavado.single-product .se-tost__foto img{width:100%!important;height:260px!important;object-fit:cover!important;display:block}
}

/* === F3 galeria swipe: SUSTITUIDA por SE GALERIA v2 (bloque unico al final del archivo) === */

/* === SE movil F4 pulido diseno (2026-07-19) === */
@media (max-width: 767px), (pointer: coarse) and (max-height: 520px){
  /* Ritmo vertical primera pantalla (escala 8px) */
  body.se-molde-lavado.single-product div.product > .summary > .product_title{order:1;margin-top:16px;margin-bottom:0}
  body.se-molde-lavado.single-product div.product > .summary > .woocommerce-product-rating{order:2;margin-top:6px!important;margin-bottom:0!important;display:flex;align-items:center;gap:8px}
  body.se-molde-lavado.single-product div.product > .summary > p.price{order:3;margin-top:12px!important;margin-bottom:0!important}
  body.se-molde-lavado.single-product .se-xspecs{font-size:12.5px;line-height:1.5;color:rgb(120,112,104);margin:6px 0 0;letter-spacing:.01em}
  body.se-molde-lavado.single-product div.product > .woocommerce-product-gallery{order:4!important;margin-top:18px!important;margin-bottom:0!important}
  body.se-molde-lavado.single-product div.product > .summary > .se-prod-chips{order:5;margin-top:18px}
  body.se-molde-lavado.single-product div.product > .summary > #tooltipComponent{order:6;margin-top:14px}
  body.se-molde-lavado.single-product div.product > .summary > form.cart{order:7;margin-top:16px}
  body.se-molde-lavado.single-product div.product > .summary > .se-envio-nota{order:8;margin-top:12px}
  /* Estrellas: tinta, compactas, en una fila con el conteo */
  body.se-molde-lavado.single-product .woocommerce-product-rating .star-rating{color:rgb(30,28,25)!important;font-size:13px!important;margin:0!important}
  body.se-molde-lavado.single-product .woocommerce-product-rating .star-rating{order:1;float:none!important}
  body.se-molde-lavado.single-product .woocommerce-product-rating .woocommerce-review-link{order:2}
  body.se-molde-lavado.single-product .woocommerce-product-rating .woocommerce-review-link{color:rgb(120,112,104)!important;font-size:12.5px!important;text-decoration:none}
  /* Spinners nativos del qty fuera */
  body.se-molde-lavado.single-product form.cart input[type="number"]::-webkit-inner-spin-button,
  body.se-molde-lavado.single-product form.cart input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}
  body.se-molde-lavado.single-product form.cart input[type="number"]{-moz-appearance:textfield;appearance:textfield}
  /* Heading LA HISTORIA (lo inyecta JS) — mismo idioma que EL TOSTADO */
  body.se-molde-lavado.single-product .se-xhist-h{font-family:"League Gothic",Oswald,"Arial Narrow",sans-serif;font-size:30px;letter-spacing:.02em;text-transform:uppercase;color:rgb(30,28,25);margin:0 0 14px;line-height:1.05}
  /* Separacion clara ficha tecnica -> historia */
  body.se-molde-lavado.single-product div.product > .woocommerce-tabs{margin-top:34px!important;padding-top:0!important}
  body.se-molde-lavado.single-product div.product > aside.se-molde-aside{padding-bottom:6px}
}

/* === SE movil F5 auditoria multi-dispositivo (2026-07-20) === */
@media (max-width: 767px), (pointer: coarse) and (max-height: 520px){
  /* 1. Pildora full-width, borde tinta (fuera off-white y salmon), interior en escala 8 */
  body.se-molde-lavado.single-product div.product > .summary > form.cart{width:100%!important;max-width:none!important;box-sizing:border-box;background:transparent!important;border:1px solid rgba(30,28,25,.22)!important;border-radius:10px;padding:20px 16px!important}
  body.se-molde-lavado.single-product form.cart label{font-size:12px!important;letter-spacing:.08em;text-transform:uppercase;color:rgb(30,28,25)}
  body.se-molde-lavado.single-product form.cart .woocommerce-variation-add-to-cart{display:flex;gap:12px;align-items:stretch}
  body.se-molde-lavado.single-product form.cart input.qty{flex:0 0 64px;width:64px!important}
  body.se-molde-lavado.single-product form.cart .single_add_to_cart_button{flex:1;min-height:50px}
  /* 2. Hijos del summary estirados (fin del shrink-to-fit) */
  body.se-molde-lavado.single-product div.product > .summary > .product_title,
  body.se-molde-lavado.single-product div.product > .summary > .woocommerce-product-rating,
  body.se-molde-lavado.single-product div.product > .summary > p.price,
  body.se-molde-lavado.single-product div.product > .summary > .se-xspecs,
  body.se-molde-lavado.single-product div.product > .summary > .se-prod-chips,
  body.se-molde-lavado.single-product div.product > .summary > #tooltipComponent{width:100%}
  /* 3. Notas/Origen: abajo del carrito, con jerarquia interna y hairline */
  body.se-molde-lavado.single-product div.product > .summary > .se-xspecs{order:8;margin-top:16px;padding-top:14px;border-top:1px solid rgba(30,28,25,.12)}
  body.se-molde-lavado.single-product .se-xspecs{font-size:13.5px;color:rgb(30,28,25)}
  body.se-molde-lavado.single-product .se-xspecs .se-xspecs-l{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(30,28,25,.62);margin:10px 0 2px}
  body.se-molde-lavado.single-product .se-xspecs .se-xspecs-l:first-child{margin-top:0}

  /* 4. LED de envio duplicado con el banner: fuera en la ficha */
  body.se-molde-lavado.single-product div.product > .summary > .se-envio-nota{display:none!important}
  /* 5. Titulo sin viudas + Mercado Pago en paleta */
  body.se-molde-lavado.single-product .summary .product_title{text-wrap:balance}
  body.se-molde-lavado.single-product #tooltipComponent{text-wrap:pretty}
  body.se-molde-lavado.single-product #tooltipComponent a{color:rgb(30,28,25)!important;text-decoration:underline;text-underline-offset:2px}
  /* 6. Grupo galeria: minis pegadas a su galeria, chips separados */
  body.se-molde-lavado.single-product div.product > .summary > .se-prod-chips{margin-top:24px}
  body.se-molde-lavado.single-product .se-molde-aside__carrusel{justify-content:center!important;width:100%}
  /* 7. Tostado: caja simetrica (era 48->borde) y banda full-bleed robusta */
  body.se-molde-lavado.single-product section.se-tostado .se-tostado__cols{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important}
  body.se-molde-lavado.single-product section.se-tostado .se-tostado__cols{display:block!important}
  body.se-molde-lavado.single-product section.se-tostado{padding-left:0!important;padding-right:0!important}
  body.se-molde-lavado.single-product .se-tostado__izq{width:100%!important;max-width:100%!important}
  body.se-molde-lavado.single-product div.product > .woocommerce-product-gallery,
  body.se-molde-lavado.single-product div.product > .woocommerce-tabs,
  body.se-molde-lavado.single-product div.product > section.se-tostado{width:100%!important;max-width:100%!important;flex:0 0 auto!important}
  body.se-molde-lavado.single-product .se-tost__foto{margin:24px calc(50% - 50vw) 0!important;width:auto!important;max-width:none!important}
  /* 8. Chevron: dibujo unico para TODAS las filas (FAQ y tostado median 0x0) */
  body.se-molde-lavado.single-product .se-xacc-h .se-xacc-chev{width:9px!important;height:9px!important;border-right:1.6px solid rgb(30,28,25)!important;border-bottom:1.6px solid rgb(30,28,25)!important;transform:rotate(45deg);transition:transform .2s cubic-bezier(.23,1,.32,1);flex:0 0 auto;margin-left:auto}
  body.se-molde-lavado.single-product .se-xacc-h[aria-expanded="true"] .se-xacc-chev{transform:rotate(225deg)}
  /* 9. Filas de acordeon a un solo tamano (sugerencias 24->20, ficha ya 20) */
  body.se-molde-lavado.single-product .se-preparation-heading h2{font-size:20px!important}
  /* 10. FAQ colapsada con aire deliberado */
  body.se-molde-lavado.single-product section.se-faq{padding-bottom:32px!important}
  /* 11. Related: banda al crema global, cajas de imagen al sistema, peek fundido */
  body.se-molde-lavado.single-product section.related{background:transparent!important;padding-top:40px!important;padding-bottom:8px!important}
  body.se-molde-lavado.single-product section.related ul.products li .woocommerce-LoopProduct-link,
  body.se-molde-lavado.single-product section.related ul.products li img{background:rgb(245,241,232)!important}
  body.se-molde-lavado.single-product section.related ul.products{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
  /* 12. Tap target del link de valoraciones */
  body.se-molde-lavado.single-product .woocommerce-product-rating a{display:inline-block;padding:12px 0;margin:-12px 0}
  /* 13. Footer con carril para el boton de WhatsApp */
  body.se-molde-lavado.single-product .se-footer{padding-bottom:96px!important}
  /* 14. Clamp a 5 lineas en pantallas angostas (360 cortaba a media frase) */
  @media (max-width: 374px){
    html.se-xacc body.se-molde-lavado.single-product #tab-description:not(.se-xacc-open) .se-hist__txt > :first-child{-webkit-line-clamp:5}
  }
  /* 15. Barra de progreso carbon del related (la nativa fuera) */
  body.se-molde-lavado.single-product section.related ul.products{scrollbar-width:none}
  body.se-molde-lavado.single-product section.related ul.products::-webkit-scrollbar{display:none;height:0}
  body.se-molde-lavado.single-product .se-xrel-track{display:block;width:56px;height:2px;background:rgba(30,28,25,.16);margin:18px auto 0;border-radius:1px;overflow:hidden}
  body.se-molde-lavado.single-product .se-xrel-thumb{display:block;width:100%;height:100%;background:rgb(30,28,25);border-radius:1px;transform-origin:left center;transform:scaleX(.3);transition:transform .15s linear}
  @media (prefers-reduced-motion: reduce){
    body.se-molde-lavado.single-product .se-xrel-thumb{transition:none}
  }
}

/* === SE movil F8 estructura final del dueno (2026-07-20) === */
@media (max-width: 767px), (pointer: coarse) and (max-height: 520px){
  /* Orden definitivo: titulo -> galeria -> precio -> carrito -> MP -> badges -> notas -> editorial -> FAQ */
  body.se-molde-lavado.single-product div.product > .summary > .product_title{order:1!important;margin:16px 0 0!important}
  body.se-molde-lavado.single-product div.product > .summary > .woocommerce-product-rating{order:2!important;margin:8px 0 0!important}
  body.se-molde-lavado.single-product div.product > .woocommerce-product-gallery{order:3!important;margin:16px 0 0!important}
  body.se-molde-lavado.single-product div.product > .summary > p.price{order:4!important;margin:16px 0 0!important}
  body.se-molde-lavado.single-product div.product > .summary > form.cart{order:5!important;margin:16px 0 0!important}
  body.se-molde-lavado.single-product div.product > .summary > #tooltipComponent{order:6!important;margin:24px 0 0!important}
  body.se-molde-lavado.single-product div.product > .summary > .se-prod-chips{order:7!important;margin:20px 0 0!important}
  body.se-molde-lavado.single-product div.product > .summary > .se-xspecs{order:8!important;margin:24px 0 0!important}
  body.se-molde-lavado.single-product div.product > aside.se-molde-aside{order:9!important;margin:32px 0 0!important}
  body.se-molde-lavado.single-product div.product > .woocommerce-tabs{order:10!important;margin-top:32px!important}
  body.se-molde-lavado.single-product div.product > section.se-tostado{order:11!important}
  /* Carrito sin pildora: estilo e-commerce limpio */
  body.se-molde-lavado.single-product div.product > .summary > form.cart{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important}
  body.se-molde-lavado.single-product form.cart select{width:100%!important;max-width:100%!important}
  body.se-molde-lavado.single-product form.cart .woocommerce-variation-add-to-cart{margin-top:16px}
  body.se-molde-lavado.single-product .se-xgal-count{display:none!important}
  body.se-molde-lavado.single-product .se-xacc-btn{border-top:0!important;border-left:0!important;border-right:0!important;outline:none!important;box-shadow:none!important;background:transparent!important}
}

/* === SE movil F9 correcciones del dueno (2026-07-20) === */
@media (max-width: 767px), (pointer: coarse) and (max-height: 520px){
  /* Lista NOTAS/ORIGEN fuera (la ficha tecnica abierta es la fuente unica) */
  body.se-molde-lavado.single-product .se-xspecs{display:none!important}
  /* FICHA TECNICA: abierta, bonita, sin chevron ni cursor de toggle */
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha > summary{cursor:default!important;font-size:22px!important;margin-bottom:4px}
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha > summary::after{display:none!important}
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha{padding-bottom:8px}
  /* chips de cata: DE VUELTA a sus colores originales (gusto del dueno) */

  /* Tostado se disuelve: sus piezas se intercalan con la historia */
  body.se-molde-lavado.single-product div.product > section.se-tostado,
  body.se-molde-lavado.single-product section.se-tostado .se-tostado__cols,
  body.se-molde-lavado.single-product .se-tostado__izq{display:contents!important}
  /* Orden editorial: ficha(9) -> EL TOSTADO h2(10)+texto(11) -> historia(12) -> metodos(13) -> banda(14) */
  body.se-molde-lavado.single-product div.product > aside.se-molde-aside{order:9!important;margin:32px 0 0!important}
  body.se-molde-lavado.single-product .se-tostado__izq > h2{order:10!important;margin:32px 0 0!important;font-family:"League Gothic",Oswald,"Arial Narrow",sans-serif;font-size:30px;line-height:1.05;color:rgb(30,28,25)}
  body.se-molde-lavado.single-product .se-tostado__izq > p{order:11!important;display:block!important;margin:14px 0 0!important}
  body.se-molde-lavado.single-product div.product > .woocommerce-tabs{order:12!important;margin-top:32px!important}
  body.se-molde-lavado.single-product #se-preparation-guide{order:13!important;margin:32px 0 0!important;width:100%}
  body.se-molde-lavado.single-product .se-tost__foto{order:14!important;width:100vw!important;max-width:100vw!important;margin:32px calc(50% - 50vw) 0!important;flex:0 0 auto!important}
  /* quitar chevron/toggle heredados del tostado */
  body.se-molde-lavado.single-product .se-tostado__izq > h2 .se-xacc-chev{display:none!important}
  body.se-molde-lavado.single-product .se-tostado__izq > h2{cursor:default!important}
  /* METODOS DE PREPARACION: abiertos, sin heading (inmersivo) */
  body.se-molde-lavado.single-product #se-preparation-guide .se-preparation-heading{display:none!important}
  body.se-molde-lavado.single-product #se-preparation-guide .se-roast-summary{display:flex!important}
  body.se-molde-lavado.single-product #se-preparation-guide .se-method-grid{display:grid!important}
  body.se-molde-lavado.single-product #se-preparation-guide .se-roast-summary,
  body.se-molde-lavado.single-product #se-preparation-guide .se-method-grid{animation:none!important}
  /* Historia: boton toggle (Seguir leyendo / Ver menos) */
  body.se-molde-lavado.single-product .se-xacc-btn{margin-top:12px!important}
  /* FAQ pulida: respuestas con aire y line-height comodos */
  body.se-molde-lavado.single-product .se-faq__item .se-faq__body{padding:0 2px 16px!important}
  body.se-molde-lavado.single-product .se-faq__item .se-faq__body p{font-size:14px!important;line-height:1.6!important;margin:0!important;color:rgb(74,70,64)}
  body.se-molde-lavado.single-product .se-faq__item summary{font-weight:500}
  /* Related: barra full-width proporcionada + texto de cards mas fino */
  body.se-molde-lavado.single-product .se-xrel-track{width:calc(100% - 48px)!important;max-width:none;height:2px;margin:20px 24px 0!important}
  body.se-molde-lavado.single-product section.related .woocommerce-loop-product__title{font-weight:400!important;font-size:13px!important;line-height:1.35!important;letter-spacing:.01em}
  body.se-molde-lavado.single-product section.related ul.products li .price{font-size:13px!important;font-weight:600}
  body.se-molde-lavado.single-product section.related ul.products li .ast-woo-product-category{font-size:10.5px!important;letter-spacing:.06em;text-transform:uppercase;color:rgba(30,28,25,.62)}
}

/* === SE movil F10 ronda final del dueno (2026-07-20) === */
@media (max-width: 767px), (pointer: coarse) and (max-height: 520px){
  /* 1. Ficha tecnica ALINEADA al eje izquierdo (adios tabla centrada flotante) */
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha dl,
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha .se-ficha__grid{display:grid!important;grid-template-columns:1fr 1fr;gap:18px 16px;text-align:left!important;justify-items:start!important;margin:8px 0 0}
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha dt{font-size:11px!important;letter-spacing:.08em;text-transform:uppercase;color:rgba(30,28,25,.62)!important;margin:0 0 2px!important;text-align:left!important;border:0!important;padding:0!important}
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha dd{font-size:15px!important;color:rgb(30,28,25)!important;margin:0!important;text-align:left!important}
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha dt::before,
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha dt::after{display:none!important}
  body.se-molde-lavado.single-product .se-ficha__notas{justify-content:flex-start!important;text-align:left!important;margin-top:16px}
  body.se-molde-lavado.single-product .se-ficha__notas + *{text-align:left!important}
  /* titulo NOTAS DE CATACION alineado tambien */
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha h3,
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha h4{text-align:left!important;margin:20px 0 10px!important;font-size:11px!important;letter-spacing:.08em;color:rgba(30,28,25,.62)!important}
  /* 2. Un solo nivel de titulos editoriales (como FICHA TECNICA, 22px) */
  body.se-molde-lavado.single-product .se-tostado__izq > h2{font-size:22px!important;margin-top:36px!important}
  body.se-molde-lavado.single-product .se-xhist-h{font-size:22px!important;margin-bottom:12px!important}
  body.se-molde-lavado.single-product section.se-faq > h2{font-size:22px!important}
  body.se-molde-lavado.single-product section.related > h2,
  body.se-molde-lavado.single-product section.related .products > h2{font-size:22px!important}
  body.se-molde-lavado.single-product .se-xacc-count{font-size:13px}
  /* 3. Ver menos sutil (estado abierto) */
  body.se-molde-lavado.single-product .se-xacc-btn.se-xacc-min{font-size:12px;letter-spacing:.08em;color:rgba(30,28,25,.62);border-bottom:1px solid rgba(30,28,25,.22);padding:8px 0;min-height:36px}
  /* 4. La banda no rompe los metodos: aire claro de cierre antes y despues */
  body.se-molde-lavado.single-product .se-tost__foto{margin-top:44px!important;margin-bottom:0!important}
  body.se-molde-lavado.single-product #se-preparation-guide{margin-top:36px!important;padding-bottom:4px}
  body.se-molde-lavado.single-product section.se-faq{padding-top:36px!important}
  body.se-molde-lavado.single-product #se-preparation-guide .se-method-grid{height:auto!important;min-height:0!important;max-height:none!important}
  body.se-molde-lavado.single-product #se-preparation-guide{display:block!important;height:auto!important;max-height:none!important;contain:none!important}
  body.se-molde-lavado.single-product #se-preparation-guide > *{height:auto!important;max-height:none!important;flex:none!important}
  body.se-molde-lavado.single-product #se-preparation-guide .se-roast-summary{display:flex!important;margin-bottom:8px}
  body.se-molde-lavado.single-product #se-preparation-guide .se-roast-summary{height:auto!important}
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha > summary{justify-content:flex-start!important;text-align:left!important}
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha ul.se-ficha__notas{justify-content:flex-start!important;padding-left:0!important;margin-left:0!important}
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha [class*="notas"]{text-align:left!important}
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha [class*="notas"] li{margin-left:0!important}
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha [class*="notas"]{margin-left:0!important;padding-left:0!important}
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha [class*="notas"] *{margin-left:0!important}
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha ul.se-ficha__notas li{margin:0 8px 8px 0!important}
}

/* === SE movil F11 auditoria final (2026-07-20) === */
@media (max-width: 767px), (pointer: coarse) and (max-height: 520px){
  /* 1. Joinchat: tooltip y badge fuera de la ficha; FAB se esconde con la barra sticky */
  body.se-molde-lavado.single-product .joinchat__tooltip,
  body.se-molde-lavado.single-product .joinchat__badge{display:none!important}
  body.se-molde-lavado.single-product .joinchat{transition:opacity .2s ease}
  html.se-x-hidefab body.se-molde-lavado.single-product .joinchat{opacity:0!important;pointer-events:none!important}
  /* 2. Barra sticky de compra (solo transform/opacity) */
  body.se-molde-lavado.single-product .se-x-stickyatc{position:fixed;left:0;right:0;bottom:0;background:rgb(30,28,25);color:rgb(245,241,232);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px calc(12px + env(safe-area-inset-bottom));transform:translateY(110%);transition:transform .3s cubic-bezier(.23,1,.32,1);z-index:90}
  body.se-molde-lavado.single-product .se-x-stickyatc.is-on{transform:translateY(0)}
  body.se-molde-lavado.single-product .se-x-stickyatc__price{font-family:"League Gothic",Oswald,"Arial Narrow",sans-serif;font-size:22px;letter-spacing:.03em}
  body.se-molde-lavado.single-product .se-x-stickyatc__btn{font-family:"League Gothic",Oswald,"Arial Narrow",sans-serif;font-size:16px;letter-spacing:.06em;text-transform:uppercase;background:rgb(245,241,232);color:rgb(30,28,25);padding:12px 20px;border-radius:6px;border:0;min-height:44px;cursor:pointer}
  body.se-molde-lavado.single-product .se-x-stickyatc__btn:active{transform:scale(.97)}
  /* 7. 5a miniatura (bolsa) */
  body.se-molde-lavado.single-product .se-xthumb-feat{width:60px;height:60px;object-fit:cover;border-radius:3px;flex:0 0 auto}
  /* 8. Ficha: grid 2x2 real con hairlines uniformes */
  body.se-molde-lavado.single-product dl.se-ficha__datos{display:grid!important;grid-template-columns:1fr 1fr;gap:20px 16px;margin:6px 0 0}
  body.se-molde-lavado.single-product .se-ficha__dato{border-top:1px solid rgba(30,28,25,.16)!important;padding-top:8px!important;width:auto!important;margin:0!important;text-align:left!important}
  body.se-molde-lavado.single-product .se-ficha__dato hr{display:none!important}
  /* 9. Contraste AA */
  body.se-molde-lavado.single-product details.se-ficha dt{color:rgba(30,28,25,.62)!important}
  body.se-molde-lavado.single-product .se-method-meta{color:rgba(30,28,25,.62)!important}
  body.se-molde-lavado.single-product section.related .ast-woo-product-category{color:rgba(30,28,25,.62)!important}
  body.se-molde-lavado.single-product .se-ficha__notas [class*="citri"]{color:#6b5310!important}
  /* 14. Footer: tap targets y legal sin viudas */
  body.se-molde-lavado.single-product .se-footer a{display:inline-block;padding:10px 0;margin:-4px 0}
  @media (max-width: 420px){
    body.se-molde-lavado.single-product .se-footer__bottom{flex-direction:column;gap:12px;align-items:center;text-align:center}
  }
  /* 4. Resenas: acordeon con las 41 reales (schema y contenido visibles coinciden) */
  body.se-molde-lavado.single-product .woocommerce-Tabs-panel--reviews{display:none;scroll-margin-top:120px}
  html.se-xacc body.se-molde-lavado.single-product .woocommerce-Tabs-panel--reviews.se-xacc-open{display:block!important;animation:seXaccIn .24s cubic-bezier(.23,1,.32,1) both}
  body.se-molde-lavado.single-product .woocommerce-Tabs-panel--reviews #respond,
  body.se-molde-lavado.single-product .woocommerce-Tabs-panel--reviews #review_form_wrapper{display:none!important}
  body.se-molde-lavado.single-product .woocommerce-Tabs-panel--reviews #reviews{display:block!important}
  body.se-molde-lavado.single-product .se-xrev-h{font-family:"League Gothic",Oswald,"Arial Narrow",sans-serif;font-size:22px;letter-spacing:.02em;text-transform:uppercase;color:rgb(30,28,25);margin:32px 0 0;line-height:1.05}
  @media (prefers-reduced-motion: reduce){
    body.se-molde-lavado.single-product .se-x-stickyatc{transition:none}
  }
}

/* === SE movil F11b: grid ficha 2x2 real + notas al eje (2026-07-20) === */
@media (max-width: 767px), (pointer: coarse) and (max-height: 520px){
  body.se-molde-lavado.single-product dl.se-ficha__datos .se-ficha__dato{grid-column:auto!important}
  body.se-molde-lavado.single-product details.se-ficha .se-ficha__origen-row{padding-left:0!important;padding-right:0!important}
}

/* === SE movil F11c: resenas al eje + sin sangria interna (2026-07-20) === */
@media (max-width: 767px), (pointer: coarse) and (max-height: 520px){
  body.se-molde-lavado.single-product .se-xrev-h{margin:32px 24px 0}
  body.se-molde-lavado.single-product .woocommerce-Tabs-panel--reviews{padding:0 24px}
  body.se-molde-lavado.single-product .woocommerce-Tabs-panel--reviews ol.commentlist{padding:0!important;margin:12px 0 0!important;list-style:none!important}
  body.se-molde-lavado.single-product .woocommerce-Tabs-panel--reviews ol.commentlist li{margin:0!important;padding:18px 0!important;border-bottom:1px solid rgba(30,28,25,.12)}
  body.se-molde-lavado.single-product .woocommerce-Tabs-panel--reviews .comment_container{display:block}
  body.se-molde-lavado.single-product .woocommerce-Tabs-panel--reviews img.avatar{display:none!important}
  body.se-molde-lavado.single-product .woocommerce-Tabs-panel--reviews .comment-text{margin:0!important;padding:0!important;border:0!important}
  body.se-molde-lavado.single-product .woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title{display:none!important}
}

/* === SE movil F12: ficha centrada sin titulo (tabla cerrada) + resenas comprimidas + sticky fina (2026-07-22) === */
@media (max-width: 767px), (pointer: coarse) and (max-height: 520px){
  /* --- FICHA: sin titulo, centrada, spec-sheet cerrado con lineas uniformes borde a borde --- */
  body.se-molde-lavado.single-product details.se-ficha summary{display:none!important}
  body.se-molde-lavado.single-product details.se-ficha{padding:0!important;margin:34px 0 0!important}
  body.se-molde-lavado.single-product dl.se-ficha__datos{display:grid!important;grid-template-columns:1fr 1fr;column-gap:0!important;row-gap:0!important;margin:0!important}
  body.se-molde-lavado.single-product dl.se-ficha__datos .se-ficha__dato{grid-column:auto!important;border-top:1px solid rgba(30,28,25,.14)!important;padding:15px 8px 17px!important;margin:0!important;text-align:center!important;width:auto!important}
  body.se-molde-lavado.single-product .se-ficha__dato hr{display:none!important}
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha dt{font-size:11px!important;font-weight:500!important;letter-spacing:.14em!important;line-height:1!important;color:rgba(30,28,25,.55)!important;margin:0 0 8px!important;text-align:center!important;border:0!important;padding:0!important}
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha dd{font-size:16px!important;font-weight:500!important;line-height:1.35!important;letter-spacing:0!important;color:rgb(30,28,25)!important;margin:0!important;text-align:center!important;font-variant-numeric:tabular-nums}
  /* notas = tercera fila de la tabla, la cierra por abajo */
  body.se-molde-lavado.single-product details.se-ficha .se-ficha__origen-row{border-top:1px solid rgba(30,28,25,.14)!important;border-bottom:1px solid rgba(30,28,25,.14)!important;padding:15px 0 20px!important;margin:0!important;text-align:center!important}
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha h4{font-size:11px!important;font-weight:500!important;letter-spacing:.14em!important;color:rgba(30,28,25,.55)!important;margin:0 0 10px!important;text-align:center!important}
  body.se-molde-lavado.single-product .se-ficha__notas{justify-content:center!important;gap:10px!important;margin:0!important}
  body.se-molde-lavado.single-product .se-ficha__notas [class*="nota"],
  body.se-molde-lavado.single-product .se-ficha__notas span{font-size:14px!important;font-weight:500!important;line-height:1!important;letter-spacing:.02em;padding:8px 14px!important}
  /* --- RESENAS: widget comprimido, jerarquia por peso y tinta --- */
  body.se-molde-lavado.single-product .se-xrev-h{margin:32px 24px 10px}
  body.se-molde-lavado.single-product .woocommerce-Tabs-panel--reviews ol.commentlist{margin:0!important}
  body.se-molde-lavado.single-product .woocommerce-Tabs-panel--reviews ol.commentlist li{padding:20px 0!important;border-bottom:1px solid rgba(30,28,25,.12)}
  body.se-molde-lavado.single-product .woocommerce-Tabs-panel--reviews ol.commentlist li:first-child{padding-top:10px!important}
  body.se-molde-lavado.single-product .woocommerce-Tabs-panel--reviews ol.commentlist li:last-child{border-bottom:0}
  body.se-molde-lavado.single-product .woocommerce-Tabs-panel--reviews .comment-text .meta{margin:0!important;font-size:13px}
  body.se-molde-lavado.single-product .woocommerce-Tabs-panel--reviews .woocommerce-review__author{font-size:15px!important;font-weight:600!important;color:rgb(30,28,25)!important;letter-spacing:.01em}
  body.se-molde-lavado.single-product .woocommerce-Tabs-panel--reviews .woocommerce-review__dash{color:rgba(30,28,25,.35)}
  body.se-molde-lavado.single-product .woocommerce-Tabs-panel--reviews .woocommerce-review__published-date{font-size:13px!important;color:rgba(30,28,25,.5)!important}
  body.se-molde-lavado.single-product .woocommerce-Tabs-panel--reviews .star-rating{font-size:13px!important;margin:7px 0 0!important}
  body.se-molde-lavado.single-product .woocommerce-Tabs-panel--reviews .comment-text .description{margin:0!important}
  body.se-molde-lavado.single-product .woocommerce-Tabs-panel--reviews .comment-text .description p{font-size:15px!important;line-height:1.6!important;color:rgba(30,28,25,.85)!important;margin:9px 0 0!important}
  /* --- STICKY BAR: mas fina y con hairline --- */
  body.se-molde-lavado.single-product .se-x-stickyatc{padding:10px 20px calc(10px + env(safe-area-inset-bottom));gap:14px;border-top:1px solid rgba(245,241,232,.14);box-shadow:0 -8px 22px rgba(0,0,0,.16)}
  body.se-molde-lavado.single-product .se-x-stickyatc__price{font-size:19px}
  body.se-molde-lavado.single-product .se-x-stickyatc__btn{font-size:14px;padding:11px 18px;border-radius:4px;letter-spacing:.08em}
}

/* === SE movil F12b: simetria de la tabla + notas centradas de verdad (2026-07-22) === */
@media (max-width: 767px), (pointer: coarse) and (max-height: 520px){
  body.se-molde-lavado.single-product dl.se-ficha__datos{padding:0!important;justify-items:stretch}
  body.se-molde-lavado.single-product dl.se-ficha__datos .se-ficha__dato{min-width:0}
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha .se-ficha__notas{justify-content:center!important;flex-wrap:wrap}
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha .se-ficha__origen-row>*{width:100%!important}
}

/* === SE movil F12c: celdas estiradas a su pista + notas center ganando al ul (2026-07-22) === */
@media (max-width: 767px), (pointer: coarse) and (max-height: 520px){
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha dl.se-ficha__datos .se-ficha__dato{justify-self:stretch!important;align-self:stretch!important;width:auto!important;max-width:none!important;min-width:0!important}
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha ul.se-ficha__notas{justify-content:center!important}
}

/* === SE movil F12d: label de notas (::before) centrado (2026-07-22) === */
@media (max-width: 767px), (pointer: coarse) and (max-height: 520px){
  body.se-molde-lavado.single-product .se-molde-aside details.se-ficha ul.se-ficha__notas::before{text-align:center!important;width:100%!important;flex:0 0 100%!important}
}

/* === SE movil F13: ficha movida tostado->historia + rating fino + related 47% + ritmo FAQ (2026-07-22) === */
@media (max-width: 767px), (pointer: coarse) and (max-height: 520px){
  /* ficha fuera del aside: mismos estilos sin depender de .se-molde-aside */
  body.se-molde-lavado.single-product details.se-ficha[data-se-xmv]{margin:8px 0 38px!important;padding:0!important;width:100%!important}
  body.se-molde-lavado.single-product details.se-ficha dt{font-size:11px!important;font-weight:500!important;letter-spacing:.14em!important;line-height:1!important;text-transform:uppercase;color:rgba(30,28,25,.55)!important;margin:0 0 8px!important;text-align:center!important;border:0!important;padding:0!important}
  body.se-molde-lavado.single-product details.se-ficha dd{font-size:16px!important;font-weight:500!important;line-height:1.35!important;letter-spacing:0!important;color:rgb(30,28,25)!important;margin:0!important;text-align:center!important;font-variant-numeric:tabular-nums}
  body.se-molde-lavado.single-product details.se-ficha h4{font-size:11px!important;font-weight:500!important;letter-spacing:.14em!important;color:rgba(30,28,25,.55)!important;margin:0 0 10px!important;text-align:center!important}
  body.se-molde-lavado.single-product details.se-ficha dl.se-ficha__datos .se-ficha__dato{justify-self:stretch!important;align-self:stretch!important;width:auto!important;max-width:none!important;min-width:0!important;grid-column:auto!important;border-top:1px solid rgba(30,28,25,.14)!important;padding:15px 8px 17px!important;margin:0!important;text-align:center!important}
  body.se-molde-lavado.single-product details.se-ficha ul.se-ficha__notas{justify-content:center!important;flex-wrap:wrap;gap:10px!important;margin:0!important;padding-left:0!important}
  body.se-molde-lavado.single-product details.se-ficha ul.se-ficha__notas::before{text-align:center!important;width:100%!important;flex:0 0 100%!important;font-size:11px!important;font-weight:500!important;letter-spacing:.14em!important;color:rgba(30,28,25,.55)!important;margin:0 0 10px!important}
  body.se-molde-lavado.single-product details.se-ficha ul.se-ficha__notas li{margin:0!important}
  /* rating bajo el titulo: fino, sin link */
  body.se-molde-lavado.single-product .woocommerce-product-rating{display:flex;align-items:center;gap:10px;margin:2px 0 0!important}
  body.se-molde-lavado.single-product .woocommerce-product-rating .star-rating{font-size:14px!important;margin:0!important;color:rgb(30,28,25)}
  body.se-molde-lavado.single-product .woocommerce-product-rating .woocommerce-review-link{font-size:13px!important;color:rgba(30,28,25,.55)!important;text-decoration:none!important;letter-spacing:.01em}
  /* related: cards mas grandes, peek equilibrado con el margen */
  body.se-molde-lavado.single-product section.related ul.products li{flex-basis:47%!important;width:47%!important}
  /* ritmo alrededor de FAQ */
  body.se-molde-lavado.single-product section.se-faq{padding:46px 0 42px!important;margin:0!important}
  body.se-molde-lavado.single-product section.related{padding-top:6px}
}

/* === SE movil F13b: FAQ recupera padding lateral (2026-07-22) === */
@media (max-width: 767px), (pointer: coarse) and (max-height: 520px){
  body.se-molde-lavado.single-product section.se-faq{padding:46px 24px 42px!important}
}

/* === SE movil F14: gap galeria compensado + labels ligeros + lineas suaves + FAQ compacto + rating integrado (2026-07-22) === */
@media (max-width: 767px), (pointer: coarse) and (max-height: 520px){
  /* ficha: labels mas ligeros, lineas mas suaves */
  body.se-molde-lavado.single-product details.se-ficha dt{font-weight:400!important;color:rgba(30,28,25,.52)!important}
  body.se-molde-lavado.single-product details.se-ficha ul.se-ficha__notas::before{font-weight:400!important;color:rgba(30,28,25,.52)!important}
  body.se-molde-lavado.single-product details.se-ficha dl.se-ficha__datos .se-ficha__dato{border-top:1px solid rgba(30,28,25,.09)!important}
  body.se-molde-lavado.single-product details.se-ficha .se-ficha__origen-row{border-top:1px solid rgba(30,28,25,.09)!important;border-bottom:1px solid rgba(30,28,25,.09)!important}
  /* FAQ: aire mas contenido arriba y abajo */
  body.se-molde-lavado.single-product section.se-faq{padding:32px 24px 28px!important}
  /* rating: estrellas y numero en una linea firme pegada al titulo */
  body.se-molde-lavado.single-product .woocommerce-product-rating{display:flex!important;align-items:center!important;gap:8px;margin:0 0 2px!important;line-height:1!important}
  body.se-molde-lavado.single-product .woocommerce-product-rating .star-rating{font-size:13px!important;margin:0!important;flex:0 0 auto;position:relative;top:-1px}
  body.se-molde-lavado.single-product .woocommerce-product-rating .woocommerce-review-link{font-size:13px!important;color:rgba(30,28,25,.5)!important;line-height:1!important;margin:0!important}
}

/* === SE movil F15: linea unica ficha + precio en primera pantalla + rating texto + FAQ compacto (2026-07-22) === */
@media (max-width: 767px), (pointer: coarse) and (max-height: 520px){
  body.se-molde-lavado.single-product details.se-ficha{border:0!important}
  body.se-molde-lavado.single-product .woocommerce-product-rating .star-rating{display:none!important}
  body.se-molde-lavado.single-product .woocommerce-product-rating .woocommerce-review-link{font-size:13px!important;color:rgba(30,28,25,.58)!important;letter-spacing:.02em}
  body.se-molde-lavado.single-product section.se-faq{padding:32px 24px 16px!important}
  body.se-molde-lavado.single-product section.se-faq .se-faq__item:last-child{margin-bottom:0!important}
  body.se-molde-lavado.single-product section.related{padding-top:8px}
}

/* === SE movil F16: rating al eje y compacto + bloque superior comprimido (2026-07-22) === */
@media (max-width: 767px), (pointer: coarse) and (max-height: 520px){
  body.se-molde-lavado.single-product .woocommerce-product-rating>*{display:none!important}
  body.se-molde-lavado.single-product .woocommerce-product-rating>.woocommerce-review-link{display:inline-block!important}
  body.se-molde-lavado.single-product .woocommerce-product-rating{gap:0!important;margin:4px 0 0!important;padding:0!important;min-height:0!important;line-height:1!important}
  body.se-molde-lavado.single-product .woocommerce-product-rating .woocommerce-review-link{line-height:1.15!important;margin:0!important;padding:0!important}
  body.se-molde-lavado.single-product .summary .product_title{margin-top:12px!important;margin-bottom:0!important}
  body.se-molde-lavado.single-product .summary p.price{margin-top:10px!important}
}

/* === SE movil F17: ritmo secciones + FAQ subrayada + cortina landscape (2026-07-22) === */
@media (max-width: 767px), (pointer: coarse) and (max-height: 520px){
  body.se-molde-lavado.single-product details.se-ficha[data-se-xmv]{margin:14px 0 48px!important}
  body.se-molde-lavado.single-product section.se-faq h2.se-xacc-h{border-bottom:1px solid rgba(30,28,25,.12);padding-bottom:16px!important;margin-bottom:12px!important}
  body.se-molde-lavado.single-product section.se-faq{padding:44px 24px 14px!important}
}

/* === SE movil F18: FAQ abre al ritmo + metodos sin ultima linea (2026-07-22) === */
@media (max-width: 767px), (pointer: coarse) and (max-height: 520px){
  body.se-molde-lavado.single-product section.se-faq h2.se-xacc-h{margin-bottom:-8px!important}
  body.se-molde-lavado.single-product #se-preparation-guide article.se-method:last-of-type,
  body.se-molde-lavado.single-product .se-preparation-guide article.se-method:last-of-type{border-bottom:0!important}
}

/* === SE movil F22 (resto): ritmo related aprobado === */
@media (max-width: 767px), (pointer: coarse) and (max-height: 520px){
  body.se-molde-lavado.single-product section.related.products{padding-top:8px!important}
}

/* === SE GALERIA v2 (2026-07-25): reconstruccion limpia — un solo motor (scroll-snap), caja 1:1 SIN recorte ===
   Las fotos de producto son cuadradas 1080x1080: caja cuadrada => la foto entra COMPLETA (cover==contain en cuadrado).
   FlexSlider queda sin touch (wc_single_product_params.flexslider.touch=false en #14673 v44, ANTES del init de Woo)
   y el zoom de escritorio se desmonta en movil (zoom.destroy en el keeper + display:none aqui): un solo dueno del gesto y del tap. */
@media (max-width: 767px), (pointer: coarse) and (max-height: 520px){
  /* bloque galeria en el flujo (antes en F5/F21) */
  body.se-molde-lavado.single-product .woocommerce-product-gallery{position:relative!important;top:0!important;bottom:auto!important;left:0!important;right:auto!important}
  body.se-molde-lavado.single-product .woocommerce-product-gallery__trigger{display:none!important}
  body.se-molde-lavado.single-product div.product>.woocommerce-product-gallery{margin-top:12px!important;margin-bottom:0!important}
  /* zoom de escritorio: muerto en tactil (su overlay .zoomImg se comia el tap del lightbox) */
  body.se-molde-lavado.single-product .woocommerce-product-gallery .zoomImg{display:none!important}
  /* viewport de flexslider neutro: inmune a width/height inline */
  body.se-molde-lavado.single-product .woocommerce-product-gallery .flex-viewport{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:hidden!important}
  /* carril scroll-snap nativo */
  body.se-molde-lavado.single-product .woocommerce-product-gallery__wrapper{display:flex!important;width:100%!important;max-width:100%!important;height:auto!important;transform:none!important;transition:none!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scroll-behavior:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pan-y!important;overscroll-behavior-x:contain;align-items:stretch!important}
  body.se-molde-lavado.single-product .woocommerce-product-gallery__wrapper::-webkit-scrollbar{display:none}
  /* slide: caja CUADRADA => cero recorte */
  body.se-molde-lavado.single-product .woocommerce-product-gallery__image{flex:0 0 100%!important;width:100%!important;float:none!important;margin:0!important;scroll-snap-align:start;scroll-snap-stop:always;aspect-ratio:1/1!important;overflow:hidden!important;contain:paint;position:relative;display:block!important;height:auto!important;max-height:none!important}
  body.se-molde-lavado.single-product .woocommerce-product-gallery__image>a{display:block!important;width:100%!important;height:100%!important;overflow:hidden!important;margin:0!important}
  body.se-molde-lavado.single-product .flex-viewport .woocommerce-product-gallery__image img,
  body.se-molde-lavado.single-product .woocommerce-product-gallery__image img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-width:0!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;display:block!important}
  html.se-xacc body.se-molde-lavado.single-product .woocommerce-product-gallery__image[data-se-xhide]{display:none!important}
  /* miniaturas: compactas 48px (compensan el alto extra de la caja cuadrada), siempre encima y opacas */
  body.se-molde-lavado.single-product .se-molde-aside__carrusel{position:relative;z-index:3;background:rgb(245,241,232)}
  body.se-molde-lavado.single-product .se-molde-aside__carrusel img{width:48px!important;height:48px!important;transition:opacity .2s ease,box-shadow .2s ease;cursor:pointer}
  html.se-xacc body.se-molde-lavado.single-product .se-molde-aside__carrusel img.se-xthumb-on{box-shadow:0 0 0 1.6px rgb(30,28,25);opacity:1}
  html.se-xacc body.se-molde-lavado.single-product .se-molde-aside__carrusel img:not(.se-xthumb-on){opacity:.75}
  /* contador de posicion (oculto por diseno en F8; el JS lo mantiene para sincronia y tests) */
  .se-xgal-count{position:absolute;right:16px;bottom:8px;font-family:"League Gothic",Oswald,"Arial Narrow",sans-serif;font-size:15px;letter-spacing:.08em;color:rgb(30,28,25);opacity:.6;pointer-events:none}
  @media (prefers-reduced-motion: reduce){
    body.se-molde-lavado.single-product .woocommerce-product-gallery__wrapper{scroll-behavior:auto}
    body.se-molde-lavado.single-product .se-molde-aside__carrusel img{transition:none}
  }
}

/* === SE LANDSCAPE v2 (2026-07-25): telefono en horizontal — misma caja 1:1 limitando el ANCHO (jamas el alto) === */
@media (orientation: landscape) and (pointer: coarse) and (max-height: 520px){
  body.se-molde-lavado.single-product .se-x-stickyatc{display:none!important}
  html.se-x-hidefab body.se-molde-lavado.single-product .joinchat{opacity:1!important;pointer-events:auto!important}
  body.se-molde-lavado.single-product div.product>.woocommerce-product-gallery{max-width:min(58vw,62vh)!important;margin-left:auto!important;margin-right:auto!important}
  body.se-molde-lavado.single-product .woocommerce-product-gallery__image{aspect-ratio:1/1!important;height:auto!important;max-height:none!important;min-height:0!important}
  body.se-molde-lavado.single-product aside.se-molde-aside{max-width:min(58vw,62vh)!important;margin-left:auto!important;margin-right:auto!important;width:100%!important}
  body.se-molde-lavado.single-product .se-molde-aside__carrusel{max-width:100%!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;margin-top:10px!important}
  body.se-molde-lavado.single-product .se-faq__lista{grid-template-columns:1fr!important}
}

/* ===== SE fold ficha escritorio v3 (2026-08-31): sin franja al pie, sin hueco =====
   Sintoma: al pie de la primera pantalla asomaba una franja de la foto de HISTORIA.
   Barrido de alturas (natural, 1920 de ancho): asomo 5px a 900, 23px a 940, 63px a 980,
   103px a 1020, 183px a 1100, 383px a 1300. La franja fea es solo el tramo de 1 a ~60px:
   a partir de ~80px ya se lee como "empieza la siguiente seccion" (foto + primeras lineas).
   Regla: si falta POCO para llenar la ventana (<=1000px de alto) la fila 1 se estira hasta el
   borde y no asoma nada; si falta MUCHO no se toca y la seccion asoma entera, como hoy.
   Asi el bloque queda SIEMPRE pegado arriba (nada de centrarlo: eso dejaba la pildora flotando)
   y nunca hay hueco mayor a ~85px ni franja menor a ~85px.
   El colchon va SUMADO (+4px): restarlo sube HISTORIA y vuelve a asomar.
   Se resta el padding-top MINIMO real (102px) por la misma razon.
   Solo molde lavado (cafes de menudeo) y solo >=1025px. Reversible: borrar este bloque. */
@media (min-width:1025px) and (max-height:899px){
  body.se-molde-lavado.single-product div.product>aside.se-molde-aside{min-height:calc(100vh - 102px - clamp(48px,4vw,64px) + 4px)!important}
}
@media (min-width:1025px) and (min-height:900px) and (max-height:1000px){
  /* +14px de aire arriba: sin esto el bloque se siente pegado al header (sobre todo al llegar con el
     header ya compacto, que sube el contenido ~32px) y todo el sobrante queda abajo. 14px es lo maximo
     que cabe sin morder el contenido del producto con la ficha mas larga (San Pablo a 1440x900 deja 19px
     de aire). Solo desde 900px de alto: por debajo el contenido ya no cabe y el extra solo restaria.
     El min-height descuenta el mismo extra para que HISTORIA siga cayendo justo en el borde. */
  body.se-molde-lavado.single-product div.product,
  html body.se-molde-lavado.single-product.se-ficha-v2 div.product.type-product.se-relayout{padding-top:calc(clamp(102px,7.5vw,112px) + 14px)!important}
  body.se-molde-lavado.single-product div.product>aside.se-molde-aside{min-height:calc(100vh - 102px - 14px - clamp(48px,4vw,64px) + 4px)!important}
}

/* ===== SE fold objetos (2026-08-31): misma regla que la ficha de cafe =====
   En el molde OBJETO lo que asomaba al pie era la foto hero (mide 100vh-64). Barrido natural:
   asomo 13px a 1920x1020, 49px a 1920x1060, 26px a 1440x780 (franja fea), y 85px+ a partir de
   1920x1100 / 1440x820 (ahi ya se lee como foto, no como franja).
   Aqui el umbral NO puede ser una altura fija: la galeria escala con el ancho (326px a 1025,
   760px a 1920, 1080px a 2560), asi que el punto donde el asomo llega a ~80px sube con el ancho.
   Como ese punto es casi proporcional al ancho, la condicion se expresa con la PROPORCION de la
   ventana: mientras sea mas ancha que 40/23 (=1.739 ancho/alto) se rellena hasta el borde; mas alta
   que eso, el hero asoma entero. OJO: en media queries aspect-ratio es ANCHO/ALTO. Medido: 1920 rellena hasta ~1104 y a 1110 asoma 94; 1440 rellena hasta ~828 y a 850 asoma 95.
   Reversible: borrar este bloque. */
@media (min-width:1025px) and (min-aspect-ratio:40/23){
  html body.single-product.se-molde-objeto .se-obj-gal{min-height:calc(100vh - clamp(144px,calc(10vh + 57px),184px) - clamp(48px,6vw,88px) + 4px)!important}
}

/* ===== SE fold mayoreo / white label (2026-08-31) =====
   Aqui lo que quedaba cortado al pie era el TITULO "EL TOSTADO" (peor que una franja de foto):
   asomo 14px a 1920x1150, 39px a 1175, 64px a 1200, 13px a 1250, 38px a 1275 (el bloque de la
   izquierda crece con la ventana, por eso el asomo va y viene).
   Dos tramos, sin tocar el snippet de la plantilla (#se-mt-style):
   1) hasta 1240px de alto: la columna de la ficha (aside) estira la fila hasta el borde -> no asoma
      (el colchon es de 18px: con menos, a 1366 de ancho se quedaba 10px corto y volvia la franja)
      nada. El aire que entra nunca pasa de ~110px y cae bajo la ficha, no bajo la foto.
   2) de 1241 a 1330: rellenar costaria demasiado aire, asi que se hace lo contrario -> se acorta el
      margen del bloque EL TOSTADO (120px -> 24px) para que asome ~100px y se lea completo el titulo.
   Por encima de 1330 el asomo natural ya pasa de 100px y no se toca nada.
   Reversible: borrar este bloque. */
@media (min-width:1025px) and (max-height:1240px){
  html body.single-product .se-mt__aside{min-height:calc(100vh - 226px)!important}
}
@media (min-width:1025px) and (min-height:1241px) and (max-height:1330px){
  html body.single-product .se-mt-tos__txtcol,
  html body.single-product .se-mt-tos__foto{margin-top:24px!important}
}

/* ===== BLOQUE C 2026-09-24: la ficha de cafe NO salta al cargar en celular (CLS 1.2-1.9 -> 0.02-0.04, medido) =====
   Fuente y mediciones: cls/c_fix2.css + cls/README.md §5. Reversible: borrar este bloque.
   C1 - las recetas estaticas (.se-tostado__der) eran el UNICO item sin `order` de la columna movil (display:contents):
        con order 0 se pintaban ARRIBA de todo ~5 s hasta que la guia interactiva (#se-preparation-guide, order 13)
        las oculta. Se les da el lugar de la guia: si la guia fallara, las recetas siguen visibles donde deben. */
@media (max-width:1024px){.single-product .se-tostado__der{order:13}}
/* C2 - el HTML trae la galeria ANTES que el titulo (order 1): mientras el h1 no ha llegado la galeria reserva su hueco.
        78 = 12 de su margen propio (con !important arriba) + 66 del titulo (50 + 16, igual en las 9 fichas de cafe a 390).
   C3 - el aside (arte + carrusel) queda en 6 px en celular cuando la ficha monta (body.se-ficha-v2, #14469); antes asoma
        68 px, lo empujan y desaparece: invisible hasta entonces (visibility: sus movimientos no puntuan). */
@media (max-width:600px){
  html body.se-molde-lavado.single-product div.product:not(:has(h1.product_title))>.woocommerce-product-gallery{margin-top:78px!important}
  body.se-molde-lavado:not(.se-ficha-v2) div.product>aside.se-molde-aside{visibility:hidden}
}

/* ===== SE ficha de cafe ESCRITORIO sin salto (2026-09-24, bloque D1) =====
   El layout final de escritorio (3 columnas .82/1.46/.9, gutter del sitio, padding compacto, bolsa acotada a
   min(520px,56vh), buy-box en tarjeta) lo inyecta #14469 por JS ~5 s despues del primer pintado (body.se-ficha-v2 +
   div.product.se-relayout). Hasta entonces la ficha se pinta con otro acomodo y brinca (CLS 0.24 a 1440).
   Aqui se da ese MISMO layout desde el primer pintado, solo molde lavado (cafes de menudeo) y solo >=1025 px.
   Valores copiados de #14469; cuando el JS monta, sus reglas coinciden y no hay cambio. Reversible: borrar este bloque. */
@media (min-width:1025px){
  html body.se-molde-lavado.single-product div.product.type-product{
    grid-template-columns:minmax(0,0.82fr) minmax(0,1.46fr) minmax(0,0.9fr)!important;
    justify-content:stretch!important;
    column-gap:clamp(34px,3.2vw,56px)!important;
    padding-inline:var(--se-gutter,57px)!important;
    max-width:none!important;
    align-items:start!important
  }
  body.se-molde-lavado .se-molde-aside,
  body.se-molde-lavado .woocommerce-product-gallery{align-self:start!important}
  body.se-molde-lavado .summary.entry-summary{background:rgb(251,249,244)!important;border:1px solid rgba(30,28,25,.12)!important;border-radius:12px!important;box-shadow:none!important;padding:clamp(22px,2vw,32px)!important}
  body.se-molde-lavado .woocommerce-product-gallery .flex-viewport{max-width:min(520px,56vh)!important;max-height:min(520px,56vh)!important;margin-inline:auto!important}
  body.se-molde-lavado .woocommerce-product-gallery .flex-viewport img{max-height:min(520px,56vh)!important;object-fit:contain!important}
  /* antes de FlexSlider (#15263 deja visible solo la primera foto): misma caja que tendra dentro del viewport */
  body.se-molde-lavado .woocommerce-product-gallery__wrapper>.woocommerce-product-gallery__image:first-child img{max-height:min(520px,56vh)!important;object-fit:contain!important}
}
@media (min-width:1025px) and (max-height:899px),(min-width:1025px) and (min-height:1001px){
  html body.se-molde-lavado.single-product div.product.type-product{padding-top:clamp(102px,7.5vw,112px)!important}
}
/* D2: lo que #14469 MUEVE no se muestra en su sitio provisional (asi al moverlo no desplaza nada): la ficha tecnica
   dentro de la tarjeta de compra (el JS la pasa a la columna izquierda) y el carrusel+puntos dentro del aside (el JS los
   pasa bajo la bolsa). Solo escritorio, solo molde lavado. */
@media (min-width:1025px){
  html body.se-molde-lavado.se-ficha-on.single-product div.product .summary .se-ficha.se-ficha--compact{display:none!important}
  body.se-molde-lavado .se-molde-aside .se-molde-aside__carrusel,
  body.se-molde-lavado .se-molde-aside .se-molde-aside__carrusel+div{display:none!important}
}
@media (min-width:1025px){
  /* D1: la ficha ya movida al aside espera invisible hasta que #14469 la alinea (se-ficha--lista) */
  body.se-molde-lavado .se-molde-aside .se-ficha--aside:not(.se-ficha--lista){visibility:hidden}
}

/* ==== WPCode #14401 ==== */
/* Heroes de Sobre Nosotros y Vuelvete un Experto (.se-no__hero) a pantalla completa (100vh),
   igual que el home; antes eran ~84vh y asomaba la siguiente seccion. Contenido abajo (grid align-items:end). */
html .se-no__hero{ min-height: 100vh !important; }
/* aire inferior para que el subtitulo no toque el borde, como el home */
html .se-no__hero .se-no__hero-in{ padding-bottom: clamp(24px, 6vh, 72px) !important; }

/* ==== WPCode #14395 ==== */
/* ===== SE FICHA TECNICA CSS (2026-07-03) — solo clases propias + 2 overrides Elementor ===== */
.se-ficha{background:#FBF9F4;padding:clamp(24px,2.5vw,40px);color:#1E1C19;text-align:left}
.se-ficha__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}
.se-ficha__eyebrow{font-family:var(--se-fuente-titular,'League Gothic',sans-serif);text-transform:uppercase;font-size:clamp(.8125rem,1vw,.9375rem);letter-spacing:.18em;color:#6B655C;margin:0;font-weight:400}
.se-ficha__chip{font-family:var(--se-fuente-titular,'League Gothic',sans-serif);text-transform:uppercase;font-size:clamp(.8125rem,1vw,.9375rem);letter-spacing:.06em;background:var(--se-perfil);color:#F5F1E8;padding:6px 14px;border-radius:2px}
.se-ficha--exotico .se-ficha__chip{background:transparent;color:#1E1C19;border:1px solid #1E1C19;padding:5px 13px}
.se-ficha__datos{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;margin:0 0 28px}
.se-ficha__dato{border-top:1px solid rgba(30,28,25,.08);padding-top:12px}
.se-ficha__dato dt,.se-ficha__dt{font-family:var(--se-fuente-titular,'League Gothic',sans-serif);text-transform:uppercase;font-size:clamp(.75rem,1vw,.875rem);letter-spacing:.15em;color:#6B655C;margin:0 0 4px}
.se-ficha__dato dd,.se-ficha__dd{font-family:var(--se-fuente-cuerpo,Roboto,sans-serif);font-size:clamp(1rem,1.15vw,1.125rem);line-height:1.5;margin:0}
.se-ficha__tueste{margin:0 0 28px}
.se-ficha__rampa{display:block;width:100%;max-width:460px}
.se-ficha__pipe,.se-ficha__coping{stroke:#1E1C19;stroke-width:2.5;fill:none;stroke-linecap:round}
.se-ficha__cop{fill:#1E1C19}.se-ficha__tick{fill:#6B655C}
.se-ficha__run{stroke:var(--se-perfil);stroke-width:3.5;fill:none;stroke-linecap:round;stroke-dasharray:var(--se-run) 100;animation:seFichaRun .8s cubic-bezier(.22,1,.32,1) .3s backwards}
@keyframes seFichaRun{from{stroke-dasharray:0 100}}
.se-ficha__querubin{animation:seFichaQ .5s cubic-bezier(.4,0,.25,1) .9s backwards}
@keyframes seFichaQ{from{opacity:0}}
.se-ficha__ends{display:flex;justify-content:space-between;max-width:460px;margin-top:4px}
.se-ficha__ends span{font-family:var(--se-fuente-titular,'League Gothic',sans-serif);text-transform:uppercase;font-size:clamp(.8125rem,1vw,.875rem);letter-spacing:.15em;color:#6B655C}
.se-ficha__tueste figcaption{margin-top:12px}
.se-ficha__origen-row{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:24px;align-items:start}
.se-ficha__origen-row--solo{grid-template-columns:1fr}
.se-ficha__mapa-wrap{margin:0}.se-ficha__mapa{display:block;width:100%}
.se-ficha__mapa-cap{font-family:var(--se-fuente-cuerpo,Roboto,sans-serif);font-size:clamp(.8125rem,1vw,.9375rem);color:#1E1C19;margin-top:6px}
.se-ficha__halo{animation:seFichaHalo .8s cubic-bezier(.4,0,.25,1) 1.4s 3}
@keyframes seFichaHalo{from{r:4;opacity:.6}to{r:9;opacity:0}}
.se-ficha__notas{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.se-ficha__notas li{font-family:var(--se-fuente-cuerpo,Roboto,sans-serif);font-size:clamp(.8125rem,1vw,.9375rem);background:var(--se-perfil-tinte);color:#1E1C19;padding:6px 12px;border-radius:2px}
.se-ficha--compact{padding:0;background:#FBF9F4}
.se-ficha__summary{font-family:var(--se-fuente-titular,'League Gothic',sans-serif);text-transform:uppercase;letter-spacing:.1em;font-size:1.0625rem;min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(16px,4vw,24px);cursor:pointer;list-style:none}
.se-ficha__summary::-webkit-details-marker{display:none}
.se-ficha__mark::after{content:"+"}
.se-ficha--compact[open] .se-ficha__mark::after{content:"\2212"}
.se-ficha--compact>*:not(summary){padding:0 clamp(16px,4vw,24px)}
.se-ficha--compact>.se-ficha__origen-row{padding-bottom:24px}
@media(max-width:480px){
  .se-ficha__datos{grid-template-columns:1fr}
  .se-ficha__origen-row{grid-template-columns:1fr}
  .se-ficha__origen-row--solo{grid-template-columns:1fr}
  .se-ficha__mapa{max-width:180px}
}
@media(prefers-reduced-motion:reduce){
  .se-ficha__run,.se-ficha__querubin,.se-ficha__halo{animation:none!important}
}
/* --- overrides Elementor (solo con ficha activa) --- */
@media(min-width:768px){
  html body.se-ficha-on .se-ficha--compact{display:none !important}
  html body.se-ficha-on .elementor-element-494b04d{display:none !important}
}
html body.se-ficha-on .elementor-element-51a282d .se-ficha{text-align:left}
/* T-Rex (producto 95, plantilla vieja 6349): ocultar el bloque tecnico legacy que duplica la ficha */
html body.se-ficha-on.postid-95 .elementor-element-07d8939{display:none !important}


/* === SE ficha intermedia (2026-07-06): mostrar compacta en pildora, sin mapa === */
html body.se-molde-lavado.se-ficha-on .summary .se-ficha.se-ficha--compact{display:block !important}
body.se-molde-lavado .se-ficha__mapa-wrap{display:none !important}
body.se-molde-lavado .se-ficha--compact .se-ficha__origen-row{grid-template-columns:1fr !important}


/* === SE ficha compacta 2026-07-06 (quita tueste + compacta + label Notas de catacion) === */
body.se-molde-lavado details.se-ficha{margin-top:14px !important}
body.se-molde-lavado summary.se-ficha__summary{padding-top:8px !important;padding-bottom:8px !important;line-height:1.15 !important}
body.se-molde-lavado dl.se-ficha__datos{display:grid !important;grid-template-columns:1fr 1fr !important;grid-template-rows:none !important;grid-auto-rows:min-content !important;row-gap:12px !important;column-gap:20px !important;margin-bottom:14px !important;align-items:start !important}
body.se-molde-lavado dl.se-ficha__datos dt{margin:0 0 4px 0 !important;line-height:1.15 !important}
body.se-molde-lavado dl.se-ficha__datos dd{margin:0 !important;line-height:1.35 !important;min-width:0 !important;overflow-wrap:break-word !important}
body.se-molde-lavado dl.se-ficha__datos > div:last-child{grid-column:1 / -1 !important}
body.se-molde-lavado figure.se-ficha__tueste{display:none !important;margin:0 !important}
body.se-molde-lavado div.se-ficha__origen-row{padding-bottom:8px !important;margin-top:0 !important}
body.se-molde-lavado ul.se-ficha__notas{display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:0 !important;margin:0 !important;padding:0 !important;list-style:none !important}
body.se-molde-lavado ul.se-ficha__notas::before{content:"Notas de catación" !important;flex:0 0 100% !important;flex-basis:100% !important;box-sizing:border-box !important;margin-bottom:4px !important;font-family:"League Gothic",sans-serif !important;font-size:13px !important;font-weight:600 !important;text-transform:uppercase !important;letter-spacing:0.15em !important;line-height:1.15 !important;color:#6B655C !important}
body.se-molde-lavado ul.se-ficha__notas > li{margin:0 8px 8px 0 !important}
body.se-molde-lavado .mp-credits-tooltip-container{margin-bottom:14px !important}
body.se-molde-lavado .summary > h1.product_title{margin-bottom:8px !important}
body.se-molde-lavado .summary > .woocommerce-product-rating{margin-bottom:6px !important}
body.se-molde-lavado .summary > form.variations_form.cart{margin-top:8px !important}


/* === SE geometria pildora=aside 2026-07-06: lados iguales que crecen, foto 760 centrada, gutters chicos === */
@media (min-width:1025px){
  html body.se-molde-lavado.single-product div.product{grid-template-columns:1fr 760px 1fr !important;column-gap:24px !important}
  body.se-molde-lavado .woocommerce-product-gallery,body.se-molde-lavado .woocommerce-product-gallery__wrapper,body.se-molde-lavado .woocommerce-product-gallery .flexslider,body.se-molde-lavado .woocommerce-product-gallery .flex-viewport{width:100% !important;max-width:100% !important}
  body.se-molde-lavado .summary{width:auto !important;max-width:none !important}
  body.se-molde-lavado .se-molde-aside__arte,body.se-molde-lavado .se-molde-aside__carrusel{width:100% !important;max-width:100% !important;margin-left:0 !important}
}

/* SE geometria minwidth0: lados 1fr iguales + foto centrada */
@media (min-width:1025px){body.se-molde-lavado .se-molde-aside,body.se-molde-lavado .summary{min-width:0 !important}}

/* SE geometria minwidth0-spanning: las secciones full-ancho no inflan las columnas */
@media (min-width:1025px){body.se-molde-lavado .se-faq,body.se-molde-lavado .related.products,body.se-molde-lavado .woocommerce-tabs,body.se-molde-lavado .se-tostado{min-width:0 !important}}


/* === SE ajustes v2 2026-07-06: margenes simetricos + compactar + zoom sin blanco === */
@media (min-width:1025px){
  html body.se-molde-lavado.single-product div.product{grid-template-columns:calc((100vw - 967px)/2) 760px calc((100vw - 967px)/2) !important;column-gap:24px !important}
  body.se-molde-lavado .summary{padding:24px !important}
  body.se-molde-lavado .summary > h1.product_title{font-size:22px !important;margin-bottom:6px !important;line-height:1.1 !important}
  body.se-molde-lavado .summary > .woocommerce-product-rating{margin-bottom:4px !important}
  body.se-molde-lavado .summary > p.price{font-size:26px !important;margin-top:4px !important;margin-bottom:2px !important}
  body.se-molde-lavado details.se-ficha{margin-top:10px !important}
  body.se-molde-lavado .se-ficha__datos{row-gap:8px !important;margin-bottom:10px !important}
  body.se-molde-lavado summary.se-ficha__summary{padding-top:6px !important;padding-bottom:6px !important}
  body.se-molde-lavado .se-ficha__datos dd{font-size:14px !important}
  body.se-molde-lavado div.se-ficha__origen-row{padding-bottom:6px !important}
  body.se-molde-lavado .mp-credits-tooltip-container{margin-bottom:8px !important}
  body.se-molde-lavado .summary > form.variations_form.cart{margin-top:6px !important}
  body.se-molde-lavado .se-envio-nota{margin-top:8px !important}
  body.se-molde-lavado .variations{margin-bottom:8px !important}
  body.se-molde-lavado .variations th.label,body.se-molde-lavado .variations .label{margin-bottom:2px !important;line-height:1.2 !important}
}
body.se-molde-lavado .zoomImg{background-color:transparent !important}


/* === SE ajustes v3 2026-07-06: simetria exacta (952) + compactar a 1 pantalla === */
@media (min-width:1025px){
  html body.se-molde-lavado.single-product div.product{grid-template-columns:calc((100vw - 952px)/2) 760px calc((100vw - 952px)/2) !important}
  body.se-molde-lavado .summary{padding:18px !important}
  body.se-molde-lavado .summary > h1.product_title{font-size:21px !important;margin-bottom:4px !important}
  body.se-molde-lavado .summary > p.price{font-size:24px !important;margin-top:2px !important;margin-bottom:2px !important}
  body.se-molde-lavado .summary > .woocommerce-product-rating{margin-bottom:2px !important}
  body.se-molde-lavado details.se-ficha{margin-top:6px !important}
  body.se-molde-lavado summary.se-ficha__summary{padding-top:4px !important;padding-bottom:4px !important}
  body.se-molde-lavado .se-ficha__datos{row-gap:6px !important;margin-bottom:8px !important}
  body.se-molde-lavado div.se-ficha__origen-row{padding-bottom:4px !important}
  body.se-molde-lavado .mp-credits-tooltip-container{margin-bottom:4px !important}
  body.se-molde-lavado .summary > form.variations_form.cart{margin-top:4px !important}
  body.se-molde-lavado .se-envio-nota{margin-top:4px !important}
  body.se-molde-lavado .variations{margin-bottom:4px !important}
}


/* === SE carrusel 3 fotos 2026-07-06: exactamente 3 llenando el ancho, alto 125 fijo (puntos/VERACRUZ no se mueven) === */
@media (min-width:1025px){
  body.se-molde-lavado .se-molde-aside__carrusel{gap:16px !important}
  body.se-molde-lavado .se-molde-aside__carrusel img{flex:0 0 calc((100% - 32px)/3) !important;width:calc((100% - 32px)/3) !important;height:125px !important;object-fit:cover !important;max-width:none !important}
}


/* === SE faq fullbleed fuera-grid 2026-07-06: al sacar el FAQ del grid perdio el ancho; restauro full-bleed relativo al viewport === */
@media (min-width:1025px){
  body.se-molde-lavado .se-faq{width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;box-sizing:border-box !important}
}


/* === SE related margen fuera-grid 2026-07-06: al salir del grid el related conservo margin-left:-72 (para cuando el grid empezaba en 72); ahora el padre empieza en 0, quito ese -72 para que las tarjetas vuelvan a empezar en 72 === */
html body.se-molde-lavado .related.products{margin-left:0 !important}


/* === SE foto principal siempre visible 2026-07-06: seguro anti-desaparicion (fuerza el 1er slide de la galeria visible pase lo que pase con flexslider) === */
body.se-molde-lavado .woocommerce-product-gallery__image:first-child,
body.se-molde-lavado .woocommerce-product-gallery__image:first-child img.wp-post-image{display:block !important;opacity:1 !important;visibility:visible !important}
body.se-molde-lavado .woocommerce-product-gallery__image:first-child{position:relative !important;transform:none !important;left:auto !important;top:auto !important}
body.se-molde-lavado .woocommerce-product-gallery .flex-viewport>ul,
body.se-molde-lavado .woocommerce-product-gallery ul.slides{transform:none !important}


.wp-block-cover.alignfull h1{ text-shadow: none !important; }


/* OBS1 FIX 2026-07-07: header blanco desde el primer paint en paginas hero. Mata el flash carbon->blanco de ENTRADA (la regla del motor forzaba carbon antes de se-hero-ready y sobre el velo crema se veia negro). Mayor especificidad + important. NO afecta scroll/stuck (sigue carbon) ni over-hero ya listo (sigue blanco). */
html:not(.se-hero-ready) body #se-header.se-header--over-hero:not(.se-stuck){ color: var(--se-blanco,#FBF9F4) !important; }


/* OBS3 FIX 2026-07-07: cierre del mega-menu (TIENDA) un poco mas rapido. La base .se-mega (estado cerrado = destino al cerrar) usaba transition clip-path 0.7s; body .se-mega la baja a 0.45s. La apertura (html.se-mega-open .se-mega, 0.8s) queda intacta por mayor especificidad. */
body .se-mega{ transition: clip-path 0.45s cubic-bezier(0.65,0.05,0.35,1); }


/* BANDA v4 2026-08-24: el intro de la banda vuelve al empuje por max-height del #14409
   (sePromoBaja 1.6s, delay 1.05s): la barra baja porque la banda crece — un solo origen de
   verdad, imposible desincronizar, y SIN transform en el header (la v3 transformaba #se-header
   y mientras el transform vivia ~2s los paneles fixed quedaban ATRAPADOS en el header: abrir
   el buscador recien llegado a la ficha salia una franja rota — reporte del dueno). Los
   keyframes viejos quedan inertes por el grep del checklist. */
@keyframes sePromoWipe { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes seBarDrop { from { transform: translateY(-34px); } to { transform: translateY(0); } }


/* BANDA PRODUCTO = IGUAL AL HERO 2026-07-08 (v2 absoluto): la regla text-align:center del producto esta en una @layer con !important (no vencible por especificidad). Se posiciona el span en ABSOLUTO a la izquierda (position no esta en disputa) para igualar el hero. seBanda (animacion del hero) sigue por su transform. */
html body.single-product #se-header .se-header__promo { position: relative !important; height: 34px !important; }
html body.single-product #se-header .se-header__promo > span { position: absolute !important; left: clamp(20px, 2vw, 48px) !important; top: 0 !important; line-height: 34px !important; animation-delay: 1.2s !important; animation-fill-mode: backwards !important; }

/* ==== WPCode #14391 ==== */
/* ===== SE QUICK ADD — banda a todo el ancho + cortina (Esquema B salvia) 2026-07-10 ===== */
:root{--se-sage:#454E3C;--se-sage-d:#374030}
html.se-js .se-qa__open{display:inline-flex;align-items:center;justify-content:center;
  position:absolute;inset:auto 0 0 0;width:100%;min-height:46px;height:46px;padding:0 14px;margin:0;
  border:0;border-radius:0;z-index:4;cursor:pointer;text-decoration:none;
  background:var(--se-sage);color:var(--se-crema,#F5F1E8);
  font-family:var(--se-fuente-titular,'League Gothic',sans-serif);text-transform:uppercase;letter-spacing:.07em;
  font-size:clamp(15px,1.15vw,18px);line-height:1;
  transition:opacity .25s cubic-bezier(.4,0,.25,1),transform .25s cubic-bezier(.4,0,.25,1),background .2s}
html.se-js .se-qa__open:hover,html.se-js .se-qa__open:focus-visible{background:var(--se-sage-d);color:var(--se-crema,#F5F1E8);transform:none}
html.se-js .se-qa__open:focus-visible{outline:2px solid var(--se-sage-d);outline-offset:2px}

/* Crossfade a la 2a foto: disparar con hover de TODA la card (el link estirado tapa el media, media:hover no basta) */
html .se-cat-card:has(.se-cat-card__img--alt):hover .se-cat-card__img--alt,
html .se-cat-card:has(.se-cat-card__img--alt):focus-within .se-cat-card__img--alt{opacity:1 !important}
html .se-cat-card:has(.se-cat-card__img--alt):hover .se-cat-card__img--main,
html .se-cat-card:has(.se-cat-card__img--alt):focus-within .se-cat-card__img--main{opacity:0 !important}

@media (hover:hover) and (pointer:fine) and (min-width:921px){
  html.se-js .se-qa__open{opacity:0;transform:translateY(8px);pointer-events:none}
  html.se-js .se-cat-card:hover .se-qa__open,
  html.se-js .se-cat-card:focus-within .se-qa__open{opacity:1;transform:none;pointer-events:auto}
}
@media (hover:none),(max-width:920px){
  html .se-cat-grid .se-cat-card:has(.se-qa__open) .se-cat-card__img--main{padding:7% 9% calc(46px + 5%) 9% !important}
}

/* ===== CORTINA ===== */
.se-qa{display:none;background:var(--se-crema,#F5F1E8);color:#1E1C19;border:0;border-radius:0;padding:14px;margin:0}
.se-qa[open]{display:flex;flex-direction:column}
html .se-qa[open]{z-index:5 !important}
html .se-cat-card:has(.se-qa[open]){position:relative;z-index:30 !important}
.se-qa__body{overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:14px;min-height:0}
.se-qa::backdrop{background:rgba(30,28,25,.4);touch-action:none}
@media (hover:hover) and (pointer:fine) and (min-width:921px){
  .se-qa[open]{position:absolute;inset:auto 0 0 0;width:100%;max-height:100%;height:auto;animation:se-qa-rise .6s cubic-bezier(.22,1,.32,1)}
}
@media (hover:none),(max-width:920px){
  .se-qa[open]{position:fixed;inset:auto 0 0 0;width:100%;max-height:82dvh;padding:20px;padding-bottom:calc(16px + env(safe-area-inset-bottom));animation:se-qa-rise .6s cubic-bezier(.22,1,.32,1)}
}
@media (hover:none) and (min-width:921px){.se-qa[open]{max-width:480px;left:auto;right:0}}
html .se-qa[open].se-qa--out{animation:se-qa-fall .68s cubic-bezier(.4,0,.25,1) forwards}
@keyframes se-qa-rise{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes se-qa-fall{from{clip-path:inset(0 0 0 0)}to{clip-path:inset(100% 0 0 0)}}
html.se-qa-lock{overflow:hidden}

.se-qa__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}
.se-qa__title{font-family:var(--se-fuente-titular,'League Gothic',sans-serif);text-transform:uppercase;font-size:clamp(1.05rem,1.8vw,1.4rem);line-height:1;letter-spacing:.02em;margin:0}
.se-qa__close{width:40px;height:40px;margin:-8px -8px 0 0;background:none;border:0;color:#1E1C19;font-size:22px;line-height:1;cursor:pointer;display:grid;place-content:center}

.se-qa__group{border:0;padding:0;margin:0}
.se-qa__legend{font-family:var(--se-fuente-titular,'League Gothic',sans-serif);text-transform:uppercase;font-size:clamp(.72rem,.95vw,.82rem);letter-spacing:.16em;line-height:1.1;margin-bottom:6px;padding:0;color:#6B655C}
.se-qa__opt{display:flex;align-items:center;gap:11px;min-height:34px;padding:0 4px;cursor:pointer;font-family:var(--se-fuente-cuerpo,Roboto,sans-serif);font-size:clamp(.8125rem,1vw,.9375rem);line-height:1.4}
@media (hover:none),(max-width:920px){.se-qa__opt{min-height:42px}}
.se-qa__opt:hover{background:var(--se-blanco,#FBF9F4)}
.se-qa__opt input{appearance:none;-webkit-appearance:none;width:16px;height:16px;flex:0 0 16px;margin:0;border:1px solid var(--se-sage);border-radius:50%;display:grid;place-content:center;background:transparent}
.se-qa__opt input::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--se-sage);transform:scale(0);transition:transform .2s cubic-bezier(.4,0,.25,1)}
.se-qa__opt input:checked::before{transform:scale(1)}
.se-qa__opt-name{flex:1}
.se-qa__opt-price{margin-left:auto;font-family:var(--se-fuente-titular,'League Gothic',sans-serif);font-size:clamp(.9rem,1.2vw,1.05rem);letter-spacing:.02em;color:#6B655C}

.se-qa__row{display:flex;gap:10px;align-items:stretch;margin-top:6px;flex-shrink:0}
.se-qa__qty{display:flex;align-items:center;background:var(--se-crema-2,#EFEBE2);border:0;border-radius:2px}
.se-qa__qty button{width:38px;height:44px;background:none;border:0;color:#1E1C19;font-size:18px;line-height:1;cursor:pointer}
.se-qa__qty input{width:40px;border:0;background:none;text-align:center;color:#1E1C19;font-family:var(--se-fuente-cuerpo,Roboto,sans-serif);font-size:15px;-moz-appearance:textfield}
.se-qa__qty input::-webkit-outer-spin-button,.se-qa__qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.se-qa .se-qa__add{flex:1;min-height:44px;border:0;border-radius:2px;padding:0 16px;cursor:pointer;background:var(--se-sage);color:var(--se-crema,#F5F1E8);font-family:var(--se-fuente-titular,'League Gothic',sans-serif);text-transform:uppercase;letter-spacing:.06em;font-size:clamp(15px,1.1vw,17px);line-height:1;transition:background .2s}
.se-qa .se-qa__add:hover{background:var(--se-sage-d)}
.se-qa .se-qa__add[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.se-qa__msg{display:none;margin:10px 0 0;padding:9px 11px;background:var(--se-crema-2,#EFEBE2);color:#1E1C19;font-family:var(--se-fuente-cuerpo,Roboto,sans-serif);font-size:clamp(.8125rem,1vw,.9375rem)}
.se-qa__msg.is-on{display:block}

.se-qa__opt input:focus-visible,.se-qa button:focus-visible,.se-qa__qty input:focus-visible{outline:2px solid var(--se-sage-d);outline-offset:2px}
@keyframes se-qa-bump{0%{transform:scale(1)}40%{transform:scale(1.3)}100%{transform:scale(1)}}
.se-header__cart-count.is-bump{animation:se-qa-bump .3s cubic-bezier(.4,0,.25,1);display:inline-block}
.se-qa-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media (prefers-reduced-motion:reduce){
  .se-qa[open],.se-qa[open].se-qa--out{animation:none}
  html.se-js .se-qa__open{transition:none;transform:none}
  .is-bump{animation:none}
  .se-qa__opt input::before{transition:none}
}

/* 2026-08-19 (P9 movil): en movil el FRENTE lleva padding asimetrico (7% / 9% / 46px+5%)
   para dejar la banda AGREGAR; el HOVER (cover, padding 12) quedaba centrado en la caja
   completa => la bolsa "se corria hacia abajo" ~20px al girar (medido en las 10 tarjetas
   de la tienda). Compensacion CSS (los archivos ya cumplen el contrato 82%/100% de §1-bis):
   caja del hover = lado_del_frente/.82 y desplazada (7% - 5% - 46px)/2 hacia arriba =
   MISMO centro que el frente. Solo tarjetas con boton (las del padding asimetrico).
   Escritorio (hover:hover + >920) intacto. */
@media (hover:none),(max-width:920px){
  html .se-cat-grid .se-cat-card:has(.se-qa__open) .se-cat-card__img--alt{
    padding:calc((100% - (88% - 46px) / .82) / 2) !important;
    transform:translateY(calc((2% - 46px) / 2)) !important;
  }
}

/* ==== WPCode #14390 ==== */
/* ===== SE CATALOGO 3COL v2 (2026-07-03) — landings 14372/14374/14376. Imprime ANTES que #14239: par compuesto + !important ===== */

/* A) GRID */
html .entry-content .se-cat-grid, html .se-cat-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  column-gap:clamp(24px,2vw,32px) !important;
  row-gap:clamp(48px,4.5vw,72px) !important;
  padding-inline:var(--se-gutter,57px) !important;
  padding-top:clamp(32px,4vw,56px) !important;
  padding-bottom:clamp(72px,10vw,140px) !important;
}
@media (max-width:1280px){
  html .entry-content .se-cat-grid, html .se-cat-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    padding-inline:clamp(24px,3.5vw,57px) !important;
  }
}
@media (max-width:640px){
  html .entry-content .se-cat-grid, html .se-cat-grid{
    grid-template-columns:1fr !important;
    row-gap:56px !important;
    padding-inline:24px !important;
  }
}

/* B) CELDA blanco hueso + contain uniforme */
html .entry-content .se-cat-grid .se-cat-card, html .se-cat-grid .se-cat-card{ position:relative !important; }
html .entry-content .se-cat-grid .se-cat-card__media, html .se-cat-grid .se-cat-card__media{
  aspect-ratio:1/1 !important;
  background:var(--se-crema,#F5F1E8) !important;
  position:relative !important;
  overflow:hidden !important;
}
html .entry-content .se-cat-grid .se-cat-card__img--main, html .se-cat-grid .se-cat-card__img--main{
  object-fit:contain !important; padding:9% !important;
}
html .entry-content .se-cat-grid .se-cat-card__img--wide, html .se-cat-grid .se-cat-card__img--wide{
  object-fit:cover !important; padding:0 !important;
}

/* C) STRETCHED LINK (toda la card clickable sin anidar interactivos) */
html .entry-content .se-cat-grid .se-cat-card__link, html .se-cat-grid .se-cat-card__link{
  text-decoration:none !important; display:block !important;
}
html .entry-content .se-cat-grid .se-cat-card__link::after, html .se-cat-grid .se-cat-card__link::after{
  content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important;
}
html .se-cat-card__link:focus-visible{ outline:2px solid var(--se-acento,#7C8A6E) !important; outline-offset:2px !important; }

/* F) TIPOGRAFIA de card (clamps de la guia; el h3 ya no lleva <a>) */
html .entry-content .se-cat-grid .se-cat-card__name, html .se-cat-grid .se-cat-card__name{
  font-family:var(--se-fuente-titular) !important; text-transform:uppercase !important;
  color:var(--se-carbon,#1E1C19) !important; font-weight:400 !important;
  margin:18px 0 0 !important;
  font-size:clamp(1.5rem,3vw,2.25rem) !important; line-height:1.05 !important; letter-spacing:.015em !important;
  transition:color .25s cubic-bezier(.4,0,.25,1) !important;
}
html .se-cat-card__link:hover .se-cat-card__name{ color:var(--se-acento,#7C8A6E) !important; }
html .entry-content .se-cat-grid .se-cat-card__notes, html .se-cat-grid .se-cat-card__notes{
  font-size:clamp(1rem,1.15vw,1.125rem) !important; line-height:1.6 !important; margin:8px 0 0 !important;
}
html .entry-content .se-cat-grid .se-cat-card__price, html .se-cat-grid .se-cat-card__price{
  font-size:clamp(1.125rem,2vw,1.5rem) !important; line-height:1 !important; letter-spacing:.02em !important; margin:10px 0 0 !important;
}

/* E) BREAKOUT full-bleed — DESACTIVADO (activar solo si P0 detecta wrapper boxeado):
html .entry-content .se-cat-grid, html .se-cat-grid{ width:100vw !important; margin-inline:calc(50% - 50vw) !important; } */

/* ==== WPCode #14388 ==== */
/* SE - Fase 1 (2026-07-02): header y footer NATIVOS en posts, carrito, checkout, quiz y legales.
   El header lo pinta PHP #14283 (gate ampliado) y el footer PHP #14387; aqui se oculta el chrome viejo. */

/* chrome viejo fuera */
body.single-post .elementor-location-header, body.woocommerce-cart .elementor-location-header, body.woocommerce-checkout .elementor-location-header, body.page-id-26 .elementor-location-header, body.page-id-27 .elementor-location-header, body.page-id-10069 .elementor-location-header, body.page-id-11821 .elementor-location-header, body.page-id-3 .elementor-location-header, body.page-id-29 .elementor-location-header, body.single-post .elementor-location-footer, body.woocommerce-cart .elementor-location-footer, body.woocommerce-checkout .elementor-location-footer, body.page-id-26 .elementor-location-footer, body.page-id-27 .elementor-location-footer, body.page-id-10069 .elementor-location-footer, body.page-id-11821 .elementor-location-footer, body.page-id-3 .elementor-location-footer, body.page-id-29 .elementor-location-footer, body.single-post #masthead, body.woocommerce-cart #masthead, body.woocommerce-checkout #masthead, body.page-id-26 #masthead, body.page-id-27 #masthead, body.page-id-10069 #masthead, body.page-id-11821 #masthead, body.page-id-3 #masthead, body.page-id-29 #masthead, body.single-post #colophon, body.woocommerce-cart #colophon, body.woocommerce-checkout #colophon, body.page-id-26 #colophon, body.page-id-27 #colophon, body.page-id-10069 #colophon, body.page-id-11821 #colophon, body.page-id-3 #colophon, body.page-id-29 #colophon { display:none !important; }

/* aire bajo el header fijo (60px stuck) */
body.single-post .site-content, body.woocommerce-cart .site-content, body.woocommerce-checkout .site-content, body.page-id-26 .site-content, body.page-id-27 .site-content, body.page-id-10069 .site-content, body.page-id-11821 .site-content, body.page-id-3 .site-content, body.page-id-29 .site-content { padding-top: calc(60px + clamp(24px,3vw,48px)) !important; }

/* dentro del modal del quiz (iframe) no va el chrome nuevo */
html.se-in-iframe #se-header { display:none !important; }
html.se-in-iframe footer.se-footer { display:none !important; }
html.se-in-iframe .site-content { padding-top:0 !important; }

/* SE - fix doble footer: ocultar footer viejo de Elementor donde ya hay footer nativo (2026-07-08) */
body:has(footer.se-footer) footer.elementor-location-footer{display:none !important;}

/* ==== WPCode #14379 ==== */
/* GUTTER CANYON - SOLO visita/bestsellers/mayoreo (2026-07-02) — html+important: este snippet se imprime ANTES que #14239 */
@media (min-width:921px){
  :root{ --se-gutter:57px; }
  html .se-bestsellers__track{ padding-left:var(--se-gutter) !important; padding-right:var(--se-gutter) !important; }
  html .se-bestsellers__progress{ margin-left:var(--se-gutter) !important; margin-right:var(--se-gutter) !important; }
  html .se-bestsellers .se-bs-card{ flex:0 0 calc((100vw - 184px)/3) !important; }
  html .se-mayoreo__inner{ padding-left:var(--se-gutter) !important; padding-right:var(--se-gutter) !important; }
  html .se-visita__track{ height:110vh !important; }
  html .se-visita__sticky{ max-width:none !important; padding:0 var(--se-gutter) !important; align-items:center !important; }
  html .se-visita__stage{ height:calc(100vh - 100px) !important; width:auto !important; aspect-ratio:4/5 !important; max-width:100% !important; margin-left:auto !important; overflow:hidden !important; }
  html .se-visita__left{ height:calc(100vh - 100px) !important; align-self:center !important; justify-content:flex-start !important; padding-top:0 !important;  padding-bottom:0 !important; }
}
/* buscador: suggest anclado abajo desde el primer frame (filas fijas; los productos no lo empujan) */
html #se-header .se-header__search-panel .search-form{ height:100% !important; grid-template-rows:auto minmax(0,1fr) auto !important; }
html #se-header .se-header__search-panel .se-search-results{ min-height:0 !important; overflow:hidden !important; }

/* suggest: eyebrow mas cerca de sus links */
html #se-header .se-header__search-panel .se-search-suggest__eyebrow{ margin-bottom:14px !important; }

/* ==== WPCode #14239 ==== */
:root{--se-crema:#F5F1E8;--se-crema-2:#EFEBE2;--se-negro:#1E1C19;--se-gris:#5A554E;--se-acento:#7C8A6E;--se-acento-soft:#5E6B52;--se-linea:#D8CFBE;--se-blanco:#FBF9F4;}
.se-hero .wp-block-cover__inner-container{max-width:1320px;width:100%;margin-inline:auto;padding-inline:clamp(20px,5vw,64px);}
.se-hero .se-eyebrow{font-weight:500!important;text-transform:uppercase;letter-spacing:.18em;font-size:.82rem!important;color:#FBF9F4!important;margin:0 0 .6rem!important;text-shadow:0 1px 10px rgba(0,0,0,.6);}
.se-hero h1{font-family:var(--se-fuente-titular,"League Gothic",sans-serif)!important;color:#FBF9F4!important;font-size:clamp(3rem,8vw,6.5rem)!important;line-height:.9!important;letter-spacing:.01em;margin:0!important;text-transform:uppercase;text-shadow:0 2px 26px rgba(0,0,0,.5);}
.se-hero .se-featured a{color:#F5F1E8!important;border:1px solid rgba(245,241,232,.5);padding:7px 16px;border-radius:2px;text-decoration:none;font-size:.9rem;margin-right:10px;display:inline-block;}
.se-hero .se-featured a:hover{background:rgba(245,241,232,.16);}
body.page-id-14277 .site-content,body.page-id-14277 .site-content>.ast-container{max-width:100%!important;padding:0!important;margin:0!important;}
body.page-id-14277 .content-area,body.page-id-14277 main.site-main,body.page-id-14277 #primary{padding:0!important;margin:0!important;}
body.page-id-14277 .ast-article-single{padding:0!important;border:0!important;background:transparent!important;}
body.page-id-14277 .entry-content{margin:0!important;}
body.page-id-14277 .entry-header,body.page-id-14277 .ast-single-entry-banner{display:none!important;}
body.page-id-14277 .entry-content>.alignfull{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;width:100vw!important;max-width:100vw!important;}
body.page-id-14277 .se-hero{min-height:100vh!important;}
.elementor-element-68aa770{background-color:#1E1C19!important;}
.elementor-element-68aa770 .elementor-background-overlay{opacity:0!important;}
.elementor-element-68aa770,.elementor-element-68aa770 *{color:#F5F1E8!important;}
body.page-id-14277 header.elementor-location-header{position:fixed!important;top:0;left:0;right:0;z-index:9999;background:transparent!important;box-shadow:none!important;transition:background .35s ease,box-shadow .35s ease;}
body.page-id-14277 header.elementor-location-header .elementor-element{background-color:transparent!important;background-image:none!important;}
body.page-id-14277 header.elementor-location-header .elementor-background-overlay{opacity:0!important;}
body.page-id-14277 header.elementor-location-header a,body.page-id-14277 header.elementor-location-header .elementor-heading-title,body.page-id-14277 header.elementor-location-header li,body.page-id-14277 header.elementor-location-header span:not(.elementor-screen-only){color:#FBF9F4!important;}
body.page-id-14277 header.elementor-location-header img{filter:brightness(0) invert(1)!important;}
body.page-id-14277 header.elementor-location-header.se-stuck{background:#F5F1E8!important;box-shadow:0 1px 16px rgba(0,0,0,.08)!important;}
body.page-id-14277 header.elementor-location-header.se-stuck a,body.page-id-14277 header.elementor-location-header.se-stuck .elementor-heading-title,body.page-id-14277 header.elementor-location-header.se-stuck li,body.page-id-14277 header.elementor-location-header.se-stuck span:not(.elementor-screen-only){color:#1E1C19!important;}
body.page-id-14277 header.elementor-location-header.se-stuck img{filter:none!important;}

/* SE cart blanco sobre header transparente 2026-06-25 */
body.page-id-14277 header.elementor-location-header .elementor-widget-woocommerce-menu-cart svg,body.page-id-14277 header.elementor-location-header .elementor-widget-woocommerce-menu-cart svg *,body.page-id-14277 header.elementor-location-header .elementor-widget-woocommerce-menu-cart path{fill:#FBF9F4!important;}
body.page-id-14277 header.elementor-location-header .elementor-widget-woocommerce-menu-cart svg{filter:drop-shadow(0 1px 6px rgba(0,0,0,.55));}
body.page-id-14277 header.elementor-location-header .elementor-widget-woocommerce-menu-cart a,body.page-id-14277 header.elementor-location-header .elementor-widget-woocommerce-menu-cart .elementor-button-text{color:#FBF9F4!important;text-shadow:0 1px 6px rgba(0,0,0,.55);}
body.page-id-14277 header.elementor-location-header.se-stuck .elementor-widget-woocommerce-menu-cart path{fill:#1E1C19!important;}
body.page-id-14277 header.elementor-location-header.se-stuck .elementor-widget-woocommerce-menu-cart a,body.page-id-14277 header.elementor-location-header.se-stuck .elementor-widget-woocommerce-menu-cart .elementor-button-text{color:#1E1C19!important;text-shadow:none;}

/* SE buscar (lupa) blanca sobre header transparente 2026-06-25 */
body.page-id-14277 header.elementor-location-header .elementor-widget-search-form svg,body.page-id-14277 header.elementor-location-header .elementor-widget-search-form svg *{stroke:#FBF9F4!important;color:#FBF9F4!important;}
body.page-id-14277 header.elementor-location-header .elementor-widget-search-form svg{filter:drop-shadow(0 1px 6px rgba(0,0,0,.55));}
body.page-id-14277 header.elementor-location-header .elementor-widget-search-form i{color:#FBF9F4!important;text-shadow:0 1px 6px rgba(0,0,0,.55);}
body.page-id-14277 header.elementor-location-header.se-stuck .elementor-widget-search-form svg,body.page-id-14277 header.elementor-location-header.se-stuck .elementor-widget-search-form svg *{stroke:#1E1C19!important;color:#1E1C19!important;}
body.page-id-14277 header.elementor-location-header.se-stuck .elementor-widget-search-form svg{filter:none;}
body.page-id-14277 header.elementor-location-header.se-stuck .elementor-widget-search-form i{color:#1E1C19!important;text-shadow:none;}

/* ===== SE HEADER NATIVO (Opcion 2) ===== */
#se-header{position:fixed;top:0;left:0;right:0;z-index:9999;font-family:var(--se-fuente-cuerpo);transition:background .8s ease,box-shadow .8s ease,color .8s ease;}
#se-header .se-header__promo{background:var(--se-negro);color:var(--se-crema);text-align:center;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;padding:7px 16px;}
#se-header .se-header__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;max-width:1320px;margin-inline:auto;padding:14px clamp(20px,5vw,64px);}
#se-header .se-header__zone--left{justify-self:start;}
#se-header .se-header__zone--center{justify-self:center;}
#se-header .se-header__zone--right{justify-self:end;display:flex;align-items:center;gap:18px;}
#se-header .se-header__brand{display:flex;flex-direction:column;align-items:center;text-decoration:none;line-height:.92;color:inherit;}
#se-header .se-brand__l1{font-family:var(--se-fuente-titular);font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:.06em;text-transform:uppercase;}
#se-header .se-brand__l2{font-size:.62rem;letter-spacing:.42em;text-transform:uppercase;margin-top:3px;}
#se-header .se-header__search-toggle,#se-header .se-header__cart{display:inline-flex;align-items:center;gap:7px;background:none;border:0;cursor:pointer;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:inherit;font-family:inherit;}
#se-header .se-header__quiz{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:inherit;border:1px solid currentColor;border-radius:2px;padding:7px 16px;}
#se-header .se-header__cart-count{font-size:.72rem;}
#se-header .se-header__nav{display:flex;justify-content:center;padding:0 clamp(20px,5vw,64px) 12px;}
#se-header .se-header__menu{display:flex;gap:clamp(20px,3vw,46px);list-style:none;margin:0;padding:0;}
#se-header .se-header__menu a{text-decoration:none;color:inherit;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;}
#se-header .se-header__search-panel{padding:0 clamp(20px,5vw,64px) 16px;max-width:1320px;margin-inline:auto;}
#se-header .se-header__search-panel[hidden]{display:none;}
#se-header .se-header__menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:6px;}
#se-header .se-header__menu-toggle span{width:24px;height:2px;background:currentColor;display:block;}
#se-header.se-header--over-hero:not(.se-stuck){background:transparent;color:var(--se-blanco);}
#se-header.se-header--over-hero:not(.se-stuck) .se-header__bar *,#se-header.se-header--over-hero:not(.se-stuck) .se-header__nav a{text-shadow:0 1px 10px rgba(0,0,0,.5);}
#se-header.se-header--over-hero:not(.se-stuck) svg{filter:drop-shadow(0 1px 6px rgba(0,0,0,.5));}
#se-header.se-header--over-hero:not(.se-stuck) .se-header__promo{background:rgba(0,0,0,.18);}
#se-header.se-stuck{background:var(--se-crema);color:var(--se-negro);box-shadow:0 1px 16px rgba(0,0,0,.08);}
#se-header.se-stuck .se-header__bar *,#se-header.se-stuck .se-header__nav a{text-shadow:none;}
#se-header.se-stuck svg{filter:none;}
body:not(.page-id-14277) .site-content{padding-top:150px;}
@media (max-width:921px){
 #se-header .se-header__menu-toggle{display:flex;}
 #se-header .se-header__search-label,#se-header .se-header__cart-label,#se-header .se-header__quiz{display:none;}
 #se-header .se-header__bar{grid-template-columns:auto 1fr auto;padding:12px 18px;}
 #se-header .se-header__zone--center{justify-self:start;}
 #se-header .se-brand__l1{font-size:1.25rem;}
 #se-header .se-brand__l2{font-size:.5rem;letter-spacing:.3em;}
 #se-header .se-header__nav{position:fixed;inset:0 0 0 auto;width:min(80vw,320px);background:var(--se-crema);color:var(--se-negro);transform:translateX(100%);transition:transform .3s ease;padding:90px 28px 28px;display:block;z-index:10000;}
 #se-header.se-nav-open .se-header__nav{transform:translateX(0);box-shadow:-8px 0 30px rgba(0,0,0,.18);}
 #se-header .se-header__menu{flex-direction:column;gap:22px;}
 #se-header .se-header__menu a{color:var(--se-negro);text-shadow:none;font-size:1rem;}
}

/* En las paginas del sitio nuevo, ocultar el header viejo de Elementor (lo releva #se-header) */
body.page-id-14277 header.elementor-location-header{display:none!important;}

/* Submenus del header (ocultos hasta hover) */
#se-header .se-header__menu li{position:relative;}
#se-header .se-header__menu .sub-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--se-crema);min-width:190px;padding:10px 0;margin:0;list-style:none;box-shadow:0 10px 28px rgba(0,0,0,.14);z-index:10001;}
#se-header .se-header__menu li:hover>.sub-menu{display:block;}
#se-header .se-header__menu .sub-menu li{display:block;}
#se-header .se-header__menu .sub-menu a{color:var(--se-negro)!important;text-shadow:none!important;display:block;padding:7px 20px;white-space:nowrap;font-size:.8rem;}

/* ===== Ajustes header v2: alinear a bordes del hero + promo simple ===== */
#se-header .se-header__bar{max-width:none;padding-left:clamp(20px,3vw,64px);padding-right:clamp(20px,3vw,64px);}
#se-header .se-header__promo{background:transparent!important;text-align:left;padding-left:clamp(20px,3vw,64px);padding-right:clamp(20px,3vw,64px);letter-spacing:.1em;}
#se-header.se-header--over-hero:not(.se-stuck) .se-header__promo{background:transparent!important;}
#se-header.se-header--over-hero:not(.se-stuck) .se-header__promo span{text-shadow:0 1px 10px rgba(0,0,0,.55);}
/* Menu limpio: ocultar Quiz y Vuelvete un experto del nav (siguen para el header viejo) */
#se-header .se-header__menu .menu-item-10092{display:none;}

/* Promo  fuente editorial (italica, may/min) + entra como banda cruzando la pantalla de derecha a izquierda */
#se-header .se-header__promo{overflow:hidden}
#se-header .se-header__promo span{display:inline-block;font-family:var(--se-fuente-cuerpo);font-style:italic;text-transform:none;letter-spacing:0;font-size:.94rem;animation:seBanda 1.5s cubic-bezier(.22,.7,.2,1) both}
@keyframes seBanda{from{transform:translateX(100vw)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){#se-header .se-header__promo span{animation:none;transform:none}}

/* ===== Menu movil: overlay + cerrar ===== */
.se-header__overlay{display:none;}
.se-header__nav-close{display:none;}
@media(max-width:921px){
 .se-header__overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:9998;}
 #se-header.se-nav-open .se-header__overlay{opacity:1;visibility:visible;}
 .se-header__nav-close{display:block;position:absolute;top:16px;right:20px;background:none;border:0;font-size:2.1rem;line-height:1;color:var(--se-negro);cursor:pointer;z-index:2;}
}
/* 3. MAYOREO  columna sticky estilo Canyon (izq fija + foto grande der que se desliza) */
.se-mayoreo{background:var(--se-crema);padding-block:clamp(64px,9vw,120px)!important;overflow:visible}
.se-mayoreo__inner{max-width:none;margin-inline:0;padding-left:clamp(20px,5vw,72px);padding-right:0;display:grid;grid-template-columns:minmax(0,38%) minmax(0,62%);gap:clamp(28px,3.5vw,56px);align-items:start}
.se-mayoreo__sticky{position:sticky;top:clamp(90px,12vh,140px);align-self:start;max-width:480px}
.se-mayoreo__thumb{margin:0 0 1.7rem;width:100%}
.se-mayoreo__thumb img{width:100%;height:auto;display:block;border-radius:4px}
.se-mayoreo__kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:var(--se-acento-soft);margin:0 0 .8rem;font-weight:600}
.se-mayoreo__title{font-family:var(--se-fuente-titular);color:var(--se-negro);font-size:clamp(2.6rem,4.6vw,4.4rem);line-height:.95;letter-spacing:-.02em;text-transform:uppercase;margin:0}
.se-mayoreo__desc{color:var(--se-gris);max-width:42ch;margin:1.3rem 0 1.3rem;font-size:1.05rem;line-height:1.65}
.se-mayoreo__pitch{color:var(--se-negro);font-weight:500;font-size:1.02rem;line-height:1.55;margin:0 0 1.7rem;max-width:42ch}
.se-mayoreo__pitch strong{font-weight:700}
.se-mayoreo__pitch .se-up{text-transform:uppercase;letter-spacing:.05em;font-style:italic;font-weight:600;font-size:.95em}
.se-mayoreo__link{display:inline-block;font-family:var(--se-fuente-cuerpo);font-style:italic;font-size:1.08rem;color:var(--se-negro);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.se-mayoreo__link:hover{color:var(--se-acento-soft)}
.se-mayoreo__tall{margin:0}
.se-mayoreo__tall img{width:100%;height:auto;display:block;border-radius:4px}
@media(max-width:921px){.se-mayoreo__inner{grid-template-columns:1fr;gap:24px;padding-left:clamp(20px,5vw,28px);padding-right:clamp(20px,5vw,28px)}.se-mayoreo__sticky{position:static;max-width:none}.se-mayoreo__thumb{max-width:340px}}
@media(prefers-reduced-motion:reduce){.se-mayoreo__sticky{position:static}}

/* ================= SISTEMA SE (rediseño home 2026) ================= */
body.page-id-14277{overflow-x:clip;}
.se-section{padding-block:clamp(72px,12vw,140px);}
.se-inner{max-width:1240px;margin-inline:auto;padding-inline:clamp(20px,5vw,48px);}
.se-display-xl{font-family:var(--se-fuente-titular);font-size:clamp(3.5rem,7vw,5rem);line-height:.95;letter-spacing:-.03em;text-transform:uppercase;color:var(--se-negro);margin:0;}
.se-display-l{font-family:var(--se-fuente-titular);font-size:clamp(2.6rem,5.5vw,4.2rem);line-height:.98;letter-spacing:-.02em;text-transform:uppercase;color:var(--se-negro);margin:0;}
.se-display-m{font-family:var(--se-fuente-titular);font-size:clamp(2rem,4vw,2.75rem);line-height:1.05;letter-spacing:-.01em;text-transform:uppercase;color:var(--se-negro);margin:0;}
.se-body{font-family:var(--se-fuente-cuerpo);font-size:clamp(1rem,1.4vw,1.0625rem);line-height:1.65;color:var(--se-gris);}
.se-body-lg{font-family:var(--se-fuente-cuerpo);font-size:18px;line-height:1.65;color:var(--se-gris);max-width:60ch;}
.se-kicker{font-family:var(--se-fuente-cuerpo);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--se-acento-soft);}
.se-reveal{opacity:1;transform:translateY(18px);transition:transform .7s cubic-bezier(.16,1,.3,1);}
.se-reveal.is-in{transform:translateY(0);}
@media(prefers-reduced-motion:reduce){.se-reveal{transform:none!important;transition:none!important;}}
.se-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 32px;background:var(--se-negro);color:var(--se-crema)!important;font-family:var(--se-fuente-cuerpo);font-size:14px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-radius:2px;cursor:pointer;transition:background .25s ease,transform .25s ease;}
.se-btn:hover{background:var(--se-acento-soft);color:var(--se-blanco)!important;transform:translateY(-1px);}
.se-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-family:var(--se-fuente-cuerpo);font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--se-acento-soft);text-decoration:underline;text-underline-offset:5px;transition:color .25s ease;}
.se-link:hover{color:var(--se-negro);}
.se-link svg{width:16px;height:16px;transition:transform .25s ease;}
.se-link:hover svg{transform:translateX(4px);}


/* ===== 2. DECLARACION EDITORIAL (frase) ===== */
.se-manifiesto{background:var(--se-crema-2);padding-block:clamp(88px,12vw,140px);}
.se-manifiesto__inner{max-width:min(1200px,60vw);margin-inline:auto;padding-inline:24px;text-align:center;}
.se-manifiesto__mark{display:flex;justify-content:center;margin-bottom:clamp(22px,3.5vw,36px);color:var(--se-acento);}
.se-manifiesto__texto{font-family:var(--se-fuente-titular);font-weight:400;color:var(--se-negro);font-size:clamp(2.3rem,4.7vw,4.4rem);line-height:1.05;letter-spacing:-.02em;text-transform:none;text-wrap:balance;margin:0;}
@media(max-width:767px){.se-manifiesto__inner{max-width:none;}.se-manifiesto__texto{font-size:clamp(1.9rem,7vw,2.6rem);}}
.se-manifiesto__firma{font-family:var(--se-fuente-cuerpo);font-size:clamp(.95rem,1.3vw,1.0625rem);line-height:1.6;color:var(--se-gris);margin:clamp(22px,3vw,34px) auto 0;max-width:46ch;}
.se-manifiesto__link{margin-top:34px;}
.se-manifiesto__link a{font-family:var(--se-fuente-cuerpo);font-size:1rem;color:var(--se-acento-soft);text-decoration:underline;text-underline-offset:5px;padding:12px 4px;display:inline-block;transition:color .25s ease;}
.se-manifiesto__link a:hover{color:var(--se-negro);}

/* Frase  reveal por renglones (cada linea sube desde su renglon, escalonado). Sin JS = texto normal */
.se-manifiesto__texto .se-rl{display:block;overflow:hidden}
.se-manifiesto__texto.se-split .se-rl__i{display:block;transform:translateY(110%);transition:transform 1.2s cubic-bezier(.16,1,.3,1);will-change:transform}
.se-manifiesto__texto.se-split.is-in .se-rl__i{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.se-manifiesto__texto.se-split .se-rl__i{transform:none;transition:none}}


/* 4. LOS MAS VENDIDOS  galeria horizontal deslizable + barra de progreso (estilo Canyon) */
.se-bestsellers{background:var(--se-crema-2);overflow:hidden}
.se-bestsellers__head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin:0 0 clamp(28px,4vw,48px);padding-inline:clamp(20px,3vw,64px)}
.se-bestsellers__title{font-family:var(--se-fuente-titular);font-size:clamp(2rem,4vw,3.2rem);text-transform:uppercase;letter-spacing:-.01em;color:var(--se-negro);margin:0;line-height:1}
.se-bestsellers__all{font-family:var(--se-fuente-cuerpo);font-style:italic;font-size:1rem;color:var(--se-negro);text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.se-bestsellers__all:hover{color:var(--se-acento-soft)}
.se-bestsellers__track{display:flex;gap:clamp(16px,2vw,28px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:clamp(20px,3vw,64px);padding:0 clamp(20px,3vw,64px) 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.se-bestsellers__track::-webkit-scrollbar{display:none}
.se-bs-card{flex:0 0 clamp(300px,28vw,540px);scroll-snap-align:start}
.se-bs-card__media{display:block;background:var(--se-crema);aspect-ratio:1/1;overflow:hidden;border-radius:4px}
.se-bs-card__media img{width:100%;height:100%;object-fit:contain;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.se-bs-card__media:hover img{transform:scale(1.05)}
.se-bs-card__name{font-family:var(--se-fuente-titular);font-size:1.6rem;text-transform:uppercase;letter-spacing:-.01em;margin:1rem 0 .35rem;line-height:1}
.se-bs-card__name a{color:var(--se-negro);text-decoration:none}
.se-bs-card__name a:hover{color:var(--se-acento-soft)}
.se-bs-card__notes{font-family:var(--se-fuente-cuerpo);font-size:.92rem;color:var(--se-gris);margin:0 0 .5rem;line-height:1.5}
.se-bs-card__notes span{color:var(--se-acento-soft);font-style:italic}
.se-bs-card__price{font-family:var(--se-fuente-cuerpo);font-size:.95rem;color:var(--se-negro);margin:0}
.se-bs-card__price strong{font-weight:600}
.se-bestsellers__progress{height:2px;background:var(--se-linea);margin:clamp(24px,3vw,40px) clamp(20px,3vw,64px) 0;position:relative;border-radius:2px}
.se-bestsellers__bar{position:absolute;left:0;top:0;height:100%;background:var(--se-negro);border-radius:2px;width:30%}
@media(max-width:767px){.se-bs-card{flex-basis:78vw}}

/* 5. SUSCRIPCION  foto grande + cajita estilo Canyon (izq, fuentes del carrusel, hover crece + flecha) */
.se-suscripcion{position:relative;min-height:clamp(560px,92vh,840px);display:flex;align-items:center;justify-content:flex-start;overflow:hidden;padding:clamp(48px,8vw,90px) clamp(20px,3vw,64px)}
.se-suscripcion__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.se-suscripcion__card{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;min-height:clamp(420px,52vh,540px);background:#E9E1CF;padding:clamp(40px,4vw,60px) clamp(30px,4vw,52px);width:clamp(300px,28vw,540px);box-shadow:0 26px 64px rgba(30,28,25,.22);text-decoration:none!important;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease;cursor:pointer;border-radius:2px}
.se-suscripcion__card:hover{transform:scale(1.035);box-shadow:0 34px 76px rgba(30,28,25,.28)}
.se-suscripcion__kicker{font-family:var(--se-fuente-titular);font-weight:400;text-transform:uppercase;letter-spacing:-.005em;font-size:clamp(1.5rem,2.1vw,1.9rem);line-height:1;color:var(--se-negro);margin:0;text-decoration:none!important}
.se-suscripcion__title{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;font-size:clamp(2.1rem,3.5vw,3.1rem);line-height:1.14;letter-spacing:0;color:var(--se-negro);margin:0;text-transform:none;text-decoration:none!important}
.se-suscripcion__link{font-family:var(--se-fuente-cuerpo);font-weight:400;font-size:1.02rem;color:var(--se-negro);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.se-suscripcion__link::after{content:'\2192';display:inline-block;margin-left:.4em;opacity:0;transform:translateX(-6px);transition:opacity .3s ease,transform .3s ease;text-decoration:none}
.se-suscripcion__card:hover .se-suscripcion__link{color:var(--se-negro);text-decoration-thickness:2px;text-shadow:0 0 .5px var(--se-negro)}
.se-suscripcion__card:hover .se-suscripcion__link::after{opacity:1;transform:translateX(0)}
@media(max-width:767px){.se-suscripcion{justify-content:center;min-height:clamp(480px,80vh,640px)}}

/* 6. VISITANOS  galeria vertical scroll-driven + miniaturas + sticky + cortina (estilo Canyon) */
.se-visita{position:relative;background:var(--se-blanco)}
.se-visita__track{position:relative;height:120vh}
.se-visita__sticky{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:1fr 1.08fr;align-items:stretch;gap:clamp(32px,5vw,72px);max-width:1500px;margin-inline:auto;padding:0 clamp(20px,4vw,64px);overflow:hidden}
.se-visita__left{display:flex;flex-direction:column;gap:clamp(16px,2.2vh,26px);align-self:stretch;justify-content:flex-start;padding-block:clamp(56px,11vh,120px)}
.se-visita__lead{font-family:var(--se-fuente-titular);font-weight:400;text-transform:uppercase;letter-spacing:-.005em;font-size:clamp(1.3rem,1.9vw,1.7rem);line-height:1;color:var(--se-negro);margin:0 0 clamp(14px,1.6vh,22px)}
.se-visita__title{font-family:var(--se-fuente-titular);font-weight:400;font-size:clamp(1.7rem,2.7vw,2.6rem);line-height:1.14;letter-spacing:-.01em;color:var(--se-negro);margin:0;text-transform:none;max-width:20ch}
.se-visita__title .se-rl{display:block;overflow:hidden}
.se-visita__title.se-split .se-rl__i{display:block;transform:translateY(110%);transition:transform 1.1s cubic-bezier(.16,1,.3,1);will-change:transform}
.se-visita__title.se-split.is-in .se-rl__i{transform:translateY(0)}
.se-visita__link{font-family:var(--se-fuente-cuerpo);font-style:italic;font-size:1.05rem;color:var(--se-negro);text-decoration:underline;text-underline-offset:5px;align-self:start}
.se-visita__link:hover{color:var(--se-negro);text-decoration-thickness:2px}
.se-visita__thumbs{display:flex;gap:clamp(10px,1vw,16px);list-style:none;margin:auto 0 0;padding:0}
.se-visita__thumb{cursor:pointer;opacity:.45;transition:opacity .35s ease;width:clamp(52px,5vw,80px)}
.se-visita__thumb.is-on{opacity:1}
.se-visita__thumb-n{font-family:var(--se-fuente-cuerpo);font-size:.68rem;letter-spacing:.05em;color:var(--se-negro);margin-bottom:5px;display:block}
.se-visita__thumb img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;border-radius:2px}
.se-visita__stage{position:relative;width:100%;height:92vh;justify-self:end;align-self:center;overflow:hidden;border-radius:3px;background:transparent}
.se-visita__slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0%;opacity:0;transition:opacity .7s ease}
.se-visita__slide.is-active{opacity:1}
.se-visita__stage.is-curtain .se-visita__slide{clip-path:inset(0 0 100% 0)}
.se-visita__stage.is-open .se-visita__slide.is-active{clip-path:inset(0 0 0 0);transition:clip-path 3s cubic-bezier(.22,1,.32,1),opacity 1s ease}
@media(max-width:921px){.se-visita__track{height:auto}.se-visita__sticky{position:static;height:auto;grid-template-columns:1fr;gap:26px;padding-block:clamp(48px,9vw,72px)}.se-visita__stage{max-width:none;width:100%;justify-self:stretch;height:auto;aspect-ratio:4/5}}
@media(max-width:767px){.se-visita{padding-top:34px;padding-bottom:40px}.se-visita__sticky{padding-top:0;padding-bottom:0;gap:24px}.se-visita__left{padding-top:0;padding-bottom:0}}
@media(max-width:767px){.se-hero .wp-block-cover__image-background{object-position:55% 45%!important}}
@media(max-width:767px){.se-suscripcion{min-height:auto;padding:40px 20px}.se-suscripcion__card{width:min(72vw,300px);aspect-ratio:1/1;min-height:0;padding:30px 28px;display:flex;flex-direction:column;justify-content:center;gap:16px}.se-suscripcion__card>*{margin-top:0;margin-bottom:0}.se-suscripcion__title{font-size:clamp(1.5rem,6vw,2rem)}}
/* NOSOTROS */
.se-nosotros{background:var(--se-crema);overflow:hidden}
.se-nosotros__inner{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.se-nosotros__media img{width:100%;height:100%;object-fit:cover;display:block;min-height:clamp(480px,72vh,760px)}
.se-nosotros__text{display:flex;flex-direction:column;justify-content:center;gap:clamp(14px,1.6vw,22px);padding:clamp(40px,6vw,96px) clamp(24px,5vw,88px)}
.se-nosotros__kicker{font-family:var(--se-fuente-titular);text-transform:uppercase;letter-spacing:.14em;font-size:.82rem;color:var(--se-acento-soft);margin:0}
.se-nosotros__title{font-family:var(--se-fuente-titular);font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.02;letter-spacing:.01em;color:var(--se-negro);text-transform:uppercase;margin:0}
.se-nosotros__body{font-family:var(--se-fuente-cuerpo);font-size:clamp(1rem,1.15vw,1.15rem);line-height:1.62;color:var(--se-gris);max-width:46ch;margin:0}
.se-nosotros__link{font-family:var(--se-fuente-cuerpo);font-style:italic;color:var(--se-negro);text-decoration:underline;text-underline-offset:4px;width:fit-content}
@media(max-width:767px){.se-nosotros__inner{grid-template-columns:1fr}.se-nosotros__media img{min-height:0;aspect-ratio:4/3}.se-nosotros__text{padding:36px 24px 48px}}
/* FOOTER */
.se-footer{background:var(--se-negro);color:var(--se-crema);padding:clamp(56px,7vw,90px) 0 26px}
.se-footer__top{display:grid;grid-template-columns:1.6fr 1fr 1.3fr 1fr;gap:clamp(28px,4vw,64px);padding:0 clamp(24px,5vw,72px);max-width:1500px;margin-inline:auto}
.se-footer__wordmark{font-family:var(--se-fuente-titular);font-size:clamp(2rem,3vw,2.8rem);line-height:.95;text-transform:uppercase;margin:0;color:var(--se-blanco)}
.se-footer__sub{font-family:var(--se-fuente-titular);text-transform:uppercase;letter-spacing:.28em;font-size:.78rem;color:var(--se-acento-soft);margin:.25em 0 0}
.se-footer__claim{font-family:var(--se-fuente-cuerpo);font-size:.98rem;line-height:1.55;color:var(--se-linea);margin:18px 0 0;max-width:30ch}
.se-footer__col{display:flex;flex-direction:column;gap:11px}
.se-footer__col-title{font-family:var(--se-fuente-titular);text-transform:uppercase;letter-spacing:.16em;font-size:.84rem;color:var(--se-blanco);margin:0 0 4px}
.se-footer__col a{font-family:var(--se-fuente-cuerpo);font-size:.96rem;color:var(--se-linea);text-decoration:none;transition:color .2s ease;width:fit-content}
.se-footer__col a:hover{color:var(--se-blanco)}
.se-footer__muted{font-family:var(--se-fuente-cuerpo);font-size:.96rem;color:var(--se-gris);margin:0}
.se-footer__bottom{margin:clamp(40px,5vw,64px) auto 0;padding:20px clamp(24px,5vw,72px) 0;border-top:1px solid rgba(245,241,232,.14);max-width:1500px}
.se-footer__bottom p{font-family:var(--se-fuente-cuerpo);font-size:.82rem;color:var(--se-gris);margin:0;text-align:center}
@media(max-width:921px){.se-footer__top{grid-template-columns:1fr 1fr;gap:36px 32px}}
@media(max-width:767px){.se-footer__top{grid-template-columns:1fr;gap:30px}}
body.page-id-14277 footer.elementor-location-footer{display:none!important}

.se-footer a{text-decoration:none!important}
.se-footer__col a:hover{text-decoration:underline!important;text-underline-offset:3px;color:var(--se-blanco)}

/* Movil submenu Mayoreo en drawer (touch no tiene hover) */
#se-header.se-nav-open .se-header__menu .sub-menu{display:block!important;position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;background:transparent!important;border:0!important;min-width:0!important;padding:2px 0 10px 18px!important;margin:4px 0 0!important}
#se-header.se-nav-open .se-header__menu .sub-menu a{text-transform:none!important;letter-spacing:0!important;font-size:1rem!important;opacity:.8;padding:8px 0!important}

/* a11y: contraste de la linea Xalapa en footer carbon */
.se-footer__muted{color:#ABA597!important}

/* footer: fila legal */
.se-footer__legal{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:0 0 14px}
.se-footer__legal a{font-family:var(--se-fuente-cuerpo);font-size:.8rem;color:#ABA597;text-decoration:none}
.se-footer__legal a:hover{color:var(--se-blanco);text-decoration:underline;text-underline-offset:3px}

/* Mayoreo mas chico (foto der no domina) */
.se-mayoreo{padding-block:clamp(48px,7vw,88px)!important}
.se-mayoreo__tall{max-height:72vh}
.se-mayoreo__tall img{height:100%!important;object-fit:cover;object-position:center}
@media(max-width:921px){.se-mayoreo__tall{max-height:60vh}}


/* ===== SOBRE NOSOTROS ===== */
.se-no .se-no__kick{font-family:var(--se-fuente-titular);text-transform:uppercase;letter-spacing:.18em;font-size:.82rem;color:var(--se-acento-soft);margin:0;display:inline-flex;align-items:center;gap:12px}
.se-no .se-no__kick::before{content:"";width:30px;height:1px;background:currentColor;opacity:.8}
.se-no__sec{padding-block:clamp(64px,9vw,120px)}
.se-no__in{max-width:1320px;margin-inline:auto;padding:0 clamp(20px,5vw,64px)}
.se-no__hero{position:relative;min-height:84vh;display:grid;align-items:end;overflow:hidden}
.se-no__hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.se-no__hero::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(20,18,16,.78),rgba(20,18,16,.32) 55%,rgba(20,18,16,.12)),linear-gradient(to top,rgba(20,18,16,.55),rgba(20,18,16,.08) 50%)}
.se-no__hero-in{position:relative;z-index:2;max-width:1320px;margin:0 auto;width:100%;padding:0 clamp(20px,5vw,64px) clamp(56px,8vw,100px)}
.se-no__hero-in .se-no__kick{color:#F5F1E8}
.se-no__hero h1{font-family:var(--se-fuente-titular);text-transform:uppercase;color:var(--se-blanco);font-size:clamp(2.6rem,6vw,5.4rem);line-height:.97;margin:.2em 0 .35em;text-shadow:0 2px 24px rgba(0,0,0,.45);max-width:18ch;text-wrap:balance}
.se-no__hero p{color:rgba(245,241,232,.92);max-width:54ch;font-size:1.06rem;text-shadow:0 1px 10px rgba(0,0,0,.4);text-wrap:pretty}
.se-no__split{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(32px,5vw,80px)}
.se-no__split.rev .se-no__txt{order:2}
.se-no__media{overflow:hidden;border-radius:5px}
.se-no__media img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.32,1)}
.se-no__media:hover img{transform:scale(1.04)}
.se-no__txt h2{font-family:var(--se-fuente-titular);text-transform:uppercase;font-size:clamp(2rem,3.4vw,3.1rem);line-height:1.03;margin:.18em 0 0;text-wrap:balance}
.se-no__lead{font-style:italic;color:var(--se-acento-soft);margin:0 0 .4em}
.se-no__txt .se-no__body{color:var(--se-gris);max-width:50ch;margin:18px 0 0;text-wrap:pretty}
.se-no__txt .se-no__body+.se-no__body{margin-top:14px}
.se-no__link{display:inline-block;margin-top:20px;font-style:italic;text-decoration:underline;text-underline-offset:4px;color:var(--se-negro)}
.se-no__link::after{content:"\2192";margin-left:8px;display:inline-block;transition:transform .35s ease}
.se-no__link:hover::after{transform:translateX(6px)}
.se-no__pilares{background:var(--se-crema-2)}
.se-no__phead{max-width:760px;margin:0 auto clamp(28px,4vw,52px);text-align:center}
.se-no__phead h2{font-family:var(--se-fuente-titular);text-transform:uppercase;font-size:clamp(2rem,3.4vw,3.1rem)}
.se-no__phead .se-no__body{margin:12px auto 0;max-width:60ch}
.se-no__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.2vw,30px)}
.se-no__card{background:var(--se-blanco);border:1px solid var(--se-linea);border-radius:4px;padding:clamp(24px,2.2vw,34px)}
.se-no__card h3{font-family:var(--se-fuente-titular);text-transform:uppercase;font-size:1.5rem;margin:0 0 10px;line-height:1.05}
.se-no__card p{color:var(--se-gris);font-size:.97rem;margin:0;line-height:1.55}
.se-no__chead{display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap;margin-bottom:clamp(24px,3vw,40px)}
.se-no__chead h2{font-family:var(--se-fuente-titular);text-transform:uppercase;font-size:clamp(2rem,3.4vw,3.1rem)}
.se-no__chead .se-no__body{margin:0}
.se-no__crow{display:grid;grid-template-columns:72px 1fr;gap:clamp(16px,2vw,34px);padding:26px 0;border-top:1px solid var(--se-linea);align-items:start;transition:padding-left .35s ease}
.se-no__crow:last-child{border-bottom:1px solid var(--se-linea)}
.se-no__crow:hover{padding-left:8px}
.se-no__cnum{font-family:var(--se-fuente-titular);font-size:clamp(2.2rem,3.6vw,3.2rem);color:var(--se-linea);line-height:.9;font-variant-numeric:tabular-nums;transition:color .35s ease}
.se-no__crow:hover .se-no__cnum{color:var(--se-acento)}
.se-no__crow h3{font-family:var(--se-fuente-titular);text-transform:uppercase;font-size:1.55rem;margin:0 0 8px}
.se-no__crow p{color:var(--se-gris);margin:0;max-width:60ch;font-size:.98rem}
.se-no__cta{background:var(--se-negro);color:var(--se-crema)}
.se-no__cta-in{max-width:760px;margin:0 auto;text-align:center;padding:0 clamp(20px,5vw,64px)}
.se-no__cta h2{font-family:var(--se-fuente-titular);text-transform:uppercase;color:var(--se-blanco);font-size:clamp(2.2rem,4vw,3.6rem);margin:0}
.se-no__cta p{color:rgba(245,241,232,.85);margin:16px auto 26px;max-width:54ch}
.se-no__cta-btn{display:inline-block;font-family:var(--se-fuente-titular);text-transform:uppercase;letter-spacing:.1em;background:var(--se-blanco);color:var(--se-negro);text-decoration:none;padding:14px 30px;border-radius:4px;transition:transform .3s ease}
.se-no__cta-btn:hover{transform:translateY(-2px)}
@media(max-width:921px){.se-no__grid{grid-template-columns:1fr 1fr}.se-no__split{grid-template-columns:1fr}.se-no__split.rev .se-no__txt{order:0}.se-no__media{order:-1}.se-no__media img{aspect-ratio:16/10}}
@media(max-width:600px){.se-no__grid{grid-template-columns:1fr}}


/* SOBRE NOSOTROS (id 14345) — chrome full-bleed */
body.page-id-14345 .site-content,body.page-id-14345 .site-content>.ast-container,body.page-id-14345 .content-area,body.page-id-14345 main.site-main,body.page-id-14345 #primary,body.page-id-14345 .ast-container{max-width:100%!important;padding:0!important;margin:0!important;width:100%!important}
body.page-id-14345 .ast-article-single,body.page-id-14345 article.page{padding:0!important;border:0!important;background:transparent!important;margin:0!important}
body.page-id-14345 .entry-header,body.page-id-14345 .entry-title,body.page-id-14345 .ast-single-post-title,body.page-id-14345 header.entry-header{display:none!important}
body.page-id-14345 header.elementor-location-header,body.page-id-14345 footer.elementor-location-footer{display:none!important}
body.page-id-14345{overflow-x:hidden}


/* SOBRE NOSOTROS (id 14345) — romper el ancho de bloque de Astra */
body.page-id-14345 .entry-content,body.page-id-14345 .entry-content>*,body.page-id-14345 main.se-no{max-width:100%!important;width:100%!important;margin-left:0!important;margin-right:0!important}


/* SE - Formulario de contacto (sobre fondo carbon CTA) */
.se-form{max-width:680px;margin:36px auto 0;text-align:left;display:grid;grid-template-columns:1fr 1fr;gap:16px;position:relative}
.se-form .se-field--full{grid-column:1/-1}
.se-form label{display:block;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(245,241,232,.66);margin:0 0 7px;font-family:var(--se-fuente-cuerpo)}
.se-form input,.se-form select,.se-form textarea{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(245,241,232,.22);border-radius:4px;padding:13px 14px;color:var(--se-blanco);font-family:var(--se-fuente-cuerpo);font-size:1rem;transition:border-color .25s ease,background .25s ease}
.se-form input::placeholder,.se-form textarea::placeholder{color:rgba(245,241,232,.42)}
.se-form input:focus,.se-form select:focus,.se-form textarea:focus{outline:none;border-color:var(--se-acento);background:rgba(255,255,255,.1)}
.se-form select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23F5F1E8' stroke-width='2' stroke-linecap='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
.se-form select option{color:#1E1C19}
.se-form textarea{min-height:120px;resize:vertical}
.se-form .se-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.se-form__submit{grid-column:1/-1;justify-self:start;font-family:var(--se-fuente-titular);text-transform:uppercase;letter-spacing:.1em;background:var(--se-blanco);color:var(--se-negro);border:0;padding:15px 38px;border-radius:4px;cursor:pointer;font-size:1.02rem;transition:transform .3s ease}
.se-form__submit:hover{transform:translateY(-2px)}
.se-form__ok{grid-column:1/-1;text-align:center;color:var(--se-blanco);background:rgba(124,138,110,.18);border:1px solid var(--se-acento);border-radius:6px;padding:22px;font-size:1.05rem}
@media(max-width:600px){.se-form{grid-template-columns:1fr}}

/* ===== BLOG — Vuelvete un experto (id 14361) ===== */
.se-blog__intro{padding:clamp(48px,7vw,90px) 0 clamp(20px,3vw,36px)}
.se-blog__intro h2{font-family:var(--se-fuente-titular);text-transform:uppercase;font-size:clamp(2rem,3.4vw,3rem);margin:.15em 0 0}
.se-blog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(26px,3vw,46px) clamp(20px,2.4vw,38px);max-width:1320px;margin:0 auto;padding:0 clamp(20px,5vw,64px) clamp(64px,8vw,110px)}
.se-blog__card{display:flex;flex-direction:column;text-decoration:none;color:inherit}
.se-blog__media{display:block;overflow:hidden;border-radius:4px;aspect-ratio:3/2;background:var(--se-crema-2)}
.se-blog__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.32,1)}
.se-blog__card:hover .se-blog__media img{transform:scale(1.05)}
.se-blog__cat{display:inline-block;margin-top:16px;font-family:var(--se-fuente-titular);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--se-acento-soft)}
.se-blog__title{font-family:var(--se-fuente-titular);text-transform:uppercase;font-size:clamp(1.2rem,1.6vw,1.55rem);line-height:1.07;margin-top:7px;color:var(--se-negro)}
.se-blog__excerpt{color:var(--se-gris);font-size:.95rem;line-height:1.55;margin-top:10px}
.se-blog__more{margin-top:14px;font-style:italic;text-decoration:underline;text-underline-offset:4px;color:var(--se-negro);font-size:.92rem}
.se-blog__more::after{content:"\2192";margin-left:7px;display:inline-block;transition:transform .35s ease}
.se-blog__card:hover .se-blog__more::after{transform:translateX(5px)}
@media(max-width:921px){.se-blog__grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.se-blog__grid{grid-template-columns:1fr}}
/* chrome full-bleed pagina 14361 */
body.page-id-14361 .site-content,body.page-id-14361 .site-content>.ast-container,body.page-id-14361 .content-area,body.page-id-14361 main.site-main,body.page-id-14361 #primary,body.page-id-14361 .ast-container{max-width:100%!important;padding:0!important;margin:0!important;width:100%!important}
body.page-id-14361 .ast-article-single,body.page-id-14361 article.page{padding:0!important;border:0!important;background:transparent!important;margin:0!important}
body.page-id-14361 .entry-header,body.page-id-14361 .entry-title,body.page-id-14361 .ast-single-post-title,body.page-id-14361 header.entry-header{display:none!important}
body.page-id-14361 header.elementor-location-header,body.page-id-14361 footer.elementor-location-footer{display:none!important}
body.page-id-14361 .entry-content,body.page-id-14361 .entry-content>*{max-width:100%!important;width:100%!important;margin-left:0!important;margin-right:0!important}
body.page-id-14361 .entry-content .se-blog__grid{max-width:1320px!important;margin-left:auto!important;margin-right:auto!important}
body.page-id-14361{overflow-x:hidden}


/* Blog: quitar subrayado heredado del tema en las tarjetas (solo Leer mas subrayado) */
body.page-id-14361 .se-blog__card,body.page-id-14361 .se-blog__card .se-blog__title,body.page-id-14361 .se-blog__card .se-blog__cat,body.page-id-14361 .se-blog__card .se-blog__excerpt,.se-blog__card:hover .se-blog__title{text-decoration:none!important}
body.page-id-14361 .se-blog__more{text-decoration:underline!important}
.se-blog__title{transition:color .25s ease}
.se-blog__card:hover .se-blog__title{color:var(--se-acento-soft)}


/* ============ HEADER MORPH CANYON (2026-06-28) ============ */
/* Barra flex-wrap: 3 zonas en fila 1, menu (nav) envuelve a fila 2 (REPOSO = como ahora) */
#se-header .se-header__bar{display:flex!important;flex-wrap:wrap;align-items:center;column-gap:16px;row-gap:0;transition:padding .8s cubic-bezier(.4,0,.25,1);}
#se-header .se-header__zone--left{order:1;flex:1 1 0;display:flex;align-items:center;justify-content:flex-start;min-width:0;transition:margin .8s cubic-bezier(.4,0,.25,1);}
#se-header .se-header__zone--center{order:2;flex:0 0 auto;}
#se-header .se-header__zone--right{order:3;flex:1 1 0;display:flex;align-items:center;justify-content:flex-end;gap:18px;min-width:0;}
#se-header .se-header__nav{order:4;flex:1 1 100%;display:flex;justify-content:center;padding:2px clamp(20px,5vw,64px) 12px;}
/* transiciones de los elementos que cambian de tamano/visibilidad */
#se-header .se-header__promo{max-height:48px;overflow:hidden;transition:max-height .8s cubic-bezier(.4,0,.25,1),opacity .8s ease,padding .8s ease;}
#se-header .se-brand__l2{display:block;overflow:hidden;max-height:1.4em;transition:max-height .8s cubic-bezier(.4,0,.25,1),opacity .8s ease,margin .8s ease;}
#se-header .se-brand__l1{transition:font-size .8s cubic-bezier(.4,0,.25,1),letter-spacing .8s ease;}
#se-header .se-header__search-label{display:inline-block;overflow:hidden;white-space:nowrap;max-width:90px;transition:max-width .8s cubic-bezier(.4,0,.25,1),opacity .8s ease,margin .8s ease;}
#se-header .se-header__quiz{overflow:hidden;white-space:nowrap;transition:max-width .8s cubic-bezier(.4,0,.25,1),opacity .8s ease,padding .8s ease,margin .8s ease,border-color .8s ease;max-width:120px;}
#se-header .se-header__menu a{transition:font-size .8s ease;}
#se-header .se-header__menu{transition:gap .8s ease;}

/* ===== STUCK: barra fina, una fila [logo · menu · lupa · carrito] ===== */
#se-header.se-stuck{background:var(--se-crema);color:var(--se-negro);box-shadow:none;border-bottom:0;}
#se-header.se-stuck .se-header__bar{flex-wrap:nowrap;padding-top:10px;padding-bottom:10px;column-gap:clamp(18px,3vw,38px);}
#se-header.se-stuck .se-header__promo{max-height:0;opacity:0;padding-top:0;padding-bottom:0;}
/* orden: brand(1) menu(2) ...push... lupa(3) carrito(4) */
#se-header.se-stuck .se-header__zone--center{order:1;flex:0 0 auto;}
#se-header.se-stuck .se-header__nav{order:2;flex:0 0 auto;padding:0;justify-content:flex-start;}
#se-header.se-stuck .se-header__zone--left{order:3;flex:0 0 auto;margin-left:auto;}
#se-header.se-stuck .se-header__zone--right{order:4;flex:0 0 auto;}
/* logo a UNA linea compacta */
#se-header.se-stuck .se-brand__l2{max-height:1.4em;opacity:1;margin-top:2px;font-size:.52rem;letter-spacing:.34em;}
#se-header.se-stuck .se-brand__l1{font-size:1.25rem;letter-spacing:.08em;}
/* Quiz desaparece */
#se-header.se-stuck .se-header__quiz{max-width:0;opacity:0;padding-left:0;padding-right:0;margin:0;border-color:transparent;}
/* solo la lupa (sin label "Buscar") */
#se-header.se-stuck .se-header__search-label{max-width:0;opacity:0;margin-left:0;}
/* menu mas compacto */
#se-header.se-stuck .se-header__menu{gap:clamp(16px,2vw,30px);}
#se-header.se-stuck .se-header__menu a{font-size:.78rem;}
#se-header.se-stuck .se-header__bar *{text-shadow:none!important;}
#se-header.se-stuck svg{filter:none!important;}

/* ===== Movil: no aplica el morph de escritorio (nav = drawer) ===== */
@media(max-width:921px){
  #se-header .se-header__bar{flex-wrap:nowrap!important;column-gap:10px;}
  #se-header .se-header__zone--left{order:1;flex:0 0 auto;margin-left:0!important;}
  #se-header .se-header__zone--center{order:2;flex:1 1 auto;justify-content:flex-start;}
  #se-header .se-header__zone--right{order:3;flex:0 0 auto;}
  #se-header.se-stuck .se-header__zone--left{order:1;margin-left:0!important;}
  #se-header.se-stuck .se-header__zone--center{order:2;flex:1 1 auto;}
  #se-header.se-stuck .se-header__zone--right{order:3;}
  #se-header.se-stuck .se-brand__l2{max-height:1.4em;opacity:1;}
}

/* Unificar crema: box suscripcion = crema */
.se-suscripcion__card{background:var(--se-crema)!important;}

/* Mayoreo: fix bleed imagen contenida */
.se-mayoreo__tall{overflow:hidden!important;max-height:82vh!important;}
.se-mayoreo__tall img{width:100%!important;height:100%!important;object-fit:cover!important;display:block;}

/* Mayoreo: altura explicita + thumb chico Canyon */
.se-mayoreo__tall{height:82vh!important;}
@media(min-width:922px){.se-mayoreo__thumb{max-width:320px!important;}}

/* Suscripciones: recuadro centrado + imagen mas grande Canyon */
.se-suscripcion{justify-content:center!important;min-height:96vh!important;}
.se-suscripcion__bg{height:100%!important;object-fit:cover!important;}


/* ULTIMAS ENTRADAS (blog 3-up Canyon) */
.se-ultimas{padding:clamp(64px,9vw,120px) 0;background:var(--se-crema);}
.se-ultimas__head{max-width:1320px;margin:0 auto clamp(30px,4vw,52px);padding:0 clamp(20px,5vw,64px);display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;}
.se-ultimas__kick{font-family:var(--se-fuente-titular);text-transform:uppercase;letter-spacing:.18em;font-size:.82rem;color:var(--se-acento-soft);margin:0;}
.se-ultimas__head h2{font-family:var(--se-fuente-titular);text-transform:uppercase;font-size:clamp(2.2rem,3.6vw,3.4rem);margin:.1em 0 0;line-height:1;}
.se-ultimas__all{font-style:italic;text-decoration:underline;text-underline-offset:4px;color:var(--se-negro);font-size:.95rem;white-space:nowrap;}
.se-ultimas__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,44px);max-width:1320px;margin:0 auto;padding:0 clamp(20px,5vw,64px);}
.se-ultimas__card{display:flex;flex-direction:column;text-decoration:none;color:inherit;}
.se-ultimas__media{display:block;overflow:hidden;border-radius:4px;aspect-ratio:3/4;background:var(--se-crema-2);}
.se-ultimas__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.32,1);}
.se-ultimas__card:hover .se-ultimas__media img{transform:scale(1.05);}
.se-ultimas__meta{margin-top:18px;font-family:var(--se-fuente-titular);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--se-acento-soft);}
.se-ultimas__title{font-family:var(--se-fuente-titular);text-transform:uppercase;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.06;margin-top:8px;color:var(--se-negro);text-decoration:none;}
.se-ultimas__card:hover .se-ultimas__title{color:var(--se-acento-soft);}
@media(max-width:921px){.se-ultimas__grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.se-ultimas__grid{grid-template-columns:1fr;}.se-ultimas__media{aspect-ratio:4/3;}}

/* Ultimas: quitar subrayado heredado */
.se-ultimas__card,.se-ultimas__card span,.se-ultimas__card .se-ultimas__title,.se-ultimas__card .se-ultimas__meta{text-decoration:none!important;}
.se-ultimas__all{text-decoration:underline!important;}


/* ===== CORRECCIONES CANYON 2026-06-28 ===== */
/* #3 Alternancia de crema: Frase(manifiesto) -> crema (alterna con bestsellers crema-2) */
.se-manifiesto{background:var(--se-crema)!important;}
/* #1 Blog ultimas -> crema-2 (alterna con Nosotros crema; deja de verse "caja") */
.se-ultimas{background:var(--se-crema-2)!important;}

/* #2 Mayoreo proporciones estilo Canyon: izq angosta sticky, der ancha y MAS alta */
@media(min-width:922px){
  .se-mayoreo__inner{grid-template-columns:minmax(0,28%) minmax(0,72%)!important;}
  .se-mayoreo__sticky{top:clamp(96px,13vh,150px)!important;max-width:420px!important;}
}
/* #2 Rotacion de fotos en el tall (crossfade scroll-driven) */
.se-mayoreo__tall.se-mrot{position:relative;overflow:hidden!important;border-radius:4px;height:114vh!important;max-height:114vh!important;}
@media(max-width:921px){ .se-mayoreo__tall.se-mrot{height:62vh!important;max-height:62vh!important;} }
.se-mrot__img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;opacity:0;transition:opacity .85s cubic-bezier(.4,0,.25,1);border-radius:4px;}
.se-mrot__img.is-on{opacity:1;}

/* #1 Rotacion de fotos por card del blog (crossfade auto, estilo Canyon Featured) */
.se-ultimas__media.se-urot{position:relative;display:block;}
.se-urot__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease,transform .7s cubic-bezier(.22,1,.32,1);}
.se-urot__img.is-on{opacity:1;}
.se-ultimas__card:hover .se-urot__img.is-on{transform:scale(1.05);}

/* #4 Suscripcion mas grande (igualar Canyon): 100vh + card mas ancha/cuadrada (solo desktop) */
@media(min-width:768px){
  .se-suscripcion{min-height:100vh!important;}
  .se-suscripcion__card{width:clamp(380px,32vw,460px)!important;min-height:clamp(380px,42vh,440px)!important;}
}
/* ===== /CORRECCIONES CANYON ===== */


/* === MAYOREO TALL ALTO (Canyon, sin rotacion) 2026-06-28 === */
@media(min-width:922px){ .se-mayoreo__tall{height:108vh!important;max-height:108vh!important;overflow:hidden!important;} .se-mayoreo__tall img{height:100%!important;object-fit:cover!important;} }
/* === /MAYOREO TALL ALTO === */


/* === ROTACION CSS (auto-crossfade, sin JS) 2026-06-28 === */
.se-urot__img{animation:seUrotFade 16s linear infinite;}
.se-urot__img:nth-child(1){animation-delay:0s;}
.se-urot__img:nth-child(2){animation-delay:4s;}
.se-urot__img:nth-child(3){animation-delay:8s;}
.se-urot__img:nth-child(4){animation-delay:12s;}
@keyframes seUrotFade{0%{opacity:0}3%{opacity:1}22%{opacity:1}25%{opacity:0}100%{opacity:0}}
.se-urot[data-count="1"] .se-urot__img{animation:none!important;opacity:1!important;}

.se-mrot__img{animation:seMrotFade 13.5s linear infinite;}
.se-mrot__img:nth-child(1){animation-delay:0s;}
.se-mrot__img:nth-child(2){animation-delay:4.5s;}
.se-mrot__img:nth-child(3){animation-delay:9s;}
@keyframes seMrotFade{0%{opacity:0}4%{opacity:1}29%{opacity:1}33%{opacity:0}100%{opacity:0}}

@media(prefers-reduced-motion:reduce){
  .se-urot__img,.se-mrot__img{animation:none!important;opacity:0!important;}
  .se-urot__img:first-child,.se-mrot__img:first-child{opacity:1!important;}
}
/* === /ROTACION CSS === */


/* ===== AJUSTES CANYON v2 2026-06-28 (lote autonomo) ===== */
/* BLOG: full-width como Canyon, cards grandes, imagen 4:5, titulo grande (League Gothic intacto) */
.se-ultimas__head{max-width:none!important;padding-inline:clamp(24px,4vw,72px)!important;}
.se-ultimas__grid{max-width:none!important;padding-inline:clamp(24px,4vw,72px)!important;gap:clamp(28px,3vw,48px)!important;}
.se-ultimas__media{aspect-ratio:4/5!important;}
.se-ultimas__title{font-size:clamp(1.7rem,2.5vw,2.5rem)!important;line-height:1.02!important;margin-top:14px!important;}
.se-ultimas__meta{font-size:.74rem!important;}
/* BLOG rotacion: crossfade SUAVE sin huecos (quita el parpadeo) */
@keyframes seUrotFade{0%{opacity:0}5%{opacity:1}25%{opacity:1}30%{opacity:0}100%{opacity:0}}

/* MAYOREO: foto fija (sin parpadeo); scroll-driven real llega con JS tras el firewall */
.se-mrot__img{animation:none!important;opacity:0!important;}
.se-mrot__img:first-child{opacity:1!important;}
/* MAYOREO sticky: thumb mas chico = columna izq mas corta = se queda pegada mas (como Canyon) */
@media(min-width:922px){ .se-mayoreo__thumb{max-width:208px!important;} }

/* HAMBURGUESA movil: morph de color igual que lupa/carrito (blanca sobre hero, carbon en crema) */
#se-header .se-header__menu-toggle span{background:#FBF9F4!important;transition:background-color .8s cubic-bezier(.4,0,.25,1);}
#se-header:not(.se-stuck) .se-header__menu-toggle{filter:drop-shadow(0 1px 3px rgba(0,0,0,.4));}
#se-header.se-stuck .se-header__menu-toggle span{background:#1E1C19!important;}
#se-header.se-stuck .se-header__menu-toggle{filter:none;}

/* BUSCADOR: panel crema anclado al header + input limpio + UN solo boton (resultados en vivo = JS pendiente) */
#se-header .se-header__search-panel{max-width:none!important;padding:18px clamp(20px,5vw,64px) 24px!important;background:var(--se-crema)!important;border-top:1px solid rgba(30,28,25,.08);box-shadow:0 20px 44px rgba(30,28,25,.14);}
#se-header .se-header__search-panel .search-form{max-width:600px;margin:0 auto;display:flex;align-items:center;gap:10px;position:relative;}
#se-header .se-header__search-panel .search-field{flex:1 1 auto;background:#fff;border:1px solid rgba(30,28,25,.18);border-radius:2px;padding:14px 16px;font-family:var(--se-fuente-cuerpo);font-size:1rem;color:var(--se-negro);box-shadow:inset 0 1px 2px rgba(30,28,25,.05);}
#se-header .se-header__search-panel .search-field:focus{outline:none;border-color:var(--se-negro);}
#se-header .se-header__search-panel .search-field::placeholder{color:rgba(30,28,25,.5);}
#se-header .se-header__search-panel .search-submit{flex:0 0 auto;background:var(--se-negro);color:#FBF9F4;border:0;border-radius:2px;min-width:54px;height:50px;padding:0 18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}
#se-header .se-header__search-panel .search-submit svg,#se-header .se-header__search-panel .search-submit svg path{width:18px;height:18px;fill:#FBF9F4!important;}
#se-header .se-header__search-panel .search-form input[type=submit],#se-header .se-header__search-panel .search-form>button:not(.search-submit){display:none!important;}
@media(max-width:767px){ #se-header .se-header__search-panel .search-form{max-width:none;} }
/* ===== /AJUSTES CANYON v2 ===== */


/* ===== FOOTER FORM CONTACTO 2026-06-28 ===== */
.se-footer__contacto{margin-top:16px;}
.se-footer__contacto summary{cursor:pointer;font-family:var(--se-fuente-cuerpo);font-size:.92rem;color:var(--se-blanco);opacity:.82;list-style:none;display:inline-flex;align-items:center;gap:7px;padding:5px 0;}
.se-footer__contacto summary::-webkit-details-marker{display:none;}
.se-footer__contacto summary::after{content:"+";font-size:1.05em;opacity:.7;}
.se-footer__contacto[open] summary::after{content:"\2013";}
.se-footer__contacto summary:hover{opacity:1;}
.se-foot-form{display:flex;flex-direction:column;gap:9px;margin-top:14px;max-width:300px;}
.se-foot-form input,.se-foot-form textarea{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);border-radius:2px;padding:10px 12px;color:var(--se-blanco);font-family:var(--se-fuente-cuerpo);font-size:.9rem;width:100%;box-sizing:border-box;}
.se-foot-form input::placeholder,.se-foot-form textarea::placeholder{color:rgba(255,255,255,.6);}
.se-foot-form input:focus,.se-foot-form textarea:focus{outline:none;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.1);}
.se-foot-form textarea{resize:vertical;min-height:64px;}
.se-foot-form .se-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0;}
.se-foot-form button{background:var(--se-blanco);color:var(--se-negro);border:0;border-radius:2px;padding:11px 18px;font-family:var(--se-fuente-titular);text-transform:uppercase;letter-spacing:.05em;font-size:1rem;cursor:pointer;align-self:flex-start;transition:opacity .2s;}
.se-foot-form button:hover{opacity:.85;}
.se-foot-form__ok{color:var(--se-blanco);font-family:var(--se-fuente-cuerpo);font-size:.92rem;margin-top:14px;opacity:.9;}
/* ===== /FOOTER FORM CONTACTO ===== */


/* ===== MAYOREO SCROLL DRIVEN CSS 2026-06-28 (JS controla via is-on; reemplaza el estatico) ===== */
.se-mrot__img{opacity:0!important;animation:none!important;transition:opacity .55s ease!important;}
.se-mrot__img:first-child{opacity:0!important;}
.se-mrot__img.is-on{opacity:1!important;}
@media(prefers-reduced-motion:reduce){ .se-mrot__img{transition:none!important;} .se-mrot__img:first-child{opacity:1!important;} .se-mrot__img:not(:first-child){opacity:0!important;} }
/* ===== /MAYOREO SCROLL DRIVEN CSS ===== */


/* ===== AUDIT FIXES v1 2026-06-28 (auditoria Canyon; solo aire/proporcion, marca intacta) ===== */
/* Buscador resultados en vivo */
.se-search-results{max-width:600px;margin:14px auto 0;display:flex;flex-direction:column;gap:4px;}
.se-search-results:empty{display:none;}
.se-sr-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:3px;text-decoration:none!important;color:var(--se-negro);transition:background-color .2s;}
.se-sr-item:hover{background:rgba(30,28,25,.06);}
.se-sr-thumb{width:46px;height:46px;flex:0 0 46px;background:#fff;border:1px solid rgba(30,28,25,.08);border-radius:3px;overflow:hidden;}
.se-sr-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.se-sr-info{display:flex;flex-direction:column;gap:2px;min-width:0;}
.se-sr-name{font-family:var(--se-fuente-cuerpo);font-size:.9rem;line-height:1.25;color:var(--se-negro);}
.se-sr-price{font-family:var(--se-fuente-titular);font-size:.92rem;letter-spacing:.01em;color:var(--se-acento-soft);}
.se-search-empty{max-width:600px;margin:12px auto 0;color:rgba(30,28,25,.55);font-size:.9rem;text-align:center;font-family:var(--se-fuente-cuerpo);}

/* Frase: mas aire entre lineas (mismo tamano y fuente de marca) */
.se-manifiesto__texto{line-height:1.16!important;}

/* Bestsellers: media de alto uniforme + imagen contenida + precio alineado abajo */





/* Nosotros: aire + medida + kicker/CTA con presencia (carbon, marca) */
@media(min-width:922px){ .se-nosotros{padding-block:clamp(72px,10vw,128px)!important;} .se-nosotros__text{display:flex;flex-direction:column;justify-content:center;padding-inline:clamp(28px,4vw,64px);} }
.se-nosotros__body{max-width:46ch!important;}
.se-nosotros__kicker{font-size:.82rem!important;letter-spacing:.14em!important;font-weight:600!important;color:var(--se-negro)!important;opacity:1!important;margin-bottom:20px!important;}
.se-nosotros__link{font-weight:600;border-bottom:1.5px solid var(--se-negro);padding-bottom:2px;margin-top:28px;display:inline-block;text-decoration:none!important;}

/* Suscripcion: caja casi cuadrada + titulo a 2 lineas (Georgia italic de marca intacta) */
@media(min-width:768px){
  .se-suscripcion__card{width:clamp(380px,31vw,440px)!important;min-height:430px!important;justify-content:center;gap:clamp(18px,2vw,26px);}
  .se-suscripcion__title{font-size:clamp(1.9rem,2.6vw,2.4rem)!important;line-height:1.2!important;}
}

/* Footer: mas aire arriba + titulos de columna con presencia + items con aire + firma display de cierre (Canyon) */
.se-footer{padding-top:clamp(80px,11vw,150px)!important;position:relative;overflow:hidden;}
.se-footer__col-title{font-size:1.05rem!important;letter-spacing:.03em!important;text-transform:none!important;margin-bottom:22px!important;}
.se-footer__col a{margin-bottom:13px!important;}
.se-footer::after{content:"Santa Elena";position:absolute;right:clamp(14px,4vw,72px);bottom:-0.16em;font-family:var(--se-fuente-titular);font-size:clamp(64px,13vw,180px);line-height:.8;color:rgba(245,241,232,.055);pointer-events:none;letter-spacing:.01em;white-space:nowrap;z-index:0;}
.se-footer__top,.se-footer__bottom,.se-footer__legal{position:relative;z-index:1;}
@media(max-width:767px){ .se-footer::after{font-size:24vw;right:8px;} }
/* ===== /AUDIT FIXES v1 ===== */


/* ===== CART DRAWER CSS 2026-06-28 (cajon lateral tipo Canyon) ===== */
.se-cart-lock{overflow:hidden!important;}
.se-cart-overlay{position:fixed;inset:0;background:rgba(30,28,25,.45);opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;z-index:100000;}
.se-cart-overlay.is-open{opacity:1;visibility:visible;}
.se-cart-drawer{position:fixed;top:0;right:0;height:100%;width:min(420px,92vw);background:var(--se-blanco);box-shadow:-12px 0 44px rgba(30,28,25,.2);transform:translateX(100%);transition:transform .45s cubic-bezier(.4,0,.2,1);z-index:100001;display:flex;flex-direction:column;font-family:var(--se-fuente-cuerpo);}
.se-cart-drawer.is-open{transform:translateX(0);}
.se-cart-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid rgba(30,28,25,.1);}
.se-cart-title{font-family:var(--se-fuente-titular);text-transform:uppercase;font-size:1.45rem;letter-spacing:.01em;color:var(--se-negro);}
.se-cart-close{background:none;border:0;font-size:1.9rem;line-height:1;cursor:pointer;color:var(--se-negro);padding:0 4px;}
.se-cart-body{flex:1;overflow-y:auto;padding:8px 24px;}
.se-cart-item{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(30,28,25,.07);}
.se-cart-thumb{width:60px;height:60px;flex:0 0 60px;background:#fff;border:1px solid rgba(30,28,25,.08);border-radius:3px;overflow:hidden;}
.se-cart-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.se-cart-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0;}
.se-cart-name{font-size:.9rem;line-height:1.3;color:var(--se-negro);}
.se-cart-qty{font-size:.8rem;color:var(--se-gris);}
.se-cart-line{font-family:var(--se-fuente-titular);font-size:1.05rem;color:var(--se-negro);white-space:nowrap;}
.se-cart-foot{padding:18px 24px 24px;border-top:1px solid rgba(30,28,25,.1);}
.se-cart-subtotal{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--se-fuente-titular);text-transform:uppercase;font-size:1.15rem;margin-bottom:16px;color:var(--se-negro);}
.se-cart-btn{display:block;text-align:center;padding:14px;border-radius:2px;text-decoration:none!important;font-family:var(--se-fuente-titular);text-transform:uppercase;letter-spacing:.04em;font-size:1rem;margin-bottom:10px;transition:opacity .2s;}
.se-cart-btn--primary{background:var(--se-negro);color:var(--se-blanco);}
.se-cart-btn--ghost{background:transparent;color:var(--se-negro);border:1px solid rgba(30,28,25,.25);}
.se-cart-btn:hover{opacity:.85;}
.se-cart-empty,.se-cart-loading{text-align:center;color:var(--se-gris);padding:46px 16px;}
/* ===== /CART DRAWER CSS ===== */


/* ===== QUIZ MODAL CSS 2026-06-28 ===== */
/* Ocultar chrome del sitio cuando una pagina carga DENTRO de nuestro iframe (modal quiz) */
html.se-in-iframe #se-header,
html.se-in-iframe .se-header__promo,
html.se-in-iframe header.elementor-location-header,
html.se-in-iframe footer.elementor-location-footer,
html.se-in-iframe .se-footer,
html.se-in-iframe #wpadminbar{ display:none!important; }
html.se-in-iframe, html.se-in-iframe body{ background:var(--se-blanco)!important; margin-top:0!important; padding-top:0!important; }
html.se-in-iframe body{ padding-top:0!important; }
/* Modal */
.se-quiz-overlay{position:fixed;inset:0;background:rgba(30,28,25,.55);opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;z-index:100000;display:flex;align-items:center;justify-content:center;padding:clamp(10px,3vw,40px);}
.se-quiz-overlay.is-open{opacity:1;visibility:visible;}
.se-quiz-modal{position:relative;width:min(980px,96vw);height:min(88vh,880px);background:var(--se-blanco);border-radius:4px;box-shadow:0 30px 80px rgba(30,28,25,.35);overflow:hidden;transform:translateY(20px) scale(.985);transition:transform .42s cubic-bezier(.4,0,.2,1);}
.se-quiz-overlay.is-open .se-quiz-modal{transform:none;}
.se-quiz-close{position:absolute;top:10px;right:12px;z-index:3;background:rgba(255,255,255,.92);border:1px solid rgba(30,28,25,.12);border-radius:50%;width:38px;height:38px;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--se-negro);display:flex;align-items:center;justify-content:center;}
.se-quiz-close:hover{background:#fff;}
.se-quiz-frame-wrap{width:100%;height:100%;}
.se-quiz-iframe{width:100%;height:100%;border:0;display:block;}
/* ===== /QUIZ MODAL CSS ===== */


/* ===== SEARCH CANYON v2 2026-06-28 (sin caja, sin boton, input grande estilo Canyon) ===== */
#se-header .se-header__search-panel{max-width:none!important;background:#FBF9F4!important;padding:clamp(26px,4.5vh,60px) clamp(20px,5vw,72px) clamp(34px,5vh,66px)!important;border-top:1px solid rgba(30,28,25,.06);box-shadow:0 26px 54px rgba(30,28,25,.1)!important;}
#se-header .se-header__search-panel .search-form{max-width:1080px!important;margin:0 auto!important;display:block!important;position:relative;gap:0;}
#se-header .se-header__search-panel .search-field{width:100%!important;flex:none!important;background:transparent!important;border:0!important;border-bottom:1px solid rgba(30,28,25,.2)!important;border-radius:0!important;padding:6px 0 16px!important;font-family:var(--se-fuente-cuerpo)!important;font-weight:300!important;font-size:clamp(1.6rem,3.6vw,2.7rem)!important;line-height:1.1!important;color:var(--se-negro)!important;box-shadow:none!important;}
#se-header .se-header__search-panel .search-field::placeholder{color:rgba(30,28,25,.28)!important;font-weight:300;}
#se-header .se-header__search-panel .search-field:focus{outline:none!important;border-bottom-color:var(--se-negro)!important;}
#se-header .se-header__search-panel .search-submit{display:none!important;}
.se-search-results{max-width:1080px!important;margin:24px auto 0!important;}
@media(max-width:767px){ #se-header .se-header__search-panel .search-field{font-size:1.45rem!important;} .se-search-results{margin-top:18px!important;} }
/* ===== /SEARCH CANYON v2 ===== */

/* ===== FOOTER BTN PREMIUM 2026-06-28 (quita el boton blanco viejo; ghost elegante) ===== */
.se-foot-form button{background:transparent!important;color:var(--se-blanco)!important;border:1px solid rgba(245,241,232,.45)!important;border-radius:2px;padding:14px 30px!important;letter-spacing:.08em!important;width:100%;max-width:300px;transition:background-color .25s,color .25s,border-color .25s;}
.se-foot-form button:hover{background:var(--se-blanco)!important;color:var(--se-negro)!important;border-color:var(--se-blanco)!important;opacity:1;}
/* ===== /FOOTER BTN PREMIUM ===== */


/* ===== TRANSPARENCIAS THUMBS 2026-06-29 (sin caja blanca; respeta la imagen) ===== */
.se-sr-thumb{background:transparent!important;border:0!important;}
.se-sr-thumb img{object-fit:contain!important;}
.se-cart-thumb{background:transparent!important;border:0!important;}
.se-cart-thumb img{object-fit:contain!important;}
/* ===== /TRANSPARENCIAS THUMBS ===== */


/* ===== FOOTER CONTACT ROW 2026-06-29 (form reubicado a fila centrada propia) ===== */
.se-footer__contact-row{max-width:560px;margin:clamp(44px,5vw,76px) auto 0;padding-top:clamp(34px,4vw,50px);border-top:1px solid rgba(245,241,232,.14);position:relative;z-index:1;text-align:center;}
.se-footer__contact-row .se-footer__contacto{margin-top:0;}
.se-footer__contact-row .se-footer__contacto summary{justify-content:center;font-size:1.05rem;opacity:.92;}
.se-footer__contact-row .se-foot-form{max-width:420px;margin:14px auto 0;text-align:left;}
.se-footer__contact-row .se-foot-form button{margin-left:auto;margin-right:auto;}
.se-footer__contact-row .se-foot-form__ok{text-align:center;}
@media(max-width:767px){ .se-footer__contact-row{margin-top:36px;padding-top:30px;} }
/* ===== /FOOTER CONTACT ROW ===== */


/* ===== BLOG LANDING FIX 2026-06-29 (Vuelvete un experto: full-width, 4:5, titulo grande, como home) ===== */
.se-blog__head{max-width:none!important;padding-inline:clamp(24px,4vw,72px)!important;}
.se-blog__grid{max-width:none!important;padding-inline:clamp(24px,4vw,72px)!important;gap:clamp(28px,3vw,48px)!important;}
.se-blog__media{aspect-ratio:4/5!important;}
.se-blog__media img{width:100%!important;height:100%!important;object-fit:cover!important;}
.se-blog__title{font-size:clamp(1.7rem,2.5vw,2.5rem)!important;line-height:1.04!important;margin-top:14px!important;}
.se-blog__cat,.se-blog__meta{font-size:.74rem!important;letter-spacing:.14em!important;}
@media(max-width:600px){ .se-blog__media{aspect-ratio:4/5!important;} }
/* ===== /BLOG LANDING FIX ===== */


/* ===== BLOG LANDING FULLWIDTH 2026-06-29 (pisa el max-width:1320 page-scoped) ===== */
body.page-id-14361 .entry-content .se-blog__grid{max-width:none!important;margin-inline:0!important;padding-inline:clamp(24px,4vw,72px)!important;}
body.page-id-14361 .entry-content .se-blog__head,body.page-id-14361 .entry-content .se-blog__intro{max-width:none!important;margin-inline:0!important;padding-inline:clamp(24px,4vw,72px)!important;}
/* ===== /BLOG LANDING FULLWIDTH ===== */


/* ===== NOSOTROS CTA BTN 2026-06-29 (boton blanco viejo -> ghost premium, como footer) ===== */
.se-no__cta .se-form__submit{background:transparent!important;color:var(--se-blanco)!important;border:1px solid rgba(245,241,232,.5)!important;border-radius:2px!important;padding:15px 38px!important;font-family:var(--se-fuente-titular)!important;text-transform:uppercase;letter-spacing:.06em!important;font-size:1.05rem!important;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s;}
.se-no__cta .se-form__submit:hover{background:var(--se-blanco)!important;color:var(--se-negro)!important;border-color:var(--se-blanco)!important;}
/* ===== /NOSOTROS CTA BTN ===== */


/* ===== FOOTER REDISENO SUTIL 2026-06-29 ===== */
.se-footer::after{content:none !important;display:none !important;}
.se-footer{overflow:visible !important;}
.se-footer .se-footer__wordmark{margin-bottom:6px !important;line-height:0.9 !important;}
.se-footer__brand .se-footer__contacto{margin-top:22px !important;}
.se-footer__brand .se-footer__contacto summary{justify-content:flex-start !important;color:var(--se-linea) !important;opacity:1 !important;font-family:var(--se-fuente-cuerpo) !important;font-size:0.92rem !important;letter-spacing:0.03em !important;gap:8px !important;padding:3px 0 !important;transition:color .2s;}
.se-footer__brand .se-footer__contacto summary:hover{color:var(--se-blanco) !important;}
.se-footer__brand .se-footer__contacto summary::after{opacity:0.5 !important;font-size:1em !important;}
.se-footer__brand .se-foot-form{gap:4px !important;margin-top:13px !important;max-width:300px !important;text-align:left !important;}
.se-footer__brand .se-foot-form input,.se-footer__brand .se-foot-form textarea{background:transparent !important;border:0 !important;border-bottom:1px solid rgba(245,241,232,0.16) !important;border-radius:0 !important;padding:9px 0 !important;color:var(--se-crema) !important;font-size:0.9rem !important;}
.se-footer__brand .se-foot-form input::placeholder,.se-footer__brand .se-foot-form textarea::placeholder{color:rgba(245,241,232,0.4) !important;}
.se-footer__brand .se-foot-form input:focus,.se-footer__brand .se-foot-form textarea:focus{outline:none !important;background:transparent !important;border-bottom-color:rgba(245,241,232,0.55) !important;}
.se-footer__brand .se-foot-form textarea{min-height:52px !important;resize:vertical;}
.se-footer__brand .se-foot-form button{background:transparent !important;border:0 !important;border-radius:0 !important;color:var(--se-linea) !important;padding:5px 0 !important;margin-top:12px !important;width:auto !important;max-width:none !important;align-self:flex-start !important;font-family:var(--se-fuente-cuerpo) !important;text-transform:none !important;font-size:0.92rem !important;letter-spacing:0.04em !important;border-bottom:1px solid rgba(245,241,232,0.32) !important;cursor:pointer;transition:color .2s,border-color .2s;}
.se-footer__brand .se-foot-form button::after{content:' →';}
.se-footer__brand .se-foot-form button:hover{background:transparent !important;color:var(--se-blanco) !important;border-bottom-color:var(--se-blanco) !important;}
.se-footer__brand .se-foot-form__ok{text-align:left !important;}
@keyframes seFootFade{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}
.se-footer__brand .se-footer__contacto[open] .se-foot-form{animation:seFootFade .32s ease both;}


/* ===== MAYOREO + BLOG estatica/hover 2026-06-29 ===== */
/* Mayoreo Hecho a tu medida: una sola foto fija, sin cambio por scroll */
.se-mrot__img:not(:first-child){display:none !important;}
.se-mrot__img:first-child{opacity:1 !important;animation:none !important;}
/* Blog Vuelvete un experto: 1 foto (mejor) + hover cambia a la 2a */
.se-ultimas__card .se-urot__img{transition:opacity .6s ease !important;animation:none !important;}
.se-ultimas__card .se-urot__img:first-child{opacity:1 !important;}
.se-ultimas__card .se-urot__img:nth-child(2){opacity:0 !important;}
.se-ultimas__card:hover .se-urot__img:first-child{opacity:0 !important;}
.se-ultimas__card:hover .se-urot__img:nth-child(2){opacity:1 !important;}


/* ===== REDISENO COMPONENTES v1 2026-06-29 (easings + blog Canyon) ===== */
:root{ --se-ease-out: cubic-bezier(.4,0,.25,1); --se-ease-inout: cubic-bezier(.22,1,.32,1); }
/* Blog miniaturas: proporciones Canyon (cap 1425, cards ~442, gap 48) */
.se-ultimas__grid{ width:min(1425px, 100% - 48px) !important; max-width:none !important; margin-inline:auto !important; padding-left:0 !important; padding-right:0 !important; gap:48px !important; }
.se-ultimas__title{ font-size:clamp(34px, 3.2vw, 44px) !important; line-height:1 !important; }


/* ============================================================
   CARRITO (cart drawer) — version CARBON
   ============================================================ */
.se-cart-overlay{
  position:fixed; inset:0; z-index:10050;
  background:rgba(30,28,25,.4);
  opacity:0; visibility:hidden;
  transition:opacity .4s var(--se-ease-out), visibility 0s linear .4s;
}
.se-cart-overlay.is-open{
  opacity:1; visibility:visible;
  transition:opacity .4s var(--se-ease-out), visibility 0s;
}
aside.se-cart-drawer{
  position:fixed; top:0; right:0; z-index:10060;
  width:420px; max-width:calc(100% - 40px); height:100%; height:100dvh;
  display:flex; flex-direction:column;
  background:var(--se-negro);
  color:var(--se-crema);
  font-family:var(--se-fuente-cuerpo);
  transform:translateX(100%);
  transition:transform .5s var(--se-ease-inout);
  box-shadow:-24px 0 60px rgba(30,28,25,.45);
  will-change:transform;
}
aside.se-cart-drawer.is-open{ transform:translateX(0); }
.se-cart-head{
  flex:0 0 auto;
  display:flex; align-items:center; justify-content:space-between;
  gap:16px;
  padding:24px clamp(20px,4vw,28px) 18px;
  border-bottom:1px solid rgba(245,241,232,.12);
}
.se-cart-title{
  margin:0;
  font-family:var(--se-fuente-titular);
  text-transform:uppercase; letter-spacing:.02em; line-height:1;
  font-size:clamp(1.5rem,3.2vw,1.9rem);
  color:var(--se-crema);
}
button.se-cart-close{
  flex:0 0 auto;
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; margin:-8px -8px -8px 0; padding:0;
  background:none; border:0; cursor:pointer;
  font-family:var(--se-fuente-cuerpo); font-size:28px; font-weight:300; line-height:1;
  color:rgba(245,241,232,.62); border-radius:2px;
  transition:color .25s var(--se-ease-out), background .25s var(--se-ease-out);
}
button.se-cart-close:hover{ color:var(--se-blanco); background:rgba(245,241,232,.07); }
button.se-cart-close:focus-visible{ outline:2px solid var(--se-acento-soft); outline-offset:2px; }
.se-cart-body{ flex:1 1 auto; overflow-y:auto; padding:8px clamp(20px,4vw,28px); -webkit-overflow-scrolling:touch; }
.se-cart-item{
  display:grid; grid-template-columns:64px minmax(0,1fr) auto; align-items:center; gap:16px;
  padding:18px 0; border-bottom:1px solid rgba(245,241,232,.10);
}
.se-cart-item:last-child{ border-bottom:0; }
.se-cart-thumb{ width:64px; height:64px; display:flex; align-items:center; justify-content:center; background:transparent; }
.se-cart-thumb img{ max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; display:block; }
.se-cart-info{ min-width:0; }
.se-cart-name{
  font-family:var(--se-fuente-cuerpo); font-size:.95rem; font-weight:500; line-height:1.3;
  color:var(--se-crema); margin:0 0 4px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.se-cart-qty{ font-family:var(--se-fuente-cuerpo); font-size:.8125rem; line-height:1.4; color:rgba(245,241,232,.58); letter-spacing:.01em; }
.se-cart-line{ justify-self:end; font-family:var(--se-fuente-titular); text-transform:uppercase; letter-spacing:.02em; font-size:1.0625rem; line-height:1; color:var(--se-crema); white-space:nowrap; }
.se-cart-foot{ flex:0 0 auto; padding:20px clamp(20px,4vw,28px) calc(22px + env(safe-area-inset-bottom)); border-top:1px solid rgba(245,241,232,.14); background:var(--se-negro); }
.se-cart-subtotal{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:18px; }
.se-cart-subtotal span:first-child{ font-family:var(--se-fuente-cuerpo); font-size:.8125rem; text-transform:uppercase; letter-spacing:.14em; color:rgba(245,241,232,.62); }
.se-cart-subtotal span:last-child{ font-family:var(--se-fuente-titular); text-transform:uppercase; letter-spacing:.02em; font-size:1.5rem; line-height:1; color:var(--se-crema); }
a.se-cart-btn{
  display:flex; align-items:center; justify-content:center; width:100%; min-height:52px; padding:15px 24px;
  font-family:var(--se-fuente-titular); text-transform:uppercase; letter-spacing:.06em; font-size:clamp(15px,1.1vw,17px); line-height:1;
  text-decoration:none; border-radius:2px;
  transition:background .3s var(--se-ease-out), color .3s var(--se-ease-out), transform .3s var(--se-ease-out);
}
a.se-cart-btn:focus-visible{ outline:2px solid var(--se-acento-soft); outline-offset:2px; }
a.se-cart-btn.se-cart-btn--primary{ background:var(--se-crema); color:var(--se-negro); border:1px solid var(--se-crema); margin-bottom:10px; }
a.se-cart-btn.se-cart-btn--primary:hover{ background:var(--se-blanco); transform:translateY(-1px); }
a.se-cart-btn.se-cart-btn--primary:active{ transform:translateY(0); }
a.se-cart-btn.se-cart-btn--ghost{ background:transparent; color:var(--se-crema); border:1px solid rgba(245,241,232,.35); }
a.se-cart-btn.se-cart-btn--ghost:hover{ background:rgba(245,241,232,.08); border-color:var(--se-crema); color:var(--se-blanco); }
@media (max-width:767px){
  aside.se-cart-drawer{ width:100%; max-width:none; box-shadow:none; }
  .se-cart-head{ padding:20px 20px 16px; }
  button.se-cart-close{ width:44px; height:44px; margin:-10px -10px -10px 0; }
  .se-cart-body{ padding:6px 20px; }
  .se-cart-foot{ padding:18px 20px calc(20px + env(safe-area-inset-bottom)); }
  .se-cart-item{ grid-template-columns:56px minmax(0,1fr) auto; gap:14px; padding:16px 0; }
  .se-cart-thumb{ width:56px; height:56px; }
}
@media (max-width:430px){ aside.se-cart-drawer{ width:calc(100% - 24px); max-width:none; } }
@media (prefers-reduced-motion:reduce){
  .se-cart-overlay, aside.se-cart-drawer, a.se-cart-btn, button.se-cart-close{ transition-duration:.01ms !important; }
  aside.se-cart-drawer{ transform:translateX(100%); }
  aside.se-cart-drawer.is-open{ transform:translateX(0); }
  a.se-cart-btn.se-cart-btn--primary:hover{ transform:none; }
}


/* ============================================================
   QUIZ — OVERRIDE EDITORIAL SANTA ELENA
   ============================================================ */
.coffee-quiz-container {
  background: var(--se-blanco) !important;
  border: 1px solid rgba(30,28,25,.08) !important;
  box-shadow: 0 18px 50px -28px rgba(30,28,25,.28) !important;
  border-radius: 8px !important;
  font-family: var(--se-fuente-cuerpo) !important;
  color: var(--se-negro) !important;
  max-width: min(640px, 92vw) !important;
  width: 100% !important;
  margin: clamp(16px,4vw,40px) auto !important;
  padding: clamp(28px,5vw,56px) !important;
  box-sizing: border-box !important;
}
.coffee-quiz-container .quiz-progress { margin-bottom: clamp(28px,5vw,44px) !important; }
.coffee-quiz-container .progress-bar { background: var(--se-crema-2) !important; border: none !important; border-radius: 999px !important; height: 4px !important; overflow: hidden !important; }
.coffee-quiz-container .progress-fill { background: var(--se-acento-soft) !important; border-radius: 999px !important; height: 100% !important; transition: width .45s cubic-bezier(.4,0,.25,1) !important; }
.coffee-quiz-container .progress-text { font-family: var(--se-fuente-cuerpo) !important; font-size: clamp(.8125rem,1vw,.9375rem) !important; letter-spacing: .01em !important; color: var(--se-gris) !important; margin-top: 12px !important; text-transform: none !important; }
.coffee-quiz-container .quiz-content h2 { font-family: var(--se-fuente-titular) !important; text-transform: uppercase !important; font-weight: 400 !important; font-size: clamp(2.25rem,5.5vw,3.25rem) !important; line-height: 1 !important; letter-spacing: .01em !important; color: var(--se-negro) !important; margin: 0 0 clamp(20px,4vw,32px) !important; }
.coffee-quiz-container .question-text { font-family: var(--se-fuente-cuerpo) !important; font-size: clamp(1.0625rem,1.6vw,1.25rem) !important; line-height: 1.5 !important; color: var(--se-negro) !important; max-width: 52ch !important; margin: 0 0 clamp(20px,4vw,32px) !important; }
.coffee-quiz-container .coffee-options { display: grid !important; gap: 12px !important; }
.coffee-quiz-container .coffee-option { background: var(--se-crema) !important; border: 1px solid rgba(30,28,25,.12) !important; box-shadow: none !important; border-radius: 6px !important; font-family: var(--se-fuente-cuerpo) !important; font-size: clamp(.95rem,1.3vw,1.0625rem) !important; line-height: 1.5 !important; color: var(--se-negro) !important; padding: 16px 20px !important; cursor: pointer !important; transition: border-color .25s cubic-bezier(.4,0,.25,1), background .25s cubic-bezier(.4,0,.25,1), transform .25s cubic-bezier(.4,0,.25,1) !important; }
.coffee-quiz-container .coffee-option:hover { border-color: var(--se-acento-soft) !important; background: var(--se-blanco) !important; transform: translateY(-1px) !important; }
.coffee-quiz-container .coffee-option:focus-visible { outline: 2px solid var(--se-acento-soft) !important; outline-offset: 2px !important; }
.coffee-quiz-container .coffee-option.selected,
.coffee-quiz-container .coffee-option.active,
.coffee-quiz-container .coffee-option[aria-selected="true"],
.coffee-quiz-container .coffee-option.is-selected { border-color: var(--se-acento-soft) !important; background: var(--se-blanco) !important; box-shadow: inset 3px 0 0 0 var(--se-acento-soft) !important; }
.coffee-quiz-container .quiz-navigation { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 12px !important; margin-top: clamp(28px,5vw,44px) !important; }
.coffee-quiz-container .quiz-navigation button { font-family: var(--se-fuente-titular) !important; text-transform: uppercase !important; letter-spacing: .04em !important; font-size: clamp(15px,1.1vw,18px) !important; line-height: 1 !important; border-radius: 2px !important; padding: 16px 32px !important; min-height: 44px !important; cursor: pointer !important; box-shadow: none !important; background: var(--se-negro) !important; color: var(--se-crema) !important; border: 1px solid var(--se-negro) !important; transition: background .3s cubic-bezier(.4,0,.25,1), color .3s cubic-bezier(.4,0,.25,1), transform .3s cubic-bezier(.4,0,.25,1) !important; }
.coffee-quiz-container .quiz-navigation button:hover { background: #2C2925 !important; transform: translateY(-1px) !important; }
.coffee-quiz-container .quiz-navigation button:active { transform: translateY(0) !important; }
.coffee-quiz-container .quiz-navigation button:focus-visible { outline: 2px solid var(--se-acento-soft) !important; outline-offset: 2px !important; }
.coffee-quiz-container .quiz-navigation .quiz-prev,
.coffee-quiz-container .quiz-navigation button.prev,
.coffee-quiz-container .quiz-navigation button[data-dir="prev"],
.coffee-quiz-container .quiz-navigation button:first-child { background: transparent !important; color: var(--se-negro) !important; border: 1px solid rgba(30,28,25,.35) !important; padding: 15px 31px !important; }
.coffee-quiz-container .quiz-navigation .quiz-prev:hover,
.coffee-quiz-container .quiz-navigation button.prev:hover,
.coffee-quiz-container .quiz-navigation button[data-dir="prev"]:hover,
.coffee-quiz-container .quiz-navigation button:first-child:hover { background: var(--se-negro) !important; color: var(--se-crema) !important; border-color: var(--se-negro) !important; transform: translateY(-1px) !important; }
.coffee-quiz-container .quiz-navigation button:disabled { opacity: .35 !important; cursor: not-allowed !important; transform: none !important; }
.coffee-quiz-container .coffee-result, .coffee-quiz-container .quiz-result, .coffee-result, .quiz-result { font-family: var(--se-fuente-cuerpo) !important; color: var(--se-negro) !important; text-align: center !important; }
.coffee-quiz-container .coffee-result h2, .coffee-quiz-container .coffee-result h3, .coffee-quiz-container .quiz-result h2, .coffee-quiz-container .quiz-result h3, .coffee-result h2, .coffee-result h3, .quiz-result h2, .quiz-result h3, .coffee-quiz-container .result-title { font-family: var(--se-fuente-titular) !important; text-transform: uppercase !important; font-weight: 400 !important; font-size: clamp(2rem,5vw,3rem) !important; line-height: 1 !important; letter-spacing: .01em !important; color: var(--se-negro) !important; margin: 0 0 clamp(16px,3vw,24px) !important; }
.coffee-quiz-container .coffee-result > div, .coffee-quiz-container .quiz-result > div, .coffee-result .result-card, .quiz-result .result-card, .coffee-quiz-container [class*="result-box"], .coffee-quiz-container [class*="result-detail"] { background: var(--se-crema) !important; border: 1px solid rgba(30,28,25,.10) !important; border-style: solid !important; box-shadow: none !important; border-radius: 6px !important; padding: clamp(18px,3vw,28px) !important; margin: 0 auto clamp(16px,3vw,24px) !important; }
.coffee-quiz-container .coffee-result p, .coffee-quiz-container .quiz-result p, .coffee-result p, .quiz-result p { font-family: var(--se-fuente-cuerpo) !important; font-size: clamp(1rem,1.2vw,1.125rem) !important; line-height: 1.6 !important; color: var(--se-negro) !important; max-width: 56ch !important; margin-left: auto !important; margin-right: auto !important; }
.coffee-quiz-container .result-price, .coffee-result .result-price, .quiz-result .result-price { font-family: var(--se-fuente-titular) !important; letter-spacing: .02em !important; font-size: clamp(1.25rem,2vw,1.5rem) !important; color: var(--se-negro) !important; }
.coffee-quiz-container .coffee-result a, .coffee-quiz-container .coffee-result .result-cta, .coffee-quiz-container .coffee-result button, .coffee-quiz-container .quiz-result a, .coffee-quiz-container .quiz-result button, .coffee-result a.result-cta, .quiz-result a.result-cta, .coffee-quiz-container .ver-producto { display: inline-flex !important; align-items: center !important; justify-content: center !important; font-family: var(--se-fuente-titular) !important; text-transform: uppercase !important; letter-spacing: .04em !important; font-size: clamp(15px,1.1vw,18px) !important; line-height: 1 !important; color: var(--se-crema) !important; background: var(--se-negro) !important; border: 1px solid var(--se-negro) !important; border-radius: 2px !important; box-shadow: none !important; padding: 16px 36px !important; min-height: 44px !important; text-decoration: none !important; cursor: pointer !important; transition: background .3s cubic-bezier(.4,0,.25,1), transform .3s cubic-bezier(.4,0,.25,1) !important; }
.coffee-quiz-container .coffee-result a:hover, .coffee-quiz-container .coffee-result button:hover, .coffee-quiz-container .quiz-result a:hover, .coffee-quiz-container .quiz-result button:hover, .coffee-quiz-container .ver-producto:hover { background: #2C2925 !important; transform: translateY(-1px) !important; color: var(--se-crema) !important; }
@media (max-width: 767px) {
  .coffee-quiz-container { padding: 24px 20px !important; border-radius: 8px !important; margin: 16px auto !important; box-shadow: 0 12px 32px -22px rgba(30,28,25,.28) !important; }
  .coffee-quiz-container .quiz-content h2 { font-size: clamp(2rem,9vw,2.6rem) !important; }
  .coffee-quiz-container .coffee-option { padding: 15px 16px !important; }
  .coffee-quiz-container .quiz-navigation { flex-direction: column-reverse !important; align-items: stretch !important; gap: 10px !important; }
  .coffee-quiz-container .quiz-navigation button { width: 100% !important; padding: 15px 24px !important; }
  .coffee-quiz-container .quiz-navigation button:first-child { padding: 14px 23px !important; }
  .coffee-quiz-container .coffee-result a, .coffee-quiz-container .coffee-result button, .coffee-quiz-container .quiz-result a, .coffee-quiz-container .quiz-result button, .coffee-quiz-container .ver-producto { width: 100% !important; }
}
@media (prefers-reduced-motion: reduce) {
  .coffee-quiz-container .coffee-option, .coffee-quiz-container .coffee-option:hover, .coffee-quiz-container .quiz-navigation button, .coffee-quiz-container .quiz-navigation button:hover, .coffee-quiz-container .progress-fill, .coffee-quiz-container .coffee-result a, .coffee-quiz-container .coffee-result button, .coffee-quiz-container .quiz-result a, .coffee-quiz-container .quiz-result button, .coffee-quiz-container .ver-producto { transition-duration: .01ms !important; transform: none !important; }
}

/* quiz-navigation hairline fix (mata el border-top dashed brutalista) */
.coffee-quiz-container .quiz-navigation{ border-top:1px solid rgba(30,28,25,.08) !important; padding-top:clamp(20px,3vw,28px) !important; }

/* ===== VISITANOS full-bleed (Canyon) 2026-06-29 — quita el boxeo, imagen al borde + full-height ===== */
@media (min-width:768px){
  .se-visita__sticky{ grid-template-columns: minmax(0,1fr) minmax(0,1.06fr) !important; padding-right:0 !important; max-width:none !important; align-items:stretch !important; height:100vh !important; }
  .se-visita__stage{ height:100vh !important; }
  .se-visita__stage > *, .se-visita__stage img{ height:100% !important; width:100% !important; }
}


/* ===== QUIZ overlay dark translucido + WhatsApp hide 2026-06-29 ===== */
.se-quiz-overlay{ background: rgba(30,28,25,.82) !important; -webkit-backdrop-filter: blur(22px) saturate(115%) !important; backdrop-filter: blur(22px) saturate(115%) !important; }
.se-quiz-modal{ background: transparent !important; box-shadow:none !important; border-radius:0 !important; width:min(860px,94vw) !important; }
.se-quiz-frame-wrap, .se-quiz-iframe{ background: transparent !important; }
body:has(.se-quiz-overlay.is-open) .joinchat,
body:has(.se-cart-overlay.is-open) .joinchat,
body:has(.se-header__search-panel:not([hidden])) .joinchat{ display:none !important; }
html.se-in-iframe, html.se-in-iframe body{ background: transparent !important; }
html.se-in-iframe{ scrollbar-width:none !important; }
html.se-in-iframe::-webkit-scrollbar{ width:0 !important; height:0 !important; display:none !important; }
html.se-in-iframe .coffee-quiz-container{ background: transparent !important; border:none !important; box-shadow:none !important; max-width:680px !important; width:100% !important; margin-left:auto !important; margin-right:auto !important; padding:clamp(20px,4vw,40px) !important; }
html.se-in-iframe .quiz-content h2, html.se-in-iframe .question-text{ color:var(--se-blanco) !important; }
html.se-in-iframe .progress-text{ color:rgba(245,241,232,.7) !important; }
html.se-in-iframe .progress-bar{ background:rgba(245,241,232,.18) !important; }
html.se-in-iframe .coffee-option{ background:rgba(245,241,232,.06) !important; border:1px solid rgba(245,241,232,.26) !important; color:var(--se-blanco) !important; }
html.se-in-iframe .coffee-option:hover{ background:rgba(245,241,232,.12) !important; border-color:var(--se-acento) !important; }
html.se-in-iframe .coffee-option.selected, html.se-in-iframe .coffee-option.active, html.se-in-iframe .coffee-option[aria-selected="true"], html.se-in-iframe .coffee-option.is-selected{ background:rgba(245,241,232,.12) !important; border-color:var(--se-acento) !important; box-shadow: inset 3px 0 0 0 var(--se-acento) !important; }
html.se-in-iframe .quiz-navigation{ border-top:1px solid rgba(245,241,232,.16) !important; }
html.se-in-iframe .quiz-navigation button{ background:var(--se-blanco) !important; color:var(--se-negro) !important; border-color:var(--se-blanco) !important; }
html.se-in-iframe .quiz-navigation button:first-child{ background:transparent !important; color:var(--se-blanco) !important; border:1px solid rgba(245,241,232,.4) !important; }
html.se-in-iframe .coffee-result h2, html.se-in-iframe .quiz-result h2, html.se-in-iframe .result-title{ color:var(--se-blanco) !important; }
html.se-in-iframe .coffee-result p, html.se-in-iframe .quiz-result p{ color:rgba(245,241,232,.85) !important; }
html.se-in-iframe .coffee-result > div, html.se-in-iframe .quiz-result > div, html.se-in-iframe [class*="result-box"]{ background:rgba(245,241,232,.06) !important; border:1px solid rgba(245,241,232,.22) !important; }
html.se-in-iframe .coffee-result a, html.se-in-iframe .quiz-result a, html.se-in-iframe .ver-producto{ background:var(--se-blanco) !important; color:var(--se-negro) !important; border-color:var(--se-blanco) !important; }

/* ocultar el WhatsApp DENTRO del iframe del quiz */
html.se-in-iframe .joinchat, html.se-in-iframe [class*="joinchat"]{ display:none !important; }


/* ===== AUDITORIA CANYON 1920 fixes 2026-06-29 ===== */
html{ overflow-x: clip; } /* mata overflow horizontal global ~8px (alignfull/100vw) sin romper sticky */
@media (min-width:768px){
  .se-manifiesto__inner{ max-width:864px !important; margin-inline:auto !important; }
  .se-ultimas{ padding-inline: clamp(24px,4vw,72px) !important; }
  .se-ultimas__grid{ width:100% !important; max-width:1600px !important; margin-inline:auto !important; }
  .se-mayoreo__tall{ height:115vh !important; }
}

/* ===== MAYOREO sticky columna izquierda (Canyon Featured) 2026-06-29 ===== */
@media (min-width:768px){
  .se-mayoreo__inner{ align-items:start !important; }
  .se-mayoreo__sticky{ position:sticky !important; top:clamp(90px,11vh,130px) !important; align-self:start !important; }
}

/* ===== VUELVETE gap Canyon (gap 12 + menos margen, como Canyon a 1920) 2026-06-29 ===== */
@media (min-width:768px){
  .se-ultimas{ padding-inline: clamp(24px,3vw,48px) !important; }
  .se-ultimas__grid{ width:100% !important; max-width:1800px !important; margin-inline:auto !important; gap:12px !important; }
}

/* ===== MAYOREO sticky pegada al header (top=60 stuck) + pin mas largo 2026-06-30 ===== */
@media (min-width:768px){
  .se-mayoreo__sticky{ top:64px !important; }
  .se-mayoreo__tall{ height:125vh !important; }
}


/* ===== QUIZ panel centrado dark-glass + sin flash + chrome oculto 2026-06-30 ===== */
.se-quiz-overlay{ background: rgba(30,28,25,.5) !important; -webkit-backdrop-filter: blur(8px) !important; backdrop-filter: blur(8px) !important; }
.se-quiz-modal{ background: rgba(26,24,21,.88) !important; -webkit-backdrop-filter: blur(26px) saturate(118%) !important; backdrop-filter: blur(26px) saturate(118%) !important; border:1px solid rgba(245,241,232,.12) !important; border-radius:16px !important; box-shadow:0 40px 90px -34px rgba(0,0,0,.65) !important; width:min(600px,92vw) !important; height:auto !important; max-height:88vh !important; overflow:hidden !important; }
.se-quiz-frame-wrap{ background: transparent !important; }
.se-quiz-iframe{ background:var(--se-crema, #F5F1E8) !important; height:min(720px,86vh) !important; max-height:86vh !important; display:block !important; width:100% !important; }
html.se-in-iframe header, html.se-in-iframe #se-header, html.se-in-iframe footer, html.se-in-iframe .se-footer, html.se-in-iframe .elementor-location-header, html.se-in-iframe .elementor-location-footer, html.se-in-iframe #wpadminbar{ display:none !important; }
html.se-in-iframe body{ display:flex !important; align-items:center !important; justify-content:center !important; min-height:100vh !important; margin:0 !important; }
html.se-in-iframe .coffee-quiz-container{ margin:0 auto !important; }


/* ============================================================
   SE BUSCADOR — overlay que ESPEJA el estado del header. 2026-06-30
   ============================================================ */
.se-search-backdrop{ position:fixed; inset:0; z-index:9990; background:rgba(30,28,25,.40); opacity:0; visibility:hidden; transition:opacity .7s cubic-bezier(.65,.05,.35,1), visibility .7s cubic-bezier(.65,.05,.35,1); }
.se-search-backdrop.is-open{ opacity:1; visibility:visible; transition:opacity .8s cubic-bezier(.22,1,.32,1), visibility .8s cubic-bezier(.22,1,.32,1); }
html{ scrollbar-gutter: stable; }
html.se-search-open, html.se-search-open body{ overflow:hidden; }
#se-header .se-header__search-panel{ position:fixed; left:0; right:0; top:var(--se-header-h, 72px); z-index:9995; max-width:none; margin:0; padding:clamp(28px,4vw,56px) clamp(20px,5vw,64px) clamp(36px,5vw,72px); opacity:0; transform:translateY(-10px); transition:opacity .3s var(--se-ease-out), transform .35s var(--se-ease-inout), background-color .4s var(--se-ease-inout), box-shadow .4s var(--se-ease-inout), color .4s var(--se-ease-inout); }
#se-header .se-header__search-panel[hidden]{ display:none; }
#se-header .se-header__search-panel:not([hidden]){ opacity:1; transform:translateY(0); }
#se-header .se-header__search-panel .search-form{ position:relative; max-width:1320px; margin-inline:auto; display:block; }
#se-header:not(.se-stuck) .se-header__search-panel{ background:rgba(30,28,25,.62); box-shadow:0 18px 40px -18px rgba(30,28,25,.55); color:var(--se-crema); }
#se-header:not(.se-stuck) .se-search-field-wrap{ border-color:rgba(245,241,232,.45); }
#se-header:not(.se-stuck) .se-header__search-panel .search-field{ color:var(--se-blanco); }
#se-header:not(.se-stuck) .se-header__search-panel .search-field::placeholder{ color:rgba(245,241,232,.68); }
#se-header:not(.se-stuck) .se-search-ico{ color:var(--se-crema); }
#se-header:not(.se-stuck) .se-search-close{ color:var(--se-crema); border-color:rgba(245,241,232,.4); }
#se-header:not(.se-stuck) .se-search-close:hover{ background:rgba(245,241,232,.12); }
#se-header:not(.se-stuck) .se-sr-eyebrow{ color:rgba(245,241,232,.78); }
#se-header:not(.se-stuck) .se-sr-card{ color:var(--se-crema); }
#se-header:not(.se-stuck) .se-sr-thumb{ background:rgba(245,241,232,.08); }
#se-header:not(.se-stuck) .se-sr-price{ color:rgba(245,241,232,.82); }
#se-header:not(.se-stuck) .se-sr-msg{ color:rgba(245,241,232,.78); }
#se-header:not(.se-stuck) .se-sr-card:hover{ background:rgba(245,241,232,.07); }
#se-header.se-stuck .se-header__search-panel{ background:var(--se-blanco); box-shadow:0 18px 40px -22px rgba(30,28,25,.30); color:var(--se-negro); }
#se-header.se-stuck .se-search-field-wrap{ border-color:var(--se-linea,#D8CFBE); }
#se-header.se-stuck .se-header__search-panel .search-field{ color:var(--se-negro); }
#se-header.se-stuck .se-header__search-panel .search-field::placeholder{ color:var(--se-gris,#5A554E); opacity:.7; }
#se-header.se-stuck .se-search-ico{ color:var(--se-gris,#5A554E); }
#se-header.se-stuck .se-search-close{ color:var(--se-negro); border-color:var(--se-linea,#D8CFBE); }
#se-header.se-stuck .se-search-close:hover{ background:rgba(30,28,25,.06); }
#se-header.se-stuck .se-sr-eyebrow{ color:var(--se-gris,#5A554E); }
#se-header.se-stuck .se-sr-card{ color:var(--se-negro); }
#se-header.se-stuck .se-sr-thumb{ background:var(--se-crema-2,#EFEBE2); }
#se-header.se-stuck .se-sr-price{ color:var(--se-gris,#5A554E); }
#se-header.se-stuck .se-sr-msg{ color:var(--se-gris,#5A554E); }
#se-header.se-stuck .se-sr-card:hover{ background:rgba(30,28,25,.035); }
#se-header .se-header__search-panel .search-form label{ display:block; margin:0; }
#se-header .se-header__search-panel .search-form label .screen-reader-text, #se-header .se-header__search-panel .search-submit, #se-header .se-header__search-panel .search-form input[type="submit"]{ position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.se-search-field-wrap{ display:flex; align-items:center; gap:clamp(12px,1.5vw,18px); border-bottom:1px solid; padding-bottom:clamp(10px,1.4vw,16px); transition:border-color .3s var(--se-ease-out); }
.se-search-ico{ flex:0 0 auto; display:inline-flex; transition:color .3s var(--se-ease-out); }
.se-search-ico svg{ width:24px; height:24px; }
#se-header .se-header__search-panel .search-field{ flex:1 1 auto; min-width:0; background:transparent; border:0; outline:0; box-shadow:none; font-family:var(--se-fuente-titular); text-transform:uppercase; letter-spacing:.01em; line-height:1; font-size:clamp(1.75rem,4.4vw,3.25rem); padding:0; margin:0; caret-color:var(--se-acento,#7C8A6E); transition:color .3s var(--se-ease-out); }
#se-header .se-header__search-panel .search-field::-webkit-search-cancel-button{ display:none; }
.se-search-close{ flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border:1px solid; border-radius:50%; background:transparent; cursor:pointer; padding:0; transition:background .25s var(--se-ease-out), color .3s var(--se-ease-out), border-color .3s var(--se-ease-out); }
.se-search-close svg{ width:18px; height:18px; }
.se-search-results{ margin-top:clamp(24px,3vw,40px); }
.se-sr-eyebrow{ font-family:var(--se-fuente-titular); text-transform:uppercase; letter-spacing:.18em; font-size:clamp(.72rem,.95vw,.82rem); line-height:1.1; margin:0 0 clamp(16px,2vw,22px); }
.se-sr-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(18px,2vw,28px); }
.se-sr-card{ display:flex; flex-direction:column; gap:10px; text-decoration:none; color:inherit; padding:12px; margin:-12px; border-radius:3px; opacity:0; transform:translateY(12px); transition:opacity .4s var(--se-ease-out), transform .4s var(--se-ease-out), background-color .25s var(--se-ease-out); }
.se-sr-card.is-in{ opacity:1; transform:none; }
.se-sr-thumb{ display:block; width:100%; aspect-ratio:1/1; border-radius:2px; overflow:hidden; transition:background-color .4s var(--se-ease-inout); }
.se-sr-thumb img{ width:100%; height:100%; object-fit:contain; object-position:center; padding:10px; box-sizing:border-box; transition:transform .4s var(--se-ease-out); }
.se-sr-card:hover .se-sr-thumb img{ transform:scale(1.03); }
.se-sr-name{ font-family:var(--se-fuente-titular); text-transform:uppercase; letter-spacing:.015em; line-height:1.05; font-size:clamp(1rem,1.4vw,1.2rem); margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.se-sr-price{ font-family:var(--se-fuente-titular); letter-spacing:.02em; line-height:1; font-size:clamp(.95rem,1.2vw,1.1rem); margin:0; }
.se-sr-msg{ font-family:var(--se-fuente-cuerpo); font-size:clamp(.9rem,1.1vw,1rem); line-height:1.5; margin:0; padding:8px 0; }
@media (max-width:767px){
  #se-header .se-header__search-panel{ padding:24px 18px 32px; max-height:calc(100vh - var(--se-header-h, 56px)); max-height:calc(100dvh - var(--se-header-h, 56px)); overflow-y:auto; -webkit-overflow-scrolling:touch; }
  #se-header .se-header__search-panel .search-field{ font-size:clamp(1.5rem,8vw,2rem); }
  .se-search-field-wrap{ gap:12px; padding-bottom:12px; }
  .se-search-ico svg{ width:22px; height:22px; }
  .se-sr-grid{ grid-template-columns:repeat(2,1fr); gap:16px; }
  .se-sr-card{ padding:8px; margin:-8px; }
  .se-sr-name{ font-size:1rem; }
  .se-search-close{ width:44px; height:44px; }
}
@media (min-width:768px) and (max-width:1100px){ .se-sr-grid{ grid-template-columns:repeat(3,1fr); } }
@media (prefers-reduced-motion:reduce){
  .se-search-backdrop, #se-header .se-header__search-panel, .se-sr-card, .se-sr-thumb img{ transition-duration:.01ms !important; }
  #se-header .se-header__search-panel:not([hidden]){ transform:none !important; }
  .se-sr-card{ opacity:1 !important; transform:none !important; }
}

/* search bg override forzado (gana a la regla vieja cremita con !important) */
#se-header:not(.se-stuck) .se-header__search-panel{ background:rgba(30,28,25,.62) !important; color:var(--se-crema) !important; }
#se-header.se-stuck .se-header__search-panel{ background:var(--se-blanco) !important; color:var(--se-negro) !important; }

/* search text colors forzados (gana a reglas viejas con !important) */
#se-header:not(.se-stuck) .se-header__search-panel .search-field{ color:var(--se-blanco) !important; }
#se-header:not(.se-stuck) .se-header__search-panel .search-field::placeholder{ color:rgba(245,241,232,.68) !important; }
#se-header:not(.se-stuck) .se-sr-name{ color:var(--se-crema) !important; }
#se-header:not(.se-stuck) .se-sr-price{ color:rgba(245,241,232,.82) !important; }
#se-header:not(.se-stuck) .se-sr-eyebrow{ color:rgba(245,241,232,.78) !important; }
#se-header:not(.se-stuck) .se-sr-msg{ color:rgba(245,241,232,.8) !important; }
#se-header:not(.se-stuck) .se-search-ico, #se-header:not(.se-stuck) .se-search-close{ color:var(--se-crema) !important; }
#se-header.se-stuck .se-header__search-panel .search-field{ color:var(--se-negro) !important; }
#se-header.se-stuck .se-sr-name{ color:var(--se-negro) !important; }
#se-header.se-stuck .se-sr-price, #se-header.se-stuck .se-sr-eyebrow{ color:var(--se-gris,#5A554E) !important; }

/* quiz mas transparente (estaba .88 negro -> velo translucido que deja ver el hero) */
.se-quiz-overlay{ background:rgba(30,28,25,.42) !important; }
.se-quiz-modal{ background:rgba(26,24,21,.55) !important; -webkit-backdrop-filter:blur(30px) saturate(120%) !important; backdrop-filter:blur(30px) saturate(120%) !important; }


/* ===== SE - BUSCADOR 2 COLUMNAS estilo Canyon 2026-06-30 ===== */
#se-header .se-header__search-panel form.search-form{ display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto 1fr; column-gap:clamp(40px,6vw,120px); row-gap:clamp(28px,3vw,48px); align-items:start; max-width:1320px; margin-inline:auto; padding-block:clamp(28px,4vw,56px); }
#se-header .se-header__search-panel .se-search-field-wrap{ grid-column:1; grid-row:1; align-self:start; }
#se-header .se-header__search-panel .se-search-suggest{ grid-column:1; grid-row:2; align-self:start; }
#se-header .se-header__search-panel .se-search-results{ grid-column:2; grid-row:1 / span 2; align-self:start; margin-top:0; }
#se-header .se-header__search-panel .se-search-field-wrap{ display:flex; align-items:center; gap:14px; border:0; border-bottom:1px solid currentColor; padding-bottom:14px; }
#se-header .se-header__search-panel .se-search-field-wrap > svg, #se-header .se-header__search-panel .se-search-ico{ flex:0 0 auto; width:26px; height:26px; opacity:.78; }
#se-header .se-header__search-panel input.search-field{ flex:1 1 auto; min-width:0; background:transparent; border:0; outline:0; box-shadow:none; font-family:var(--se-fuente-titular); text-transform:uppercase; letter-spacing:.01em; line-height:1; font-size:clamp(2.1rem,4.4vw,3.4rem); color:inherit; padding:0; }
#se-header .se-header__search-panel input.search-field::placeholder{ color:inherit; opacity:.42; text-transform:uppercase; }
#se-header .se-header__search-panel .se-sr-eyebrow, #se-header .se-header__search-panel .se-search-suggest__eyebrow{ font-family:var(--se-fuente-titular); text-transform:uppercase; letter-spacing:.18em; font-size:clamp(.75rem,1vw,.875rem); line-height:1.1; opacity:.62; margin:0 0 18px; }
#se-header .se-header__search-panel .se-search-suggest__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
#se-header .se-header__search-panel .se-search-suggest__list a{ display:inline-block; font-family:var(--se-fuente-titular); text-transform:uppercase; letter-spacing:.015em; font-size:clamp(1.15rem,1.7vw,1.6rem); line-height:1.18; color:inherit; text-decoration:none; opacity:.86; transition:opacity .2s var(--se-ease-out),color .2s var(--se-ease-out); }
#se-header .se-header__search-panel .se-search-suggest__list a:hover, #se-header .se-header__search-panel .se-search-suggest__list a:focus-visible{ opacity:1; color:var(--se-acento); outline:none; }
#se-header .se-header__search-panel .se-sr-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(20px,2vw,32px); }
@media (min-width:1500px){ #se-header .se-header__search-panel .se-sr-grid{ grid-template-columns:repeat(3,1fr); } }
#se-header .se-header__search-panel .se-sr-card{ display:flex; flex-direction:column; text-decoration:none; color:inherit; transition:transform .25s var(--se-ease-out); }
#se-header .se-header__search-panel .se-sr-card:hover{ transform:translateY(-4px); }
#se-header .se-header__search-panel .se-sr-thumb{ display:block; width:100%; aspect-ratio:5 / 7; object-fit:contain; background:var(--se-blanco) !important; border-radius:2px; padding:14px; box-sizing:border-box; }
#se-header .se-header__search-panel .se-sr-thumb img{ width:100%; height:100%; object-fit:contain; }
#se-header .se-header__search-panel .se-sr-name{ font-family:var(--se-fuente-titular); text-transform:uppercase; letter-spacing:.015em; line-height:1.08; font-size:clamp(1.05rem,1.5vw,1.4rem); margin:14px 0 6px; }
#se-header .se-header__search-panel .se-sr-price{ font-family:var(--se-fuente-titular); letter-spacing:.02em; line-height:1; font-size:clamp(.95rem,1.2vw,1.15rem); opacity:.78; }
#se-header:not(.se-stuck) .se-header__search-panel .se-search-field-wrap{ border-bottom-color:rgba(251,249,244,.35); }
#se-header.se-stuck .se-header__search-panel .se-search-field-wrap{ border-bottom-color:rgba(30,28,25,.22); }
@media (max-width:767px){
  #se-header .se-header__search-panel form.search-form{ grid-template-columns:1fr; grid-template-rows:auto auto auto; row-gap:28px; padding-block:24px; }
  #se-header .se-header__search-panel .se-search-field-wrap{ grid-column:1; grid-row:1; }
  #se-header .se-header__search-panel .se-search-suggest{ grid-column:1; grid-row:2; }
  #se-header .se-header__search-panel .se-search-results{ grid-column:1; grid-row:3; }
  #se-header .se-header__search-panel input.search-field{ font-size:clamp(1.6rem,8vw,2.2rem); }
  #se-header .se-header__search-panel .se-sr-grid{ grid-template-columns:repeat(2,1fr); gap:16px; }
  #se-header .se-header__search-panel .se-search-suggest__list{ gap:4px; }
  #se-header .se-header__search-panel .se-search-suggest__list a{ font-size:1.15rem; }
}
@media (prefers-reduced-motion:reduce){ #se-header .se-header__search-panel .se-sr-card{ transition:none; } #se-header .se-header__search-panel .se-sr-card:hover{ transform:none; } }

/* fix grid 2col: input dentro del label */
#se-header .se-header__search-panel form.search-form{ display:grid !important; }
#se-header .se-header__search-panel form.search-form > label{ grid-column:1 !important; grid-row:1 !important; margin:0 !important; padding:0 !important; display:block !important; align-self:start !important; }
#se-header .se-header__search-panel form.search-form > .se-search-suggest{ grid-column:1 !important; grid-row:2 !important; }
#se-header .se-header__search-panel form.search-form > .se-search-results{ grid-column:2 !important; grid-row:1 / span 2 !important; }

/* footer mas chico (menos alto) */
.se-footer{ padding-top:clamp(44px,5vw,80px) !important; padding-bottom:18px !important; }
.se-footer__bottom{ margin-top:clamp(26px,3.5vw,42px) !important; padding-top:18px !important; }

/* =========================================================
   QUIZ EDITORIAL — FINAL v4 (hardened)
   Append al final de #14239. Todo con !important para ganar
   al <style> brutalista del quiz Elementor y al dark-glass viejo.
   Carga doble: home (modal) + dentro del iframe (.se-in-iframe).
   Decisión fija: tarjeta CREMA limpia, una sola superficie,
   centrada, foto de producto contain, cero bordes negros.

   v4: TODA var() crítica con fallback (si el :root con los tokens
   NO está dentro del iframe del quiz, la propiedad NO se cae y el
   brutalista NO regresa). Foco en carbón (la salvia falla 3:1 de
   UI non-text). Overlay endurecido por nombre incierto de clase.
   ============================================================ */

/* ---- 1. Overlay + panel: crema sólido, transparencia = overlay ---- */
/* El overlay deja ver el hero atrás (esa es la "transparencia" que pidió el dueño).
   Centra el panel con flex para matar el "no está centrado".
   El nombre real del overlay no está 100% verificado en DOM vivo, así que se
   cubren variantes plausibles + se neutraliza cualquier blur del modal. */
.se-quiz-overlay,
.se-quiz-backdrop,
.se-quiz-modal-overlay,
.se-quiz-modal::before{
  background:rgba(30,28,25,.4)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.se-quiz-overlay,
.se-quiz-backdrop,
.se-quiz-modal-overlay{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:clamp(16px,4vw,40px)!important;
}

.se-quiz-modal{
  background:var(--se-crema,#F5F1E8)!important;          /* superficie crema sólida, NO negra */
  color:var(--se-negro,#1E1C19)!important;
  border:1px solid var(--se-linea,#D8CFBE)!important;     /* hairline cálido, jamás borde negro */
  border-radius:14px!important;
  box-shadow:0 28px 70px rgba(30,28,25,.22)!important;
  -webkit-backdrop-filter:none!important;                 /* defensivo: mata el blur "muy negro" viejo */
  backdrop-filter:none!important;
  width:min(640px,92vw)!important;
  max-height:88vh!important;
  margin:0 auto!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
}

/* Dentro del iframe: el quiz es transparente y se funde con el panel crema.
   El iframe NO debe tener su propio scroll vertical: el modal padre ya scrollea,
   así evitamos dos barras anidadas a 375-390px. */
html.se-in-iframe,
html.se-in-iframe body{
  background:transparent!important;
}
html.se-in-iframe .coffee-quiz-container{
  background:transparent!important;
  box-shadow:none!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:clamp(18px,3vw,30px)!important;
}

/* ---- 2. Barra de progreso: hairline + acento salvia (detalle fino, AA n/a) ---- */
.coffee-quiz-container .quiz-progress{
  text-align:center!important;
  margin-bottom:clamp(16px,3vw,28px)!important;
}
.coffee-quiz-container .progress-bar{
  background:var(--se-linea,#D8CFBE)!important;
  border:0!important;
  border-radius:999px!important;
  height:4px!important;
  overflow:hidden!important;
}
.coffee-quiz-container .progress-fill{
  background:var(--se-acento,#7C8A6E)!important;          /* salvia: línea fina decorativa, único uso de relleno */
  border-radius:999px!important;
  height:100%!important;
}
.coffee-quiz-container .progress-text{
  color:var(--se-gris,#6b6258)!important;
  font-family:var(--se-fuente-cuerpo,"Roboto",system-ui,sans-serif)!important;
  font-size:clamp(.8125rem,1vw,.9375rem)!important;
  letter-spacing:.04em!important;
  text-transform:none!important;
  margin-top:.6em!important;
}

/* ---- 3. Título de la pregunta (h2) — League Gothic centrado, sin borde ---- */
.coffee-quiz-container .quiz-content h2{
  font-family:var(--se-fuente-titular,"League Gothic",sans-serif)!important;
  font-weight:400!important;
  text-transform:uppercase!important;
  color:var(--se-negro,#1E1C19)!important;
  letter-spacing:.01em!important;
  line-height:1!important;
  font-size:clamp(1.6rem,3.4vw,2.4rem)!important;
  text-align:center!important;
  text-shadow:none!important;
  border:0!important;
  margin:0 auto .9em!important;
  padding:0!important;
  max-width:22ch!important;
}

/* ---- 4. Opciones de respuesta — tarjeta blanca hairline, hover salvia ---- */
.coffee-quiz-container .coffee-option{
  display:block!important;
  background:var(--se-blanco,#FBF9F4)!important;
  border:1px solid var(--se-linea,#D8CFBE)!important;     /* hairline, NUNCA 2-3px negro */
  border-radius:10px!important;
  color:var(--se-negro,#1E1C19)!important;
  font-family:var(--se-fuente-cuerpo,"Roboto",system-ui,sans-serif)!important;
  font-size:clamp(1rem,1.15vw,1.0625rem)!important;
  line-height:1.5!important;
  text-align:center!important;
  text-shadow:none!important;
  box-shadow:none!important;
  padding:14px 18px!important;
  margin:0 auto 10px!important;
  max-width:480px!important;
  cursor:pointer!important;
  transition:border-color .25s var(--se-ease-out,cubic-bezier(.4,0,.25,1)),
             background .25s var(--se-ease-out,cubic-bezier(.4,0,.25,1)),
             transform .25s var(--se-ease-out,cubic-bezier(.4,0,.25,1))!important;
}
.coffee-quiz-container .coffee-option:hover{
  border-color:var(--se-acento,#7C8A6E)!important;
  background:var(--se-crema,#F5F1E8)!important;
  transform:translateY(-1px)!important;
}
/* estado seleccionado (cubre .selected/.active/aria del JS brutalista) */
.coffee-quiz-container .coffee-option.selected,
.coffee-quiz-container .coffee-option.active,
.coffee-quiz-container .coffee-option[aria-selected="true"]{
  border-color:var(--se-acento,#7C8A6E)!important;
  background:var(--se-crema,#F5F1E8)!important;
  box-shadow:inset 0 0 0 1px var(--se-acento,#7C8A6E)!important; /* doble hairline salvia, no negro */
}
/* Foco visible en CARBÓN: la salvia (#7C8A6E sobre crema ~2.3:1) NO cumple el
   3:1 de UI non-text de WCAG; el carbón sí. Visibilidad > detalle decorativo. */
.coffee-quiz-container .coffee-option:focus-visible{
  outline:2px solid var(--se-negro,#1E1C19)!important;
  outline-offset:2px!important;
}

/* ---- 5. Navegación (Anterior / Ver Recomendación) ---- */
.coffee-quiz-container .quiz-navigation{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  flex-wrap:wrap!important;
  margin-top:clamp(18px,3vw,28px)!important;
}
.coffee-quiz-container .quiz-navigation button{
  font-family:var(--se-fuente-titular,"League Gothic",sans-serif)!important;
  font-weight:400!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  font-size:clamp(15px,1.1vw,18px)!important;
  line-height:1!important;
  border:0!important;
  border-radius:2px!important;                    /* recto-premium, jamás pill ni 0 brutalista */
  min-height:44px!important;
  padding:14px 30px!important;
  cursor:pointer!important;
  text-shadow:none!important;
  box-shadow:none!important;
  transition:background .3s var(--se-ease-out,cubic-bezier(.4,0,.25,1)),
             color .3s,transform .3s!important;
}
/* primario carbón = "Ver Recomendación" */
.coffee-quiz-container .quiz-navigation button:last-child{
  background:var(--se-negro,#1E1C19)!important;
  color:var(--se-crema,#F5F1E8)!important;
}
.coffee-quiz-container .quiz-navigation button:last-child:hover{
  background:#2C2925!important;
  transform:translateY(-1px)!important;
}
/* secundario texto = "Anterior" */
.coffee-quiz-container .quiz-navigation button:first-child{
  background:transparent!important;
  color:var(--se-gris,#6b6258)!important;
  letter-spacing:.04em!important;
}
.coffee-quiz-container .quiz-navigation button:first-child:hover{
  color:var(--se-negro,#1E1C19)!important;
  background:transparent!important;
}
.coffee-quiz-container .quiz-navigation button:focus-visible{
  outline:2px solid var(--se-negro,#1E1C19)!important;
  outline-offset:2px!important;
}
.coffee-quiz-container .quiz-navigation button:disabled{
  opacity:.4!important;
  cursor:default!important;
  transform:none!important;
}

/* ---- 6. Bloque de resultado — centrado, transparente, sin caja blanca ---- */
.coffee-quiz-container .coffee-results{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--se-negro,#1E1C19)!important;
  padding:6px 4px 4px!important;
}

/* Título "¡Este es tu Microlote Ideal!" — display centrado, sin border-bottom negro */
.coffee-quiz-container .result-title{
  font-family:var(--se-fuente-titular,"League Gothic",sans-serif)!important;
  font-weight:400!important;
  text-transform:uppercase!important;
  color:var(--se-negro,#1E1C19)!important;
  border:0!important;
  text-shadow:none!important;
  text-align:center!important;
  font-size:clamp(2rem,5vw,3rem)!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  max-width:18ch!important;
  margin:0 auto .4em!important;
  padding:0!important;
}

/* Descripción — gris cuerpo (AA), medida angosta, centrada */
.coffee-quiz-container .result-description{
  color:var(--se-gris,#6b6258)!important;
  text-align:center!important;
  max-width:48ch!important;
  margin:0 auto 1.4em!important;
  font-family:var(--se-fuente-cuerpo,"Roboto",system-ui,sans-serif)!important;
  font-size:clamp(1rem,1.15vw,1.125rem)!important;
  line-height:1.6!important;
}

/* ---- 7. Tarjeta de recomendación — crema hairline + foto producto contain ---- */
.coffee-quiz-container .result-recommendation{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  background:var(--se-crema,#F5F1E8)!important;            /* crema, NO blanco brutalista */
  border:1px solid var(--se-linea,#D8CFBE)!important;      /* hairline cálido, jamás 3px negro */
  border-radius:12px!important;
  box-shadow:none!important;
  text-shadow:none!important;
  padding:clamp(20px,3vw,28px)!important;
  text-align:center!important;
  margin:0 auto 1.4em!important;
  width:100%!important;
  max-width:520px!important;
  color:var(--se-negro,#1E1C19)!important;
}
/* foto del producto inyectada por JS como primer hijo.
   aspect-ratio 4/5: la bolsa de café es vertical; un 1:1 dejaba mucho aire y la
   hacía ver pequeña. contain sigue garantizando que NUNCA se recorte. */
.coffee-quiz-container .result-recommendation .se-quiz-prodimg{
  order:-1!important;
  width:100%!important;
  max-width:220px!important;
  aspect-ratio:4/5!important;
  object-fit:contain!important;                    /* la bolsa NUNCA se recorta */
  margin:0 auto .8em!important;
  display:block!important;
  background:transparent!important;
  border:0!important;
}
.coffee-quiz-container .result-recommendation h4{
  font-family:var(--se-fuente-titular,"League Gothic",sans-serif)!important;
  font-weight:400!important;
  text-transform:uppercase!important;
  color:var(--se-negro,#1E1C19)!important;
  text-shadow:none!important;
  font-size:clamp(1.5rem,2.6vw,2.25rem)!important;
  line-height:1.05!important;
  letter-spacing:.015em!important;
  margin:.1em 0 .35em!important;
}
.coffee-quiz-container .result-recommendation p{
  font-family:var(--se-fuente-cuerpo,"Roboto",system-ui,sans-serif)!important;
  color:var(--se-negro,#1E1C19)!important;
  font-size:clamp(1rem,1.15vw,1.0625rem)!important;
  line-height:1.6!important;
  max-width:46ch!important;
  margin:0 auto .5em!important;
}
/* notas de cata — itálica en gris cálido (salvia falla AA como texto chico) */
.coffee-quiz-container .result-recommendation em{
  color:var(--se-gris,#6b6258)!important;
  font-style:italic!important;
  font-family:var(--se-fuente-cuerpo,"Roboto",system-ui,sans-serif)!important;
}

/* ---- 8. Botón comprar — .se-btn carbón sólido ---- */
.coffee-quiz-container .coffee-buy-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-family:var(--se-fuente-titular,"League Gothic",sans-serif)!important;
  font-weight:400!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  font-size:clamp(15px,1.1vw,18px)!important;
  line-height:1!important;
  background:var(--se-negro,#1E1C19)!important;             /* carbón, no #000 */
  color:var(--se-crema,#F5F1E8)!important;
  border:0!important;
  border-radius:2px!important;
  padding:15px 34px!important;
  min-height:44px!important;
  margin:.2em auto 0!important;
  text-decoration:none!important;
  text-shadow:none!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:background .3s var(--se-ease-out,cubic-bezier(.4,0,.25,1)),transform .3s!important;
}
.coffee-quiz-container .coffee-buy-btn:hover{
  background:#2C2925!important;
  color:var(--se-crema,#F5F1E8)!important;
  transform:translateY(-1px)!important;
}
.coffee-quiz-container .coffee-buy-btn:active{
  transform:translateY(0)!important;
}
.coffee-quiz-container .coffee-buy-btn:focus-visible{
  outline:2px solid var(--se-negro,#1E1C19)!important;
  outline-offset:3px!important;
}

/* ---- 9. Instrucción final — texto gris plano, sin caja ni borde ---- */
.coffee-quiz-container .coffee-instruction{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--se-gris,#6b6258)!important;
  text-align:center!important;
  font-family:var(--se-fuente-cuerpo,"Roboto",system-ui,sans-serif)!important;
  font-size:clamp(.8125rem,1vw,.9375rem)!important;
  line-height:1.5!important;
  max-width:46ch!important;
  margin:1em auto 0!important;
  padding:0!important;
}

/* ---- 10. Móvil ---- */
@media (max-width:600px){
  .coffee-quiz-container .quiz-navigation{ gap:10px!important; }
  .coffee-quiz-container .quiz-navigation button{
    flex:1 1 auto!important;
    padding:14px 18px!important;
  }
  .coffee-quiz-container .result-recommendation .se-quiz-prodimg{
    max-width:180px!important;
  }
}

/* ---- 11. Reduced-motion (obligatorio) ---- */
@media (prefers-reduced-motion:reduce){
  .coffee-quiz-container *,
  .coffee-quiz-container *::before,
  .coffee-quiz-container *::after,
  .se-quiz-modal,
  .se-quiz-overlay,
  .se-quiz-backdrop,
  .se-quiz-modal-overlay{
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
  /* neutralizar TODOS los translateY de hover de forma explícita (incluye
     :first-child/:last-child para que no dependa del orden de cascada) */
  .coffee-quiz-container .coffee-option:hover,
  .coffee-quiz-container .coffee-buy-btn:hover,
  .coffee-quiz-container .quiz-navigation button:hover,
  .coffee-quiz-container .quiz-navigation button:first-child:hover,
  .coffee-quiz-container .quiz-navigation button:last-child:hover{
    transform:none!important;
  }
}

/* QUIZ v4.1: el <iframe> del quiz trae bg oscuro propio -> transparentar para ver el panel crema */
.se-quiz-modal iframe, .se-quiz-frame-wrap iframe{ background:transparent !important; }

/* QUIZ v4.2: vencer reglas dark viejas (html.se-in-iframe ...) que pintaban titulo/textos del resultado en crema -> invisibles sobre el panel crema. Especificidad 0,3,x gana. */
html.se-in-iframe .coffee-quiz-container .result-title,
html.se-in-iframe .coffee-quiz-container .result-recommendation h4,
html.se-in-iframe .coffee-quiz-container .result-recommendation p,
html.se-in-iframe .coffee-quiz-container .quiz-content h2,
html.se-in-iframe .coffee-quiz-container .coffee-option{ color:var(--se-negro,#1E1C19) !important; }
html.se-in-iframe .coffee-quiz-container .result-description,
html.se-in-iframe .coffee-quiz-container .result-recommendation em,
html.se-in-iframe .coffee-quiz-container .progress-text,
html.se-in-iframe .coffee-quiz-container .coffee-instruction{ color:var(--se-gris,#5A554E) !important; }

/* QUIZ v4.3: matar border-bottom punteado brutalista del h4 (nombre de producto) y cualquier hr/separador del resultado */
html.se-in-iframe .coffee-quiz-container .result-recommendation h4,
.coffee-quiz-container .result-recommendation h4{ border:0 !important; }
html.se-in-iframe .coffee-quiz-container .result-recommendation hr,
.coffee-quiz-container .result-recommendation hr{ display:none !important; }

/* QUIZ v4.4: matar border-bottom negro 2px del .quiz-progress (separador brutalista) */
html.se-in-iframe .coffee-quiz-container .quiz-progress,
.coffee-quiz-container .quiz-progress{ border:0 !important; }


/* ============================================================
   SE BUSCADOR CANYON v3 (quirurgico) — append #14239
   Fixes verificados en DOM vivo a 1920:
   - .se-sr-thumb colapsaba a height:46px (regla vieja) -> img 111x20 = "caja blanca".
   - grid salia 3 cols (@1500px) -> 2 cols + cap 2 productos.
   - submit de Astra visible -> ocultar.
   - sugerencias en columna vertical -> fila horizontal (Canyon).
   Todo con !important + selector #se-header .se-header__search-panel para ganar
   a las 3 capas viejas de .se-sr-*.
   ============================================================ */
/* (1) THUMB cuadrado real: mata height:46px y deja a la img llenar -> sin caja blanca */
#se-header .se-header__search-panel .se-sr-thumb{
  width:100% !important; height:auto !important; aspect-ratio:1/1 !important;
  min-height:0 !important; max-width:none !important; flex:initial !important;
  border:0 !important; border-radius:3px !important; overflow:hidden !important;
  display:block !important; padding:0 !important; box-sizing:border-box !important;
}
#se-header .se-header__search-panel .se-sr-thumb img{
  width:100% !important; height:100% !important; max-width:100% !important;
  object-fit:contain !important; object-position:center !important;
  padding:clamp(8px,1vw,12px) !important; box-sizing:border-box !important;
  display:block !important; margin:0 !important;
}
/* (2) GRID 2 columnas siempre (override del repeat(3) de @1500px) */
#se-header .se-header__search-panel .se-sr-grid{
  display:grid !important; grid-template-columns:repeat(2,1fr) !important;
  gap:clamp(18px,2vw,28px) !important; align-items:start !important; margin:0 !important;
}
@media(min-width:1500px){
  #se-header .se-header__search-panel .se-sr-grid{ grid-template-columns:repeat(2,1fr) !important; }
}
/* (3) cap a 2 productos (2-up tipo Canyon) */
#se-header .se-header__search-panel .se-sr-grid .se-sr-card:nth-child(n+3){ display:none !important; }
/* (4) ocultar submit de Astra (Canyon no tiene boton) */
#se-header .se-header__search-panel .search-submit,
#se-header .se-header__search-panel .ast-search-submit,
#se-header .se-header__search-panel button.search-submit,
#se-header .se-header__search-panel input.search-submit,
#se-header .se-header__search-panel input[type="submit"]{ display:none !important; }
/* (5) sugerencias en FILA horizontal que envuelve (chips), no lista vertical */
#se-header .se-header__search-panel .se-search-suggest__list{
  display:flex !important; flex-wrap:wrap !important; align-items:center !important;
  gap:10px 12px !important; list-style:none !important; margin:0 !important; padding:0 !important;
}
#se-header .se-header__search-panel .se-search-suggest__list li{
  display:inline-flex !important; margin:0 !important; padding:0 !important; list-style:none !important;
}
#se-header .se-header__search-panel .se-search-suggest__list a{
  display:inline-flex !important; align-items:center !important; min-height:40px !important;
  padding:8px 14px !important; border:1px solid var(--se-linea,#D8CFBE) !important;
  border-radius:2px !important; white-space:nowrap !important; text-decoration:none !important;
  font-family:var(--se-fuente-cuerpo,'Roboto',sans-serif) !important;
  font-size:clamp(.8125rem,1vw,.9375rem) !important; line-height:1 !important;
  transition:border-color .25s var(--se-ease-out,cubic-bezier(.4,0,.25,1)), color .25s var(--se-ease-out,cubic-bezier(.4,0,.25,1)) !important;
}
#se-header.se-header--over-hero:not(.se-stuck) .se-header__search-panel .se-search-suggest__list a{ border-color:rgba(245,241,232,.5) !important; }
#se-header .se-header__search-panel .se-search-suggest__list a:hover{ border-color:var(--se-acento,#7C8A6E) !important; color:var(--se-acento,#7C8A6E) !important; }
/* (6) reduced-motion */
@media(prefers-reduced-motion:reduce){
  #se-header .se-header__search-panel .se-sr-card,
  #se-header .se-header__search-panel .se-search-suggest__list a{ transition:none !important; }
}

/* BUSCADOR v3.1 movil: apilar el form (input, sugerencias, productos full-width) — el CSS viejo "2 COLUMNAS" forzaba 2 cols tambien en movil = apretado */
@media(max-width:768px){
  #se-header .se-header__search-panel form.search-form{ display:flex !important; flex-direction:column !important; gap:24px !important; }
  #se-header .se-header__search-panel form.search-form > label{ order:0 !important; width:100% !important; grid-column:auto !important; grid-row:auto !important; }
  #se-header .se-header__search-panel form.search-form > .se-search-suggest{ order:1 !important; width:100% !important; grid-column:auto !important; grid-row:auto !important; }
  #se-header .se-header__search-panel form.search-form > .se-search-results{ order:2 !important; width:100% !important; grid-column:auto !important; grid-row:auto !important; }
  #se-header .se-header__search-panel .se-sr-grid{ grid-template-columns:repeat(2,1fr) !important; gap:16px !important; }
}




/* ============================================================
   SE BUSCADOR CANYON v4 — feedback dueno 2026-06-30
   Crema solido SIEMPRE (sin velo), input sin subrayado,
   sugerencias plain underlined links abajo-izq, productos grandes.
   ============================================================ */
/* 1. Panel SIEMPRE crema (mata el velo sobre hero) */
#se-header .se-header__search-panel,
#se-header.se-header--over-hero:not(.se-stuck) .se-header__search-panel,
#se-header:not(.se-stuck) .se-header__search-panel{
  background:var(--se-blanco,#FBF9F4) !important;
  color:var(--se-negro,#1E1C19) !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
}
/* 2. Texto carbon en TODOS los estados */
#se-header .se-header__search-panel input.search-field,
#se-header.se-header--over-hero:not(.se-stuck) .se-header__search-panel input.search-field,
#se-header .se-header__search-panel .se-sr-name,
#se-header.se-header--over-hero:not(.se-stuck) .se-header__search-panel .se-sr-name{ color:var(--se-negro,#1E1C19) !important; }
#se-header .se-header__search-panel input.search-field::placeholder,
#se-header.se-header--over-hero:not(.se-stuck) .se-header__search-panel input.search-field::placeholder{ color:var(--se-gris,#5A554E) !important; opacity:1 !important; }
#se-header .se-header__search-panel .se-search-suggest__eyebrow,
#se-header.se-header--over-hero:not(.se-stuck) .se-header__search-panel .se-search-suggest__eyebrow,
#se-header .se-header__search-panel .se-sr-eyebrow,
#se-header.se-header--over-hero:not(.se-stuck) .se-header__search-panel .se-sr-eyebrow,
#se-header .se-header__search-panel .se-sr-price,
#se-header.se-header--over-hero:not(.se-stuck) .se-header__search-panel .se-sr-price,
#se-header .se-header__search-panel .se-search-close,
#se-header.se-header--over-hero:not(.se-stuck) .se-header__search-panel .se-search-close{ color:var(--se-gris,#5A554E) !important; }
/* 3. Layout Canyon: input arriba-izq, sugerencias abajo-izq, productos derecha */
#se-header .se-header__search-panel form.search-form{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  grid-template-areas:"input results" "suggest results" !important;
  grid-template-rows:auto 1fr !important;
  align-items:start !important;
  gap:clamp(24px,3vw,48px) !important;
  min-height:clamp(320px,38vh,440px) !important;
}
#se-header .se-header__search-panel form.search-form > label{ grid-area:input !important; align-self:start !important; }
#se-header .se-header__search-panel form.search-form > .se-search-suggest{ grid-area:suggest !important; align-self:end !important; }
#se-header .se-header__search-panel form.search-form > .se-search-results{ grid-area:results !important; align-self:start !important; }
/* 4. Input sin subrayado/borde, grande */
#se-header .se-header__search-panel .se-search-field-wrap{ border:0 !important; border-bottom:0 !important; padding:0 !important; }
#se-header .se-header__search-panel input.search-field{ font-size:clamp(34px,4.2vw,56px) !important; font-weight:300 !important; }
#se-header .se-header__search-panel .se-search-ico{ display:none !important; }
/* 5. Sugerencias = plain underlined links en fila */
#se-header .se-header__search-panel .se-search-suggest__eyebrow{ letter-spacing:.14em !important; margin-bottom:10px !important; }
#se-header .se-header__search-panel .se-search-suggest__list{ gap:6px 22px !important; }
#se-header .se-header__search-panel .se-search-suggest__list li{ display:inline-flex !important; }
#se-header .se-header__search-panel .se-search-suggest__list a{
  border:0 !important; background:transparent !important; padding:0 !important; min-height:0 !important; border-radius:0 !important;
  text-decoration:underline !important; text-underline-offset:4px !important; text-decoration-thickness:1px !important;
  color:var(--se-negro,#1E1C19) !important; font-size:clamp(.875rem,1vw,1rem) !important;
}
#se-header .se-header__search-panel .se-search-suggest__list a:hover{ color:var(--se-acento,#7C8A6E) !important; }
/* 6. Productos mas grandes derecha */
#se-header .se-header__search-panel .se-sr-grid{ gap:clamp(22px,2.5vw,40px) !important; }
#se-header .se-header__search-panel .se-sr-thumb{ background:var(--se-crema-2,#EFEBE2) !important; border-radius:2px !important; }
#se-header .se-header__search-panel .se-sr-name{ font-size:clamp(1.05rem,1.5vw,1.35rem) !important; }
/* movil: apila input -> productos -> sugerencias */
@media(max-width:768px){
  #se-header .se-header__search-panel form.search-form{ grid-template-columns:1fr !important; grid-template-areas:"input" "results" "suggest" !important; grid-template-rows:auto auto auto !important; min-height:0 !important; }
}

/* BUSCADOR v4.1: sugerencias en FILA horizontal (la lista estaba en column) */
#se-header .se-header__search-panel .se-search-suggest{ flex-direction:column !important; }
#se-header .se-header__search-panel .se-search-suggest__list{ flex-direction:row !important; flex-wrap:wrap !important; }

/* BLOG vuelvete: quitar el scale (robotico) en hover, dejar solo el crossfade de la foto */
.se-ultimas__card:hover .se-ultimas__media img,
.se-ultimas__card:hover .se-urot__img.is-on,
.se-ultimas__card:hover .se-urot__img{ transform:none !important; }

/* QUIZ v5 feedback dueno: opciones con contraste (fondo crema sobre modal blanco) + hover crece/negrita; ocultar botones nav deshabilitados (redundantes con auto-avance); ocultar nav en resultado (dejar solo Ver Producto) */
.coffee-quiz-container .coffee-option{ background:var(--se-crema,#F5F1E8) !important; border:1px solid var(--se-linea,#D8CFBE) !important; transition:transform .2s var(--se-ease-out,cubic-bezier(.4,0,.25,1)), border-color .2s, background .2s !important; }
.coffee-quiz-container .coffee-option:hover{ background:var(--se-blanco,#FBF9F4) !important; border-color:var(--se-acento,#7C8A6E) !important; transform:scale(1.02) !important; font-weight:700 !important; }
.coffee-quiz-container .quiz-navigation button:disabled{ display:none !important; }
.coffee-quiz-container:has(.coffee-results) .quiz-navigation{ display:none !important; }

/* QUIZ loading indicator (feedback dueno: que no se sienta bug mientras carga) */
.se-quiz-frame-wrap{ position:relative !important; }
.se-quiz-loading{ position:absolute !important; inset:0 !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:14px !important; color:var(--se-gris,#5A554E) !important; font-family:var(--se-fuente-cuerpo,'Roboto',sans-serif) !important; font-size:.9rem !important; letter-spacing:.06em !important; text-transform:uppercase !important; z-index:1 !important; pointer-events:none !important; }
.se-quiz-spinner{ width:34px !important; height:34px !important; border-radius:50% !important; border:2px solid var(--se-linea,#D8CFBE) !important; border-top-color:var(--se-acento,#7C8A6E) !important; animation:se-spin .8s linear infinite !important; }
@keyframes se-spin{ to{ transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce){ .se-quiz-spinner{ animation:none !important; } }

/* BUSCADOR v4.2 full-width: el form tenia max-width:1080px (boxed). Full ancho. */
#se-header .se-header__search-panel form.search-form{ max-width:none !important; width:100% !important; margin:0 !important; }
#se-header .se-header__search-panel .se-search-results{ max-width:none !important; }

/* QUIZ v6 feedback dueno: opciones tono crema-2 (mas visibles) + compactas (todas visibles sin scroll); espacio tras labels del resultado */
/* tono distinto + compacto */
.coffee-quiz-container .coffee-option{ background:var(--se-crema-2,#EFEBE2) !important; border:1px solid var(--se-linea,#D8CFBE) !important; padding:9px 16px !important; margin:0 auto 6px !important; font-size:clamp(.9rem,1.05vw,1rem) !important; line-height:1.3 !important; }
.coffee-quiz-container .coffee-option:hover{ background:var(--se-blanco,#FBF9F4) !important; }
/* compactar el resto para que quepan todas las opciones */
.coffee-quiz-container .quiz-content h2{ margin:0 auto .45em !important; font-size:clamp(1.35rem,2.8vw,1.9rem) !important; }
.coffee-quiz-container .quiz-progress{ margin-bottom:12px !important; }
html.se-in-iframe .coffee-quiz-container{ padding:clamp(12px,2vw,22px) !important; }
/* resultado: espacio tras labels en italica/negrita (markup del quiz los pega) */
.coffee-quiz-container .result-recommendation em::after,
.coffee-quiz-container .result-recommendation strong::after,
.coffee-quiz-container .result-recommendation b::after{ content:' ' !important; white-space:pre !important; }

/* QUIZ v6.1 espacio: el ::after con content espacio se colapsa; uso margin-right en los labels (em/strong/b) del resultado para separar de su valor */
.coffee-quiz-container .result-recommendation em,
.coffee-quiz-container .result-recommendation strong,
.coffee-quiz-container .result-recommendation b{ margin-right:.32em !important; }

/* QUIZ v7 resultado compacto: que TODO el resultado quepa en el modal sin scroll (foto mas chica + menos padding/margenes) */
.coffee-quiz-container .result-recommendation .se-quiz-prodimg{ max-width:150px !important; max-height:26vh !important; height:auto !important; margin:0 auto .5em !important; }
.coffee-quiz-container .result-recommendation{ padding:clamp(14px,2vw,20px) !important; margin:0 auto 1em !important; }
.coffee-quiz-container .result-title{ font-size:clamp(1.5rem,4vw,2.3rem) !important; margin:0 auto .3em !important; }
.coffee-quiz-container .result-description{ margin:0 auto .9em !important; }
.coffee-quiz-container .coffee-results{ padding:2px 4px 2px !important; }
.coffee-quiz-container .result-recommendation h4{ margin:.05em 0 .3em !important; }
.coffee-quiz-container .result-recommendation p{ margin:0 auto .4em !important; }
.coffee-quiz-container .coffee-instruction{ margin:.6em auto 0 !important; }

/* QUIZ v8 centrar en el iframe: el header viejo del sitio dentro del iframe empujaba el quiz abajo (no centrado + scroll). Centro el container y mato el scroll externo. */
html.se-in-iframe, html.se-in-iframe body{ overflow:hidden !important; height:100vh !important; min-height:0 !important; }
html.se-in-iframe .coffee-quiz-container{
  position:fixed !important; top:50% !important; left:50% !important;
  transform:translate(-50%,-50%) !important;
  width:100% !important; max-width:600px !important;
  max-height:94vh !important; overflow-y:auto !important;
  margin:0 !important;
}
/* ocultar chrome del quiz por si asoma dentro del iframe */
html.se-in-iframe #masthead, html.se-in-iframe .site-header, html.se-in-iframe header.site-header,
html.se-in-iframe #colophon, html.se-in-iframe .site-footer, html.se-in-iframe footer.site-footer,
html.se-in-iframe .ast-above-header-wrap, html.se-in-iframe .joinchat{ display:none !important; }

/* QUIZ v8.1 fit: compactar mas las opciones (la de 7 se pasaba 30px) + usar todo el alto del iframe */
.coffee-quiz-container .coffee-option{ padding:7px 14px !important; margin:0 auto 4px !important; }
html.se-in-iframe .coffee-quiz-container{ max-height:100vh !important; }
.coffee-quiz-container .quiz-content h2{ margin:0 auto .35em !important; }
.coffee-quiz-container .quiz-progress{ margin-bottom:8px !important; }

/* QUIZ emoji img: WordPress convierte emojis a <img class=emoji> (Twemoji); el strip de texto no los toca. Ocultarlos. */
.coffee-quiz-container img.emoji, .coffee-results img.emoji, .se-quiz-modal img.emoji{ display:none !important; }

/* ===== BUSCADOR v5 impecable: proporciones Canyon (strip compacto, productos moderados, input grande, gap aireado) ===== */
/* productos: acotar tamano (al ser full-width el thumb cuadrado se inflaba a ~430px). Moderados, lado a lado. */
#se-header .se-header__search-panel .se-sr-grid{
  grid-template-columns:repeat(2, minmax(0,230px)) !important;
  justify-content:start !important;
  gap:clamp(18px,1.6vw,28px) !important;
  align-content:start !important;
}
#se-header .se-header__search-panel .se-sr-card{ max-width:230px !important; }
#se-header .se-header__search-panel .se-sr-thumb{ aspect-ratio:1/1 !important; max-height:230px !important; }
/* input mucho mas grande (Canyon 'Type anything') */
#se-header .se-header__search-panel input.search-field{ font-size:clamp(40px,5vw,72px) !important; line-height:1.05 !important; }
/* panel como strip compacto: sin alto forzado, padding moderado */
#se-header .se-header__search-panel form.search-form{ min-height:0 !important; gap:clamp(20px,2.5vw,40px) !important; }
#se-header .se-header__search-panel{ padding-block:clamp(30px,4vw,56px) !important; }
/* resultados arriba; eyebrow alineado con los productos */
#se-header .se-header__search-panel .se-search-results{ align-self:start !important; }
#se-header .se-header__search-panel .se-sr-eyebrow{ text-align:left !important; margin-bottom:clamp(14px,1.6vw,22px) !important; }

/* BUSCADOR v6 detalles: fondo crema del header + input mas chico/proporcionado */
#se-header .se-header__search-panel,
#se-header.se-header--over-hero:not(.se-stuck) .se-header__search-panel,
#se-header:not(.se-stuck) .se-header__search-panel,
#se-header.se-stuck .se-header__search-panel{ background:var(--se-crema,#F5F1E8) !important; }
#se-header .se-header__search-panel input.search-field{ font-size:clamp(28px,2.8vw,44px) !important; font-weight:400 !important; }
#se-header .se-header__search-panel form.search-form > label{ align-self:start !important; }

/* BUSCADOR v7 input: quitar subrayado propio del input, sentence-case (no uppercase), peso ligero */
#se-header .se-header__search-panel input.search-field{ border-bottom:0 !important; border:0 !important; text-transform:none !important; font-weight:300 !important; }
#se-header .se-header__search-panel input.search-field::placeholder{ text-transform:none !important; }

/* BUSCADOR v8 detalles: input mas chico, X arriba-derecha pegada al header, alinear input con eyebrow */
#se-header .se-header__search-panel input.search-field{ font-size:clamp(22px,2vw,30px) !important; }
/* X de cerrar: arriba-derecha del panel, pegada/alineada al header */
#se-header .se-header__search-panel .se-search-close{ position:absolute !important; top:clamp(14px,1.8vw,24px) !important; right:clamp(20px,4vw,64px) !important; left:auto !important; z-index:3 !important; margin:0 !important; }
/* alinear el tope del input con el tope de los resultados (eyebrow) */
#se-header .se-header__search-panel form.search-form{ align-items:start !important; }
#se-header .se-header__search-panel form.search-form > label{ align-self:start !important; margin:0 !important; }
#se-header .se-header__search-panel .se-search-field-wrap{ padding:0 !important; align-items:baseline !important; }
#se-header .se-header__search-panel .se-search-results{ align-self:start !important; margin:0 !important; }

/* BUSCADOR v9 compacto: caja baja, input+sugerencias agrupadas arriba-izq, productos absolute arriba-der, apertura fluida */
#se-header .se-header__search-panel form.search-form{ position:relative !important; display:block !important; min-height:clamp(190px,21vw,250px) !important; }
#se-header .se-header__search-panel form.search-form > label{ display:block !important; width:48% !important; margin:0 !important; }
#se-header .se-header__search-panel form.search-form > .se-search-suggest{ display:block !important; width:48% !important; margin-top:clamp(18px,2vw,30px) !important; align-self:auto !important; }
#se-header .se-header__search-panel form.search-form > .se-search-results{ position:absolute !important; top:0 !important; right:0 !important; width:clamp(340px,48%,560px) !important; margin:0 !important; }
#se-header .se-header__search-panel .se-sr-grid{ grid-template-columns:repeat(2,minmax(0,170px)) !important; justify-content:end !important; }
#se-header .se-header__search-panel .se-sr-card{ max-width:170px !important; }
#se-header .se-header__search-panel .se-sr-thumb{ max-height:170px !important; }
#se-header .se-header__search-panel{ padding-block:clamp(22px,2.6vw,36px) !important; transition:top .42s var(--se-ease-inout,cubic-bezier(.22,1,.32,1)) !important; }
/* movil: deshacer absolute, apilar a ancho completo */
@media(max-width:768px){
  #se-header .se-header__search-panel form.search-form{ min-height:0 !important; }
  #se-header .se-header__search-panel form.search-form > label,
  #se-header .se-header__search-panel form.search-form > .se-search-suggest,
  #se-header .se-header__search-panel form.search-form > .se-search-results{ position:static !important; width:100% !important; }
  #se-header .se-header__search-panel .se-sr-grid{ grid-template-columns:repeat(2,1fr) !important; justify-content:stretch !important; }
}

/* BUSCADOR v9.1 orden: input arriba (alineado con eyebrow), sugerencias debajo (flex+order) */
#se-header .se-header__search-panel form.search-form{ display:flex !important; flex-direction:column !important; justify-content:flex-start !important; align-items:flex-start !important; }
#se-header .se-header__search-panel form.search-form > label{ order:1 !important; }
#se-header .se-header__search-panel form.search-form > .se-search-suggest{ order:2 !important; }
#se-header .se-header__search-panel form.search-form > input.search-submit{ order:3 !important; display:none !important; }
#se-header .se-header__search-panel form.search-form > .se-search-results{ order:0 !important; }

/* BUSCADOR v9.2: alinear input con eyebrow (quitar padding-top del form) + X esquina sup-der fija sin chocar productos */
#se-header .se-header__search-panel form.search-form{ padding-top:0 !important; }
#se-header .se-header__search-panel .se-search-close{ position:fixed !important; top:clamp(74px,9vh,96px) !important; right:clamp(16px,1.6vw,32px) !important; left:auto !important; bottom:auto !important; z-index:5 !important; margin:0 !important; }

/* BUSCADOR v9.3: X en esquina sup-der del form (absoluta) + hueco en productos; orden movil (input primero) */
#se-header .se-header__search-panel .se-search-close{ position:absolute !important; top:0 !important; right:0 !important; left:auto !important; bottom:auto !important; z-index:5 !important; margin:0 !important; }
#se-header .se-header__search-panel form.search-form > .se-search-results{ right:clamp(48px,3.4vw,64px) !important; }
@media(max-width:768px){
  #se-header .se-header__search-panel form.search-form > label{ order:0 !important; }
  #se-header .se-header__search-panel form.search-form > .se-search-results{ order:1 !important; right:auto !important; }
  #se-header .se-header__search-panel form.search-form > .se-search-suggest{ order:2 !important; }
  #se-header .se-header__search-panel .se-search-close{ position:absolute !important; top:0 !important; right:0 !important; }
}

/* ===== BUSCADOR LIMPIO 2026-06-30 — override autoritativo, reemplaza v3..v9.3 ===== */
#se-header .se-header__search-panel {
  background: var(--se-crema, #F5F1E8) !important;
  padding-inline: clamp(24px, 4vw, 72px) !important;
  padding-block: clamp(13px, 1.5vw, 20px) !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: clip !important; border: 0 !important; top: 60px !important; box-shadow: none !important;
  color: var(--se-carbon, #1E1C19) !important;
}
#se-header .se-header__search-panel * { box-sizing: border-box !important; }
#se-header .se-header__search-panel form.search-form {
  display: grid !important;
  grid-template-columns: 1.4fr 1fr !important; justify-content: stretch !important;
  grid-template-rows: auto 1fr auto !important;
  grid-template-areas: "bar results" "spacer results" "suggest results" !important;
  column-gap: clamp(32px, 5vw, 72px) !important;
  row-gap: clamp(22px, 2.6vw, 34px) !important;
  align-items: start !important;
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  padding: 0 !important;
  position: static !important;
  float: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#se-header .se-header__search-panel form.search-form > label {
  grid-area: bar !important; display: block !important; width: 100% !important;
  margin: 0 !important; padding: 0 !important; position: static !important; float: none !important;
}
#se-header .se-header__search-panel .screen-reader-text {
  position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important;
  margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important; border: 0 !important;
}
#se-header .se-header__search-panel .se-search-field-wrap {
  display: flex !important; align-items: center !important; gap: clamp(12px, 1.2vw, 18px) !important;
  width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
  border-bottom: 0 !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important; position: static !important;
}
#se-header .se-header__search-panel .se-search-ico {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  flex: 0 0 auto !important; width: clamp(11px, 1.2vw, 15px) !important; height: clamp(11px, 1.2vw, 15px) !important;
  margin: 0 !important; padding: 0 !important; color: var(--se-carbon, #1E1C19) !important;
  position: static !important; pointer-events: none !important;
}
#se-header .se-header__search-panel .se-search-ico svg {
  width: 100% !important; height: 100% !important; display: block !important;
  fill: none !important; stroke: currentColor !important;
}
#se-header .se-header__search-panel input.search-field {
  flex: 0 1 auto !important; width: clamp(200px, 32vw, 560px) !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important;
  border: 0 !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important; border-left: 0 !important;
  border-radius: 0 !important; outline: none !important; background: transparent !important; box-shadow: none !important;
  font-family: var(--se-fuente-titular, "League Gothic", sans-serif) !important; font-size: clamp(18px, 1.6vw, 22px) !important;
  font-weight: 400 !important; line-height: 1.1 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important;
  color: var(--se-carbon, #1E1C19) !important; position: static !important; height: auto !important;
  -webkit-appearance: none !important; appearance: none !important;
}
#se-header .se-header__search-panel input.search-field::placeholder {
  color: var(--se-gris, #7A7568) !important; opacity: 1 !important;
  font-family: var(--se-fuente-titular, "League Gothic", sans-serif) !important; text-transform: uppercase !important; letter-spacing: 0.02em !important;
}
#se-header .se-header__search-panel input.search-field:focus { outline: none !important; box-shadow: none !important; border: 0 !important; }
#se-header .se-header__search-panel button.se-search-close,
#se-header .se-header__search-panel .se-search-close {
  position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important;
  transform: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;
  flex: 0 0 auto !important; width: 40px !important; height: 40px !important; margin: 0 0 0 auto !important; padding: 0 !important;
  border: 0 !important; border-radius: 50% !important; background: transparent !important; color: var(--se-carbon, #1E1C19) !important;
  cursor: pointer !important; box-shadow: none !important;
  transition: background-color 0.2s var(--se-ease-out, cubic-bezier(.4, 0, .25, 1)), color 0.2s var(--se-ease-out, cubic-bezier(.4, 0, .25, 1)) !important;
}
#se-header .se-header__search-panel button.se-search-close:hover,
#se-header .se-header__search-panel .se-search-close:hover { background: var(--se-crema-2, #EFEBE2) !important; color: var(--se-acento, #7C8A6E) !important; }
#se-header .se-header__search-panel button.se-search-close:focus-visible,
#se-header .se-header__search-panel .se-search-close:focus-visible { outline: 2px solid var(--se-acento, #7C8A6E) !important; outline-offset: 2px !important; }
#se-header .se-header__search-panel button.se-search-close svg,
#se-header .se-header__search-panel .se-search-close svg { width: 16px !important; height: 16px !important; display: block !important; fill: currentColor !important; stroke: currentColor !important; }
#se-header .se-header__search-panel .se-search-suggest { grid-area: suggest !important; display: block !important; margin: 0 !important; padding: 0 !important; min-width: 0 !important; }
#se-header .se-header__search-panel .se-search-suggest__eyebrow {
  font-family: var(--se-fuente-titular, "League Gothic", sans-serif) !important; font-size: clamp(0.75rem, 1vw, 0.875rem) !important;
  font-weight: 400 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; line-height: 1 !important;
  color: var(--se-gris, #7A7568) !important; margin: 0 0 clamp(18px, 2vw, 28px) 0 !important; padding: 0 !important;
}
#se-header .se-header__search-panel .se-search-suggest__list { display: flex !important; flex-direction: column !important; align-items: flex-start !important; text-align: left !important; gap: clamp(14px, 1.6vw, 22px) !important; list-style: none !important; margin: 0 !important; padding: 0 !important; }
#se-header .se-header__search-panel .se-search-suggest__list li { display: block !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
#se-header .se-header__search-panel .se-search-suggest__list li::before,
#se-header .se-header__search-panel .se-search-suggest__list li::marker { content: none !important; }
#se-header .se-header__search-panel .se-search-suggest__list li a {
  display: inline-block !important; text-align: left !important; font-family: var(--se-fuente-cuerpo, "Roboto", sans-serif) !important; font-size: clamp(0.8125rem, 0.9vw, 0.9375rem) !important;
  font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; line-height: 1.2 !important;
  color: var(--se-carbon, #1E1C19) !important; text-decoration: none !important; border: 0 !important; background: transparent !important;
  transition: color 0.2s var(--se-ease-out, cubic-bezier(.4, 0, .25, 1)) !important;
}
#se-header .se-header__search-panel .se-search-suggest__list li a:hover,
#se-header .se-header__search-panel .se-search-suggest__list li a:focus-visible { color: var(--se-acento, #7C8A6E) !important; }
#se-header .se-header__search-panel form.search-form .se-search-results {
  grid-area: results !important; position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important;
  transform: none !important; display: block !important; visibility: visible !important; width: 100% !important; max-width: none !important; height: auto !important;
  margin: 0 !important; padding: 0 !important; float: none !important; overflow: visible !important; min-width: 0 !important; background: transparent !important;
}
#se-header .se-header__search-panel form.search-form .se-search-results .se-sr-eyebrow {
  font-family: var(--se-fuente-titular, "League Gothic", sans-serif) !important; font-size: clamp(0.75rem, 1vw, 0.875rem) !important; font-weight: 400 !important;
  letter-spacing: 0.18em !important; text-transform: uppercase !important; line-height: 1 !important; color: var(--se-gris, #7A7568) !important;
  margin: 0 0 clamp(18px, 2vw, 28px) 0 !important; padding: 0 !important;
}
#se-header .se-header__search-panel form.search-form .se-search-results .se-sr-grid {
  display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: clamp(16px, 1.6vw, 24px) !important; max-width: none !important; justify-content: start !important;
  margin: 0 !important; padding: 0 !important; width: 100% !important; align-items: start !important;
}
#se-header .se-header__search-panel form.search-form .se-search-results .se-sr-card {
  display: flex !important; flex-direction: column !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; max-width: none !important;
  min-width: 0 !important; width: 100% !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
  text-decoration: none !important; color: var(--se-carbon, #1E1C19) !important; position: static !important;
  transition: transform 0.3s var(--se-ease-out, cubic-bezier(.4, 0, .25, 1)) !important;
}
#se-header .se-header__search-panel form.search-form .se-search-results .se-sr-card:hover { transform: translateY(-3px) !important; }
#se-header .se-header__search-panel form.search-form .se-search-results .se-sr-thumb {
  display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: none !important; max-height: none !important;
  aspect-ratio: 1 / 1 !important; height: auto !important; margin: 0 !important; padding: clamp(10px, 1.4vw, 18px) !important; background: var(--se-crema-2, #EFEBE2) !important;
  border: 0 !important; border-radius: 2px !important; overflow: hidden !important; box-sizing: border-box !important;
}
#se-header .se-header__search-panel form.search-form .se-search-results .se-sr-thumb img {
  width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center !important;
  display: block !important; margin: 0 !important; border-radius: 0 !important;
}
#se-header .se-header__search-panel form.search-form .se-search-results .se-sr-name {
  display: block !important; font-family: var(--se-fuente-titular, "League Gothic", sans-serif) !important; font-size: clamp(1rem, 1.3vw, 1.2rem) !important;
  font-weight: 400 !important; line-height: 1.05 !important; letter-spacing: 0.015em !important; text-transform: uppercase !important; color: var(--se-carbon, #1E1C19) !important;
  margin: 0 !important; padding: 0 !important; transition: color 0.2s var(--se-ease-out, cubic-bezier(.4, 0, .25, 1)) !important;
}
#se-header .se-header__search-panel form.search-form .se-search-results .se-sr-price {
  display: block !important; font-family: var(--se-fuente-titular, "League Gothic", sans-serif) !important; font-size: clamp(0.95rem, 1.1vw, 1.05rem) !important;
  font-weight: 400 !important; line-height: 1 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; color: var(--se-gris, #7A7568) !important;
  margin: 0 !important; padding: 0 !important;
}
#se-header .se-header__search-panel form.search-form .se-search-results .se-sr-card:hover .se-sr-name { color: var(--se-acento, #7C8A6E) !important; }
#se-header .se-header__search-panel form.search-form .ast-search-submit,
#se-header .se-header__search-panel form.search-form button.search-submit,
#se-header .se-header__search-panel form.search-form button.search-submit.ast-search-submit,
#se-header .se-header__search-panel form.search-form > input.search-submit,
#se-header .se-header__search-panel form.search-form input.search-submit {
  display: none !important; visibility: hidden !important; position: absolute !important; width: 0 !important; height: 0 !important;
  padding: 0 !important; margin: 0 !important; border: 0 !important; opacity: 0 !important; pointer-events: none !important;
}
#se-header .se-header__search-panel > .se-search-results {
  display: none !important; visibility: hidden !important; position: absolute !important; width: 0 !important; height: 0 !important;
  overflow: hidden !important; margin: 0 !important; padding: 0 !important; pointer-events: none !important;
}
@media (max-width: 768px) {
  #se-header .se-header__search-panel { padding-inline: clamp(20px, 6vw, 28px) !important; padding-block: clamp(20px, 6vw, 32px) !important; }
  #se-header .se-header__search-panel form.search-form {
    grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto auto auto !important;
    grid-template-areas: "bar" "results" "suggest" !important; column-gap: 0 !important; row-gap: clamp(28px, 7vw, 40px) !important; max-width: 100% !important;
  }
  #se-header .se-header__search-panel input.search-field { font-size: clamp(20px, 6vw, 26px) !important; }
  #se-header .se-header__search-panel .se-search-field-wrap { padding-bottom: 14px !important; gap: 10px !important; }
  #se-header .se-header__search-panel button.se-search-close,
  #se-header .se-header__search-panel .se-search-close { width: 38px !important; height: 38px !important; }
  #se-header .se-header__search-panel form.search-form .se-search-results .se-sr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: clamp(14px, 4vw, 22px) !important; }
}
@media (prefers-reduced-motion: reduce) {
  #se-header .se-header__search-panel button.se-search-close,
  #se-header .se-header__search-panel .se-search-close,
  #se-header .se-header__search-panel .se-search-suggest__list li a,
  #se-header .se-header__search-panel form.search-form .se-search-results .se-sr-card,
  #se-header .se-header__search-panel form.search-form .se-search-results .se-sr-name { transition: none !important; }
  #se-header .se-header__search-panel form.search-form .se-search-results .se-sr-card:hover { transform: none !important; }
}

/* BUSCADOR: apertura smooth (como el morph del scroll) + sugerencias sutiles */
@keyframes sePanelReveal { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
#se-header .se-header__search-panel:not([hidden]) { animation: sePanelReveal 0.42s var(--se-ease-inout, cubic-bezier(.22,1,.32,1)) both !important; }
#se-header .se-header__search-panel .se-search-suggest__list li a { color: var(--se-gris, #7A7568) !important; }
@media (prefers-reduced-motion: reduce) { #se-header .se-header__search-panel:not([hidden]) { animation: none !important; } }

/* BUSCADOR layout Canyon final: sugerencias horizontales abajo, X arriba-derecha, Desde en precio */
#se-header .se-header__search-panel .se-search-suggest { align-self: end !important; }
#se-header .se-header__search-panel .se-search-suggest__list { flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; gap: clamp(12px, 1.4vw, 20px) !important; }
#se-header .se-header__search-panel .se-search-suggest__list li:not(:first-child)::before { content: "·" !important; margin-right: clamp(12px, 1.4vw, 20px) !important; color: var(--se-linea, #D8CFBE) !important; }
#se-header .se-header__search-panel button.se-search-close, #se-header .se-header__search-panel .se-search-close { position: absolute !important; top: clamp(3px, 0.37vw, 7px) !important; right: clamp(24px, 4vw, 72px) !important; left: auto !important; bottom: auto !important; margin: 0 !important; }
#se-header .se-header__search-panel form.search-form .se-search-results .se-sr-price::before { content: "Desde " !important; }

/* QUIZ crema fix textos blancos invisibles sobre crema (2da tanda) */
html.se-in-iframe .coffee-quiz-container .question-text { color: var(--se-negro, #1E1C19) !important; }
html.se-in-iframe .coffee-quiz-container .quiz-navigation button:first-child { color: var(--se-negro, #1E1C19) !important; }

/* BUSCADOR resultados wide: 4+ resultados -> derecha 80%, mosaico hasta 4 cuadrados, scroll */
html.se-search-many #se-header .se-header__search-panel form.search-form { grid-template-columns: 1fr !important; grid-template-rows: auto auto !important; grid-template-areas: "bar" "results" !important; }
html.se-search-many #se-header .se-header__search-panel form.search-form .se-search-results .se-sr-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; max-width: none !important; }
html.se-search-many #se-header .se-header__search-panel { max-height: 86vh !important; overflow-y: auto !important; }
html.se-search-many #se-header .se-header__search-panel .se-search-suggest__list { flex-direction: column !important; gap: clamp(8px,1vw,12px) !important; }
html.se-search-many #se-header .se-header__search-panel .se-search-suggest__list li:not(:first-child)::before { content: none !important; margin: 0 !important; }

/* QUIZ centrar pregunta + wide ocultar sugerencias (3ra tanda fix) */
html.se-in-iframe .coffee-quiz-container .question-text { text-align: center !important; }
html.se-search-many #se-header .se-header__search-panel .se-search-suggest { display: none !important; }

/* QUIZ question-text centrar el BLOQUE (tiene max-width 433, estaba pegado a la izq) */
html.se-in-iframe .coffee-quiz-container .question-text { margin-left: auto !important; margin-right: auto !important; }

/* BUSCADOR animacion clip (entrada/salida secuenciada con el morph) */
#se-header .se-header__search-panel[hidden] { display: block !important; }
#se-header .se-header__search-panel {
  clip-path: inset(0 0 100% 0) !important;
  -webkit-clip-path: inset(0 0 100% 0) !important;
  transition: clip-path 0.7s cubic-bezier(.65,.05,.35,1) !important; will-change: clip-path !important; opacity: 1 !important; transform: none !important;
  animation: none !important;
  pointer-events: none !important;
}
html.se-box-open #se-header .se-header__search-panel {
  clip-path: inset(0 0 0 0) !important;
  -webkit-clip-path: inset(0 0 0 0) !important;
  transition: clip-path 0.8s cubic-bezier(.22,1,.32,1) !important;
  pointer-events: auto !important;
}



/* X alineada eyebrow desktop 2026-07-01 */
@media (min-width: 769px){
  html.se-search-open #se-header.se-stuck .se-header__search-panel .se-search-close{ top: 7px !important; }
}

/* BUSCADOR reduced-motion */
@media (prefers-reduced-motion: reduce){
  #se-header .se-header__search-panel, .se-search-backdrop{ transition: none !important; }
}


/* LUPA del panel = cerrar buscador */
#se-header .se-header__search-panel .se-search-ico{ cursor: pointer !important; pointer-events: auto !important; padding: 10px; margin: -10px; box-sizing: content-box; }

/* NAV links inline-block: los transforms del FLIP no renderizan en display:inline */
#se-header .se-header__nav a{ display: inline-block; }

/* ===== MEGA-MENU TIENDA (Canyon) v2 2026-07-01 ===== */
.se-mega{
  position:fixed; left:0; right:0; top:0; height:554px;
  background:var(--se-crema,#F5F1E8);
  z-index:5;
  clip-path:inset(0 0 100% 0); -webkit-clip-path:inset(0 0 100% 0);
  transition:clip-path .7s cubic-bezier(.65,.05,.35,1);
  will-change:clip-path;
  pointer-events:none;
}
html.se-mega-open .se-mega{
  clip-path:inset(0 0 0 0); -webkit-clip-path:inset(0 0 0 0);
  transition:clip-path .8s cubic-bezier(.22,1,.32,1);
  pointer-events:auto;
}
.se-mega__inner{
  height:100%; box-sizing:border-box;
  padding:96px 0 28px clamp(24px,4vw,72px);
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(0,3fr);
  column-gap:clamp(32px,3.5vw,64px);
  align-items:stretch;
}
html.se-mega-hero .se-mega__inner{ padding-top:172px; }
.se-mega__cols{ display:grid; grid-template-columns:1fr 1fr; column-gap:clamp(24px,2.5vw,48px); align-items:stretch; }
.se-mega__col{ border-left:1px solid var(--se-linea,#D8CFBE); padding-left:clamp(18px,1.8vw,32px); }
.se-mega__head{
  font-family:var(--se-fuente-titular); text-transform:uppercase; font-weight:400;
  font-size:clamp(1.125rem,1.45vw,1.375rem); letter-spacing:.14em; line-height:1.1;
  color:var(--se-carbon,#1E1C19); margin:0 0 24px;
}
.se-mega__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:15px; }
.se-mega__list a, .se-mega__list span{
  font-family:var(--se-fuente-cuerpo); font-size:clamp(.9375rem,1.02vw,1.0625rem);
  line-height:1.4; text-decoration:none;
}
.se-mega__list a{ color:var(--se-carbon,#1E1C19); transition:color .25s cubic-bezier(.4,0,.25,1); }
.se-mega__list a:hover{ color:var(--se-acento,#7C8A6E); }
.se-mega__list span{ color:var(--se-gris,#7A7568); cursor:default; }
.se-mega__feat{ display:flex; justify-content:flex-end; min-height:0; text-decoration:none; }
.se-mega__feat-wrap{ display:flex; flex-direction:column; height:100%; min-height:0; margin-left:auto; }
.se-mega__feat-img{ flex:1 1 auto; min-height:0; overflow:hidden; background:transparent; display:block; }
.se-mega__feat-img img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s cubic-bezier(.4,0,.25,1); }
.se-mega__feat:hover .se-mega__feat-img img{ transform:scale(1.02); }
.se-mega__feat-cap{
  flex:0 0 auto; margin-top:10px; text-align:left; width:0; min-width:100%;
  font-family:var(--se-fuente-cuerpo); font-size:clamp(.8125rem,1vw,.9375rem);
  color:var(--se-gris,#7A7568); line-height:1.5;
}
.se-mega__feat-cap em{ font-style:italic; }
.se-mega__feat-cap b{
  font-family:var(--se-fuente-titular); text-transform:uppercase; font-weight:400;
  font-size:1.3em; letter-spacing:.02em; color:var(--se-carbon,#1E1C19);
  margin:0 .4em 0 .35em; transition:color .25s cubic-bezier(.4,0,.25,1);
}
.se-mega__feat:hover .se-mega__feat-cap b{ color:var(--se-acento,#7C8A6E); }
/* letras del header a carbon cuando la cortina cae sobre el hero */
html.se-mega-open #se-header:not(.se-stuck){ color:var(--se-negro,#1E1C19); }
html.se-mega-open #se-header:not(.se-stuck) .se-header__bar *,
html.se-mega-open #se-header:not(.se-stuck) .se-header__nav a{ text-shadow:none; }
html.se-mega-open #se-header:not(.se-stuck) svg{ filter:none; }
html.se-mega-open #se-header:not(.se-stuck) .se-header__promo span{ text-shadow:none; }
/* desktop: MAYOREO fuera del nav; sub-menus ocultos (el mega los reemplaza) */
@media (min-width:921px){
  #se-header .se-header__menu li.menu-item-10086{ display:none; }
  #se-header .se-header__menu .sub-menu{ display:none; }
}
@media (max-width:920px){ .se-mega{ display:none; } }
#se-header .se-header__promo, #se-header .se-header__bar{ position:relative; z-index:6; }
#se-header .se-header__search-panel{ z-index:4 !important; }
@media (prefers-reduced-motion: reduce){ .se-mega{ transition:none !important; } }

/* ===== CATALOGO landing Canyon (tienda/mayoreo) 2026-07-01 ===== */
.se-cat__head{
  background:var(--se-crema,#F5F1E8);
  padding: calc(60px + clamp(32px,4.5vw,60px)) clamp(24px,4vw,72px) clamp(28px,3.5vw,44px);
}
.se-cat__kick{
  font-family:var(--se-fuente-titular); text-transform:uppercase;
  font-size:clamp(.75rem,1vw,.875rem); letter-spacing:.18em; line-height:1.1;
  color:var(--se-gris,#7A7568); margin:0 0 14px;
}
.se-cat__head h1{
  font-family:var(--se-fuente-titular); text-transform:uppercase;
  font-size:clamp(3rem,6.5vw,5.5rem); line-height:.95; letter-spacing:.01em;
  color:var(--se-carbon,#1E1C19); margin:0;
}
.se-cat__sub{
  font-family:var(--se-fuente-cuerpo); font-size:clamp(1rem,1.15vw,1.125rem);
  line-height:1.6; color:var(--se-gris,#7A7568); max-width:60ch; margin:18px 0 0;
}
.se-catalogo, .se-cat-grid{ background:transparent; }
.entry-content .se-cat-grid, .se-cat-grid{
  background:var(--se-crema-2,#EFEBE2);
  padding: clamp(32px,4vw,56px) clamp(24px,4vw,72px) clamp(72px,10vw,140px);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap: clamp(36px,4vw,64px) clamp(20px,2.5vw,40px);
  max-width:none; margin:0;
}
@media (max-width:1280px){ .entry-content .se-cat-grid, .se-cat-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:900px){ .entry-content .se-cat-grid, .se-cat-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.se-cat-card{ margin:0; }
.se-cat-card__media{
  position:relative; display:block; aspect-ratio:1/1; overflow:hidden;
  background:var(--se-crema,#F5F1E8); cursor:pointer;
}
.se-cat-card__img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:contain; padding:clamp(18px,2vw,34px); box-sizing:border-box;
  transition:opacity .45s cubic-bezier(.4,0,.25,1);
}
.se-cat-card__img--alt{ opacity:0; object-fit:cover; padding:0; }
.se-cat-card__media:hover .se-cat-card__img--alt,
.se-cat-card__media:focus-visible .se-cat-card__img--alt{ opacity:1; }
.se-cat-card__media:hover .se-cat-card__img--main,
.se-cat-card__media:focus-visible .se-cat-card__img--main{ opacity:0; }
.se-cat-card__name{ margin:16px 0 0; line-height:1.05; }
.se-cat-card__name a{
  font-family:var(--se-fuente-titular); text-transform:uppercase;
  font-size:clamp(1.25rem,1.6vw,1.625rem); letter-spacing:.015em;
  color:var(--se-carbon,#1E1C19); text-decoration:none !important;
  border-bottom:0 !important; box-shadow:none !important;
  transition:color .25s cubic-bezier(.4,0,.25,1);
}
.se-cat-card__name a:hover{ color:var(--se-acento,#7C8A6E); text-decoration:none !important; }
.se-cat-card__notes{
  font-family:var(--se-fuente-cuerpo); font-size:clamp(.8125rem,1vw,.9375rem);
  line-height:1.5; color:var(--se-gris,#7A7568); margin:6px 0 0;
}
.se-cat-card__price{
  font-family:var(--se-fuente-titular); text-transform:uppercase;
  font-size:clamp(1rem,1.2vw,1.1875rem); letter-spacing:.02em;
  color:var(--se-carbon,#1E1C19); margin:8px 0 0;
}
.se-cat-card__price strong{ font-weight:400; }
@media (max-width:600px){
  .se-cat-card__name a{ font-size:1.125rem; }
  .se-cat-card__img{ padding:12px; }
}
@media (prefers-reduced-motion: reduce){
  .se-cat-card__img{ transition:none !important; }
  .se-cat-card__media:hover .se-cat-card__img--main{ opacity:1; }
  .se-cat-card__media:hover .se-cat-card__img--alt{ opacity:0; }
}

/* landings catalogo: matar header viejo + des-boxear (page-ids 14372/14374/14376) */
body.page-id-14372 .elementor-location-header, body.page-id-14374 .elementor-location-header, body.page-id-14376 .elementor-location-header,
body.page-id-14372 #masthead, body.page-id-14374 #masthead, body.page-id-14376 #masthead{ display:none !important; }
body.page-id-14372 .site-content .ast-container, body.page-id-14374 .site-content .ast-container, body.page-id-14376 .site-content .ast-container{ max-width:none !important; padding-left:0 !important; padding-right:0 !important; }
body.page-id-14372 .entry-content, body.page-id-14374 .entry-content, body.page-id-14376 .entry-content{ margin:0 !important; }
body.page-id-14372 article.page, body.page-id-14374 article.page, body.page-id-14376 article.page{ padding-left:0 !important; padding-right:0 !important; padding-top:0 !important; }
body.page-id-14372 .content-area, body.page-id-14374 .content-area, body.page-id-14376 .content-area{ margin-top:0 !important; }
body.page-id-14372 .site-content, body.page-id-14374 .site-content, body.page-id-14376 .site-content{ padding-top:0 !important; padding-bottom:0 !important; }
body.page-id-14372 article.page, body.page-id-14374 article.page, body.page-id-14376 article.page{ padding-bottom:0 !important; }
body.page-id-14372 .content-area, body.page-id-14374 .content-area, body.page-id-14376 .content-area{ margin-bottom:0 !important; }
body.page-id-14372 .elementor-location-footer, body.page-id-14374 .elementor-location-footer, body.page-id-14376 .elementor-location-footer, body.page-id-14372 footer.site-footer, body.page-id-14374 footer.site-footer, body.page-id-14376 footer.site-footer{ display:none !important; }
body.page-id-14372 .entry-content > *, body.page-id-14374 .entry-content > *, body.page-id-14376 .entry-content > *{ max-width:none; margin-left:0; margin-right:0; }

/* TRANSICIONES de pagina (fade Canyon) */
/* entrada de contenido: reglas en el style inline de wp_head (#14283) para garantizar primer paint */
html.se-page-exit .site-content, html.se-page-exit .se-footer{ opacity:0 !important; transition:opacity .55s cubic-bezier(.4,0,.2,1) !important; }

/* TRANSICIONES: estados del header durante salida/entrada */
#se-header a:focus:not(:focus-visible), #se-header button:focus:not(:focus-visible){ outline:none !important; }
html.se-exit-hold #se-header{ background:var(--se-crema,#F5F1E8) !important; color:var(--se-negro,#1E1C19) !important; box-shadow:none !important; }
html.se-exit-hold #se-header .se-header__bar *,
html.se-exit-hold #se-header .se-header__nav a,
html.se-exit-hold #se-header .se-header__promo span{ text-shadow:none !important; }
html.se-exit-hold #se-header svg{ filter:none !important; }
html.se-hero-enter #se-header.se-header--over-hero:not(.se-stuck){ background:var(--se-crema,#F5F1E8); color:var(--se-negro,#1E1C19); }
html.se-hero-enter #se-header.se-header--over-hero:not(.se-stuck) .se-header__bar *,
html.se-hero-enter #se-header.se-header--over-hero:not(.se-stuck) .se-header__nav a,
html.se-hero-enter #se-header.se-header--over-hero:not(.se-stuck) .se-header__promo span{ text-shadow:none; }
html.se-hero-enter #se-header.se-header--over-hero:not(.se-stuck) svg{ filter:none; }

/* Cierre instantaneo del buscador cuando el mega lo tapa y navegamos */
html.se-kill-search #se-header .se-header__search-panel{ transition:none !important; clip-path:inset(0 0 100% 0) !important; -webkit-clip-path:inset(0 0 100% 0) !important; }

/* HERO entrada suave (Canyon): con JS (html.se-early desde <head>) el cover arranca crema plano;
   al cargar la foto (se-hero-ready) foto+scrim funden 1.1s y el texto se une .25s despues. Sin JS: todo visible. */
.entry-content > .wp-block-cover:first-of-type{ background-color:var(--se-crema,#F5F1E8); }
/* hero se-early/se-hero-ready: reglas en el style inline de wp_head (#14283) */

/* BUSCADOR altura estandar + deslizamiento suave + carga elegante 2026-07-02 */
#se-header .se-header__search-panel{ height:554px; overflow:hidden; }
html:not(.se-kill-search) #se-header .se-header__search-panel{ transition:clip-path .7s cubic-bezier(.65,.05,.35,1), max-height .65s cubic-bezier(.25,1,.5,1), height .65s cubic-bezier(.25,1,.5,1), top .42s var(--se-ease-inout,cubic-bezier(.22,1,.32,1)) !important; }
html.se-box-open:not(.se-kill-search) #se-header .se-header__search-panel{ transition:clip-path .8s cubic-bezier(.22,1,.32,1), max-height .65s cubic-bezier(.25,1,.5,1), height .65s cubic-bezier(.25,1,.5,1), top .42s var(--se-ease-inout,cubic-bezier(.22,1,.32,1)) !important; }
#se-header .se-search-results:empty::before{ content:'Cargando\2026'; display:block; font-style:italic; font-family:var(--se-fuente-cuerpo, Roboto, sans-serif); font-size:.95rem; color:var(--se-gris,#7A7568); padding:8px 0 0; animation:seSrIn .5s cubic-bezier(.25,1,.5,1) both; }
#se-header .se-search-results > *{ animation:seSrIn .7s cubic-bezier(.25,1,.5,1) both; }
@keyframes seSrIn{ from{opacity:0} to{opacity:1} }
@media (prefers-reduced-motion: reduce){ #se-header .se-header__search-panel{ transition:none; } #se-header .se-search-results > *{ animation:none; } }


/* ========================================================================
   SE - HEROS NOSOTROS/BLOG = MOLDE HOME  (2026-07-03)  [AUTORITATIVO]
   (1) scroll roto: overflow-x hidden -> clip (hidden crea scroll-container y
       rompe sticky + scroll nativo; el home usa clip)
   (2) hero texto boxeado/centrado + H1 chico/tracking negativo ->
       clonar .se-hero del home (bottom-left, +0.01em, lh .9, tamano igual)
   ======================================================================== */
html body.page-id-14345,
html body.page-id-14361,
html body.page-id-14372,
html body.page-id-14374,
html body.page-id-14376{ overflow-x:clip !important; }

.se-no__hero{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
}
.se-no__hero .se-no__hero-in{
  max-width:1200px !important;
  width:100% !important;
  margin:0 !important;
  justify-self:start !important;
  text-align:left !important;
  padding-inline:clamp(20px,5vw,64px) !important;
}
.se-no__hero h1{
  font-size:clamp(3rem,8vw,6.5rem) !important;
  letter-spacing:0.01em !important;
  line-height:0.9 !important;
  margin:0 !important;
  max-width:none !important;
  text-shadow:rgba(0,0,0,.5) 0 2px 26px !important;
  text-wrap:balance;
}
.se-no__hero .se-no__kick,
.se-no__hero .se-eyebrow{
  text-transform:uppercase !important;
  letter-spacing:0.18em !important;
  font-weight:500 !important;
  font-size:0.82rem !important;
  color:#FBF9F4 !important;
  text-shadow:rgba(0,0,0,.6) 0 1px 10px !important;
  margin:0 0 0.6rem !important;
}
.se-no__hero .se-no__hero-in > p:not(.se-no__kick):not(.se-eyebrow){
  max-width:52ch !important;
  margin-top:.9rem !important;
  color:#F5F1E8 !important;
  text-shadow:rgba(0,0,0,.5) 0 1px 12px !important;
}
/* ==== fin bloque heros molde ==== */


/* ================= SE - CARDS BLOG = MOLDE CAT-CARD (2026-07-03) [AUTORITATIVO] =================
   Blog cards clonan el grid de tienda (.se-cat-grid): 3 col, gap 32/72,
   margen 57, media cuadrada 1/1, hover en imagen + barra de filtro. */
.se-blog__filter{ display:flex; flex-wrap:wrap; align-items:center; gap:12px;
  padding-inline:clamp(24px,4vw,57px); margin:0 0 clamp(28px,4vw,48px); max-width:none; }
body.page-id-14361 .entry-content .se-blog__filter{ max-width:none; width:100%; }
.se-blog__chip{ font-family:var(--se-fuente-titular,"League Gothic",sans-serif);
  text-transform:uppercase; letter-spacing:.06em; font-size:clamp(13px,1vw,15px); line-height:1;
  color:var(--se-negro,#1E1C19); background:transparent; border:1px solid rgba(30,28,25,.22);
  border-radius:2px; padding:10px 16px; cursor:pointer;
  transition:background .25s var(--se-ease-out,ease),color .25s,border-color .25s; }
.se-blog__chip:hover{ border-color:var(--se-negro,#1E1C19); }
.se-blog__chip.is-active{ background:var(--se-negro,#1E1C19); color:var(--se-crema,#F5F1E8); border-color:var(--se-negro,#1E1C19); }
.se-blog__sort{ font-family:var(--se-fuente-cuerpo,Roboto,sans-serif); font-style:italic; font-size:14px;
  color:var(--se-acento-soft,#7C8A6E); background:transparent; border:0; text-decoration:underline;
  text-underline-offset:4px; cursor:pointer; margin-left:auto; transition:color .25s; }
.se-blog__sort:hover{ color:var(--se-negro,#1E1C19); }

body .se-blog__grid,
body.page-id-14361 .entry-content .se-blog__grid{
  display:grid !important; grid-template-columns:repeat(3,1fr) !important;
  column-gap:32px !important; row-gap:72px !important; max-width:none !important;
  padding-inline:clamp(24px,4vw,57px) !important; margin-inline:0 !important; }
@media(max-width:1100px){ body .se-blog__grid{ grid-template-columns:repeat(2,1fr) !important; row-gap:48px !important; } }
@media(max-width:680px){ body .se-blog__grid{ grid-template-columns:1fr !important; row-gap:40px !important; } }

.se-blog__card{ display:flex !important; flex-direction:column; text-decoration:none !important; background:transparent; }
.se-blog__media{ display:block; position:relative; overflow:hidden; aspect-ratio:1/1 !important; width:100%; background:var(--se-crema,#F5F1E8); }
.se-blog__media img{ width:100%; height:100%; object-fit:cover !important; display:block;
  transition:transform .6s var(--se-ease-out,cubic-bezier(.4,0,.25,1)); }
.se-blog__card:hover .se-blog__media img{ transform:scale(1.05); }

.se-blog__body{ display:flex; flex-direction:column; padding-top:18px; }
.se-blog__meta{ display:flex; align-items:center; gap:14px; margin-bottom:9px; }
.se-blog__cat{ font-family:var(--se-fuente-titular,"League Gothic",sans-serif); text-transform:uppercase;
  letter-spacing:.14em; font-size:12px; line-height:1; color:var(--se-acento,#7C8A6E); }
.se-blog__date{ font-family:var(--se-fuente-cuerpo,Roboto,sans-serif); font-size:12.5px; color:var(--se-gris,#6B655C); letter-spacing:.01em; }
.se-blog__title{ font-family:var(--se-fuente-titular,"League Gothic",sans-serif); text-transform:uppercase;
  letter-spacing:.01em; font-size:clamp(1.3rem,1.5vw,1.55rem); line-height:1.03; color:var(--se-negro,#1E1C19); margin:0 0 8px; text-decoration:none; }
.se-blog__excerpt{ font-family:var(--se-fuente-cuerpo,Roboto,sans-serif); font-size:15px; line-height:1.55;
  color:var(--se-gris,#6B655C); margin:0 0 12px; max-width:46ch;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.se-blog__more{ font-family:var(--se-fuente-cuerpo,Roboto,sans-serif); font-style:italic; font-size:14px;
  color:var(--se-acento-soft,#7C8A6E); text-decoration:underline; text-underline-offset:4px; transition:color .25s; }
.se-blog__card:hover .se-blog__more{ color:var(--se-negro,#1E1C19); }
.se-blog__more::after{ content:" \2192"; }
.se-blog__card[hidden]{ display:none !important; }
/* ==== fin cards blog molde cat-card ==== */

/* BLOG TITLE FIX 0703 */
body.page-id-14361 .se-blog__card .se-blog__title{font-size:clamp(1.4rem,1.7vw,1.75rem)!important;line-height:1.04!important;letter-spacing:.01em!important;}





/* ==== SE - BLOG LANDING molde se-ultimas + filtro on-brand 2026-07-03b [AUTORITATIVO] ====
   Las cards usan .se-ultimas__* -> heredan el molde del home (4/5, gap 12, titulo 44).
   Aqui: landing full-width, grid 3-col flexible, filtro editorial (tabs texto). */
body.page-id-14361 .entry-content .se-ultimas--landing{ max-width:none !important; width:100%; }
.se-ultimas--landing{ padding-block:0; }
.se-ultimas--landing .se-ultimas__grid{ grid-template-columns:repeat(3,1fr) !important; padding-inline:clamp(24px,4vw,72px); margin-inline:0; }
@media(max-width:900px){ .se-ultimas--landing .se-ultimas__grid{ grid-template-columns:repeat(2,1fr) !important; } }
@media(max-width:600px){ .se-ultimas--landing .se-ultimas__grid{ grid-template-columns:1fr !important; } }

.se-blog__filter{ display:flex !important; flex-wrap:wrap; align-items:baseline; gap:26px !important;
  padding-inline:clamp(24px,4vw,72px) !important; margin:0 0 clamp(24px,3vw,40px) !important; border:0 !important; background:none !important; }
.se-blog__chip{ font-family:var(--se-fuente-titular,"League Gothic",sans-serif) !important; text-transform:uppercase !important;
  letter-spacing:.09em !important; font-size:clamp(14px,1vw,16px) !important; line-height:1 !important;
  color:var(--se-gris,#6B655C) !important; background:none !important; border:0 !important;
  border-bottom:2px solid transparent !important; border-radius:0 !important; padding:0 0 5px !important;
  cursor:pointer; transition:color .25s, border-color .25s !important; }
.se-blog__chip:hover{ color:var(--se-negro,#1E1C19) !important; border-bottom-color:rgba(30,28,25,.25) !important; }
.se-blog__chip.is-active{ color:var(--se-negro,#1E1C19) !important; border-bottom-color:var(--se-negro,#1E1C19) !important; }
.se-blog__sort{ margin-left:auto !important; font-family:var(--se-fuente-cuerpo,Roboto,sans-serif) !important; font-style:italic !important;
  font-size:14px !important; color:var(--se-acento-soft,#7C8A6E) !important; background:none !important; border:0 !important;
  text-decoration:underline !important; text-underline-offset:4px !important; cursor:pointer; transition:color .25s !important; }
.se-blog__sort:hover{ color:var(--se-negro,#1E1C19) !important; }
.se-ultimas__card[hidden]{ display:none !important; }
/* ==== fin blog landing ==== */


/* ==== VISITA IMG SIEMPRE VISIBLE 2026-07-03 (bulletproof) ====
   El reveal de cortina (clip-path via JS/observer) no abria al regresar a home
   -> imagen invisible. Regla del design-guide: el contenido no depende de la anim.
   La foto del slide activo queda siempre visible; el autoplay/crossfade sigue igual. */
.se-visita__stage .se-visita__slide.is-active{ clip-path: none !important; -webkit-clip-path: none !important; }
.se-visita__stage.is-curtain .se-visita__slide.is-active{ clip-path: none !important; -webkit-clip-path: none !important; }
/* fade suave de entrada en vez de la cortina */
.se-visita__slide.is-active{ transition: opacity .6s cubic-bezier(.4,0,.25,1) !important; }
/* ==== fin visita img visible ==== */


/* ==== BLOG LANDING SEPARAR FOOTER 2026-07-03 ==== */
body.page-id-14361 .se-ultimas--landing{ padding-bottom: clamp(72px,9vw,120px) !important; }


/* ==== TRANSICION HERO entrada suave + mas rapida 2026-07-03 ==== */
html.se-page-exit .site-content,
html.se-page-exit .se-footer{ transition-duration:.42s !important; }
@media (prefers-reduced-motion: no-preference){
  @keyframes seVeilOut{ from{opacity:1} to{opacity:0} }
  body::before{ content:''; position:fixed; inset:0; background:var(--se-crema,#F5F1E8); z-index:9990; pointer-events:none; animation: seVeilOut .5s cubic-bezier(.33,0,.2,1) forwards; }
}
/* ==== fin transicion hero entrada ==== */

/* ==== WPCode #14115 ==== */
/* SE - Pulido global auditoria jun-10 */

/* Tarjetas de producto: titulos largos desalinean precio/boton */
/* Solo desktop: alinear tarjetas; en movil el titulo completo (1 col, nada que alinear) */
@media (min-width:768px){
  h2.woocommerce-loop-product__title{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    min-height:2.9em;
  }
}

/* Thumbnails de galeria de producto: reservar espacio (CLS) */
.woocommerce-product-gallery .flex-control-thumbs img{
  aspect-ratio:1/1;
  width:100%;
  height:auto;
}

/* Icono Mercado Pago sin dimensiones */
img[alt="mp-logo-hand-shake"]{width:26px;height:26px}

/* Areas tactiles de botones Woo en movil + respiro entre tarjetas */
@media (max-width:767px){
  .elementor-button,
  a.button.product_type_variable,
  a.add_to_cart_button,
  .single_add_to_cart_button{
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  ul.products li.product{margin-bottom:24px}
}

/* se-lupa: buscador visible en desktop (vivia solo en la barra movil oculta) */
@media (min-width:1025px){
  header .elementor-element-46abacc ~ .elementor-element-46abacc{display:none !important;}
  section.elementor-element-46abacc{
    display:block !important;
    position:absolute !important; top:40px !important; right:6px !important; left:auto !important; width:56px !important; height:44px !important; min-height:0 !important; overflow:visible;
    background:transparent !important; box-shadow:none !important;
    z-index:95; pointer-events:none;
  }
  section.elementor-element-46abacc > .elementor-container{width:auto; min-height:0;}
  section.elementor-element-46abacc .elementor-column{display:none !important;}
  section.elementor-element-46abacc .elementor-column.elementor-element-48bfcc8{display:flex !important; width:auto;}
  section.elementor-element-46abacc .elementor-element-48bfcc8 .elementor-search-form__toggle{pointer-events:auto; font-size:32px;}
}

/* se-lupa: overlay movil con tipografia sensata (era 50px) */
@media (max-width:767px){
  .elementor-search-form__input{font-size:28px !important;}
}

/* se-busca: buscador de marca (crema+negro, League Gothic) con sugerencias en vivo */
.elementor-search-form--skin-full_screen .elementor-search-form__container{display:none !important;}
.se-busca{position:fixed;z-index:99999;display:none;top:128px;right:24px;width:420px;max-width:calc(100vw - 32px);background:#F7F2E7;border:2px solid #111;border-radius:2px;box-shadow:6px 6px 0 rgba(17,17,17,.85);padding:12px;}
.se-busca--open{display:block;}
.se-busca__form{display:flex;gap:8px;margin:0;}
.se-busca__input{flex:1;min-width:0;min-height:50px;border:1.5px solid #111;border-radius:2px;padding:0 14px;font-size:16px;color:#111;background:#fff;}
.se-busca__input:focus{outline:3px solid rgba(17,17,17,.15);border-color:#111;}
.se-busca__btn{min-height:50px;padding:0 20px;background:#111;color:#fff;font-family:'League Gothic',sans-serif;font-weight:600;font-size:19px;letter-spacing:.06em;border:0;border-radius:2px;cursor:pointer;transition:background .2s;}
.se-busca__btn:hover{background:#333;}
.se-busca__list{margin-top:8px;}
.se-busca__hint{padding:12px 6px;font-size:14px;color:#555;}
.se-busca__item{display:flex;align-items:center;gap:12px;padding:9px 8px;text-decoration:none;border-top:1px solid #e4ddcd;transition:background .15s;cursor:pointer;}
.se-busca__item:hover{background:#fff;}
.se-busca__item img{width:46px;height:46px;object-fit:cover;border:1px solid #111;border-radius:2px;flex:none;}
.se-busca__name{flex:1;font-size:14px;line-height:1.3;color:#111;}
.se-busca__price{font-family:'League Gothic',sans-serif;font-size:19px;font-weight:600;color:#111;white-space:nowrap;}
.se-busca__all-wrap{border-top:1px solid #e4ddcd;padding-top:8px;margin-top:2px;}
.se-busca__all{display:block;width:100%;min-height:44px;background:transparent;border:1.5px solid #111;border-radius:2px;color:#111;font-family:'League Gothic',sans-serif;font-size:17px;letter-spacing:.06em;cursor:pointer;transition:all .2s;}
.se-busca__all:hover{background:#111;color:#fff;}
@media (max-width:767px){.se-busca{top:112px;left:16px;right:16px;width:auto;}}
/* se-fix-final: lupa grande, fuentes del sitio, footer de marca */
section.elementor-element-46abacc .elementor-search-form__toggle svg{width:22px !important;height:22px !important;}
.se-busca{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
.se-busca__input{font-family:inherit;}
.se-busca__name{font-family:inherit;}
/* Footer: buscador con el mismo lenguaje visual */
form.e-search-form input[type=search]{min-height:48px !important;font-size:16px !important;border:1.5px solid #111 !important;border-radius:2px !important;background:#fff !important;color:#111 !important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;}
form.e-search-form .e-search-submit{min-height:48px !important;min-width:52px !important;background:#111 !important;color:#fff !important;border:0 !important;border-radius:2px !important;cursor:pointer;transition:background .2s;}
form.e-search-form .e-search-submit:hover{background:#333 !important;}
form.e-search-form .e-search-submit svg{width:20px;height:20px;fill:#fff;}
/* se-v4: refinamiento final — ligero, tipografia del menu, resultados con diseno */
/* Panel mas ligero */
.se-busca{border:1.5px solid #111;box-shadow:0 10px 28px rgba(0,0,0,.16);}
.se-busca__btn{font-size:15px;letter-spacing:.02em;padding:0 16px;}
.se-busca__all{font-size:14px;letter-spacing:.02em;}
.se-busca__price{font-size:16px;}
/* Sin linea punteada ni outline raro */
.se-busca__input{outline:none !important;}
.se-busca__input:focus{outline:none !important;border-color:#111;box-shadow:none;}
/* Footer: campo y boton como una sola pieza */
form.e-search-form{display:flex !important;align-items:stretch;gap:0 !important;}
form.e-search-form .e-search-input-wrapper{flex:1;display:flex;}
form.e-search-form input[type=search]{flex:1;height:48px !important;border-right:0 !important;border-radius:2px 0 0 2px !important;outline:none !important;}
form.e-search-form .e-search-submit{height:48px !important;border-radius:0 2px 2px 0 !important;flex:none;}
/* Pagina de resultados de busqueda: contenedor + tipografia + grilla */
body.search.woocommerce .woocommerce-breadcrumb,
body.search.woocommerce .woocommerce-products-header,
body.search.woocommerce .woocommerce-result-count,
body.search.woocommerce .woocommerce-ordering,
body.search.woocommerce ul.products,
body.search.woocommerce .woocommerce-pagination,
body.search.woocommerce .woocommerce-info{max-width:1200px;margin-left:auto !important;margin-right:auto !important;padding-left:24px;padding-right:24px;box-sizing:border-box;}
body.search.woocommerce .woocommerce-products-header__title{font-family:"League Gothic",sans-serif;font-weight:600;font-size:44px;text-transform:uppercase;color:#111;margin:18px 0 6px;}
body.search.woocommerce .woocommerce-breadcrumb{font-size:13px;color:#777;margin-top:14px !important;}
body.search.woocommerce .woocommerce-result-count{color:#555;font-size:14px;}
body.search.woocommerce ul.products{display:grid !important;grid-template-columns:repeat(4,1fr);gap:36px 24px;list-style:none;margin-top:18px !important;margin-bottom:48px !important;}
body.search.woocommerce ul.products li.product{width:100% !important;margin:0 !important;float:none !important;}
body.search.woocommerce ul.products li.product img{width:100%;height:auto;}
body.search.woocommerce .woocommerce-ordering select{border:1.5px solid #111;border-radius:2px;min-height:42px;padding:0 12px;background:#fff;color:#111;}
@media (max-width:1024px){body.search.woocommerce ul.products{grid-template-columns:repeat(3,1fr);}}
@media (max-width:767px){body.search.woocommerce ul.products{grid-template-columns:repeat(2,1fr);gap:24px 14px;}body.search.woocommerce .woocommerce-products-header__title{font-size:30px;}}
/* se-v5: contador y orden dentro del contenedor */
body.search.woocommerce .woocommerce-result-count{float:none !important;margin-top:4px !important;}
body.search.woocommerce .woocommerce-ordering{float:none !important;display:flex;justify-content:flex-end;margin-top:-30px !important;margin-bottom:10px !important;}
/* se-v6: lupa fina unificada + cero outlines punteados + footer refinado */
/* Nada de lineas punteadas en todo el sistema de busqueda */
.se-busca, .se-busca *, .elementor-search-form__toggle, .elementor-search-form__toggle *, form.e-search-form, form.e-search-form *{outline:none !important;}
.se-busca{border-style:solid !important;}
/* Lupa fina del header: mismo trazo que el carrito */
section.elementor-element-46abacc .elementor-search-form__toggle .se-lupa-svg{width:24px !important;height:24px !important;color:#111;display:block;}
/* Lupa fina del footer en blanco dentro del boton negro */
form.e-search-form .e-search-submit .se-lupa-svg{width:19px;height:19px;color:#fff;}
form.e-search-form .e-search-submit{display:flex;align-items:center;justify-content:center;}
/* Footer: proporciones finas */
form.e-search-form{max-width:320px;}
form.e-search-form input[type=search]{border-width:1px !important;font-size:15px !important;}

/* se-v8: tarjetas moviles limpias + lupa movil + orden por en resultados */
@media (max-width:767px){
  ul.products li.product .button{display:none !important;}
  section.elementor-element-46abacc .elementor-search-form__toggle .se-lupa-svg{width:17px !important;height:17px !important;}
}
body.search.woocommerce .woocommerce-ordering{margin-top:-34px !important;}
@media (max-width:767px){
  body.search.woocommerce .woocommerce-ordering{margin-top:6px !important;justify-content:flex-start;margin-bottom:14px !important;}
}
body.search.woocommerce .woocommerce-ordering select{font-family:"League Gothic",sans-serif;font-size:15px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1.5px solid #111;border-radius:2px;background:#fff;color:#111;min-height:42px;padding:0 14px;cursor:pointer;}
/* se-v9: dropdown de sugerencias del footer */
.se-busca__list--footer{max-width:320px;background:#fff;border:1px solid #111;border-radius:2px;margin-top:6px;}
.se-busca__list--footer:empty{display:none;border:0;margin:0;}
.se-busca__list--footer .se-busca__item{border-top:1px solid #eee;}
.se-busca__list--footer .se-busca__item:first-child{border-top:0;}

/* === SE - Lupa footer limpia, igual al header (jun-2026) === */
.elementor-location-footer form.e-search-form .e-search-submit{background:transparent !important;background-color:transparent !important;border:0 !important;box-shadow:none !important;color:#171717 !important;padding:0 6px !important;width:auto !important;min-width:0 !important;}
.elementor-location-footer form.e-search-form .e-search-submit:hover{background:transparent !important;color:#000 !important;}
.elementor-location-footer form.e-search-form .e-search-submit svg{display:none !important;}
.elementor-location-footer form.e-search-form .e-search-submit::before{content:"";display:inline-block;width:22px;height:22px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='21' y2='21'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='21' y2='21'/%3E%3C/svg%3E") center/contain no-repeat;}


/* === SE - CTA Finalizar pedido del carrito en negro (jun-2026) === */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce-cart .wc-proceed-to-checkout a.button.checkout-button{background:#171717 !important;background-color:#171717 !important;color:#fff !important;border:0 !important;opacity:1 !important;font-weight:600 !important;}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{background-color:#000 !important;color:#fff !important;}
.woocommerce-cart button[name="apply_coupon"]{background:#fff !important;border:1.5px solid #171717 !important;color:#171717 !important;font-weight:600 !important;}


/* === SE - Footer solo lupa (sin caja) + carrito titulos legibles (jun-2026) === */
.elementor-location-footer .e-search-form .e-search-input{display:none !important;}
.elementor-location-footer .e-search-form .e-search-input-wrapper{border:0 !important;box-shadow:none !important;background:transparent !important;min-height:0 !important;padding:0 !important;}
.elementor-location-footer .e-search-form{border:0 !important;box-shadow:none !important;background:transparent !important;width:auto !important;max-width:none !important;display:flex !important;justify-content:center !important;}
.elementor-location-footer .e-search-form .e-search-submit{display:inline-flex !important;align-items:center;justify-content:center;}
.elementor-location-footer .e-search-form .e-search-submit::before{width:26px !important;height:26px !important;}
.woocommerce-cart td.product-name a,.woocommerce-cart .cart_item .product-name a,.woocommerce-cart-form .product-name a{color:#171717 !important;font-weight:600 !important;}
.woocommerce-cart td.product-name a:hover{color:#000 !important;}


/* === SE - Footer lupa centrada + iconos sociales consistentes (jun-2026) === */
.elementor-location-footer .e-search-form .e-search-input-wrapper{display:flex !important;justify-content:center !important;width:100% !important;}
.elementor-location-footer .e-search-form{justify-content:center !important;text-align:center !important;}
.elementor-location-footer .elementor-social-icon,footer .elementor-social-icon{color:#171717 !important;background-color:transparent !important;transition:color .2s ease !important;}
.elementor-location-footer .elementor-social-icon:hover,footer .elementor-social-icon:hover{color:#000 !important;background-color:transparent !important;}


/* === SE - Mini-carrito precio legible + BUSCAR flecha (jun-2026) === */
.elementor-menu-cart__products .quantity,.elementor-menu-cart__products .woocommerce-Price-amount,.elementor-menu-cart__products .product-quantity,.woocommerce-mini-cart .quantity,.woocommerce-mini-cart .woocommerce-Price-amount,.widget_shopping_cart .quantity{color:#171717 !important;}
.se-busca__btn{font-size:0 !important;min-width:54px !important;}
.se-busca__btn::after{content:"\2192";font-size:24px !important;font-weight:400 !important;line-height:1;color:#fff;}

/* ==== WPCode #14107 ==== */
/* SE - Ajustes responsive movil - 2026-06-09 */
@media (max-width: 767px) {
  /* Hueco vacio grande: seccion que tenia margin-top 131px */
  .elementor-element-b1e438e {
    margin-top: 24px !important;
  }
  /* Formulario que se salia ~6px de los lados (no contenido) */
  .elementor-element-8a48dc6 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
  }
}
@media (max-width: 767px) {
  /* se-hero-z: contenido del banner TIENDA encima de la img inyectada */
  .elementor-element-dbc1d5e > .elementor-container {
    position: relative;
    z-index: 1;
  }
}
@media (max-width: 767px) {
  /* se-hero-nobg: el fondo CSS se reemplaza por la img inyectada (LCP) */
  section.elementor-element-dbc1d5e {
    background-image: none !important;
  }
}
@media (max-width: 767px) {
  /* se-touch: areas tactiles >=44px (auditoria UI/UX jun-10) */
  .elementor-menu-toggle,
  .elementor-search-form__toggle,
  .elementor-menu-cart__toggle_button {
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }
  /* CTA Comprar del hero: alto 48px */
  .elementor-element-7a19fd3 .elementor-button {
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }
  /* Iconos sociales footer 44px + separacion */
  .elementor-social-icon {
    width: 44px !important;
    height: 44px !important;
  }
  .elementor-element-528a4b6d .elementor-grid { gap: 10px; }
  /* Contacto footer: legible (16px) y tocable */
  .elementor-element-368dea70 a {
    font-size: 16px !important;
    padding: 8px 0;
    display: inline-block;
  }
}
/* se-lcp-height: altura intrinseca del hero movil ANTES del CSS asincrono (la img absolute no pintaba hasta tener alto) */
@media (max-width: 767px) {
  section.elementor-element-dbc1d5e {
    min-height: 592px;
    position: relative;
  }
}