/* Estilo de Gabby Shop: derivado de marca-aurax.css con paleta ciruela / palo de rosa / nude y fuentes Jost + Cormorant. */
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400;500;600&display=swap');
/* ═══════════════════════════════════════════════════════════════════════
   MARCA GABBY SHOP · ciruela, palo de rosa y nude
   Se carga después de glass.css en todas las páginas de la tienda.
   La última sección (GS) es la cáscara de la plantilla de ropa:
   encabezado, menú del celular, pie, botones y tarjetas 3:4.

   Reglas del juego:
     · Primero las variables: la mayoría del sitio las lee.
     · Después la "capa de marca" que claro.css deja negra a propósito
       (barra, cabecera, menú, pie, portada). Misma especificidad que
       claro.css y !important; al ir después, gana.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── 1. Tokens ─────────────────────────────────────────────────────── */
:root{
  --bg:#FFFFFF !important; --bg-2:#F8F2EF !important; --bg-3:#F3E7E2 !important;
  --dark:#4A2A31 !important; --dark-2:#3A2026 !important;
  --txt:#2B1A1E !important; --txt-2:#4A3438 !important; --txt-3:#7D6A6D !important; --txt-4:#B3A3A5 !important;
  --gold:#B07468 !important; --gold-2:#C99487 !important; --gold-deep:#8A4F45 !important; --gold-soft:#EBD3CC !important;
  --rule:rgba(74,42,49,.12) !important; --rule-2:rgba(74,42,49,.07) !important;
  --accent:#B07468 !important;
  --font:'Jost','Segoe UI',system-ui,sans-serif !important;
}
/* Tema oscuro (teléfono de noche): el negro pasa a salvia profundo */
.lujo,html body.lujo{
  --dk:#4A2A31 !important; --dk-2:#4A2A31 !important; --dk-3:#2a2b2e !important;
  --iv:#F8F2EF !important; --iv-2:rgba(248,242,239,.66) !important; --iv-3:rgba(248,242,239,.44) !important;
  --ln:rgba(248,242,239,.11) !important;
  --au:#E2CFC8 !important;
}
html body.lujo{background:#4A2A31 !important;color:#F8F2EF !important}
/* Tema claro (escritorio y móvil de día): crema verdosa */
html body.lujo.claro{
  --dk:#FAF5F2 !important; --dk-2:#FFFFFF !important; --dk-3:#F1E6E1 !important;
  --iv:#4A2A31 !important; --iv-2:rgba(74,42,49,.68) !important; --iv-3:rgba(74,42,49,.46) !important;
  --ln:rgba(74,42,49,.14) !important;
  --au:#5A4348 !important;
  background:#FAF5F2 !important; color:#4A2A31 !important;
}

/* ── 2. Capa de marca: lo que antes era negro ──────────────────────── */
html body.lujo .topbar,html body.lujo.claro .topbar{background:#3A2026 !important;color:rgba(248,242,239,.72) !important}
html body.lujo .topbar b,html body.lujo.claro .topbar b{color:#E2CFC8 !important}

html body.lujo .hdr,html:not(.ee-claro) body.lujo .hdr,html:not(.ee-claro) body.lujo .hdr.ee-scrolled,
html body.lujo.claro .hdr,html:not(.ee-claro) body.lujo.claro .hdr,html:not(.ee-claro) body.lujo.claro .hdr.ee-scrolled,
html body.lujo.claro header,html body.lujo header{background:#4A2A31 !important;border-bottom:none !important}
html body.lujo.claro .hdr-icon,html body.lujo.claro .hdr-cart{color:#F8F2EF !important}
html body.lujo .hdr-icon:hover,html body.lujo .hdr-cart:hover,html body.lujo.claro .hdr-icon:hover,html body.lujo.claro .hdr-cart:hover{color:#E2CFC8 !important}
html body.lujo .hdr-cart-n,html body.lujo.claro .hdr-cart-n{background:#E2CFC8 !important;color:#3A2026 !important;box-shadow:0 0 0 2px #4A2A31 !important}
html body.lujo.claro .brand-t small,html body.lujo.claro .hdr-sec svg{color:#E2CFC8 !important;stroke:#E2CFC8 !important}
html body.lujo.claro .burger span{background:#F8F2EF !important}

html body.lujo .nav,html body.lujo.claro .nav{background:#4A2A31 !important;border-top:1px solid rgba(248,242,239,.08) !important}
html body.lujo .nav a,html body.lujo.claro .nav a{color:rgba(248,242,239,.72) !important}
html body.lujo .nav a:hover,html body.lujo .nav a.hot,html body.lujo.claro .nav a:hover,html body.lujo.claro .nav a.hot{color:#E2CFC8 !important}
html body.lujo .nav-drop-menu,html body.lujo.claro .nav-drop-menu{background:#4A2A31 !important;border-color:rgba(248,242,239,.12) !important}

html body.lujo footer,html body.lujo.claro footer{background:#3A2026 !important;color:rgba(248,242,239,.68) !important;border-top:none !important}
html body.lujo footer a:hover,html body.lujo.claro footer a:hover{color:#E2CFC8 !important}

/* Portada: la tarjeta oscura del héroe y la tira de casas */
html body.lujo .lx-hero,html body.lujo.claro .lx-hero{
  background:radial-gradient(120% 120% at 78% 0%,#2c2e31 0%,#4A2A31 50%,#4A2A31 100%) !important}
html body.lujo .lx-hero i,html body.lujo.claro .lx-hero i,html body.lujo.claro .lx-hero a:hover{color:#E2CFC8 !important}
html body.lujo .lx-hero .lx-btn:hover,html body.lujo.claro .lx-hero .lx-btn:hover{background:#E2CFC8 !important;border-color:#E2CFC8 !important;color:#3A2026 !important}
html body.lujo .lx-houses,html body.lujo.claro .lx-houses{background:#3A2026 !important;border:none !important}
html body.lujo .lx-houses .lx-tira span:nth-child(even),html body.lujo.claro .lx-houses .lx-tira span:nth-child(even){color:#E2CFC8 !important}
html body.lujo .lx-cat-t .lx-eye,html body.lujo.claro .lx-cat-t .lx-eye,html body.lujo.claro .lx-ben em{color:#E2CFC8 !important}
html body.lujo.claro .lx-cat:hover .lx-cat-t .lx-link{color:#E2CFC8 !important;border-bottom-color:#E2CFC8 !important}
html body.lujo .slogan,html body.lujo.claro .slogan{background:#4A2A31 !important}
html body.lujo .slogan small,html body.lujo.claro .slogan small{color:#E2CFC8 !important}
html body.lujo.claro .slogan .btn-gold:hover{background:#E2CFC8 !important;border-color:#E2CFC8 !important;color:#3A2026 !important}
/* Brillos dorados de fondo → brillos salvia-oro muy tenues */
.hero-card::before,.hero-glow,.slogan::before,.lx-hero::before,.lx-state::before,.lujo .lx-float::before,html body.lujo .card-img.rec::before{
  background:radial-gradient(closest-side,rgba(214,214,214,.18),transparent 70%) !important}

/* Menú del teléfono */
html body.lujo #mobmenu,html body.lujo .mm-back ~ #mobmenu{background:#4A2A31 !important}
html body.lujo.claro #mobmenu{background:#FFFFFF !important}
html body.lujo .mm-n{color:#E2CFC8 !important}
html body.lujo.claro .mm-n{color:#5A4348 !important}

/* ── 3. El oro como acento, no como protagonista ────────────────────── */
html body.lujo.claro .sum-t,html body.lujo.claro .sum-tr svg,html body.lujo.claro .note-chip::after,html body.lujo.claro .sum-note svg,
html body.lujo.claro .faq summary:hover,html body.lujo.claro .card:hover .card-n,html body.lujo.claro .volver:hover{color:#5A4348 !important;stroke:#5A4348 !important}
html body.lujo.claro .btn2:hover,html body.lujo.claro .fam-chip.on,html body.lujo.claro .card-off,html body.lujo.claro .sum-badge,
html body.lujo.claro .card-buy:hover,html body.lujo.claro .card-add:hover,html body.lujo.claro .rc-ver.rc-add:hover,
html body.lujo.claro .cup-in button:hover,html body.lujo.claro .ee-cup-box button:hover{background:#5A4348 !important;border-color:#5A4348 !important;color:#FFFFFF !important}
html body.lujo.claro .pay-opt.sel{border-color:#5A4348 !important;background:#F8F2EF !important}
html body.lujo.claro .pay-opt.sel .pay-check{background:#5A4348 !important;border-color:#5A4348 !important}
.btn-gold,html body .btn-gold{background:linear-gradient(90deg,#3E2C30,#5A4348 70%,#76636A) !important;color:#FFFFFF !important}
html body.lujo .btn-gold{background:#E2CFC8 !important;color:#3A2026 !important}
html body.lujo.claro .btn-gold{background:#4A2A31 !important;color:#F8F2EF !important}
html body.lujo.claro .btn-gold:hover{background:#4A2A31 !important}
.ee-cup-box button,html body .ee-cup-box button{background:#5A4348 !important;color:#FFFFFF !important}

/* ── 4. Cuenta del cliente (panel) ──────────────────────────────────── */
html body :root,.px{--bg:#FAF5F2 !important;--card:#FFFFFF !important;--line:#dcdcdc !important;--line2:#eaeaea !important;--ink:#4A2A31 !important;--soft:#3a3a3a !important;
  --mut:#76636A !important;--faint:#a6a6a6 !important;--gold:#5A4348 !important;--gold-d:#3E2C30 !important;--esp:#4A2A31 !important;--gray-bg:#F1E6E1 !important}
html body:has(.px),html body.lujo:has(.px),html body.lujo.claro:has(.px){background:#FAF5F2 !important;color:#4A2A31 !important}
.px-side{background:#4A2A31 !important;color:#d2d2d2 !important}
.px-brand small,.px-nav a i,.px-nav a.on{color:#E2CFC8 !important}
.px-nav a.on{background:linear-gradient(90deg,rgba(214,214,214,.16),rgba(214,214,214,.04)) !important}
.px-nav a.on::before{background:#E2CFC8 !important}
.px-top{background:#4A2A31 !important}
.px-top button{color:#E2CFC8 !important}
.px-av{background:linear-gradient(145deg,#E2CFC8,#E7D7D1 55%,#CDB9B3) !important;color:#3A2026 !important}
.px-saldo,.px-kpi.oro{border-color:#CDB9B3 !important;background:linear-gradient(135deg,rgba(160,160,160,.22),rgba(160,160,160,.05)) !important}
.px-saldo-a small,.px-kpi.oro small,.px-fotos-t,.px-paso-t small{color:#3E2C30 !important}
.px-barra i{background:linear-gradient(90deg,#5A4348,#CDB9B3) !important}
.px-paso{background:#4A2A31 !important}
.px-paso-i{background:rgba(214,214,214,.2) !important}
.px-paso-i svg{stroke:#E2CFC8 !important}
.px-ref-big{border-color:#CDB9B3 !important;background:rgba(160,160,160,.12) !important}
html body .px-filtros button.on{background:#4A2A31 !important;border-color:#4A2A31 !important}
.px-b{background:#4A2A31 !important}
.px-b:hover{background:#4A2A31 !important;opacity:1 !important}
:root{--bone:#FAF5F2 !important;--esp:#4A2A31 !important}
header{background:#4A2A31 !important}
.au-pitch h2 span,.au .alt a{color:#3E2C30 !important}
html body .au .btn{background:#4A2A31 !important}
html body .au .btn:hover{background:#3E2C30 !important}

/* Icono de cuenta en la cabecera y modal de entrar */
html body .hdr-cuenta.on{background:linear-gradient(145deg,#E2CFC8,#E7D7D1 55%,#CDB9B3) !important;color:#3A2026 !important;box-shadow:0 1px 6px rgba(0,0,0,.25) !important}
.hdr-cuenta:hover,html body .hdr-cuenta:hover{border-color:rgba(214,214,214,.7) !important}

/* Aviso de bienvenida */
.ee-po-box{--po-bg:#4A2A31 !important;--po-au:#E2CFC8 !important}

/* Páginas Emprende / Nosotros: los tintes dorados se vuelven salvia-oro */
.em-kpi,.em-hero .eye::before,.cf-hero .eye::before{border-color:#5A4348}
.em-paso i,.cf-paso i,.cf-card .ic svg{color:#5A4348 !important;stroke:#5A4348 !important}
.em-paso i,.cf-card .ic,.cf-via .ic:not(.ic-wa):not(.ic-guia):not(.ic-cuenta){background:rgba(150,150,150,.12) !important}
.em-res{border-color:#5A4348 !important}
.em-res .tot{background:linear-gradient(180deg,rgba(150,150,150,.18),rgba(150,150,150,.04)) !important}
.em-res .tot small,.em-pieplan a,.em-cash-a h2 span,.em-cash-b .n,.em-faq summary::after,.em-faq details[open] summary,.em-faq summary:hover,.em-cod{color:#5A4348 !important;border-color:#5A4348 !important}
.em-cash-n{border-color:#5A4348 !important;background:linear-gradient(150deg,rgba(150,150,150,.18),rgba(150,150,150,.04)) !important}
.em-cash-sec{background:linear-gradient(180deg,rgba(150,150,150,.07),rgba(150,150,150,.02) 55%,transparent) !important}
.em-cod{background:rgba(150,150,150,.08) !important}
.em-chip.on{background:#4A2A31 !important;border-color:#4A2A31 !important;color:#F8F2EF !important}
.em-f .inp:focus-within{border-color:#5A4348 !important}
.em-res .bar .b .g{background:#5A4348 !important}
.em-pz .gana{background:rgba(74,42,49,.09) !important;color:#242628 !important}


/* ═══════════════════════════════════════════════════════════════════════
   5. LENGUAJE PROPIO · formas y letra
   El color solo no basta: las píldoras redondas, las tarjetas de 18px y
   los titulares en la misma sans gorda eran la firma de EyE. Aquí:
     · Titulares en la misma sans pero a peso medio (600), sin itálicas: sobrio.
     · Botones de esquina suave (10px), en versalitas espaciadas.
     · Tarjetas redondeadas (14px) con borde fino, sin sombra ni brinco.
     · Chips y etiquetas de esquina suave, no píldoras.
     · La portada con un filete de oro arriba.
   ═══════════════════════════════════════════════════════════════════════ */
:root,.lujo,html body.lujo,html body.lujo.claro{--lx-serif:'Jost','Segoe UI',system-ui,sans-serif !important;--r:20px !important}

/* Titulares */
html body .sec-head h1,html body .sec-head h2,html body .slogan h2,html body .lx-hero h1,html body .hero-card h1,html body .lx-cat-t b,
html body .lx-state h2,html body .lx-ben h3,html body .px-h h1,html body .px-perfil-t b,
html body .em-hero h1,html body .sec-head h2,html body .em-cash-a h2,html body .em-faq-a h2,html body .em-fin h2,
html body .cf-hero h1,html body .cf-fin h2,html body .au-pitch h2,html body .au-main h1,html body .cta-box h2,
html body h1.pv-t,html body .pv-name,html body .co-h1,html body .fin-h h1{
  font-family:'Jost','Segoe UI',system-ui,sans-serif !important;font-weight:600 !important;letter-spacing:-.03em !important;line-height:1.06 !important}
html body .lx-hero h1{font-size:clamp(38px,5.4vw,72px) !important}
html body .sec-head h2,html body .em-hero h1{font-size:clamp(26px,3.2vw,40px) !important}
html body .lx-hero h1 span,html body .sec-head h2 span,html body .slogan h2 span,html body .em-hero h1 span,html body .cf-hero h1 span,html body .em-fin h2 span,html body .cf-fin h2 span{
  font-style:normal !important;font-weight:600 !important}
/* Ojos (eyebrows): más abiertos, con filete */
html body .eye,html body .sec-head .eye,html body .lx-eye,html body .em-hero .eye,html body .cf-hero .eye,html body .lx-hero i{
  letter-spacing:.26em !important;font-size:10px !important;font-weight:600 !important}

/* Botones: rectos, versalitas espaciadas */
html body .btn,html body .btn-gold,html body .btn2,html body .more-btn,html body .lx-btn,html body .card-buy,html body .card-add,
html body .px-b,html body .px-b2,html body .em-b,html body .em-b2,html body .au .btn,html body .cta-box button,html body .see-all,
html body .ee-po-btn,html body .rc-ver,html body .co-btn,html body .wa-fijo{
  border-radius:14px !important;text-transform:uppercase;letter-spacing:.14em;font-size:11.5px !important;font-weight:700 !important}
html body .px-b,html body .px-b2{font-size:11px !important}
html body .lx-hero .lx-btn{border-radius:14px !important}
html body .more-btn{border-color:#4A2A31 !important;color:#4A2A31 !important}
html body .more-btn:hover{background:#4A2A31 !important;color:#F8F2EF !important}

/* Tarjetas: esquina mínima, borde fino, sin sombra ni brinco */
html body .card,html body .hero-card,html body .lx-cat,html body .lx-ben,html body .cat-pv,html body .px-card,html body .px-kpi,html body .px-saldo,
html body .px-perfil,html body .px-ped,html body .px-pasos li,html body .px-resumen div,html body .em-paso,html body .em-pz,html body .em-res,html body .em-cja,
html body .cf-card,html body .cf-via,html body .em-cash-n,html body .au .card,html body .cta-box,html body .ee-po-box,html body .sum-card,html body .co-card,html body .pay-opt{
  border-radius:20px !important;box-shadow:0 10px 30px -22px rgba(74,42,49,.35) !important}
html body .card{border:1px solid rgba(74,42,49,.16) !important}
html body .card:hover{transform:translateY(-2px) !important;border-color:#4A2A31 !important;box-shadow:0 18px 36px -24px rgba(74,42,49,.45) !important}
html body .card-img,html body .em-pz .im,html body .px-ped-f img,html body .px-row img{border-radius:10px !important}
html body .px-card,html body .px-kpi,html body .px-perfil,html body .px-ped,html body .px-resumen div,html body .px-pasos li{border:1px solid rgba(74,42,49,.14) !important}
html body .px-saldo,html body .px-kpi.oro,html body .em-res,html body .em-cash-n,html body .px-ref-big{border-color:#76636A !important}

/* Chips y etiquetas: rectangulares */
html body .cat-chip,html body .fam-chip,html body .card-cat,html body .card-badge,html body .px-tag,html body .px-filtros button,html body .em-chip,
html body .card-off,html body .sum-badge,html body .mm-n,html body .px-cod,html body .px-cod button,html body .cl-pill{border-radius:100px !important}
html body .cat-chip.on,html body.lujo.claro .cat-chip.on{background:#4A2A31 !important;border-color:#4A2A31 !important;color:#F8F2EF !important}
html body .card-badge{background:#4A2A31 !important;color:#E2CFC8 !important}

/* Portada: a ras y con filete de oro arriba, no caja redondeada */
html body.lujo .lx-hero,html body.lujo.claro .lx-hero,html body .hero-card{border-radius:24px !important;border-top:2px solid #E2CFC8 !important}
html body .lx-hero .lx-float::before,html body .lx-hero .lx-float::after{display:none !important}

/* Cabecera: iconos en cuadrado suave, no en círculo */
html body .hdr-icon,html body .hdr-cart,html body .hdr-cuenta,html body .cta-x{border-radius:50% !important}
html body .hdr-cart-n{border-radius:100px !important}
/* La barra de menú: subrayado en vez de color */
html body.lujo .nav a,html body.lujo.claro .nav a{border-bottom:1px solid transparent !important;padding-bottom:12px !important}
html body.lujo .nav a.hot,html body.lujo.claro .nav a.hot,html body.lujo .nav a:hover,html body.lujo.claro .nav a:hover{border-bottom-color:#E2CFC8 !important}

/* Tira de casas: en serif itálica, como firma */
html body .lx-tira span{font-family:'Jost','Segoe UI',system-ui,sans-serif !important;font-style:normal;font-size:10.5px !important;letter-spacing:.24em !important;text-transform:uppercase !important;font-weight:600 !important}

/* Panel del cliente: el saldo en serif */
html body .px-saldo-a > b,html body .px-kpi b{font-weight:600 !important;letter-spacing:-.03em !important}
html body .px-ref-big{font-size:24px !important;letter-spacing:.08em !important;border-style:solid !important;font-weight:600 !important}
html body .px-av{border-radius:50% !important}


/* ── 6. Últimos negros que claro.css deja a #4A2A31 / #2B1A1E ──────────── */
html body.lujo .cat-pv,html body.lujo.claro .cat-pv{background:#4A2A31 !important;border:1px solid rgba(248,242,239,.1) !important;color:#F8F2EF !important}
html body.lujo .cat-pv-t i,html body.lujo.claro .cat-pv-t i{color:rgba(248,242,239,.6) !important}
html body.lujo .cat-pv-t em,html body.lujo.claro .cat-pv-t em{color:#E2CFC8 !important}
html body.lujo.claro .btn2,html body.lujo.claro .card-badge.badge-new,html body.lujo.claro .cup-in button,
html body.lujo.claro .card-buy,html body.lujo.claro .card-add,html body.lujo.claro .rc-ver.rc-add{background:#4A2A31 !important;border-color:#4A2A31 !important;color:#F8F2EF !important}
html body.lujo.claro .card-buy:hover,html body.lujo.claro .card-add:hover,html body.lujo.claro .btn2:hover,html body.lujo.claro .rc-ver.rc-add:hover{background:#3E2C30 !important;border-color:#3E2C30 !important}
html body .card-badge.badge-new{color:#E2CFC8 !important}


/* ── 7. Formas: misma especificidad que glass.css (html body.lujo …) ──
   Las reglas de la sección 5 perdían contra glass.css, que fija radios
   con `html body.lujo .card{… !important}`. Aquí se igualan las armas. */
html body.lujo .card,html body.lujo.claro .card,html body.lujo .lx-cat,html body.lujo.claro .lx-cat,html body.lujo .lx-ben,html body.lujo.claro .lx-ben,
html body.lujo .hero-card,html body.lujo.claro .hero-card,html body.lujo .cat-pv,html body.lujo.claro .cat-pv,html body.lujo .pay-opt,html body.lujo.claro .pay-opt,
html body.lujo .sum-card,html body.lujo.claro .sum-card,html body.lujo .co-card,html body.lujo.claro .co-card,html body.lujo .pw-card,html body.lujo.claro .pw-card,
html body.lujo .nav-drop-menu,html body.lujo.claro .nav-drop-menu{border-radius:20px !important;box-shadow:0 10px 30px -22px rgba(74,42,49,.35) !important}
html body.lujo .card,html body.lujo.claro .card{border:1px solid rgba(74,42,49,.16) !important;background:#FFFFFF !important}
html body.lujo .card:hover,html body.lujo.claro .card:hover{transform:translateY(-2px) !important;border-color:#4A2A31 !important;box-shadow:0 18px 36px -24px rgba(74,42,49,.45) !important}
html body.lujo .card-img,html body.lujo.claro .card-img{border-radius:20px 20px 0 0 !important}
html body.lujo .card-buy,html body.lujo.claro .card-buy,html body.lujo .card-add,html body.lujo.claro .card-add,html body.lujo .btn,html body.lujo.claro .btn,
html body.lujo .btn-gold,html body.lujo.claro .btn-gold,html body.lujo .btn2,html body.lujo.claro .btn2,html body.lujo .more-btn,html body.lujo.claro .more-btn,
html body.lujo .lx-btn,html body.lujo.claro .lx-btn,html body.lujo .rc-ver,html body.lujo.claro .rc-ver,html body.lujo .cup-in button,html body.lujo.claro .cup-in button,
html body.lujo .ee-cup-box button,html body.lujo.claro .ee-cup-box button,html body.lujo .see-all,html body.lujo.claro .see-all{
  border-radius:14px !important;text-transform:uppercase !important;letter-spacing:.14em !important;font-size:11.5px !important;font-weight:700 !important}
html body.lujo .cat-chip,html body.lujo.claro .cat-chip,html body.lujo .fam-chip,html body.lujo.claro .fam-chip,html body.lujo .card-cat,html body.lujo.claro .card-cat,
html body.lujo .card-badge,html body.lujo.claro .card-badge,html body.lujo .card-off,html body.lujo.claro .card-off,html body.lujo .sum-badge,html body.lujo.claro .sum-badge,
html body.lujo .mm-n,html body.lujo.claro .mm-n,html body.lujo .hdr-cart-n,html body.lujo.claro .hdr-cart-n{border-radius:100px !important}
html body.lujo .hdr-icon,html body.lujo.claro .hdr-icon,html body.lujo .hdr-cart,html body.lujo.claro .hdr-cart,html body.lujo .hdr-cuenta,html body.lujo.claro .hdr-cuenta,
html body.lujo .burger,html body.lujo.claro .burger{border-radius:50% !important}
html body.lujo .card-fav,html body.lujo.claro .card-fav{border-radius:50% !important}
html body.lujo .search-box,html body.lujo.claro .search-box,html body.lujo .cat-search,html body.lujo.claro .cat-search,html body.lujo #cat-q,html body.lujo.claro #cat-q{border-radius:10px !important}

html body .px-cod{border-radius:14px !important}
html body .px-cod button{border-radius:10px !important}


/* ── 8. Pantalla de pago Bre-B y confirmación ──
   El muro de pago iba en negro puro con oro viejo: aquí salvia y oro suave. */
html body .pw-card,html body.lujo .pw-card,html body.lujo.claro .pw-card{background:#4A2A31 !important;border:1px solid rgba(248,242,239,.1) !important;color:#F8F2EF !important}
html body.lujo .pw-card p,html body.lujo .pw-card .ps-hint,html body.lujo .pw-card .ps-offset,html body.lujo .pw-card .ps-key-i em{color:rgba(248,242,239,.72) !important}
html body.lujo .pw-card .ps-hint b,html body.lujo .pw-card .ps-ref span,html body.lujo .pw-card .ps-amount,html body.lujo .pw-card .ps-offset b{color:#F8F2EF !important}
html body.lujo .pw-card .ps-meta small,html body.lujo .pw-card .pw-sec,html body.lujo .pw-card .ps-amount i,html body.lujo .pw-card .ps-key-i b,html body.lujo .pw-card .ps-meta .t{color:#E2CFC8 !important}
html body.lujo .pw-card .pw-breb-top,html body.lujo .pw-card .ps-meta,html body.lujo .pw-card .ps-offset{border-color:rgba(214,214,214,.22) !important}
html body.lujo .pw-card .ps-copy{border-color:rgba(214,214,214,.45) !important;color:#E2CFC8 !important}
html body.lujo .pw-card .ps-copy:hover{background:#E2CFC8 !important;border-color:#E2CFC8 !important;color:#3A2026 !important}
html body .pw-ok .oid{background:rgba(214,214,214,.14) !important;color:#E2CFC8 !important}


/* ── 9. Notas del perfume: que quepan en el teléfono ──
   La ficha pinta las notas en línea separadas por «·», pero cada nota iba
   con white-space:nowrap y el separador dentro de la misma nota, así que
   toda la fila era un solo trozo indivisible: con seis notas se salía de
   la pantalla. Se permite partir entre notas y la fila nunca desborda. */
html body.lujo .pyr-notes,html body.lujo.claro .pyr-notes{max-width:100% !important;overflow-wrap:anywhere !important;word-break:normal !important}
html body.lujo .note-chip,html body.lujo.claro .note-chip{white-space:normal !important;display:inline !important}
html body.lujo .note-chip:not(:last-child)::after,html body.lujo.claro .note-chip:not(:last-child)::after{margin:0 7px !important}
html body.lujo .pyr-row,html body.lujo.claro .pyr-row,html body.lujo .pyramid,html body.lujo.claro .pyramid{max-width:100% !important;min-width:0 !important}

/* ══ 10. Menú del teléfono ══
   Mismo lenguaje que el popup de cuenta: cabecera salvia con el logo
   dorado, fondo crema y cada opción en su tarjeta redondeada. El doble
   #mobmenu gana a glass.css, claro.css y a los estilos de cada página. */
html body #mobmenu#mobmenu{background:#F6EEEA !important;border-right:0 !important;box-shadow:30px 0 70px -30px rgba(14,15,16,.55) !important}
html body #mm-back,html body.lujo.claro #mm-back{background:rgba(14,15,16,.45) !important}
html body #mobmenu#mobmenu .mm-head{position:relative;border-bottom:0 !important;padding:18px 20px !important;
  background:radial-gradient(120% 140% at 100% 0%,rgba(214,214,214,.16),transparent 60%),linear-gradient(165deg,#4A2A31,#3A2026) !important}
html body #mobmenu#mobmenu .mm-brand .mm-logo-claro{display:block !important}
html body #mobmenu#mobmenu .mm-brand .mm-logo-oscuro{display:none !important}
html body #mobmenu#mobmenu .mm-close{width:36px !important;height:36px !important;border-radius:50% !important;background:rgba(248,242,239,.12) !important;color:#eaeaea !important;display:grid;place-items:center}
html body #mobmenu#mobmenu .mm-close:hover{background:rgba(248,242,239,.22) !important;color:#fff !important}
html body #mobmenu#mobmenu .mm-body{padding:16px 14px 20px !important}
html body #mobmenu#mobmenu .mm-buscar{width:100% !important;margin:0 0 20px !important;padding:12px 16px !important;border-radius:14px !important;
  background:#fff !important;border:1px solid #dcdcdc !important;color:#4A2A31 !important;box-shadow:0 1px 2px rgba(14,15,16,.04)}
html body #mobmenu#mobmenu .mm-buscar span{color:#7c7c7c !important;opacity:1 !important;font-size:13.5px !important}
html body #mobmenu#mobmenu .mm-buscar .mm-lupa{stroke:#4c4d50 !important;opacity:1 !important}
html body #mobmenu#mobmenu .mm-eye{color:#5A4348 !important;font-size:10.5px !important;font-weight:700 !important;letter-spacing:.16em !important;padding:4px 6px 10px !important;margin:0 !important}
html body #mobmenu#mobmenu .mm-a ~ .mm-eye,html body #mobmenu#mobmenu .mm-grp ~ .mm-eye,html body #mobmenu#mobmenu .mm-sub .mm-eye{padding-top:18px !important}
html body #mobmenu#mobmenu .mm-a{background:#fff !important;border:1px solid #F1E6E1 !important;border-radius:16px !important;margin:0 0 7px !important;
  padding:11px 14px !important;min-height:58px !important;gap:12px !important;box-shadow:0 1px 2px rgba(14,15,16,.03);transition:border-color .15s,background .15s}
html body #mobmenu#mobmenu .mm-a:hover,html body #mobmenu#mobmenu .mm-a:active{background:#f7f7f7 !important;border-color:#d2d2d2 !important}
html body #mobmenu#mobmenu .mm-a b{color:#4A2A31 !important;font-size:15px !important;font-weight:650 !important;letter-spacing:-.01em !important}
html body #mobmenu#mobmenu .mm-a small{color:#7c7c7c !important;font-size:11.5px !important;font-weight:500 !important}
html body #mobmenu#mobmenu .mm-n{color:#2f3033 !important;background:#FAF5F2 !important;font-size:11.5px !important;font-weight:700 !important;letter-spacing:0 !important;
  padding:4px 10px !important;border-radius:100px !important;min-width:0 !important}
html body #mobmenu#mobmenu .mm-chev{stroke:#9c9c9c !important;width:16px !important;height:16px !important}
html body #mobmenu#mobmenu .mm-hijos .mm-a{min-height:48px !important;background:#f6f6f6 !important;margin-left:12px !important}
html body #mobmenu#mobmenu .mm-sub .mm-a b{color:#2f3033 !important;font-weight:600 !important}
html body #mobmenu#mobmenu .mm-foot{background:#F6EEEA !important;border-top:1px solid #F1E6E1 !important;padding:14px 14px calc(14px + env(safe-area-inset-bottom)) !important}
html body #mobmenu#mobmenu .mm-wa{min-height:52px !important;border-radius:14px !important;background:#4A2A31 !important;border:0 !important;color:#F8F2EF !important;
  font-size:14.5px !important;font-weight:600 !important;letter-spacing:.01em !important;text-transform:none !important;gap:10px !important;
  box-shadow:0 10px 24px -14px rgba(14,15,16,.7) !important}
html body #mobmenu#mobmenu .mm-wa:hover{background:#4A2A31 !important;transform:none !important}
html body #mobmenu#mobmenu .mm-wa svg{width:26px !important;height:26px !important;padding:5px;border-radius:50%;background:#25D366;fill:#fff !important;box-sizing:border-box}

/* 10b. Menú compacto: sin tarjetas. En el teléfono cada fila cuenta;
   con tarjetas no cabía todo y había que desplazar. Lista con línea fina. */
html body #mobmenu#mobmenu,html body #mobmenu#mobmenu .mm-foot{background:#FFFFFF !important}
html body #mobmenu#mobmenu .mm-body{padding:12px 16px 12px !important}
html body #mobmenu#mobmenu .mm-buscar{margin:0 0 10px !important;padding:10px 14px !important;background:#F6EEEA !important;border-color:#F1E6E1 !important;box-shadow:none !important}
html body #mobmenu#mobmenu .mm-eye{padding:8px 2px 4px !important}
html body #mobmenu#mobmenu .mm-a ~ .mm-eye,html body #mobmenu#mobmenu .mm-grp ~ .mm-eye,html body #mobmenu#mobmenu .mm-sub .mm-eye{padding-top:14px !important}
html body #mobmenu#mobmenu .mm-a{background:transparent !important;border:0 !important;border-bottom:1px solid #FAF5F2 !important;border-radius:0 !important;
  margin:0 !important;padding:8px 2px !important;min-height:48px !important;box-shadow:none !important}
html body #mobmenu#mobmenu .mm-a:hover,html body #mobmenu#mobmenu .mm-a:active{background:#FAF5F2 !important;border-color:#FAF5F2 !important}
html body #mobmenu#mobmenu .mm-a b{font-size:14.5px !important}
html body #mobmenu#mobmenu .mm-a small{font-size:11px !important}
html body #mobmenu#mobmenu .mm-n{padding:2px 8px !important;font-size:11px !important}
html body #mobmenu#mobmenu .mm-hijos .mm-a{background:transparent !important;margin-left:10px !important;min-height:42px !important}
html body #mobmenu#mobmenu .mm-foot{border-top:1px solid #FAF5F2 !important;padding:10px 16px calc(10px + env(safe-area-inset-bottom)) !important}
html body #mobmenu#mobmenu .mm-wa{min-height:48px !important}

/* ══ 11. Tarjetas de producto más compactas ══
   "Precio por mayor" se repetía en cada tarjeta: toda la tienda es por
   mayor, sobra. En el teléfono el botón era alto y en versalitas, y en el
   catálogo la tarjeta llegaba a 480px: cabían dos por pantalla. */
html body.lujo .card-price::after,html body.lujo.claro .card-price::after{content:none !important;display:none !important}
@media(max-width:600px){
  html body.lujo .card .card-body,html body.lujo.claro .card .card-body{padding:11px 12px 12px !important;gap:0 !important}
  html body.lujo .card .card-house,html body.lujo.claro .card .card-house{font-size:9.5px !important;letter-spacing:.12em !important;margin-bottom:3px !important}
  html body.lujo .card .card-name,html body.lujo.claro .card .card-name{margin:0 0 3px !important}
  html body.lujo .card .card-name b,html body.lujo.claro .card .card-name b{font-size:13.5px !important;line-height:1.25 !important;
    display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  html body.lujo .card .card-note,html body.lujo.claro .card .card-note{font-size:11px !important;line-height:1.35 !important;margin:0 0 6px !important;
    white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;display:block !important;min-height:0 !important;height:auto !important;-webkit-line-clamp:unset !important}
  html body.lujo .card .card-price,html body.lujo.claro .card .card-price{margin:0 0 9px !important}
  html body.lujo .card .card-price .now,html body.lujo.claro .card .card-price .now{font-size:15px !important}
  html body.lujo .card .card-buy,html body.lujo.claro .card .card-buy,
  html body.lujo .card .card-add,html body.lujo.claro .card .card-add{min-height:0 !important;height:36px !important;padding:0 10px !important;border-radius:12px !important;
    font-size:12.5px !important;font-weight:600 !important;letter-spacing:.01em !important;text-transform:none !important;margin-top:0 !important}
  html body.lujo .card .card-buy-row,html body.lujo.claro .card .card-buy-row{gap:6px !important}
  html body.lujo .card .card-qty,html body.lujo.claro .card .card-qty{height:32px !important;border-radius:10px !important}
  html body.lujo .card .card-qty .cq,html body.lujo.claro .card .card-qty .cq{width:30px !important;height:30px !important}
  html body.lujo .card .card-qty b,html body.lujo.claro .card .card-qty b{font-size:13px !important}
}

/* ══ 12. Dorado sobre fondo oscuro ══
   La palabra destacada de la portada usaba el dorado para fondo claro
   (#5A4348) y sobre el verde se veía apagada. Sobre oscuro va el claro. */
html body.lujo .lx-hero h1 span,html body.lujo.claro .lx-hero h1 span,
html body.lujo .lx-hero-t h1 span,html body.lujo.claro .lx-hero-t h1 span{
  color:#E2CFC8 !important;-webkit-text-fill-color:#E2CFC8 !important;background:none !important;text-shadow:0 1px 18px rgba(214,214,214,.18)}

/* ══ 13. Tarjetas con el verde de la marca ══
   El botón oscuro se leía como negro. "Ver perfume" pasa a verde salvia
   suave (se vuelve oscuro al pasar el dedo); "Agregar", que es la compra,
   queda en el verde profundo. La casa del perfume va en dorado. */
html body.lujo .card,html body.lujo.claro .card{border-color:#F1E6E1 !important}
html body.lujo.claro .card .card-house span:first-child,html body.lujo .card .card-house span:first-child{color:#5A4348 !important;font-weight:700 !important}
html body.lujo.claro .card .card-price .now,html body.lujo .card .card-price .now{color:#4A2A31 !important}
html body.lujo.claro .card .card-buy,html body.lujo .card .card-buy{background:#e8e8e8 !important;color:#4A2A31 !important;border:1px solid #E3D1CA !important;box-shadow:none !important}
html body.lujo.claro .card:hover .card-buy,html body.lujo.claro .card .card-buy:hover,html body.lujo .card .card-buy:hover{background:#4A2A31 !important;color:#F8F2EF !important;border-color:#4A2A31 !important}
html body.lujo.claro .card .card-add,html body.lujo .card .card-add{background:#242628 !important;color:#F8F2EF !important;border:0 !important}
html body.lujo.claro .card .card-add:hover,html body.lujo .card .card-add:hover{background:#4A2A31 !important}
html body.lujo.claro .card .card-qty,html body.lujo .card .card-qty{border-color:#E3D1CA !important;background:#F6EEEA !important}
html body.lujo.claro .card .card-qty .cq,html body.lujo.claro .card .card-qty b{color:#4A2A31 !important}
/* 12b. Más oro: el crema quedaba pálido y no destacaba. Degradado dorado. */
html body.lujo .lx-hero h1 span,html body.lujo.claro .lx-hero h1 span,
html body.lujo .lx-hero-t h1 span,html body.lujo.claro .lx-hero-t h1 span{
  background:linear-gradient(100deg,#e2e2e2 0%,#8D7A7D 45%,#76636A 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;
  color:transparent !important;-webkit-text-fill-color:transparent !important;text-shadow:none !important;
  filter:drop-shadow(0 2px 14px rgba(226,185,106,.22));padding-bottom:.06em}

/* ══ 14. Caja de beneficios (Entrega · Pago · Asesoría) ══
   Quedaba en negro del estilo anterior: pasa al verde salvia de la
   portada, con el oro claro en los rótulos y un icono redondo por fila. */
html body.lujo .lx-ben,html body.lujo.claro .lx-ben{
  background:radial-gradient(120% 90% at 100% 0%,rgba(214,214,214,.14),transparent 55%),linear-gradient(165deg,#4A2A31,#3A2026) !important;
  border:0 !important;border-radius:24px !important;box-shadow:0 24px 50px -30px rgba(14,15,16,.55) !important;overflow:hidden}
html body.lujo .lx-ben:hover,html body.lujo.claro .lx-ben:hover{transform:none !important}
html body.lujo .lx-ben > div,html body.lujo.claro .lx-ben > div{background:transparent !important;border-color:rgba(233,236,228,.1) !important;box-shadow:none !important}
html body.lujo .lx-ben .lx-eye,html body.lujo.claro .lx-ben .lx-eye{color:#8D7A7D !important;font-style:normal !important}
html body.lujo .lx-ben b,html body.lujo.claro .lx-ben b{color:#F8F2EF !important}
html body.lujo .lx-ben span,html body.lujo.claro .lx-ben span{color:rgba(233,236,228,.72) !important}

/* ══ 15. Emprende destacado en el menú del teléfono ══ */
html body #mobmenu#mobmenu .mm-a[href$="/emprende"]{position:relative;margin:6px 0 !important;padding:9px 12px !important;border:1px solid #e0e0e0 !important;
  border-radius:14px !important;background:linear-gradient(100deg,#f3f3f3,#f6f6f6 70%) !important;box-shadow:0 6px 16px -12px rgba(150,150,150,.6) !important}
html body #mobmenu#mobmenu .mm-a[href$="/emprende"]::before{content:'';flex:none;width:32px;height:32px;border-radius:50%;
  background:#4A2A31 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E2B96A' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8'/%3E%3Cpath d='M15 7h6v6'/%3E%3C/svg%3E") center/16px no-repeat}
html body #mobmenu#mobmenu .mm-a[href$="/emprende"] b{color:#4A2A31 !important}
html body #mobmenu#mobmenu .mm-a[href$="/emprende"] small{color:#5A4348 !important;font-weight:600 !important}
html body #mobmenu#mobmenu .mm-a[href$="/emprende"] .mm-txt::after{content:'Gana 2%';position:absolute;right:34px;top:50%;transform:translateY(-50%);
  font-size:10.5px;font-weight:700;letter-spacing:.02em;color:#F8F2EF;background:#4A2A31;padding:3px 9px;border-radius:100px}
html body #mobmenu#mobmenu .mm-a[href$="/emprende"] .mm-chev{stroke:#5A4348 !important}
html body #mobmenu#mobmenu .mm-a[href$="/emprende"]:hover{background:linear-gradient(100deg,#F8F2EF,#f4f4f4 70%) !important}
/* 15b. La etiqueta iba encima del texto: pasa junto al título, en línea. */
html body #mobmenu#mobmenu .mm-a[href$="/emprende"] .mm-txt::after{content:none !important;display:none !important}
html body #mobmenu#mobmenu .mm-a[href$="/emprende"] .mm-txt b{display:flex !important;align-items:center;gap:7px}
html body #mobmenu#mobmenu .mm-a[href$="/emprende"] .mm-txt b::after{content:'Gana 2%';font-size:10px;font-weight:700;letter-spacing:.02em;line-height:1;
  color:#F8F2EF;background:#4A2A31;padding:4px 8px;border-radius:100px;flex:none}
html body #mobmenu#mobmenu .mm-a[href$="/emprende"] .mm-txt small{white-space:normal !important;overflow:visible !important}

/* ══ 16. Pie del menú: Emprende (antes WhatsApp) ══
   Verde esmeralda, con icono propio: un brote que nace de una pila de
   monedas. WhatsApp sigue en el botón flotante de la página. La fila de
   Emprende de la lista se oculta para no repetirla. */
html body #mobmenu#mobmenu .mm-body .mm-a[href$="/emprende"]{display:none !important}
html body #mobmenu#mobmenu .mm-emp{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 10px;border-radius:16px;text-decoration:none;
  background:linear-gradient(120deg,#4A2A31,#4A2A31);color:#F6EEEA;box-shadow:0 12px 26px -14px rgba(10,92,67,.8),inset 0 1px 0 rgba(255,255,255,.12);
  transition:transform .15s,box-shadow .15s}
html body #mobmenu#mobmenu .mm-emp:active{transform:scale(.985)}
html body #mobmenu#mobmenu .mm-emp-i{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#F6EEEA}
html body #mobmenu#mobmenu .mm-emp-i svg{width:24px;height:24px}
html body #mobmenu#mobmenu .mm-emp-i .h1{fill:rgba(205,205,205,.35)}
html body #mobmenu#mobmenu .mm-emp-i .h2{fill:rgba(205,205,205,.6)}
html body #mobmenu#mobmenu .mm-emp-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
html body #mobmenu#mobmenu .mm-emp-t b{font-size:14.5px;font-weight:700;color:#FFFFFF;letter-spacing:-.01em}
html body #mobmenu#mobmenu .mm-emp-t small{font-size:11.5px;font-weight:500;color:rgba(248,242,239,.78);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #mobmenu#mobmenu .mm-emp-c{flex:none;width:16px;height:16px;fill:none;stroke:rgba(248,242,239,.8);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html body #mobmenu#mobmenu .mm-emp-i .h1{fill:rgba(205,205,205,.22)}
html body #mobmenu#mobmenu .mm-emp-i{color:#FFFFFF}
/* 16b. Texto e icono de la fila original */
html body #mobmenu#mobmenu .mm-emp-i{border-radius:50% !important;color:#f0f0f0 !important}
html body #mobmenu#mobmenu .mm-emp-i svg{width:19px !important;height:19px !important}
html body #mobmenu#mobmenu .mm-emp-t b{display:flex;align-items:center;gap:8px;font-size:15px}
html body #mobmenu#mobmenu .mm-emp-t b i{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.02em;line-height:1;padding:4px 8px;border-radius:100px;background:#F6EEEA;color:#4A2A31}
html body #mobmenu#mobmenu .mm-emp-t small{white-space:normal !important;overflow:visible !important;line-height:1.35}

/* ══ 17. Barra superior: fuera "Colección" ══
   Repite lo que ya hacen Dama, Caballero y Splash, y desvía la atención de
   Emprende y Rastreo. En el menú del teléfono "Toda la colección" sigue. */
html body.lujo .nav-in > .nav-cat,html body.lujo.claro .nav-in > .nav-cat{display:none !important}

/* ax-font: tipografía propia (distinta a Plus Jakarta de EyE) */
:root{--font:'Jost','Segoe UI',system-ui,sans-serif !important}
html body,html body input,html body button,html body select,html body textarea,html body .nav a,html body .nav button{font-family:'Jost','Segoe UI',system-ui,sans-serif}

/* ax-footer: footer editorial (distinto al grid 3-col de EyE) */
html body.lujo footer .ft-top{display:flex !important;flex-wrap:wrap !important;gap:26px 60px !important;align-items:flex-start}
html body.lujo footer .ft-top>div:first-child{flex:1 1 100% !important;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:4px}
html body.lujo footer .ft-bn{font-family:'Cormorant Garamond',Georgia,serif !important;font-size:clamp(26px,4.6vw,42px) !important;font-weight:700 !important;letter-spacing:-.01em !important;margin-bottom:12px !important}
html body.lujo footer .ft-lbl{color:#9a9a9a !important;letter-spacing:.22em !important}
html body.lujo footer .ft-legal a:hover,html body.lujo footer .ft-ul a:hover{color:#fff !important}

/* ax-card: tarjeta editorial (distinta a EyE) */
html body.lujo .card{border-radius:0 !important;box-shadow:none !important;transition:border-color .18s !important}
html body.lujo .card:hover{transform:none !important;box-shadow:none !important;border-color:#3E2329 !important}
html body.lujo .card-img{border-radius:0 !important}
html body.lujo .card-name{font-family:'Cormorant Garamond',Georgia,serif !important;font-weight:700 !important;letter-spacing:-.01em !important;font-size:16px !important;line-height:1.16 !important}
html body.lujo .card-price .now{font-size:18px !important;font-weight:700 !important}
html body.lujo .card .card-buy,html body.lujo .card .card-ver,html body.lujo .card .card-add{background:transparent !important;color:#3E2329 !important;border:1px solid #3E2329 !important;border-radius:0 !important;box-shadow:none !important;font-weight:700 !important;letter-spacing:.03em !important;text-transform:none !important;transition:background .18s,color .18s !important}
html body.lujo .card .card-buy:hover,html body.lujo .card .card-ver:hover,html body.lujo .card .card-add:hover{background:#3E2329 !important;color:#fff !important;transform:none !important}

/* ax-header: masthead con logo a la izquierda en escritorio (distinto al logo centrado de EyE) */
@media(min-width:901px){
  html body.lujo .hdr-in{grid-template-columns:auto 1fr auto !important}
  html body.lujo .logo{grid-column:1 !important;justify-self:start !important}
  html body.lujo .nav-in{padding-left:24px !important;justify-content:flex-start !important}
}

/* ax-hide-catalog: ocultar catálogos PDF (traen el logo anterior) — temporal */
html body.lujo #cat-pvs,html body.lujo .cat-pvs,html body.lujo #cat-dl,html body.lujo .cat-dl{display:none !important}

/* ax-dawn: tema claro estilo Shopify Dawn */
.lujo,html body.lujo{--dk:#ffffff !important;--dk-2:#f6f6f5 !important;--dk-3:#ededed !important;--iv:#3E2329 !important;--iv-2:rgba(22,22,22,.66) !important;--iv-3:rgba(22,22,22,.42) !important;--ln:rgba(0,0,0,.10) !important;--au:#3E2329 !important}
html body.lujo{background:#ffffff !important;color:#3E2329 !important}
/* Cabecera y nav claros */
html body.lujo .hdr,html:not(.ee-claro) body.lujo .hdr,html:not(.ee-claro) body.lujo .hdr.ee-scrolled{background:#ffffff !important;border-bottom:1px solid #F1E6E1 !important;box-shadow:none !important}
html body.lujo .topbar{background:#f5f5f3 !important;color:#5a5a5a !important}
html body.lujo .topbar b{color:#3E2329 !important}
html body.lujo .nav{background:#ffffff !important;border-bottom:1px solid #F1E6E1 !important}
html body.lujo .nav a,html body.lujo .nav button{color:#5A4348 !important}
html body.lujo .nav a:hover,html body.lujo .nav button:hover,html body.lujo .nav .hot{color:#3E2329 !important}
html body.lujo .hdr-icon{border-color:#e3e3e3 !important;background:#fff !important}
html body.lujo .hdr-icon svg{stroke:#3E2329 !important}
/* Logo oscuro sobre header claro */
html body.lujo .hdr.hdr .logo-t{background-image:url(/uploads/marca/gabby-logo.svg?v=2) !important}
html body.lujo .hdr.hdr .logo-n{color:#3E2329 !important}
html body.lujo .hdr.hdr .logo-s{color:#8D7A7D !important}
/* Footer claro */
html body.lujo footer{background:#faf9f7 !important;color:#3E2329 !important;border-top:1px solid #F1E6E1}
html body.lujo footer .ft-top>div:first-child{border-bottom-color:rgba(0,0,0,.10)}
html body.lujo footer .ft-ab{color:#6a6a6a !important}
html body.lujo footer .ft-lbl{color:#8D7A7D !important}
html body.lujo footer .ft-ul a,html body.lujo footer .ft-legal a,html body.lujo footer .ft-bottom{color:#5A4348 !important}
html body.lujo footer .ft-ul a:hover,html body.lujo footer .ft-legal a:hover{color:#3E2329 !important}
/* Tipografía sans (Dawn) en todos los títulos */
html body.lujo .sh-title,html body.lujo .card-name,html body.lujo .info h1,html body.lujo .reco h2,html body.lujo footer .ft-bn,html body.lujo .blk h2,html body.lujo .lx-ben b,html body.lujo .sec-head h2,html body.lujo .slogan h2{font-family:'Jost','Segoe UI',system-ui,sans-serif !important}

/* ax-dawn2: forzar chrome claro (vence lujo/claro con :not(#_)) */
html body.lujo .topbar:not(#_){background:#f5f5f3 !important;color:#5a5a5a !important}
html body.lujo .topbar:not(#_) b{color:#3E2329 !important}
html body.lujo .hdr:not(#_){background:#ffffff !important;border-bottom:1px solid #F1E6E1 !important;box-shadow:none !important}
html body.lujo .nav:not(#_){background:#ffffff !important;border-bottom:1px solid #F1E6E1 !important}
html body.lujo .nav:not(#_) a,html body.lujo .nav:not(#_) button{color:#5A4348 !important}
html body.lujo .nav:not(#_) a:hover,html body.lujo .nav:not(#_) .hot{color:#3E2329 !important}
html body.lujo footer:not(#_){background:#faf9f7 !important;color:#3E2329 !important;border-top:1px solid #F1E6E1 !important}
html body.lujo footer:not(#_) .ft-ab{color:#6a6a6a !important}
html body.lujo footer:not(#_) .ft-lbl{color:#8D7A7D !important}
html body.lujo footer:not(#_) .ft-ul a,html body.lujo footer:not(#_) .ft-legal a,html body.lujo footer:not(#_) .ft-bottom{color:#5A4348 !important}
html body.lujo .lx-houses:not(#_){background:#3E2329 !important;border-color:#3E2329 !important}
html body.lujo .lx-houses:not(#_)::before{background:linear-gradient(90deg,#3E2329,rgba(20,20,20,0)) !important}html body.lujo .lx-houses:not(#_)::after{background:linear-gradient(270deg,#3E2329,rgba(20,20,20,0)) !important}
html body.lujo .lx-houses:not(#_) .lx-grupo span{color:rgba(255,255,255,.66) !important}
html body.lujo .lx-houses:not(#_) .lx-grupo span:nth-child(even){color:#ffffff !important}
html body.lujo .lx-cats:not(#_){display:grid !important;grid-template-columns:1fr 1fr !important;gap:1px !important;background:rgba(255,255,255,.12) !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:14px !important;box-shadow:0 20px 40px -28px rgba(0,0,0,.9) !important;overflow:hidden !important}
html body.lujo .lx-cat:not(#_){background:#3E2329 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important}
html body.lujo .lx-cat:not(#_):hover{background:#1a1a1a !important}
html body.lujo .hdr:not(#_) .logo-t{background-image:url(/uploads/marca/gabby-logo.svg?v=2) !important}

/* ax-dawn3: texto oscuro donde el tema oscuro dejaba texto claro (fix washed-out) */
html body.lujo .lx-cat:not(#_) .lx-eye{color:#B07468 !important}
html body.lujo .lx-cat:not(#_) b{color:#ffffff !important}
html body.lujo .lx-cat:not(#_) i{color:rgba(255,255,255,.66) !important}
html body.lujo .lx-cat:not(#_) .lx-link{color:#ffffff !important;border-bottom-color:rgba(255,255,255,.5) !important}
html body.lujo .lx-cat:not(#_):hover .lx-link{color:#ffffff !important;border-bottom-color:#fff !important}
html body.lujo .lx-ben:not(#_) b{color:#ffffff !important}
html body.lujo .lx-ben:not(#_) span{color:rgba(255,255,255,.66) !important}
html body.lujo .lx-ben:not(#_) em,html body.lujo .lx-ben:not(#_) .lx-eye{color:#B07468 !important}
html body.lujo footer:not(#_) .ft-ul a,html body.lujo footer:not(#_) .ft-ul li,html body.lujo footer:not(#_) .ft-legal a,html body.lujo footer:not(#_) .ft-pay-lbl,html body.lujo footer:not(#_) .ft-bottom{color:#5A4348 !important}
html body.lujo footer:not(#_) .ft-ul a:hover,html body.lujo footer:not(#_) .ft-legal a:hover{color:#3E2329 !important}
html body.lujo .hdr:not(#_) .lang,html body.lujo .hdr:not(#_) .lang *,html body.lujo .hdr:not(#_) .lang-btn{color:#5A4348 !important}
html body.lujo .slogan:not(#_) h2,html body.lujo .slogan:not(#_) p,html body.lujo .slogan:not(#_) .eye,html body.lujo .lx-state:not(#_) *{color:#3E2329 !important}
html body.lujo .crea:not(#_) b,html body.lujo .crea:not(#_) h2,html body.lujo .crea:not(#_) p,html body.lujo .crea:not(#_) span,html body.lujo .crea:not(#_) li{color:#2a2a2a !important}

/* ax-fix: correcciones de contraste (auditoría 4 agentes) */
.lujo,html body.lujo,html body.lujo.claro{--iv-3:rgba(22,22,22,.6) !important}
/* Portada: beneficios y crea estaban oscuro-sobre-oscuro (invisibles) */
html body.lujo .lx-ben:not(#_),html body.lujo .lx-ben:not(#_)>div{background:#3E2329 !important;border:1px solid rgba(255,255,255,.08) !important;box-shadow:0 20px 40px -28px rgba(0,0,0,.9) !important}
html body.lujo .crea:not(#_){background:#faf9f7 !important;color:#2a2a2a !important}
html body.lujo .crea:not(#_) .crea-pasos strong{color:#3E2329 !important}
html body.lujo .crea:not(#_) .crea-pasos b{background:#3E2329 !important;color:#ffffff !important}
html body.lujo .crea:not(#_) .btn-ghost{border-color:#d0d0d0 !important;color:#3E2329 !important}
html body.lujo .sh-hero:not(#_) .sh-eye{color:#76636A !important}
/* Badge "Nuevo": era blanco sobre blanco */
html body.lujo .card-badge.badge-new:not(#_){background:#4A2A31 !important;color:#F8F2EF !important}
/* Catálogo */
html body.lujo .cat-srch:not(#_){background:#FAF5F2 !important;border-color:rgba(0,0,0,.14) !important}
html body.lujo .cat-srch:not(#_) svg{stroke:#5a5a5a !important}
html body.lujo .cat-srch:not(#_) input::placeholder{color:#8D7A7D !important}
html body.lujo .cat-count:not(#_){color:#5a5a5a !important}
html body.lujo .card-price:not(#_) .from{color:#76636A !important}
html body.lujo .card-price:not(#_) .was{color:#8D7A7D !important}
html body.lujo .see-all:not(#_){border-bottom-color:rgba(0,0,0,.28) !important}
/* Ficha */
html body.lujo .add:not(#_){background:#3E2329 !important;color:#ffffff !important}
html body.lujo .add:not(#_):hover,html body.lujo .dr-go:not(#_):hover,html body.lujo .rc-ver:not(#_):hover{background:#3E2C30 !important;color:#ffffff !important}
html body.lujo .occ-bar:not(#_){background:rgba(20,20,20,.10) !important}
html body.lujo .accord:not(#_){border:1px solid rgba(20,20,20,.12) !important}
html body.lujo .note-chip:not(#_)::after{color:rgba(20,20,20,.35) !important}
/* Cuenta: subtítulo del banner oscuro (invisible) + paleta café local */
html body.lujo .px-paso-t small:not(#_){color:rgba(246,242,233,.8) !important}
:root,.px{--gold:#5A4348 !important;--gold-d:#3E2C30 !important;--muted:#8D7A7D !important}

/* ax-cards-negro: tarjetas de producto NEGRAS (panel de foto claro) */
html body.lujo .card:not(#_){background:#3E2329 !important;border:1px solid #3E2329 !important;box-shadow:none !important}
html body.lujo .card:not(#_):hover{border-color:#2B1A1E !important;transform:none !important}
html body.lujo .card:not(#_) .card-img{background:#ffffff !important}
html body.lujo .card:not(#_) .card-body,html body.lujo .card:not(#_) .card-info{background:#3E2329 !important}
html body.lujo .card:not(#_) .card-name,html body.lujo .card:not(#_) .card-price .now{color:#ffffff !important}
html body.lujo .card:not(#_) .card-house,html body.lujo .card:not(#_) .card-house span,html body.lujo .card:not(#_) .card-house span:first-child{color:#cfcfcf !important}
html body.lujo .card:not(#_) .card-note{color:rgba(255,255,255,.62) !important}
html body.lujo .card:not(#_) .card-price .from,html body.lujo .card:not(#_) .card-price .was{color:rgba(255,255,255,.5) !important}
html body.lujo .card:not(#_) .card-price{border-top-color:rgba(255,255,255,.14) !important}
html body.lujo .card:not(#_) .card-buy,html body.lujo .card:not(#_) .card-ver,html body.lujo .card:not(#_) .card-add{background:#ffffff !important;color:#3E2329 !important;border:1px solid #ffffff !important;border-radius:0 !important}
html body.lujo .card:not(#_) .card-buy:hover,html body.lujo .card:not(#_) .card-ver:hover,html body.lujo .card:not(#_) .card-add:hover{background:#e6e6e6 !important;color:#3E2329 !important;border-color:#e6e6e6 !important}

/* ax-fix2: iconos header, topbar negro, botón slogan, nombre card negra */
html body.lujo .hdr:not(#_){color:#3E2329 !important}
html body.lujo .hdr:not(#_) svg{stroke:#3E2329 !important}
html body.lujo .hdr:not(#_) .logo-t{color:transparent !important}
html body.lujo .topbar:not(#_){background:#3E2329 !important;color:rgba(255,255,255,.82) !important}
html body.lujo .topbar:not(#_) b,html body.lujo .topbar:not(#_) strong{color:#ffffff !important}
html body.lujo .lx-state:not(#_) .lx-btn{background:#3E2329 !important;color:#ffffff !important;border-color:#3E2329 !important}
html body.lujo .card:not(#_) .card-name,html body.lujo .card:not(#_) .card-name *{color:#ffffff !important}

/* ax-volver: enlaces "Ver todo"/"Volver" como texto limpio (sin pastilla) */
html body.lujo .see-all:not(#_),html body.lujo .volver:not(#_){display:inline-flex;align-items:center;gap:7px;background:transparent !important;border:0 !important;border-radius:0 !important;padding:0 !important;box-shadow:none !important;color:#3E2329 !important;font-weight:700 !important;letter-spacing:.12em !important;text-transform:uppercase;text-decoration:none !important}
html body.lujo .see-all:not(#_)::after{content:'';display:inline-block;width:16px;height:1px;background:#3E2329;transition:width .2s}
html body.lujo .see-all:not(#_):hover,html body.lujo .volver:not(#_):hover{color:#2B1A1E !important;text-decoration:underline !important;text-underline-offset:4px}

/* ax-fix3: idioma (ES) y nav visibles + see-all limpio */
html body.lujo .hdr:not(#_) .notranslate,html body.lujo .hdr:not(#_) .notranslate *{color:#3E2329 !important}
html body.lujo .nav:not(#_) a,html body.lujo .nav:not(#_) button,html body.lujo .nav-in:not(#_) a{color:#1a1a1a !important;font-weight:600 !important}
html body.lujo .nav:not(#_) a:hover,html body.lujo .nav:not(#_) button:hover,html body.lujo .nav:not(#_) .hot{color:#2B1A1E !important}
html body.lujo .see-all:not(#_)::after{display:none !important}

/* ax-footer-negro: footer en negro (igual que cards) */
html body.lujo footer:not(#_){background:#3A2026 !important;color:rgba(255,255,255,.66) !important;border-top:none !important}
html body.lujo footer:not(#_) .ft-bn,html body.lujo footer:not(#_) .ft-brand{color:#ffffff !important}
html body.lujo footer:not(#_) .ft-ab{color:rgba(255,255,255,.62) !important}
html body.lujo footer:not(#_) .ft-lbl,html body.lujo footer:not(#_) .ft-pay-lbl{color:#9a9a9a !important}
html body.lujo footer:not(#_) .ft-ul a,html body.lujo footer:not(#_) .ft-ul li,html body.lujo footer:not(#_) .ft-legal a,html body.lujo footer:not(#_) .ft-bottom{color:rgba(255,255,255,.7) !important}
html body.lujo footer:not(#_) .ft-ul a:hover,html body.lujo footer:not(#_) .ft-legal a:hover{color:#ffffff !important}
html body.lujo footer:not(#_) .ft-top>div:first-child{border-bottom-color:rgba(255,255,255,.12) !important}
html body.lujo footer:not(#_) svg{stroke:rgba(255,255,255,.7) !important}

/* ax-burger: ícono de menú (☰) negro y visible */
html body.lujo .burger:not(#_) span{background:#3E2329 !important}
html body.menu-open.lujo .burger:not(#_) span{background:#3E2329 !important}

/* ================================================================
   ax-logo-dorado: identidad del dueño (logo dorado + banner).
   El header pasa a NEGRO para que el logo dorado (trazo claro) luzca,
   igual que el topbar, las cards y el footer. Look negro + oro.
   ================================================================ */
html body.lujo .hdr:not(#_){background:#3A2026 !important;border-bottom:1px solid rgba(201,164,74,.20) !important;color:#efe7d2 !important}
html body.lujo .hdr:not(#_) svg{stroke:#EBD3CC !important}
html body.lujo .hdr:not(#_) .hdr-icon,html body.lujo .hdr:not(#_) .hdr-cart{border-color:rgba(201,164,74,.30) !important;background:rgba(201,164,74,.06) !important;color:#EBD3CC !important}
html body.lujo .hdr:not(#_) .hdr-icon:hover,html body.lujo .hdr:not(#_) .hdr-cart:hover{border-color:#B07468 !important;color:#B07468 !important}
html body.lujo .hdr:not(#_) .nav a,html body.lujo .hdr:not(#_) .nav button,html body.lujo .nav-in:not(#_) a{color:#e2dccd !important;font-weight:600 !important}
html body.lujo .hdr:not(#_) .nav a:hover,html body.lujo .hdr:not(#_) .nav button:hover{color:#B07468 !important}
html body.lujo .hdr:not(#_) .notranslate,html body.lujo .hdr:not(#_) .notranslate *,html body.lujo .hdr:not(#_) .lang,html body.lujo .hdr:not(#_) .lang *,html body.lujo .hdr:not(#_) .lang-btn{color:#e2dccd !important}
html body.lujo .hdr:not(#_) .burger span{background:#EBD3CC !important}
html body.menu-open.lujo .burger:not(#_) span{background:#EBD3CC !important}
/* Logo del header: imagen del dueño (cuadrada, dorada, transparente) */
html body .hdr.hdr .logo-t:not(#_){background-image:url(/uploads/marca/gabby-logo.svg?v=2) !important;aspect-ratio:1/1 !important;height:clamp(50px,7.6vw,60px) !important;width:auto !important;text-indent:0 !important}
html body.lujo .hdr:not(#_) .logo-n,html body.lujo .hdr:not(#_) .logo-s{display:none !important}
/* Menú móvil: mismo logo */
html body.lujo .mm-brand:not(#_) .mm-wm{background-image:url(/uploads/marca/gabby-logo.svg?v=2) !important;aspect-ratio:1/1 !important;height:44px !important;width:44px !important}

/* Hero = banner del dueño (ya trae logo, nombre y frascos). El H1 queda
   como texto oculto para SEO. */
.sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html body.lujo .sh-hero-img:not(#_){background:#3A2026 !important;padding:0 !important;border-bottom:1px solid rgba(201,164,74,.20) !important;text-align:center}
html body.lujo .sh-hero-img:not(#_)::before{display:none !important}
html body.lujo .sh-hero-img:not(#_) .sh-in{max-width:1180px;margin:0 auto;padding:0}
html body.lujo .sh-hero-img:not(#_) .sh-banner{display:block;width:100%;height:auto;max-height:min(78vh,560px);object-fit:contain;object-position:center;background:#3A2026;margin:0 auto}
html body.lujo .sh-hero-img:not(#_) .sh-spark,html body.lujo .sh-hero-img:not(#_) .sh-frame{display:none !important}
html body.lujo .sh-hero-img:not(#_) .sh-cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding:clamp(16px,2.4vw,22px) 20px 0;margin:0}
html body.lujo .sh-hero-img:not(#_) .sh-cta{border-radius:4px !important;padding:15px 32px !important;font-size:12px !important;letter-spacing:.14em !important;text-transform:uppercase;font-weight:700 !important;border:1px solid transparent !important}
html body.lujo .sh-hero-img:not(#_) .sh-gold{background:#B07468 !important;color:#3A2026 !important;border-color:#B07468 !important}
html body.lujo .sh-hero-img:not(#_) .sh-gold:hover{background:#d8b968 !important;color:#3A2026 !important}
html body.lujo .sh-hero-img:not(#_) .sh-ghost{background:transparent !important;color:#efe7d2 !important;border-color:rgba(201,164,74,.55) !important}
html body.lujo .sh-hero-img:not(#_) .sh-ghost:hover{border-color:#B07468 !important;color:#fff !important}

/* ================================================================
   ax-cards-claras: el dueño pidió las tarjetas de PRODUCTO claras
   (estilo Dawn): blanco, texto oscuro, foto integrada, botón negro
   que vira a oro. Reemplaza a ax-cards-negro (va después = gana).
   Solo .card (producto); categorías/beneficios siguen aparte.
   ================================================================ */
html body.lujo .card:not(#_){background:#ffffff !important;border:1px solid #F1E6E1 !important;box-shadow:0 16px 34px -26px rgba(0,0,0,.32) !important}
html body.lujo .card:not(#_):hover{border-color:#dcdcdc !important;box-shadow:0 22px 46px -24px rgba(0,0,0,.4) !important;transform:none !important}
html body.lujo .card:not(#_) .card-img{background:#ffffff !important;border-bottom:1px solid #f3f3f3 !important}
html body.lujo .card:not(#_) .card-body,html body.lujo .card:not(#_) .card-info{background:#ffffff !important}
html body.lujo .card:not(#_) .card-name,html body.lujo .card:not(#_) .card-name *{color:#3E2329 !important}
html body.lujo .card:not(#_) .card-price .now{color:#3E2329 !important}
html body.lujo .card:not(#_) .card-house,html body.lujo .card:not(#_) .card-house span,html body.lujo .card:not(#_) .card-house span:first-child{color:#8D7A7D !important}
html body.lujo .card:not(#_) .card-note{color:#7a7a7a !important}
html body.lujo .card:not(#_) .card-price .from,html body.lujo .card:not(#_) .card-price .was{color:#a4a4a4 !important}
html body.lujo .card:not(#_) .card-price{border-top-color:#eeeeee !important}
html body.lujo .card:not(#_) .card-buy,html body.lujo .card:not(#_) .card-ver,html body.lujo .card:not(#_) .card-add{background:#3E2329 !important;color:#ffffff !important;border:1px solid #3E2329 !important;border-radius:0 !important}
html body.lujo .card:not(#_) .card-buy:hover,html body.lujo .card:not(#_) .card-ver:hover,html body.lujo .card:not(#_) .card-add:hover{background:#B07468 !important;color:#3E2329 !important;border-color:#B07468 !important}

/* ================================================================
   ax-cats-claras: categorías (Dama/Caballero) y beneficios pasan a
   CLARO para combinar con las cards de producto (pedido del dueño).
   ================================================================ */
/* Categorías: una sola card clara dividida en dos */
html body.lujo .lx-cats:not(#_){background:#F1E6E1 !important;border:1px solid #e6e6e6 !important;box-shadow:0 16px 34px -26px rgba(0,0,0,.28) !important}
html body.lujo .lx-cat:not(#_){background:#ffffff !important;box-shadow:none !important}
html body.lujo .lx-cat:not(#_):hover{background:#faf9f8 !important}
html body.lujo .lx-cat:not(#_) .lx-eye{color:#a5842f !important}
html body.lujo .lx-cat:not(#_) b{color:#3E2329 !important}
html body.lujo .lx-cat:not(#_) i{color:#6a6a6a !important}
html body.lujo .lx-cat:not(#_) .lx-link{color:#3E2329 !important;border-bottom-color:rgba(0,0,0,.35) !important}
html body.lujo .lx-cat:not(#_):hover .lx-link{color:#2B1A1E !important;border-bottom-color:#2B1A1E !important}
/* Beneficios: cards claras */
html body.lujo .lx-ben:not(#_),html body.lujo .lx-ben:not(#_)>div{background:#ffffff !important;border:1px solid #F1E6E1 !important;box-shadow:0 16px 34px -26px rgba(0,0,0,.22) !important}
html body.lujo .lx-ben:not(#_) b{color:#3E2329 !important}
html body.lujo .lx-ben:not(#_) span{color:#6a6a6a !important}
html body.lujo .lx-ben:not(#_) em,html body.lujo .lx-ben:not(#_) .lx-eye{color:#a5842f !important}

/* ax-idioma: el header oscuro dejaba el menú de idiomas (panel blanco) con
   texto crema ilegible. Se fuerza oscuro dentro del desplegable. */
html body.lujo .ee-menu:not(#_),html body.lujo .ee-menu:not(#_) button,html body.lujo .ee-menu:not(#_) *{color:#211C16 !important}
html body.lujo .ee-menu:not(#_) button:hover{background:rgba(74,42,49,.06) !important}

/* ax-nav-legible: los enlaces del nav (INICIO, DAMA, CABALLERO…) quedaban
   tenues/oscuros sobre el header negro. Se fuerzan a cream brillante. */
html body.lujo .nav-in:not(#_),html body.lujo .nav:not(#_){background:#3A2026 !important}
html body.lujo .nav-in:not(#_) a,html body.lujo .nav:not(#_) a,html body.lujo .nav:not(#_) button,html body.lujo .nav-drop-btn:not(#_){color:#ece3d0 !important;opacity:1 !important;font-weight:600 !important}
html body.lujo .nav-in:not(#_) a:hover,html body.lujo .nav:not(#_) a:hover,html body.lujo .nav:not(#_) button:hover,html body.lujo .nav-drop-btn:not(#_):hover,html body.lujo .nav-in:not(#_) a.hot{color:#ffffff !important}

/* Menú del celular: la tarjeta dorada de Emprende ya lleva a /emprende; el
   renglón de la lista con el mismo destino salía repetido. */
#mobmenu:has(.mm-emp) .mm-a[href$="/emprende"],#mobmenu:has(.mm-emp) .mm-a[href="/franquicias"]{display:none !important}

/* ── Inicio: título y botón sobre el banner + franja de confianza (2026-10-15) ── */
html body.lujo .sh-hero-img:not(#_) .sh-in{position:relative}
html body .sh-copy{position:absolute;left:50%;top:4%;transform:translateX(-50%);width:min(680px,92%);text-align:center;z-index:2}
html body .sh-copy::before{content:"";position:absolute;inset:-30% -12%;background:radial-gradient(closest-side,rgba(8,10,14,.78),rgba(8,10,14,0));z-index:-1}
html body .sh-copy-t{margin:0;color:#fff !important;font-family:Georgia,'Times New Roman',serif;font-size:clamp(20px,2.2vw,32px);line-height:1.15;white-space:nowrap;letter-spacing:-.01em;font-weight:400;text-shadow:0 2px 18px rgba(0,0,0,.6)}
html body .sh-copy-t em{color:#E2C275;font-style:italic}
html body .sh-copy-s{margin:10px 0 16px;color:rgba(255,255,255,.86) !important;font-size:clamp(12px,1.2vw,14.5px);letter-spacing:.06em}
html body .sh-copy-b{display:inline-block;padding:13px 30px;border-radius:999px;background:linear-gradient(135deg,#E2C275,#B8892E);color:#111 !important;
  font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;box-shadow:0 10px 26px rgba(0,0,0,.35)}
html body .sh-copy-b:hover{filter:brightness(1.06)}
@media(max-width:760px){
  html body .sh-copy{position:static;transform:none;width:auto;padding:18px 18px 20px;background:#3A2026}
  html body .sh-copy::before{display:none}
  html body .sh-copy-t{font-size:24px;white-space:normal}
  html body .sh-copy-s{margin:8px 0 14px}
}
html body .sh-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#3A2026;border-top:1px solid rgba(201,164,74,.18);border-bottom:1px solid rgba(201,164,74,.18)}
html body .sh-trust>div{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 12px;color:#ece3d0}
html body .sh-trust>div+div{border-left:1px solid rgba(201,164,74,.14)}
html body .sh-trust svg{width:24px;height:24px;flex:none;fill:none;stroke:#C9A44C;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
html body .sh-trust b{display:block;font-size:13px;font-weight:700;color:#fff}
html body .sh-trust small{display:block;font-size:11px;color:rgba(236,227,208,.6);margin-top:1px}
@media(max-width:760px){
  html body .sh-trust{grid-template-columns:1fr 1fr}
  html body .sh-trust>div{justify-content:flex-start;padding:12px 14px}
  html body .sh-trust>div:nth-child(3){border-left:0}
  html body .sh-trust>div:nth-child(n+3){border-top:1px solid rgba(201,164,74,.14)}
  html body .sh-trust b{font-size:12px}html body .sh-trust small{font-size:10.5px}
}

/* ══ ax-header-1row: encabezado de una sola fila en escritorio ══
   En PC el encabezado ocupaba tres filas (barra, logo y menú: 153 px de alto)
   con el logo pequeño y mucho aire. Desde 1280 px el menú se monta sobre la
   fila del logo (sigue siendo el mismo <nav>, solo cambia su posición): logo a
   la izquierda, menú centrado, íconos a la derecha. Todo en 72 px. En
   pantallas menores no cambia nada. */
@media (min-width:1180px){
  html body.lujo .hdr-in{min-height:72px !important;padding:0 24px !important;gap:16px !important;grid-template-columns:auto 1fr auto !important}
  html body.lujo .hdr.hdr .logo-t{height:46px !important}
  html body.lujo .hdr-actions{gap:8px !important}
  /* El menú sube a la fila del logo: misma altura, margen negativo y pegajoso igual que el header. */
  html body.lujo .nav:not(#_){position:sticky !important;top:0 !important;z-index:101 !important;margin-top:-72px !important;background:transparent !important;border:0 !important;pointer-events:none !important}
  html body.lujo .nav-in{height:72px !important;padding:0 !important;justify-content:center !important;gap:0 !important;pointer-events:none !important;width:max-content !important;max-width:none !important;margin:0 auto !important}
  html body.lujo .nav-in a,html body.lujo .nav-in button{font-size:12px !important;letter-spacing:.09em !important;text-transform:uppercase !important;font-weight:600 !important;padding:0 11px !important;line-height:72px !important;border:0 !important;position:relative;pointer-events:auto !important}
  /* Subrayado fino solo en el activo y al pasar el mouse. */
  html body.lujo .nav-in a::after{content:"";position:absolute;left:11px;right:11px;bottom:22px;height:1px;background:#3E2329;transform:scaleX(0);transition:transform .18s}
  html body.lujo .nav-in a:hover::after,html body.lujo .nav-in a.hot::after{transform:scaleX(1)}
  /* "Inicio" sobra: el logo ya lleva a la portada. */
  html body.lujo .nav-in > a:first-child{display:none !important}
  html body.lujo .topbar:not(#_){padding:6px 16px !important;font-size:11.5px !important}
}

/* ══ ax-adicionales-carrito (2026-10-16): el adicional es secundario; va como
   una línea compacta debajo del producto: foto pequeña, nombre, cantidad, precio. ══ */
html body.lujo .dr-add:not(#_){display:flex !important;align-items:center;gap:8px;border:0 !important;border-top:1px solid #ECE8E0 !important;background:transparent !important;border-radius:0 !important;padding:6px 0 2px 0 !important;margin:2px 0 0 0 !important;min-height:0}
html body.lujo .dr-add.dr-add-n:not(#_){margin-left:0 !important}
html body.lujo .dr-add-ic:not(#_){width:26px;height:26px;border-radius:0;background:#F6F4EF;overflow:hidden;display:grid;place-items:center;flex-shrink:0}
html body.lujo .dr-add-ic img{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:multiply}
html body.lujo .dr-add-ic svg{stroke:#141210 !important;width:12px;height:12px;stroke-width:1.6}
html body.lujo .dr-add-i{flex:1;min-width:0;display:flex;align-items:baseline;gap:6px}
html body.lujo .dr-add-i b{font-size:12.5px;font-weight:500;color:#141210;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.lujo .dr-add-i small{display:none}
html body.lujo .dr-add .dr-qty:not(#_){height:24px;min-height:0;margin:0;border:1px solid #E3DED4;border-radius:0;background:#fff}
html body.lujo .dr-add .dr-qty button{width:22px;height:22px;font-size:13px;padding:0}
html body.lujo .dr-add .dr-qty span{min-width:16px;font-size:12px;text-align:center}
html body.lujo .dr-add-p:not(#_){font-size:12.5px;font-weight:600;color:#141210;min-width:56px;text-align:right;order:5}
html body.lujo .dr-add .dr-rm{width:22px;height:22px;opacity:.6;order:6}
html body.lujo .dr-add .dr-rm svg{width:13px;height:13px}
html body.lujo .sum-add-ic:not(#_){width:26px;height:26px;border-radius:0;border:0;background:#F6F4EF;overflow:hidden;display:grid;place-items:center}
html body.lujo .sum-add-ic img{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:multiply}
html body.lujo .sum-add-ic svg{stroke:#141210 !important}
html body.lujo .sum-it-add:not(#_){padding:4px 0 0 !important;border:0 !important;background:transparent !important;font-size:12.5px}

/* ══ hdr-pc (2026-10-27): en PC el menú va montado en la fila del logo; al bajar
   el encabezado se esconde y el menú se iba quedando solo, flotando. Ahora se
   esconde con él. Y el ☰ va en la misma fila del logo (antes lo empujaba abajo). ══ */
@media (min-width:1180px){
  /* En PC el encabezado no se esconde al bajar: queda fijo arriba con el menú (nada se mueve). */
  html body.lujo .hdr.hdr-oculta:not(#_){transform:none !important}
  html body.lujo .nav:not(#_){transform:none !important}
  /* Sin ☰ en PC: el menú ya va completo en el encabezado. Logo a la izquierda, íconos a la derecha. */
  html body.lujo .hdr-in:not(#_){grid-template-columns:auto 1fr auto !important}
  html body.lujo .hdr-in:not(#_) > .burger{display:none !important}
  html body.lujo .hdr-in:not(#_) > .logo{grid-column:1 !important;grid-row:1 !important}
  html body.lujo .hdr-in:not(#_) > .hdr-actions{grid-column:3 !important;grid-row:1 !important}
  /* Logo de PC: solo el emblema (el nombre ya está en todas partes), a 58 px. */
  html body .hdr.hdr .logo-t:not(#_){background-image:url(/uploads/marca/gabby-logo.svg?v=2) !important;background-size:contain !important;background-position:left center !important;background-repeat:no-repeat !important;
    aspect-ratio:456/441 !important;height:58px !important;width:auto !important;display:block !important;padding:0 !important}
  html body.lujo .hdr:not(#_) .logo-n,html body.lujo .hdr:not(#_) .logo-s{display:none !important}
  html body.lujo .hdr-in:not(#_){min-height:76px !important}
  html body.lujo .nav-in:not(#_){height:76px !important}html body.lujo .nav-in:not(#_) a,html body.lujo .nav-in:not(#_) button{line-height:76px !important}
  html body.lujo .nav:not(#_){margin-top:-76px !important}
  /* A todo el ancho: logo al borde izquierdo, íconos al derecho, menú centrado (como una tienda grande). */
  html body.lujo .hdr-in:not(#_){max-width:none !important;padding:0 40px !important}
  /* Subrayado de "activo" dentro del encabezado (antes el borde colgaba por debajo). */
  html body.lujo .nav-in:not(#_) a,html body.lujo .nav-in:not(#_) a.hot{border-bottom:0 !important;padding-bottom:0 !important}
  html body.lujo .nav-in:not(#_) a::after{background:#e2dccd !important;bottom:24px !important}
}

/* ══ hdr-medio (2026-10-27): de 901 a 1179 px el menú completo no cabe en la fila del logo.
   Ahí va una sola fila fija: ☰, logo e íconos; el menú completo queda dentro del ☰. ══ */
@media (min-width:901px) and (max-width:1179px){
  html body.lujo .nav:not(#_){display:none !important}
  html body.lujo .hdr.hdr-oculta:not(#_){transform:none !important}
  html body.lujo .hdr-in:not(#_){grid-template-columns:auto 1fr auto !important;max-width:none !important;padding:0 28px !important;min-height:72px !important}
  html body.lujo .hdr-in:not(#_) > .burger{grid-column:1 !important;grid-row:1 !important}
  html body.lujo .hdr-in:not(#_) > .logo{grid-column:2 !important;grid-row:1 !important;justify-self:center !important}
  html body.lujo .hdr-in:not(#_) > .hdr-actions{grid-column:3 !important;grid-row:1 !important}
  html body .hdr.hdr .logo-t:not(#_){background-image:url(/uploads/marca/gabby-logo.svg?v=2) !important;background-size:contain !important;background-position:center !important;background-repeat:no-repeat !important;aspect-ratio:456/441 !important;height:54px !important;width:auto !important}
  html body.lujo .hdr:not(#_) .logo-n,html body.lujo .hdr:not(#_) .logo-s{display:none !important}
}

/* Promos con landing: su foto es de ambiente (con fondo), llena todo el recuadro. */
html body a[href^="/promo/"] .card-img .card-photo,html body a[href^="/promo/"] .rc-img .rc-photo{object-fit:cover!important;padding:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;mix-blend-mode:normal!important}
html body a[href^="/promo/"] .card-img,html body a[href^="/promo/"] .rc-img{padding:0!important;overflow:hidden}

/* ═══ Tarjetas de producto, versión limpia (28-oct) ═══
   Tarjeta blanca con borde suave (se ve dónde empieza y termina cada producto),
   foto grande arriba sobre gris claro, marca + nombre (siempre 2 líneas, para
   que precios y botones queden a la misma altura) + precio y "+" para sumar al
   pedido. Arriba hay reglas con .card:not(#_) (peso de id): aquí se usa lo mismo. */
html body .card:not(#_),html body.lujo .card:not(#_){display:flex !important;flex-direction:column !important;height:100% !important;border:1px solid #e3e3e1 !important;box-shadow:none !important;background:#fff !important;border-radius:16px !important;transform:none !important;overflow:hidden !important;transition:border-color .2s,box-shadow .2s !important}
html body .card:not(#_):hover,html body.lujo .card:not(#_):hover{transform:none !important;border-color:#4A2A31 !important;box-shadow:0 10px 24px -18px rgba(74,42,49,.5) !important}
html body .card:not(#_) .card-img,html body.lujo .card:not(#_) .card-img{flex:none !important;aspect-ratio:1/1 !important;height:auto !important;min-height:0 !important;background:#f4f4f2 !important;border-radius:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;border:0 !important;padding:0 !important;position:relative !important}
html body .card:not(#_) .card-photo,html body.lujo .card:not(#_) .card-photo{width:84% !important;height:84% !important;max-width:none !important;max-height:none !important;object-fit:contain !important;mix-blend-mode:multiply !important;transition:transform .35s ease}
html body .card:not(#_):hover .card-photo{transform:scale(1.04)}
html body .card:not(#_) .card-body,html body.lujo .card:not(#_) .card-body{flex:1 !important;display:flex !important;flex-direction:column !important;position:static !important;border:0 !important;border-top:1px solid #F1E6E1 !important;padding:11px 12px 12px !important;background:#f7f7f5 !important;min-height:0 !important}
html body .card:not(#_) .card-house,html body.lujo .card:not(#_) .card-house{font-size:10px !important;letter-spacing:.08em !important;color:#8D7A7D !important;margin:0 0 4px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .card:not(#_) .card-note,html body.lujo .card:not(#_) .card-note{display:none !important}
/* La marca usa todo el ancho; la categoría va como etiqueta pequeña debajo del nombre. */
html body .card:not(#_),html body.lujo .card:not(#_){position:relative !important}
html body .card:not(#_) .card-house,html body.lujo .card:not(#_) .card-house{display:block !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
html body .card:not(#_) .card-cat,html body.lujo .card:not(#_) .card-cat{position:static !important;align-self:flex-start !important;display:inline-block !important;font-size:10px !important;letter-spacing:.03em !important;padding:2px 8px !important;border-radius:100px !important;background:#F1E6E1 !important;color:#5A4348 !important;border:0 !important;text-transform:none !important;font-weight:600 !important;margin:6px 0 0 !important}
html body .card:not(#_) .card-name,html body.lujo .card:not(#_) .card-name{min-height:2.6em !important;margin:0 !important}
html body .card:not(#_) .card-name b,html body.lujo .card:not(#_) .card-name b{display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px !important;font-weight:600 !important;line-height:1.3 !important;letter-spacing:0 !important;text-transform:none !important}
html body .card:not(#_) .card-price,html body.lujo .card:not(#_) .card-price{margin:auto 44px 0 0 !important;padding:8px 0 0 !important;border:0 !important;min-height:42px}
html body .card:not(#_) .card-price .now,html body.lujo .card:not(#_) .card-price .now{font-size:15.5px !important;font-weight:700 !important}
html body .card:not(#_) .card-price .now::after,html body.lujo .card:not(#_) .card-price .now::after{content:"por mayor" !important;display:block !important;font-size:11px !important;color:#8D7A7D !important;font-weight:400 !important;margin-top:1px;letter-spacing:0 !important}
html body .card:not(#_) .card-badge,html body.lujo .card:not(#_) .card-badge{top:10px !important;left:10px !important;font-size:9.5px !important;padding:4px 9px !important;letter-spacing:.08em !important;background:#4A2A31 !important;color:#fff !important;border:0 !important;box-shadow:none !important}
html body .card:not(#_) .card-off,html body.lujo .card:not(#_) .card-off{top:10px !important;right:10px !important;left:auto !important}
html body .card:not(#_) .card-buy,html body .card:not(#_) .card-buy-row,html body.lujo .card:not(#_) .card-buy,html body.lujo .card:not(#_) .card-buy-row{display:none !important}
html body .card:not(#_) .card-ver,html body.lujo .card:not(#_) .card-ver{background:none !important;border:0 !important;color:#4A2A31 !important;padding:8px 0 0 !important;margin-top:auto !important;font-size:13px !important;font-weight:600 !important;text-decoration:underline;text-underline-offset:3px;text-align:left !important;width:auto !important;height:auto !important;min-height:0 !important;box-shadow:none !important}
html body .card:not(#_) .card-mas,html body.lujo .card:not(#_) .card-mas{position:absolute;right:12px;bottom:14px;width:36px;height:36px;border-radius:50% !important;border:1.5px solid #4A2A31 !important;background:#fff !important;color:#4A2A31 !important;font:600 19px/1 system-ui,-apple-system,sans-serif;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0 !important;transition:background .15s,color .15s,transform .15s}
html body .card:not(#_) .card-mas:hover,html body.lujo .card:not(#_) .card-mas:hover,html body .card:not(#_) .card-mas.on,html body.lujo .card:not(#_) .card-mas.on{background:#4A2A31 !important;color:#fff !important}
html body .card:not(#_) .card-mas.on,html body.lujo .card:not(#_) .card-mas.on{font-size:14px}
html body .card:not(#_) .card-mas.pop,html body.lujo .card:not(#_) .card-mas.pop{animation:cmPop .35s ease}
@keyframes cmPop{0%{transform:scale(1)}40%{transform:scale(1.18)}100%{transform:scale(1)}}
/* En el celular: siempre 2 por fila, con aire entre tarjetas. */
@media (max-width:700px){html body .grid:not(#_):has(> .card),html body.lujo .grid:not(#_):has(> .card){grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}}

/* Hoja rápida del "+" (cantidad, notas y adicionales) */
.qr-ov{position:fixed;inset:0;z-index:2000;background:rgba(10,10,10,.45);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .22s}
.qr-ov.on{opacity:1}
.qr{position:relative;width:100%;max-width:440px;background:#fff;color:#4A2A31;border-radius:20px 20px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));transform:translateY(30px);transition:transform .25s ease;font-family:inherit;max-height:88vh;overflow:auto}
.qr-ov.on .qr{transform:none}
@media (min-width:701px){.qr-ov{align-items:center}.qr{border-radius:20px}}
.qr-x{position:absolute;top:10px;right:12px;width:34px;height:34px;border:0;background:#f2f2f0;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;color:#4A2A31}
.qr-top{display:flex;gap:14px;align-items:center;padding-right:30px}
.qr-top img{width:84px;height:84px;object-fit:contain;background:#f4f4f2;border-radius:12px;flex:none;mix-blend-mode:multiply}
.qr-top small{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#8D7A7D}
.qr-top b{display:block;font-size:17px;line-height:1.25;margin:2px 0 4px}
.qr-top p{margin:0;font-size:12.5px;color:#666;line-height:1.4}
.qr-fila{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid #eee;font-weight:600;font-size:14.5px}
.qr-fila em{font-style:normal;font-weight:400;color:#8D7A7D;font-size:12.5px}
.qr-q{display:flex;align-items:center;border:1px solid #d9d9d6;border-radius:100px;overflow:hidden}
.qr-q[hidden]{display:none}
.qr-q button{width:38px;height:36px;border:0;background:#fff;font-size:18px;cursor:pointer;color:#4A2A31}
.qr-q b{min-width:28px;text-align:center;font-size:15px}
.qr-sub{margin-top:16px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8D7A7D;font-weight:600}
.qr-ad{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:10px 12px;border:1px solid #EADCD6;border-radius:12px}
.qr-ad label{display:flex;align-items:center;gap:10px;cursor:pointer;flex:1}
.qr-ad input{width:20px;height:20px;accent-color:#4A2A31}
.qr-ad b{display:block;font-size:14px}
.qr-ad small{display:block;font-size:12px;color:#8D7A7D}
.qr-ok{display:block;width:100%;height:52px;margin-top:18px;border:0;border-radius:14px;background:#4A2A31;color:#fff;font:inherit;font-size:15.5px;font-weight:700;cursor:pointer}
.qr-ver{display:block;text-align:center;margin-top:12px;font-size:13.5px;color:#4A2A31;text-decoration:underline;text-underline-offset:3px}

/* Fotos uniformes (mini.php n=1 ya trae fondo blanco y margen): llenan el cuadro */
html body .card:not(#_) .card-img,html body.lujo .card:not(#_) .card-img{background:#fff !important}
html body .card:not(#_) .card-photo,html body.lujo .card:not(#_) .card-photo{width:100% !important;height:100% !important;mix-blend-mode:normal !important}
html body .sin-cat .card:not(#_) .card-cat{display:none !important}
/* Estrellas */
html body .card:not(#_) .card-stars{font-size:12px;color:#5A4348;margin:3px 0 0;line-height:1}
html body .card:not(#_) .card-stars i{font-style:normal;color:#e0a800}
html body .card:not(#_) .card-stars span{color:#8D7A7D}
/* Foto de la hoja rápida: se toca para ampliar */
.qr-foto{position:relative;flex:none;border:0;padding:0;background:none;cursor:zoom-in;border-radius:12px}
.qr-foto img{display:block}
.qr-foto em{position:absolute;left:4px;right:4px;bottom:4px;font-style:normal;font-size:10px;font-weight:600;color:#fff;background:rgba(74,42,49,.72);border-radius:8px;padding:2px 0;text-align:center}
/* Visor de fotos */
.qr-gal{position:fixed;inset:0;z-index:2100;background:rgba(10,10,10,.92);display:flex;flex-direction:column;justify-content:center;opacity:0;transition:opacity .2s}
.qr-gal.on{opacity:1}
.qr-gx{position:absolute;top:calc(12px + env(safe-area-inset-top));right:14px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:26px;line-height:1;cursor:pointer;z-index:2}
.qr-gt{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.qr-gt::-webkit-scrollbar{display:none}
.qr-gf{flex:0 0 100%;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;padding:0 16px;box-sizing:border-box}
.qr-gf img{max-width:100%;max-height:78vh;border-radius:16px;background:#fff;object-fit:contain}
.qr-gd{display:flex;gap:7px;justify-content:center;margin-top:16px}
.qr-gd i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35)}
.qr-gd i.on{background:#fff}

/* ═══ Carrito (28-oct): sin hueco en el medio ═══
   Debajo de los productos va de una vez "Para completar tu pedido" y las
   sugerencias; el total y el botón quedan fijos abajo. Mismo blanco y negro
   de las tarjetas y el mismo "+". */
html body #cart-ov:not(#_) .drawer{background:#fff !important}
html body #cart-ov:not(#_) .dr-body{flex:0 1 auto !important;max-height:58vh;overflow-y:auto !important;padding:4px 20px 0 !important}
html body #cart-ov:not(#_) .dr-foot{flex:1 1 auto !important;display:flex !important;flex-direction:column !important;overflow-y:auto !important;border-top:0 !important;background:#fff !important;padding:6px 20px calc(18px + env(safe-area-inset-bottom)) !important}
html body #cart-ov:not(#_) .dr-min{order:0;margin:0 0 6px !important}
html body #cart-ov:not(#_) .dr-total{margin-top:auto !important;padding-top:14px !important;border-top:1px solid #F1E6E1 !important}
html body #cart-ov:not(#_) .dr-it{padding:14px 0 !important;border-bottom:1px solid #f0f0ee !important}
html body #cart-ov:not(#_) .dr-sw{width:62px !important;height:62px !important;border-radius:12px !important;border:1px solid #F1E6E1 !important;background-color:#fff !important}
html body #cart-ov:not(#_) .dr-house{font-size:10.5px !important;color:#8D7A7D !important}
html body #cart-ov:not(#_) .mn{background:#fff !important;border:1px solid #EADCD6 !important;border-radius:14px !important;padding:12px 14px !important;box-shadow:none !important}
html body #cart-ov:not(#_) .mn-h,html body #cart-ov:not(#_) .mn-sug-h{font-size:10.5px !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#8D7A7D !important;font-weight:600 !important;margin:0 0 6px !important}
html body #cart-ov:not(#_) .mn-name{font-size:14px !important;font-weight:600 !important;color:#4A2A31 !important}
html body #cart-ov:not(#_) .mn-bar{height:6px !important;border-radius:6px !important;background:#F1E6E1 !important;margin:8px 0 6px !important;overflow:hidden}
html body #cart-ov:not(#_) .mn-bar i{background:#4A2A31 !important;border-radius:6px !important}
html body #cart-ov:not(#_) .mn-sub{font-size:12px !important;color:#8D7A7D !important}
html body #cart-ov:not(#_) .mn-sugbox{margin-top:14px !important}
html body #cart-ov:not(#_) .mn-sug{display:flex !important;flex-direction:column !important;gap:8px !important;overflow:visible !important;padding:0 !important;margin:0 !important;width:100% !important}
html body #cart-ov:not(#_) .mn-it{display:flex !important;align-items:center !important;gap:12px !important;width:100% !important;max-width:none !important;flex:none !important;min-width:0 !important;padding:8px 10px !important;border:1px solid #F1E6E1 !important;border-radius:12px !important;background:#fff !important;text-align:left !important;cursor:pointer}
html body #cart-ov:not(#_) .mn-it:nth-child(n+4){display:none !important}
html body #cart-ov:not(#_) .mn-it img{width:46px !important;height:46px !important;object-fit:contain !important;border-radius:8px !important;background:#fff !important;flex:none}
html body #cart-ov:not(#_) .mn-it-t{flex:1 !important;min-width:0 !important;display:flex !important;flex-direction:column !important}
html body #cart-ov:not(#_) .mn-it-n{font-size:13.5px !important;font-weight:600 !important;color:#4A2A31 !important;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #cart-ov:not(#_) .mn-it-p{font-size:13px !important;color:#5A4348 !important;margin-top:1px}
html body #cart-ov:not(#_) .mn-it-a{width:34px !important;height:34px !important;flex:none;border-radius:50% !important;border:1.5px solid #4A2A31 !important;background:#fff !important;color:#4A2A31 !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:18px !important;line-height:1 !important}
html body #cart-ov:not(#_) .mn-it:hover .mn-it-a{background:#4A2A31 !important;color:#fff !important}
html body #cart-ov:not(#_) .dr-go{border-radius:14px !important;height:52px !important;display:flex !important;align-items:center !important;justify-content:center !important;letter-spacing:.06em !important}
/* El botón de WhatsApp y el aviso de pedido pendiente no tapan "Finalizar compra". */
html body:has(#cart-ov.op) .waf,html body:has(#cart-ov.op) #ech-pend{display:none !important}
/* Carrito: sugerencias livianas en bloque gris, para no competir con los productos */
html body #cart-ov:not(#_) .mn-sugbox{margin:18px 0 0 !important;background:#f7f7f5 !important;border-radius:14px !important;padding:12px 14px 6px !important}
html body #cart-ov:not(#_) .mn-sug-h{margin:0 0 4px !important;color:#76636A !important}
html body #cart-ov:not(#_) .mn-sug{gap:0 !important}
html body #cart-ov:not(#_) .mn-it{border:0 !important;border-radius:0 !important;background:transparent !important;padding:9px 0 !important;gap:12px !important}
html body #cart-ov:not(#_) .mn-it+.mn-it{border-top:1px solid #EADCD6 !important}
html body #cart-ov:not(#_) .mn-it img{width:40px !important;height:40px !important;background:#fff !important;border-radius:8px !important}
html body #cart-ov:not(#_) .mn-it-n{font-size:13px !important;font-weight:500 !important;text-transform:lowercase !important}
html body #cart-ov:not(#_) .mn-it-n::first-letter{text-transform:uppercase}
html body #cart-ov:not(#_) .mn-it-p{font-size:12.5px !important;font-weight:600 !important;color:#4A2A31 !important}
html body #cart-ov:not(#_) .mn-it-a{width:30px !important;height:30px !important;border:0 !important;background:#4A2A31 !important;color:#fff !important;font-size:17px !important}
/* Carrito: sugerencias otra vez abajo, junto al total (menos invasivas) */
html body #cart-ov:not(#_) .dr-body{flex:1 1 auto !important;max-height:none !important}
html body #cart-ov:not(#_) .dr-foot{flex:none !important;overflow:visible !important;border-top:1px solid #F1E6E1 !important;padding-top:12px !important}
html body #cart-ov:not(#_) .mn-sugbox{margin:0 !important}
html body #cart-ov:not(#_) .mn-it:nth-child(n+3){display:none !important}
html body #cart-ov:not(#_) .dr-total{margin-top:12px !important;border-top:0 !important;padding-top:4px !important}
/* Botón "+" de la tarjeta: esquina verde abajo a la derecha, con el + en blanco (27-oct) */
html body .card:not(#_) .card-mas,html body.lujo .card:not(#_) .card-mas{right:-1px !important;bottom:-1px !important;width:54px !important;height:50px !important;border:0 !important;border-radius:18px 0 16px 0 !important;background:#1a8f55 !important;color:#fff !important;font-size:26px !important;font-weight:400 !important;line-height:1 !important;display:flex !important;align-items:center;justify-content:center;box-shadow:none !important}
html body .card:not(#_) .card-mas:hover,html body.lujo .card:not(#_) .card-mas:hover{background:#13784a !important;color:#fff !important}
html body .card:not(#_) .card-mas.on,html body.lujo .card:not(#_) .card-mas.on{background:#0f5f3a !important;color:#fff !important;font-size:16px !important;font-weight:700 !important}
html body .card:not(#_) .card-mas svg,html body.lujo .card:not(#_) .card-mas svg{stroke:#fff !important;width:22px;height:22px}
html body .card:not(#_) .card-mas:not(.on),html body.lujo .card:not(#_) .card-mas:not(.on){width:auto !important;padding:0 18px !important;gap:5px;font-size:0 !important}
html body .card:not(#_) .card-mas:not(.on)::after,html body.lujo .card:not(#_) .card-mas:not(.on)::after{content:"Ver perfume";font-size:13px;font-weight:700;letter-spacing:.01em}
/* Catálogo: "+ Comprar" (agrega directo, pedido grande). */
html body .card:not(#_) .card-mas.compra:not(.on),html body.lujo .card:not(#_) .card-mas.compra:not(.on){padding:0 14px 0 12px !important;font-size:22px !important}
html body .card:not(#_) .card-mas.compra:not(.on)::after,html body.lujo .card:not(#_) .card-mas.compra:not(.on)::after{content:"Comprar"}
@media (max-width:600px){
  html body .card:not(#_) .card-mas:not(.on),html body.lujo .card:not(#_) .card-mas:not(.on){font-size:0 !important;padding:0 12px !important;height:44px !important}
  html body .card:not(#_) .card-mas:not(.on)::after,html body.lujo .card:not(#_) .card-mas:not(.on)::after{font-size:12.5px}
  html body .card:not(#_) .card-mas.compra:not(.on),html body.lujo .card:not(#_) .card-mas.compra:not(.on){font-size:0 !important;padding:0 12px !important}
}
/* Menú ☰ también en tablet y computador: el encabezado no tiene menú de categorías (27-oct) */
@media (min-width:901px){
  html body .hdr .burger{display:block !important;justify-self:start}
  html body .hdr .hdr-in{display:grid !important;grid-template-columns:1fr auto 1fr;align-items:center}
  html body .hdr .logo{justify-self:center}
  html body .hdr .hdr-actions{justify-self:end}
}
/* Carrito vacío: la parte de abajo (mínimo, sugerencias, total) se esconde de verdad (27-oct) */
html body #cart-ov:not(#_) .dr-foot[hidden]{display:none !important}

/* Ficha · Presentación (1.1 / singles): blanco y negro como el resto de la tienda; el elegido con borde negro. */
html body #sizes.sizes4:not(#_) .size{background:#fff !important;border:1px solid #E3D1CA !important;border-radius:12px !important;box-shadow:none !important;padding:12px 4px 11px !important;transition:border-color .15s}
html body #sizes.sizes4:not(#_) .size:hover{border-color:#4A2A31 !important}
html body #sizes.sizes4:not(#_) .size.on{border:2px solid #4A2A31 !important;padding:11px 3px 10px !important;background:#fff !important}
html body #sizes.sizes4:not(#_) .size .sz{font-size:15px;font-weight:700;color:#4A2A31}
html body #sizes.sizes4:not(#_) .size .szoz{font-size:11px;color:#77736d;margin-top:1px}
html body #sizes.sizes4:not(#_) .size .sp{font-size:12.5px;font-weight:700;color:#4A2A31;margin-top:5px}
html body .f-label:has(+ #sizes.sizes4){margin-top:16px}

/* Ficha · Presentación en dos pasos: 1.1 o Single, y el tamaño del single. */
html body .pres2-lbl{margin-top:16px}
/* Presentación: control segmentado (se elige una), distinto de la información de precio. */
html body .pres2:not(#_){position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:14px;padding:4px;background:#ecebe8;border-radius:14px}
html body .pres2:not(#_) .pres2-op{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:52px;background:transparent;border:0;border-radius:10px;padding:8px 6px;cursor:pointer;color:#4A2A31;font:inherit;-webkit-tap-highlight-color:transparent;transition:background .2s,box-shadow .2s,color .2s}
html body .pres2:not(#_) .pres2-op:hover:not(.on){background:rgba(255,255,255,.5)}
html body .pres2:not(#_) .pres2-op.on{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08),0 3px 10px rgba(0,0,0,.07)}
html body .pres2:not(#_) .pres2-op:focus-visible{outline:2px solid #4A2A31;outline-offset:2px}
html body .pres2:not(#_) .pres2-op b{font-size:14.5px;font-weight:600;color:#77736d;transition:color .2s}
html body .pres2:not(#_) .pres2-op.on b{font-weight:700;color:#4A2A31}
html body .pres2:not(#_) .pres2-op span{font-size:11.5px;color:#8a867f}
html body .pres2-tam:not(#_){display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
html body .pres2-tam:not(#_) .pres2-ml{background:#fff;border:1px solid #E3D1CA;border-radius:999px;padding:9px 18px;font:inherit;font-size:13.5px;font-weight:600;color:#4A2A31;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
html body .pres2-tam:not(#_) .pres2-ml:hover{border-color:#4A2A31}
html body .pres2-tam:not(#_) .pres2-ml.on{background:#4A2A31;border-color:#4A2A31;color:#fff}

/* Velocidad (CLS en celular): lo que llega antes del JS ocupa lo mismo que lo que queda después. */
/* Franja de marcas: antes de volverse tira animada ya va en una sola línea (antes saltaba de 2 líneas a 1). */
html body.lujo .lx-houses:not(:has(.lx-tira)){white-space:nowrap}
html body.lujo .lx-houses:not(:has(.lx-tira)) > span{display:inline-block;margin:0 23px}
/* Lista de texto para buscadores: queda en el HTML pero no se pinta; las tarjetas la reemplazan sin mover nada. */
html body #grid > .seo-lista{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;white-space:nowrap !important;margin:0 !important;padding:0 !important}
@media (max-width:600px){ html body #top #grid:has(> .seo-lista){min-height:525vw} }
@media (min-width:601px){ html body #top #grid:has(> .seo-lista){min-height:1000px} }
/* Celular: la pestaña de la esquina más corta ("Ver ›") para no tapar el precio; en PC sigue "Ver perfume". */
@media (max-width:600px){
  html body .card:not(#_) .card-mas:not(.on):not(.compra),html body.lujo .card:not(#_) .card-mas:not(.on):not(.compra){padding:0 14px !important;height:40px !important;border-radius:16px 0 16px 0 !important}
  html body .card:not(#_) .card-mas:not(.on):not(.compra)::after,html body.lujo .card:not(#_) .card-mas:not(.on):not(.compra)::after{content:"Ver \203A";font-size:13px;letter-spacing:.02em}
}

/* Portada: banner propio a todo el ancho (PC 1983×793, celular 1122×1402 con <picture>). */
html body.lujo .sh-hero-img:not(#_) .sh-in{max-width:none !important;padding:0 !important}
html body.lujo .sh-hero-img:not(#_) picture{display:block}
html body.lujo .sh-hero-img:not(#_) .sh-banner{width:100% !important;height:auto !important;max-height:none !important;object-fit:cover !important;background:#3A2026 !important;-webkit-mask-image:none !important;mask-image:none !important}

/* Tarjetas: la categoría (Árabe, Dama, Caballero) arriba a la derecha, en la línea de la marca. */
html body .card:not(#_) .card-house,html body.lujo .card:not(#_) .card-house{display:flex !important;align-items:center;justify-content:space-between;gap:6px}
html body .card:not(#_) .card-house > span:first-child{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .card:not(#_) .card-house .card-cat,html body.lujo .card:not(#_) .card-house .card-cat{flex:none;margin:0 !important;font-size:9.5px !important;letter-spacing:.02em !important;padding:2px 8px !important}
/* PC: el banner no pasa de 560 px de alto (antes ocupaba casi toda la pantalla); lados con el mismo banner difuminado. */
@media (min-width:701px){
  html body.lujo .sh-hero-img:not(#_){position:relative;overflow:hidden}
  html body.lujo .sh-hero-img:not(#_)::after{content:'';position:absolute;inset:-40px;background:none center/cover no-repeat;filter:blur(32px) brightness(.55);z-index:0;pointer-events:none}
  html body.lujo .sh-hero-img:not(#_) .sh-in{position:relative;z-index:1}
  html body.lujo .sh-hero-img:not(#_) picture{display:flex;justify-content:center}
  html body.lujo .sh-hero-img:not(#_) .sh-banner{width:auto !important;max-width:100% !important;height:auto !important;max-height:min(560px,62vh) !important;object-fit:contain !important;background:transparent !important;-webkit-mask-image:linear-gradient(90deg,transparent,#2B1A1E 5%,#2B1A1E 95%,transparent) !important;mask-image:linear-gradient(90deg,transparent,#2B1A1E 5%,#2B1A1E 95%,transparent) !important}
}

/* PC grande: contenido más ancho (antes 1240 px fijos dejaban mucho vacío a los lados) y 4 tarjetas grandes por fila. */
@media (min-width:1300px){
  html body.lujo{--wrap:min(1640px,92vw) !important}
  html body .grid:not(#_):has(> .card),html body.lujo .grid:not(#_):has(> .card){grid-template-columns:repeat(4,minmax(0,1fr)) !important}
}
@media (min-width:1300px){ html body #top #grid:has(> .seo-lista){min-height:1600px} }

/* ═══ Carrito (29-oct): más limpio ═══ */
/* El probador va pegado a su perfume, como parte de él. */
html body #cart-ov:not(#_) .dr-add.dr-add-n{margin:-4px 0 12px 74px !important;padding:8px 10px !important;border:0 !important;border-radius:12px !important;background:#f6f6f4 !important;gap:10px !important}
html body #cart-ov:not(#_) .dr-add.dr-add-n .dr-add-ic,html body #cart-ov:not(#_) .dr-add.dr-add-n .dr-add-ic img{width:34px !important;height:34px !important;border-radius:8px !important;background:#fff !important;object-fit:contain}
html body #cart-ov:not(#_) .dr-add.dr-add-n .dr-add-i b{font-size:12.5px !important;font-weight:600 !important}
html body #cart-ov:not(#_) .dr-add.dr-add-n .dr-add-i small{font-size:11px !important;color:#8D7A7D !important}
html body #cart-ov:not(#_) .dr-add.dr-add-n .dr-add-p{font-size:12.5px !important;font-weight:600 !important;color:#4A2A31 !important}
html body #cart-ov:not(#_) .dr-it:has(+ .dr-add-n){border-bottom:0 !important;padding-bottom:10px !important}
/* Progreso del pedido mínimo en verde. */
html body #cart-ov:not(#_) .mn-bar i,html body #cart-ov:not(#_) .dm-bar i{background:#1a8f55 !important}
html body #cart-ov:not(#_) .mn-name{font-size:14.5px !important}
/* Botón de pagar apagado: se ve claramente inactivo. */
html body #cart-ov:not(#_) .dr-go.off{background:#F1E6E1 !important;color:#9a9a97 !important;border-color:#F1E6E1 !important;cursor:not-allowed}

/* Tarjetas: categoría como pestaña de color pegada al borde derecho, donde termina la foto (29-oct). */
html body .card:not(#_) .card-house,html body.lujo .card:not(#_) .card-house{position:relative;overflow:visible !important}
html body .card:not(#_) .card-house .card-cat,html body.lujo .card:not(#_) .card-house .card-cat{position:absolute !important;right:-13px !important;top:-11px !important;margin:0 !important;padding:4px 10px 4px 11px !important;border-radius:9px 0 0 9px !important;font-size:10px !important;font-weight:700 !important;letter-spacing:.05em !important;text-transform:uppercase !important;color:#fff !important;background:#5c5c5c !important;line-height:1.2 !important;box-shadow:0 2px 6px rgba(0,0,0,.12)}
html body .card:not(#_) .card-cat.ct-cab,html body.lujo .card:not(#_) .card-cat.ct-cab{background:#2f5b9a !important}
html body .card:not(#_) .card-cat.ct-dama,html body.lujo .card:not(#_) .card-cat.ct-dama{background:#d4467c !important}
html body .card:not(#_) .card-cat.ct-arab,html body.lujo .card:not(#_) .card-cat.ct-arab{background:#7a4a26 !important}
html body .card:not(#_) .card-cat.ct-amb,html body.lujo .card:not(#_) .card-cat.ct-amb{background:#2e7d4f !important}
html body .card:not(#_) .card-house > span:first-child{padding-right:70px}

/* Carrito · "Para completar tu pedido" más limpio (29-oct): barra sin caja y sugerencias como 2 mini tarjetas. */
html body #cart-ov:not(#_) .mn{border:0 !important;padding:0 !important;background:transparent !important;border-radius:0 !important}
html body #cart-ov:not(#_) .mn-h{display:none !important}
html body #cart-ov:not(#_) .mn-name{font-size:14px !important;font-weight:700 !important}
html body #cart-ov:not(#_) .mn-bar{height:5px !important;margin:8px 0 0 !important}
html body #cart-ov:not(#_) .mn-sub{display:none !important}
html body #cart-ov:not(#_) .mn-sugbox{margin:14px 0 0 !important;padding:0 !important;background:transparent !important;border-radius:0 !important}
html body #cart-ov:not(#_) .mn-sug-h{font-size:10.5px !important;letter-spacing:.1em !important;color:#8D7A7D !important;margin:0 0 8px !important}
html body #cart-ov:not(#_) .mn-sug{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important}
html body #cart-ov:not(#_) .mn-it,html body #cart-ov:not(#_) .mn-it+.mn-it{display:flex !important;flex-direction:column !important;align-items:center !important;gap:6px !important;padding:10px 8px 8px !important;border:1px solid #F1E6E1 !important;border-radius:14px !important;background:#fff !important;text-align:center !important}
html body #cart-ov:not(#_) .mn-it img{width:64px !important;height:64px !important;border-radius:10px !important}
html body #cart-ov:not(#_) .mn-it-t{align-items:center !important;width:100%}
html body #cart-ov:not(#_) .mn-it-n{font-size:12.5px !important;font-weight:600 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
html body #cart-ov:not(#_) .mn-it-p{font-size:12.5px !important;font-weight:700 !important}
html body #cart-ov:not(#_) .mn-it-a{width:100% !important;height:32px !important;border-radius:9px !important;background:#4A2A31 !important;color:#fff !important;font-size:0 !important;border:0 !important}
html body #cart-ov:not(#_) .mn-it-a::after{content:"+ Agregar";font-size:12px;font-weight:700;letter-spacing:.02em}
html body #cart-ov:not(#_) .mn-it:hover .mn-it-a{background:#1a8f55 !important}
html body #cart-ov:not(#_) .mn-sug .mn-it:nth-child(n+3),html body #cart-ov:not(#_) .mn-sug .mn-it+.mn-it:nth-child(n+3){display:none !important}
/* Árabe + género: degradado café → rosa (dama) o café → azul (caballero). */
html body .card:not(#_) .card-cat.ct-arab.cc-dama,html body.lujo .card:not(#_) .card-cat.ct-arab.cc-dama{background:linear-gradient(90deg,#7a4a26 0%,#a8574f 50%,#d4467c 100%) !important}
html body .card:not(#_) .card-cat.ct-arab.cc-caballero,html body.lujo .card:not(#_) .card-cat.ct-arab.cc-caballero{background:linear-gradient(90deg,#7a4a26 0%,#55536a 50%,#2f5b9a 100%) !important}

/* Etiqueta de categoría v2 (29-oct): rectangular, colores sobrios, sin degradados.
   Árabe lleva un punto del color de su género (rosa dama, azul caballero, dorado unisex). */
html body .card:not(#_) .card-house .card-cat,html body.lujo .card:not(#_) .card-house .card-cat{border-radius:3px 0 0 3px !important;padding:4px 9px 4px 9px !important;font-size:9.5px !important;font-weight:700 !important;letter-spacing:.08em !important;box-shadow:none !important;display:inline-flex !important;align-items:center;gap:5px}
html body .card:not(#_) .card-cat.ct-cab,html body.lujo .card:not(#_) .card-cat.ct-cab,html body .rc-cat.ct-cab{background:#3e5a78 !important}
html body .card:not(#_) .card-cat.ct-dama,html body.lujo .card:not(#_) .card-cat.ct-dama,html body .rc-cat.ct-dama{background:#a95d77 !important}
html body .card:not(#_) .card-cat.ct-uni,html body.lujo .card:not(#_) .card-cat.ct-uni,html body .rc-cat.ct-uni{background:#8a7550 !important}
html body .card:not(#_) .card-cat.ct-arab,html body.lujo .card:not(#_) .card-cat.ct-arab,html body .card:not(#_) .card-cat.ct-arab.cc-dama,html body.lujo .card:not(#_) .card-cat.ct-arab.cc-dama,html body .card:not(#_) .card-cat.ct-arab.cc-caballero,html body.lujo .card:not(#_) .card-cat.ct-arab.cc-caballero,html body .rc-cat.ct-arab{background:#5A343C !important}
html body .card-cat.ct-arab::before,html body .rc-cat.ct-arab::before{content:'';width:6px;height:6px;border-radius:50%;background:#d8c6b0;flex:none}
html body .card-cat.ct-arab.cc-dama::before,html body .rc-cat.ct-arab.cc-dama::before{background:#f2a7c0}
html body .card-cat.ct-arab.cc-caballero::before,html body .rc-cat.ct-arab.cc-caballero::before{background:#a8c8ec}
html body .card-cat.ct-arab.cc-unisex::before,html body .rc-cat.ct-arab.cc-unisex::before{background:#e6cb8f}
/* Mismas etiquetas en "También te podría gustar" de la ficha. */
html body.lujo .rc-cat:not(#_){display:inline-flex !important;align-items:center;gap:5px;margin-left:8px;padding:3px 8px !important;border-radius:3px !important;color:#fff !important;font-size:9px !important;font-weight:700 !important;letter-spacing:.08em !important;text-transform:uppercase}
/* Árabe: sin punto; etiqueta en dos partes "ÁRABE | DAMA/CABALLERO/UNISEX" (el dueño no entendía el punto). */
html body .card-cat.ct-arab::before,html body .rc-cat.ct-arab::before{display:none !important;content:none !important}
html body .card:not(#_) .card-house .card-cat.ct-arab,html body.lujo .card:not(#_) .card-house .card-cat.ct-arab,html body.lujo .rc-cat.ct-arab:not(#_){padding-right:0 !important;gap:0 !important;overflow:hidden}
html body .card-cat.ct-arab::after,html body .rc-cat.ct-arab::after{margin-left:8px;align-self:stretch;display:inline-flex;align-items:center;padding:0 8px;margin-top:-4px;margin-bottom:-4px;color:#fff}
html body .rc-cat.ct-arab::after{margin-top:-3px;margin-bottom:-3px}
html body .card-cat.ct-arab.cc-dama::after,html body .rc-cat.ct-arab.cc-dama::after{content:'Dama';background:#a95d77}
html body .card-cat.ct-arab.cc-caballero::after,html body .rc-cat.ct-arab.cc-caballero::after{content:'Caballero';background:#3e5a78}
html body .card-cat.ct-arab.cc-unisex::after,html body .rc-cat.ct-arab.cc-unisex::after{content:'Unisex';background:#8a7550}
html body .card:not(#_) .card-house:has(.ct-arab) > span:first-child{padding-right:118px}
/* La pestaña sube a la línea entre foto y texto: la marca (Lattafa, Armaf…) vuelve a verse completa. */
html body .card:not(#_) .card-house .card-cat,html body.lujo .card:not(#_) .card-house .card-cat{top:-25px !important}
html body .card:not(#_) .card-house > span:first-child,html body .card:not(#_) .card-house:has(.ct-arab) > span:first-child{padding-right:0 !important}
/* Árabe: una sola etiqueta "ÁRABE" con degradado café → color del género (menos ruido que dos partes). Vuelve a su altura. */
html body .card-cat.ct-arab::after,html body .rc-cat.ct-arab::after{display:none !important;content:none !important}
html body .card:not(#_) .card-house .card-cat.ct-arab,html body.lujo .card:not(#_) .card-house .card-cat.ct-arab,html body.lujo .rc-cat.ct-arab:not(#_){padding-right:9px !important}
html body .card:not(#_) .card-cat.ct-arab.cc-dama,html body.lujo .card:not(#_) .card-cat.ct-arab.cc-dama,html body .rc-cat.ct-arab.cc-dama{background:linear-gradient(90deg,#5A343C 0%,#5A343C 30%,#a95d77 100%) !important}
html body .card:not(#_) .card-cat.ct-arab.cc-caballero,html body.lujo .card:not(#_) .card-cat.ct-arab.cc-caballero,html body .rc-cat.ct-arab.cc-caballero{background:linear-gradient(90deg,#5A343C 0%,#5A343C 30%,#3e5a78 100%) !important}
html body .card:not(#_) .card-cat.ct-arab.cc-unisex,html body.lujo .card:not(#_) .card-cat.ct-arab.cc-unisex,html body .rc-cat.ct-arab.cc-unisex{background:linear-gradient(90deg,#5A343C 0%,#5A343C 30%,#8a7550 100%) !important}
html body .card:not(#_) .card-house .card-cat,html body.lujo .card:not(#_) .card-house .card-cat{top:-11px !important}
html body .card:not(#_) .card-house > span:first-child,html body .card:not(#_) .card-house:has(.ct-arab) > span:first-child{padding-right:74px !important}
/* Árabe: mitad café, mitad color del género, con transición suave en el centro (el café ya no tapa). */
html body .card:not(#_) .card-cat.ct-arab.cc-dama,html body.lujo .card:not(#_) .card-cat.ct-arab.cc-dama,html body .rc-cat.ct-arab.cc-dama{background:linear-gradient(90deg,#6B3E46 0%,#6B3E46 35%,#b5677f 65%,#b5677f 100%) !important}
html body .card:not(#_) .card-cat.ct-arab.cc-caballero,html body.lujo .card:not(#_) .card-cat.ct-arab.cc-caballero,html body .rc-cat.ct-arab.cc-caballero{background:linear-gradient(90deg,#6B3E46 0%,#6B3E46 35%,#43638a 65%,#43638a 100%) !important}
html body .card:not(#_) .card-cat.ct-arab.cc-unisex,html body.lujo .card:not(#_) .card-cat.ct-arab.cc-unisex,html body .rc-cat.ct-arab.cc-unisex{background:linear-gradient(90deg,#6B3E46 0%,#6B3E46 35%,#9a8258 65%,#9a8258 100%) !important}
html body .card:not(#_) .card-house .card-cat.ct-arab,html body.lujo .card:not(#_) .card-house .card-cat.ct-arab{padding:4px 12px !important}
/* Árabe en dorado ámbar (el café se veía gris). Unisex pasa a violeta suave (mezcla de rosa y azul) para no chocar con el dorado. */
html body .card:not(#_) .card-cat.ct-uni,html body.lujo .card:not(#_) .card-cat.ct-uni,html body .rc-cat.ct-uni{background:#6f5f8f !important}
html body .card:not(#_) .card-cat.ct-arab,html body.lujo .card:not(#_) .card-cat.ct-arab,html body .rc-cat.ct-arab{background:#8A4F45 !important}
html body .card:not(#_) .card-cat.ct-arab.cc-dama,html body.lujo .card:not(#_) .card-cat.ct-arab.cc-dama,html body .rc-cat.ct-arab.cc-dama{background:linear-gradient(90deg,#8A4F45 0%,#8A4F45 35%,#b5677f 65%,#b5677f 100%) !important}
html body .card:not(#_) .card-cat.ct-arab.cc-caballero,html body.lujo .card:not(#_) .card-cat.ct-arab.cc-caballero,html body .rc-cat.ct-arab.cc-caballero{background:linear-gradient(90deg,#8A4F45 0%,#8A4F45 35%,#43638a 65%,#43638a 100%) !important}
html body .card:not(#_) .card-cat.ct-arab.cc-unisex,html body.lujo .card:not(#_) .card-cat.ct-arab.cc-unisex,html body .rc-cat.ct-arab.cc-unisex{background:linear-gradient(90deg,#8A4F45 0%,#8A4F45 35%,#6f5f8f 65%,#6f5f8f 100%) !important}
/* Ocasión bajo el nombre: ocupa el renglón que antes quedaba vacío; el precio sigue abajo alineado. */
html body .card:not(#_) .card-name,html body.lujo .card:not(#_) .card-name{min-height:0 !important}
html body .card:not(#_) .card-note,html body.lujo .card:not(#_) .card-note{display:block !important;font-size:11.5px !important;line-height:1.35 !important;color:#8a8a86 !important;margin:3px 0 6px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .card:not(#_) .card-note:empty{display:none !important}
/* Ficha en PC: "Cuándo usar" con las barras a la izquierda e "Ideal para" a la derecha,
   y "Sobre…" alineado al resto en dos columnas (texto | preguntas) en vez de una columna centrada. */
@media (min-width:900px){
  html body .blocks:not(#_) > .blk:last-child{margin-bottom:0 !important}
  html body .blocks:not(#_) > .blk:has(> .occasions){display:grid !important;grid-template-columns:minmax(0,600px) minmax(0,1fr);column-gap:56px;align-items:center}
  html body .blocks:not(#_) > .blk:has(> .occasions) > h2{grid-column:1 / -1}
  html body .blocks:not(#_) > .blk:has(> .occasions) > .occasions{grid-column:1;max-width:none !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important}
  html body .blocks:not(#_) > .blk:has(> .occasions) > .oc-ideal{grid-column:2;margin:0 !important;align-self:center;flex-wrap:wrap}
  html body section.sfi:not(#_){max-width:none !important;margin:8px 0 0 !important;padding:36px 0 0 !important;border-top:1px solid #EADCD6;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:64px;align-items:start}
  html body section.sfi:not(#_) > h2{grid-column:1;grid-row:1;margin-top:0 !important}
  html body section.sfi:not(#_) > p{grid-column:1;grid-row:2 / span 8;margin-top:0 !important}
  html body section.sfi:not(#_) > h3{grid-column:2;grid-row:1;margin-top:0 !important}
  html body section.sfi:not(#_) > details{grid-column:2}
}

/* ── Etiquetas de la tarjeta como en .co: pestaña pegada a la esquina ──
   "Top ventas" arriba a la izquierda y el descuento arriba a la derecha,
   con la misma curva de la tarjeta (16px). */
html body .card:not(#_):not(#__) .card-img .card-badge{top:calc(0px - var(--cim,0px)) !important;left:calc(0px - var(--cim,0px)) !important;right:auto !important;border-radius:16px 0 12px 0 !important;padding:7px 14px 7px 15px !important;font-size:8.5px !important;font-weight:800 !important;letter-spacing:.2em !important;text-transform:uppercase !important;line-height:1.2 !important;border:0 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),4px 4px 14px -6px rgba(74,42,49,.45) !important;-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6)}
html body .card:not(#_):not(#__) .card-img .card-badge.badge-top{background:rgba(58,32,38,.82) !important;color:#F4EFE6 !important}
html body .card:not(#_):not(#__) .card-img .card-badge.badge-new,html body .card:not(#_):not(#__) .card-img .card-badge.badge-sale{background:rgba(58,32,38,.82) !important;color:#F4EFE6 !important}
html body .card:not(#_):not(#__) .card-img .card-off{background:rgba(179,64,47,.88) !important;color:#fff !important}
html body .card:not(#_):not(#__) .card-img .card-off{position:absolute !important;top:calc(0px - var(--cim,0px)) !important;right:calc(0px - var(--cim,0px)) !important;left:auto !important;z-index:3;border-radius:0 16px 0 12px !important;padding:7px 15px 7px 14px !important;font-size:10px !important;font-weight:800 !important;letter-spacing:.04em !important;font-variant-numeric:tabular-nums;line-height:1.2 !important;border:0 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),-4px 4px 14px -6px rgba(74,42,49,.45) !important}
@media(max-width:900px){html body .card:not(#_):not(#__) .card-img .card-badge{border-radius:16px 0 11px 0 !important;padding:6px 12px 6px 13px !important}html body .card:not(#_):not(#__) .card-img .card-off{border-radius:0 16px 0 11px !important;padding:6px 13px 6px 12px !important}}

/* Despacho · Pago · Asesoría del inicio. En PC como siempre (texto completo);
   en celular una franja de 3: ícono de línea, título y una frase corta. */
html body.lujo .lx-ben .lx-ben-i,html body.lujo .lx-ben .lx-ben-c{display:none}
@media(max-width:860px){
  html body.lujo .lx-ben:not(#_){grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:0 !important;border-radius:16px !important;overflow:hidden}
  html body.lujo .lx-ben:not(#_)>div{padding:16px 8px 15px !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;text-align:center;display:flex;flex-direction:column;align-items:center}
  html body.lujo .lx-ben:not(#_)>div+div{border-left:1px solid rgba(127,127,127,.16) !important}
  html body.lujo .lx-ben:not(#_) .lx-ben-i{display:block;line-height:0;margin-bottom:10px}
  html body.lujo .lx-ben:not(#_) .lx-ben-i svg{width:22px;height:22px;fill:none;stroke:#a5842f;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
  html body.lujo .lx-ben:not(#_) em{display:none !important}
  html body.lujo .lx-ben:not(#_) b{font-size:13px !important;line-height:1.2 !important;margin:0 !important}
  html body.lujo .lx-ben:not(#_) .lx-ben-c{display:block;margin-top:4px;font-size:11px;line-height:1.35;color:#7a7a7a}
  html body.lujo .lx-ben:not(#_) span{display:none !important}
}

/* Carrito con menos de 3 perfumes: la línea "Hoy pagas precio por unidad…" sí se ve. */
html body #cart-ov:not(#_):not(#__) .mn-sub.mn-av,html body .mn-sub.mn-av{display:flex !important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;margin-top:9px;font-size:12.5px !important;font-weight:500;opacity:1 !important;color:inherit !important}
html body .mn-av .mn-uni{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:#FFF3E0;color:#8A5300;font-size:12px;font-weight:600;white-space:nowrap}
html body .mn-av .mn-ah{color:#555;white-space:nowrap}
html body .mn-av .mn-ah b{color:#1F7A4C;font-weight:700}

/* Catálogo en el celular: cada grupo de filtros en una sola fila que se desliza (antes eran ~10 filas de chips). */
.cat-chips{display:contents}
.fam-chip i.fn{font-style:normal}
@media(max-width:760px){
  html body .cat-bar:not(#_){flex-wrap:wrap}
  html body .cat-chips:not(#_){display:flex;flex-wrap:nowrap;gap:6px;width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    -webkit-mask-image:linear-gradient(90deg,#2B1A1E 88%,transparent);mask-image:linear-gradient(90deg,#2B1A1E 88%,transparent);padding-right:24px}
  html body .cat-chips::-webkit-scrollbar,html body .fam-bar::-webkit-scrollbar{display:none}
  html body .cat-chips .cat-chip:not(#_){flex:none;white-space:nowrap}
  html body .fam-bar:not(#_){flex-wrap:nowrap !important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px !important;margin-bottom:10px !important;
    -webkit-mask-image:linear-gradient(90deg,#2B1A1E 88%,transparent);mask-image:linear-gradient(90deg,#2B1A1E 88%,transparent);padding-right:24px}
  html body .fam-bar .fam-chip:not(#_){flex:none;white-space:nowrap}
  html body .fam-chip i.fn{display:none}
  html body .cat-toolbar:not(#_){margin-top:14px}
}

/* Velocidad al tocar (INP): los fondos del menú y del carrito ocupan toda la pantalla con desenfoque.
   Cerrados quedaban con opacidad 0 pero "visibles", y el celular recalculaba el desenfoque en cada
   toque (catálogo a 920 ms). Cerrados: invisibles y sin desenfoque; se apagan al terminar la animación. */
html body .mm-back:not(#_),html body #cart-ov:not(.op):not(#_){visibility:hidden;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;transition:opacity .28s ease,visibility 0s linear .3s}
html body.menu-open .mm-back:not(#_),html body #cart-ov.op:not(#_){visibility:visible;-webkit-backdrop-filter:blur(14px) saturate(1.2) !important;backdrop-filter:blur(14px) saturate(1.2) !important;transition:opacity .28s ease,visibility 0s}

/* Sugerencias del carrito ("Complétalo con…"): lista compacta, foto pequeña y "+ Agregar" delineado (antes tarjetas grandes). */
html body #cart-ov:not(#_):not(#__) .mn-sug{display:flex !important;flex-direction:column !important;gap:0 !important}
html body #cart-ov:not(#_):not(#__) .mn-it,html body #cart-ov:not(#_):not(#__) .mn-it+.mn-it{flex-direction:row !important;align-items:center !important;gap:12px !important;padding:8px 0 !important;border:0 !important;border-radius:0 !important;background:transparent !important}
html body #cart-ov:not(#_):not(#__) .mn-it+.mn-it{border-top:1px solid #eeeeec !important}
html body #cart-ov:not(#_):not(#__) .mn-it img{width:42px !important;height:42px !important;border-radius:8px !important}
html body #cart-ov:not(#_):not(#__) .mn-it-t{align-items:flex-start !important;flex:1 !important;min-width:0}
html body #cart-ov:not(#_):not(#__) .mn-it-n{font-size:13px !important;font-weight:600 !important}
html body #cart-ov:not(#_):not(#__) .mn-it-p{font-size:12.5px !important;font-weight:500 !important;color:#555 !important}
html body #cart-ov:not(#_):not(#__) .mn-it-a{width:auto !important;height:30px !important;padding:0 12px !important;border-radius:999px !important;background:#fff !important;border:1px solid #4A2A31 !important;color:#4A2A31 !important;flex:none}
html body #cart-ov:not(#_):not(#__) .mn-it-a::after{font-size:12px;font-weight:600;color:#4A2A31}
html body #cart-ov:not(#_):not(#__) .mn-it:hover .mn-it-a{background:#4A2A31 !important}
html body #cart-ov:not(#_):not(#__) .mn-it:hover .mn-it-a::after{color:#fff}

/* Aviso corto al agregar (del segundo perfume en adelante): una píldora arriba, como notificación (no la tarjeta completa). */
html body #qa-toast.mini.on:not(#_):not(#__){transform:translate(-50%,0) !important}
html body #qa-toast.mini:not(#_):not(#__){top:calc(12px + env(safe-area-inset-top)) !important;bottom:auto !important;z-index:2000 !important;transform:translate(-50%,-180%) !important;padding:10px 16px !important;width:auto !important;max-width:calc(100vw - 32px) !important;border-radius:999px !important;background:#111 !important;color:#fff !important;box-shadow:0 10px 26px -10px rgba(0,0,0,.45) !important}
html body #qa-toast.mini .qa-mini{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.2;color:#fff;white-space:nowrap;overflow:hidden}
html body #qa-toast.mini .qa-mini span{overflow:hidden;text-overflow:ellipsis}
html body #qa-toast.mini .qa-mini b{color:#7CDDA6;font-weight:700}
html body #qa-toast.mini .qa-mini svg{flex:none;width:18px;height:18px;fill:none;stroke:#7CDDA6;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}

/* Sin zoom de página (2026-11-06): el pellizco solo amplía dentro del visor de fotos. */
html{touch-action:pan-x pan-y}
#gal-lb .lb-img{touch-action:none}
/* Menú del celular sin logo ni franja oscura: fondo blanco parejo y X discreta (2026-11-06). */
html body #mobmenu#mobmenu .mm-brand{display:none !important}
html body #mobmenu#mobmenu .mm-head{background:#fff !important;background-image:none !important;box-shadow:none !important;border:0 !important;padding:8px 10px 0 !important;min-height:0 !important;justify-content:flex-end !important}
html body #mobmenu#mobmenu .mm-head::before,html body #mobmenu#mobmenu .mm-head::after{display:none !important}
html body #mobmenu#mobmenu .mm-close{position:static !important;transform:none !important;margin:0 !important;background:transparent !important;color:#4A2A31 !important;box-shadow:none !important;border:0 !important}
html body #mobmenu#mobmenu .mm-close:hover{background:#F6EEEA !important;color:#4A2A31 !important}
html body #mobmenu#mobmenu .mm-body{padding-top:0 !important}
/* Menú del celular parejo (2026-11-06): Seguir mi pedido y Entrar como las categorías, sin rótulo "Tienda", idioma discreto. */
html body #mobmenu:not(#_):not(#__) .mm-body .mm-eye{display:none !important}
html body #mobmenu:not(#_):not(#__) a.mm-a:not(.mm-cat){min-height:56px !important;border-bottom:1px solid rgba(0,0,0,.06) !important}
html body #mobmenu:not(#_):not(#__) a.mm-a:not(.mm-cat) b{color:#3E2329 !important;font-size:18px !important;font-weight:500 !important;opacity:1 !important}
html body #mobmenu:not(#_):not(#__) a.mm-a:not(.mm-cat) small{display:none !important}
html body #mobmenu:not(#_):not(#__) a.mm-a:not(.mm-cat) .mm-svg{width:21px !important;height:21px !important;stroke:#1a1a1a !important;opacity:1 !important}
html body #mobmenu:not(#_):not(#__) a.mm-a .mm-svg.mm-svg-cuenta{width:21px !important;height:21px !important;padding:0 !important;margin-left:0 !important;margin-right:16px !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;stroke:#1a1a1a !important}
html body #mobmenu:not(#_):not(#__) a.mm-a[href*="seguir"],html body #mobmenu:not(#_):not(#__) a.mm-a[href$="/g"]{margin-top:10px !important}
html body #mobmenu:not(#_):not(#__) .mm-idioma{min-height:44px !important;margin-top:8px !important;border:0 !important}
html body #mobmenu:not(#_):not(#__) .mm-idioma b{color:#8D7A7D !important;font-size:12px !important;font-weight:500 !important}
html body #mobmenu:not(#_):not(#__) .mm-idioma .ee-nav > button,html body #mobmenu:not(#_):not(#__) .mm-idioma .ee-nav > button *{color:#76636A !important;font-size:12px !important;font-weight:600 !important}
/* Pie más liviano (2026-11-06): los enlaces de búsquedas van plegados en "Más búsquedas". */
footer .ft-mas{margin-top:14px;text-align:center}
footer .ft-mas summary{list-style:none;cursor:pointer;display:inline-block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(242,238,232,.5);padding:6px 10px}
footer .ft-mas summary::-webkit-details-marker{display:none}
footer .ft-mas summary::after{content:' +';}
footer .ft-mas[open] summary::after{content:' −';}
footer .ft-mas .ft-oc{padding-top:6px !important}
/* Pie corto en celular (2026-11-06): Catálogo y Contacto lado a lado. */
@media(max-width:640px){
  html body.lujo footer .ft-top,html body footer .ft-top{display:grid !important;grid-template-columns:1fr 1fr !important;gap:22px 18px !important;padding-bottom:24px !important}
  html body.lujo footer .ft-top > div:first-child,html body footer .ft-top > div:first-child{grid-column:1/-1}
  html body footer .ft-ab{max-width:none !important;margin-bottom:0 !important}
  html body footer .ft-ul li{margin-bottom:10px !important}
  html body footer .ft-ul a{font-size:13.5px !important}
}
/* Pastilla "Gana 1,5%" con el traductor (2026-11-06): Google envuelve el texto en <font> y lo dejaba en blanco sobre blanco. */
html body #mobmenu#mobmenu .mm-emp-t b i,html body #mobmenu#mobmenu .mm-emp-t b i *{color:#4A2A31 !important;white-space:nowrap;font-size:10px !important;font-weight:700 !important;line-height:1 !important;vertical-align:baseline !important}
html body #mobmenu#mobmenu .mm-emp-t b{flex-wrap:wrap;row-gap:4px}

/* ═══════════════════════════════════════════════════════════════════════
   GS · CÁSCARA DE LA PLANTILLA DE ROPA
   Marcado en t/gabby-cascara.php (clases gs-*). El prefijo con cuatro
   :not(#…) gana a las reglas viejas de glass.css, cuenta-nav.php y las
   secciones de arriba, que apuntan a .hdr, #mobmenu, .mm-a y footer.
   La tienda es solo clara (color-scheme: light): no hay tema oscuro.
   ═══════════════════════════════════════════════════════════════════════ */
:root{--gs-cir:#4A2A31;--gs-cir-2:#3A2026;--gs-rosa:#B07468;--gs-rosa-cl:#C99487;--gs-rosa-pr:#8A4F45;
  --gs-nude:#F3E7E2;--gs-nude-2:#EBD3CC;--gs-fondo:#FFFFFF;--gs-fondo-2:#F8F2EF;--gs-tx:#2B1A1E;--gs-tx-2:#4A3438;--gs-tx-3:#7D6A6D;
  --gs-ln:#EFE3DE;--gs-serif:'Cormorant Garamond','Playfair Display',Georgia,serif;--gs-sans:'Jost','Segoe UI',system-ui,sans-serif}
html body{background:#fff;color:var(--gs-tx);font-family:var(--gs-sans)}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-ic{width:22px !important;height:22px !important;flex:none;display:block;fill:none;stroke:currentColor}

/* ── Barra de avisos ── */
html:not(#g1):not(#g2):not(#g3):not(#g4) body .topbar{background:var(--gs-cir-2) !important;color:rgba(248,242,239,.8) !important;font-family:var(--gs-sans) !important;font-size:11px !important;font-weight:500 !important;letter-spacing:.14em !important;text-transform:uppercase;padding:8px 16px !important;border:0 !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .topbar b{color:var(--gs-nude-2) !important;font-weight:600 !important}

/* ── Encabezado ── */
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-hdr{position:sticky !important;top:0 !important;z-index:100 !important;background:rgba(255,255,255,.97) !important;
  -webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);
  border:0 !important;border-bottom:1px solid var(--gs-ln) !important;box-shadow:none !important;transform:none !important;color:var(--gs-cir) !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-hdr-in{display:grid !important;grid-template-columns:1fr auto 1fr !important;align-items:center !important;gap:12px !important;
  max-width:1280px !important;margin:0 auto !important;padding:12px 28px !important;min-height:0 !important;height:auto !important;background:transparent !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-hdr-izq{display:flex;align-items:center;gap:6px;justify-self:start}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-hdr-der{display:flex !important;align-items:center !important;gap:6px !important;justify-self:end !important;grid-column:auto !important;margin:0 !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-logo{grid-column:auto !important;justify-self:center !important;display:block !important;line-height:0;margin:0 !important;padding:0 !important;position:static !important;transform:none !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-logo img{display:block !important;height:58px !important;width:auto !important;max-width:none !important;border:0 !important;border-radius:0 !important;object-fit:contain !important;box-shadow:none !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-hdr .gs-hdr-bt,html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-hdr .hdr-icon,html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-hdr .hdr-cart{position:relative;width:42px !important;height:42px !important;border:0 !important;border-radius:50% !important;
  background:transparent !important;color:var(--gs-cir) !important;display:grid !important;place-items:center !important;cursor:pointer;padding:0 !important;box-shadow:none !important;transition:background .2s,color .2s}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-hdr .gs-hdr-bt:hover,html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-hdr .hdr-icon:hover,html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-hdr .hdr-cart:hover{background:var(--gs-fondo-2) !important;color:var(--gs-rosa) !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-hdr .hdr-icon svg,html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-hdr .hdr-cart svg{width:22px !important;height:22px !important;stroke:currentColor !important;fill:none !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-hdr .hdr-cart-n{position:absolute !important;top:3px !important;right:1px !important;left:auto !important;min-width:17px !important;height:17px !important;padding:0 4px !important;border-radius:999px !important;
  background:var(--gs-rosa) !important;color:#fff !important;font:600 10px/17px var(--gs-sans) !important;text-align:center;box-shadow:0 0 0 2px #fff !important;display:block !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-hdr .hdr-cart-n[hidden]{display:none !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-hdr .hdr-cuenta.on{background:var(--gs-rosa) !important;color:#fff !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-hdr .hdr-cuenta .hdr-ini{font:600 12px/1 var(--gs-sans) !important;color:inherit !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-hdr .ee-nav{display:none !important}
/* Hamburguesa */
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-hdr .gs-burger{display:none !important;position:relative !important;width:42px !important;height:42px !important;border:0 !important;border-radius:50% !important;background:transparent !important;cursor:pointer;padding:0 !important;box-shadow:none !important;z-index:2 !important;margin:0 !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-burger span{position:absolute !important;left:11px !important;width:20px !important;height:1.5px !important;background:var(--gs-cir) !important;border-radius:2px;transform:none !important;opacity:1 !important;transition:none}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-burger span:nth-child(1){top:14px !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-burger span:nth-child(2){top:20.5px !important;width:14px !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-burger span:nth-child(3){top:27px !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body.menu-open .gs-burger{background:transparent !important}
/* Barra de categorías (escritorio) */
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-nav{display:block !important;background:transparent !important;border:0 !important;border-top:1px solid var(--gs-ln) !important;position:static !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-nav-in{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 4px;max-width:1280px;margin:0 auto;padding:0 24px}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-nav .gs-nv{position:relative;display:block;padding:13px 13px !important;font:500 11.5px/1 var(--gs-sans) !important;letter-spacing:.17em !important;text-transform:uppercase;
  color:var(--gs-cir) !important;text-decoration:none !important;white-space:nowrap;background:none !important;border:0 !important;height:auto !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-nav .gs-nv::after{content:'';position:absolute;left:13px;right:13px;bottom:8px;height:1px;background:var(--gs-rosa);transform:scaleX(0);transform-origin:center;transition:transform .25s}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-nav .gs-nv:hover{color:var(--gs-rosa) !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-nav .gs-nv:hover::after,html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-nav .gs-nv.on::after{transform:scaleX(1)}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-nav .gs-nv-nuevo{color:var(--gs-rosa-pr) !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-nav .gs-nv-sec{color:var(--gs-tx-3) !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-nav .gs-nv-mayor{color:var(--gs-rosa-pr) !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-nav .gs-nv-sep{width:1px;height:14px;background:var(--gs-nude-2);margin:0 8px}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-hdr .gs-solo-movil{display:none !important}
@media(max-width:1023px){
  html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-hdr .gs-burger{display:block !important}
  html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-nav,html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-hdr .gs-solo-pc{display:none !important}
  html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-hdr .gs-solo-movil{display:grid !important}
  html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-hdr-in{padding:8px 12px !important}
  html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-logo img{height:44px !important}
}
@media(max-width:400px){html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-logo img{height:38px !important}html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-hdr-der{gap:0 !important}}

/* Páginas que aún traen el encabezado viejo: mismo logo, sin círculo */
html:not(#g1):not(#g2):not(#g3):not(#g4) body .hdr:not(.gs-hdr) .logo-t{display:block !important;height:52px !important;width:auto !important;aspect-ratio:583/134 !important;border-radius:0 !important;box-shadow:none !important;
  background:url(/uploads/marca/gabby-logo.svg?v=2) center/contain no-repeat !important;text-indent:-9999px !important;overflow:hidden !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .hdr:not(.gs-hdr) .logo-t > *{display:none !important}
@media(max-width:1023px){html:not(#g1):not(#g2):not(#g3):not(#g4) body .hdr:not(.gs-hdr) .logo-t{height:40px !important}}

/* ── Menú del celular ── */
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu.gs-mm{background:#fff !important;color:var(--gs-tx) !important;width:min(86vw,360px) !important;border:0 !important;border-radius:0 !important;
  box-shadow:24px 0 60px -30px rgba(58,32,38,.45) !important;display:flex !important;flex-direction:column !important;font-family:var(--gs-sans) !important;padding-top:env(safe-area-inset-top) !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .mm-back{background:rgba(43,26,30,.38) !important;-webkit-backdrop-filter:blur(3px) !important;backdrop-filter:blur(3px) !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu .gs-mm-head{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px;padding:14px 12px 12px 20px !important;
  background:#fff !important;border:0 !important;border-bottom:1px solid var(--gs-ln) !important;min-height:0 !important;box-shadow:none !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu .gs-mm-logo{display:block !important;line-height:0}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu .gs-mm-logo img{display:block !important;height:36px !important;width:auto !important;border:0 !important;border-radius:0 !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu .gs-mm-x{position:static !important;width:40px !important;height:40px !important;margin:0 !important;border:0 !important;border-radius:50% !important;background:transparent !important;
  color:var(--gs-cir) !important;display:grid !important;place-items:center !important;cursor:pointer;transform:none !important;box-shadow:none !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu .gs-mm-x:hover{background:var(--gs-fondo-2) !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu .gs-mm-x .gs-ic{width:20px !important;height:20px !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu .gs-mm-body{flex:1 !important;overflow-y:auto !important;padding:14px 16px 18px !important;overscroll-behavior:contain}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu .gs-mm-buscar{display:flex !important;align-items:center !important;gap:10px !important;width:100% !important;min-height:44px !important;height:44px;margin:0 0 6px !important;padding:0 16px !important;
  border:1px solid var(--gs-nude-2) !important;border-radius:999px !important;background:var(--gs-fondo-2) !important;color:var(--gs-tx-3) !important;font:400 14px var(--gs-sans) !important;text-align:left;cursor:pointer}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu .gs-mm-buscar .gs-ic{width:18px !important;height:18px !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu .gs-mm-buscar span{opacity:1 !important;color:inherit !important;font-size:14px !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu .gs-mm-eye{display:block !important;padding:18px 4px 6px !important;font:600 10px/1 var(--gs-sans) !important;letter-spacing:.24em !important;text-transform:uppercase;color:var(--gs-rosa-pr) !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu a.gs-mm-a{display:flex !important;align-items:center !important;gap:10px !important;min-height:50px !important;padding:0 4px !important;margin:0 !important;border:0 !important;
  border-bottom:1px solid var(--gs-ln) !important;border-radius:0 !important;background:transparent !important;color:var(--gs-tx) !important;text-decoration:none !important;box-shadow:none !important;position:static !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu a.gs-mm-a:hover,html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu a.gs-mm-a:active{background:var(--gs-fondo-2) !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu a.gs-mm-a .mm-txt{flex:1 !important;min-width:0}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu a.gs-mm-a b{display:block !important;font:500 15.5px/1.2 var(--gs-sans) !important;letter-spacing:.01em !important;color:var(--gs-tx) !important;opacity:1 !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu a.gs-mm-nuevo b{color:var(--gs-rosa-pr) !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu .gs-mm-n{font:500 11px/1 var(--gs-sans);color:var(--gs-tx-3);background:var(--gs-fondo-2);padding:4px 8px;border-radius:999px}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu a.gs-mm-a .gs-ic{width:16px !important;height:16px !important;color:var(--gs-rosa-cl) !important;stroke-width:1.8}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu .mm-svg{display:none !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu a.gs-mm-a::before,html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu a.gs-mm-a::after,html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu a.gs-mm-a .mm-txt::before,html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu a.gs-mm-a .mm-txt::after,html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu a.gs-mm-a b::before,html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu a.gs-mm-a b::after{content:none !important;display:none !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu .gs-mm-wa .gs-ic{background:none !important;padding:0 !important;border-radius:0 !important;fill:none !important;stroke:currentColor !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu .gs-mm-foot{display:flex !important;align-items:center !important;gap:12px !important;padding:14px 16px calc(14px + env(safe-area-inset-bottom)) !important;border-top:1px solid var(--gs-ln) !important;background:#fff !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu .gs-mm-wa{flex:1;display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;min-height:46px !important;padding:0 16px !important;border-radius:999px !important;
  background:var(--gs-cir) !important;color:#fff !important;font:600 12px var(--gs-sans) !important;letter-spacing:.14em !important;text-transform:uppercase;text-decoration:none !important;box-shadow:none !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu .gs-mm-wa:hover{background:var(--gs-rosa) !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu .gs-mm-redes{display:flex;gap:2px}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu .gs-mm-redes a{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:var(--gs-cir)}
html:not(#g1):not(#g2):not(#g3):not(#g4) body #mobmenu .gs-mm-redes a:hover{background:var(--gs-fondo-2);color:var(--gs-rosa)}

/* ── Buscador ── */
html:not(#g1):not(#g2):not(#g3):not(#g4) body .search-modal .sm-panel{border-radius:16px !important;border:1px solid var(--gs-ln) !important;background:#fff !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .search-modal .sm-bar input{font:400 16px var(--gs-sans) !important;color:var(--gs-tx) !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .search-modal .sm-bar > svg{stroke:var(--gs-rosa) !important}

/* ── Pie ── */
html:not(#g1):not(#g2):not(#g3):not(#g4) body footer.gs-pie{display:block !important;background:var(--gs-cir-2) !important;color:rgba(248,242,239,.72) !important;margin:0 !important;padding:0 !important;border:0 !important;font-family:var(--gs-sans) !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-pie-in{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;max-width:1240px;margin:0 auto;padding:60px 28px 36px}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-pie-marca img{display:block;height:68px;width:auto;max-width:100%;margin:0 0 18px}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-pie-marca b{display:block;font:600 30px var(--gs-serif);color:#fff;margin-bottom:12px}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-pie-marca p{font-size:13.5px;line-height:1.7;color:rgba(248,242,239,.62);max-width:34ch;margin:0}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-pie h3{font:600 10.5px/1 var(--gs-sans) !important;letter-spacing:.24em !important;text-transform:uppercase;color:var(--gs-rosa-cl) !important;margin:6px 0 18px !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-pie ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-pie ul a{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:400;color:rgba(248,242,239,.78) !important;text-decoration:none;transition:color .2s}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-pie ul a:hover{color:#fff !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-pie ul .gs-ic{width:17px !important;height:17px !important;opacity:.8}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-pie-pagos{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:1240px;margin:0 auto;padding:0 28px 26px}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-pie-pagos span{font-size:11px;letter-spacing:.08em;color:rgba(248,242,239,.7);border:1px solid rgba(248,242,239,.16);border-radius:999px;padding:6px 12px}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-pie-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;padding:18px 28px;border-top:1px solid rgba(248,242,239,.1)}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-pie-legal a{font-size:12px;color:rgba(248,242,239,.6) !important;text-decoration:none}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-pie-legal a:hover{color:#fff !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-pie-fin{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;max-width:1240px;margin:0 auto;padding:0 28px 26px;font-size:11.5px;color:rgba(248,242,239,.45)}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-tiendum b{color:var(--gs-rosa-cl);font-weight:600;letter-spacing:.04em}
@media(max-width:860px){
  html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-pie-in{grid-template-columns:1fr 1fr;gap:32px 20px;padding:44px 20px 28px}
  html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-pie-marca{grid-column:1/-1}
  html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-pie-redes{grid-column:1/-1}
  html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-pie-fin{justify-content:center;text-align:center;padding-bottom:96px}
}

/* ── Botón flotante de WhatsApp ── */
html:not(#g1):not(#g2):not(#g3):not(#g4) body .waf{background:#25D366 !important;color:#fff !important;box-shadow:0 12px 28px -12px rgba(0,0,0,.45) !important}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .waf svg{fill:#fff !important}

/* ═══ GS · Lenguaje de la marca (títulos, botones, tarjetas) ═══ */
html body .sec-head h1,html body .sec-head h2,html body .slogan h2,html body .lx-hero h1,html body .hero-card h1,
html body .em-hero h1,html body .em-cash-a h2,html body .em-faq-a h2,html body .em-fin h2,html body .cf-hero h1,html body .cf-fin h2,
html body .au-pitch h2,html body .au-main h1,html body .cta-box h2,html body h1.pv-t,html body .pv-name,html body .co-h1,html body .fin-h h1,
html body .gs-t{font-family:var(--gs-serif) !important;font-weight:600 !important;letter-spacing:0 !important;line-height:1.08 !important}
html body .sec-head h2 span,html body .slogan h2 span,html body .em-hero h1 span,html body .cf-hero h1 span{color:var(--gs-rosa) !important;font-style:italic !important;font-weight:500 !important}
html body .eye,html body .sec-head .eye{color:var(--gs-rosa-pr) !important}
html body .btn,html body .btn-gold,html body .btn2,html body .more-btn,html body .card-buy,html body .em-b,html body .em-b2,html body .co-btn,html body .ee-po-btn{
  border-radius:999px !important;font-family:var(--gs-sans) !important;font-weight:600 !important;letter-spacing:.14em !important}
html body .btn-gold,.btn-gold{background:var(--gs-cir) !important;color:#FBEFEA !important;border-color:var(--gs-cir) !important;box-shadow:none !important}
html body .btn-gold:hover{background:var(--gs-rosa) !important;border-color:var(--gs-rosa) !important;color:#fff !important}
html body .btn-ghost,html body .btn2{background:transparent !important;color:var(--gs-cir) !important;border:1px solid rgba(176,116,104,.6) !important}
html body .btn-ghost:hover,html body .btn2:hover{background:var(--gs-cir) !important;color:#FBEFEA !important;border-color:var(--gs-cir) !important}
html body .card{border-radius:14px !important;border:1px solid var(--gs-ln) !important;background:#fff !important;box-shadow:none !important;overflow:hidden}
html body .card:hover{border-color:var(--gs-nude-2) !important;box-shadow:0 22px 40px -28px rgba(74,42,49,.4) !important;transform:none !important}
html body .card .card-img{aspect-ratio:3/4 !important;background:var(--gs-nude) !important;border-radius:0 !important;overflow:hidden}
html body .card .card-img img{width:100% !important;height:100% !important;object-fit:cover !important;mix-blend-mode:normal !important;padding:0 !important}
html body .card-name{font-family:var(--gs-serif) !important;font-weight:600 !important;letter-spacing:0 !important}
html body .card-off,html body .badge-sale,html body .badge-new{background:var(--gs-rosa) !important;color:#fff !important}
html body .badge-top{background:var(--gs-cir) !important;color:#FBEFEA !important}
html body input:focus-visible,html body select:focus-visible,html body textarea:focus-visible{outline:2px solid rgba(176,116,104,.45);outline-offset:1px}
::selection{background:var(--gs-nude-2);color:var(--gs-cir)}

/* Mi cuenta (t/cuenta.php): botones y títulos con la marca, no en negro. */
html body #ax .btn{background:#4A2A31 !important;color:#FBEFEA !important;border-color:#4A2A31 !important}
html body #ax .btn:hover{background:#B07468 !important;border-color:#B07468 !important;color:#fff !important}
html body #ax h1,html body #ax h2{font-family:'Cormorant Garamond',Georgia,serif !important;font-weight:600;letter-spacing:0;color:#4A2A31}
html body #ax,html body #ax input,html body #ax button{font-family:'Jost','Segoe UI',system-ui,sans-serif}
html body #ax a{color:#8A4F45}

/* Formas de pago en el pie (se encienden en el editor visual → Pie de página) */
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-pie-pagos{display:none;flex-wrap:wrap;justify-content:center;gap:8px;max-width:1240px;margin:0 auto;padding:0 28px 22px}
html:not(#g1):not(#g2):not(#g3):not(#g4) body .gs-pie-pagos span{font-size:11px;font-weight:500;letter-spacing:.06em;padding:6px 10px;border:1px solid currentColor;opacity:.75}