@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;600;700;800&display=swap');
/* ═══════════════════════════════════════════════════════════════════════
   MARCA AURAXCOL · paleta "salvia y crema"
   Se carga la ÚLTIMA en todas las páginas de la tienda, después de
   glass.css y claro.css. Su único trabajo es cambiar el color: el negro
   y el dorado que AuraxCol compartía con Esencia y Estilo (y que se
   prestaban a confusión) pasan a verde salvia profundo, crema verdosa y
   un oro muy suave que sólo acompaña. El logo no se toca.

   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:#f5f5f5 !important; --bg-2:#ececec !important; --bg-3:#dedede !important;
  --dark:#17181a !important; --dark-2:#202124 !important;
  --txt:#17181a !important; --txt-2:#3a3a3a !important; --txt-3:#6e6e6e !important; --txt-4:#a6a6a6 !important;
  --gold:#4a4a4a !important; --gold-2:#6b6b6b !important; --gold-deep:#333333 !important; --gold-soft:#dedede !important;
  --rule:rgba(23,24,26,.12) !important; --rule-2:rgba(23,24,26,.07) !important;
  --accent:#4a4a4a !important;
}
/* Tema oscuro (teléfono de noche): el negro pasa a salvia profundo */
.lujo,html body.lujo{
  --dk:#17181a !important; --dk-2:#202124 !important; --dk-3:#2a2b2e !important;
  --iv:#f2f2f2 !important; --iv-2:rgba(242,242,242,.66) !important; --iv-3:rgba(242,242,242,.44) !important;
  --ln:rgba(242,242,242,.11) !important;
  --au:#d6d6d6 !important;
}
html body.lujo{background:#17181a !important;color:#f2f2f2 !important}
/* Tema claro (escritorio y móvil de día): crema verdosa */
html body.lujo.claro{
  --dk:#f5f5f5 !important; --dk-2:#FFFFFF !important; --dk-3:#ececec !important;
  --iv:#17181a !important; --iv-2:rgba(23,24,26,.68) !important; --iv-3:rgba(23,24,26,.46) !important;
  --ln:rgba(23,24,26,.14) !important;
  --au:#4a4a4a !important;
  background:#f5f5f5 !important; color:#17181a !important;
}

/* ── 2. Capa de marca: lo que antes era negro ──────────────────────── */
html body.lujo .topbar,html body.lujo.claro .topbar{background:#0e0f10 !important;color:rgba(242,242,242,.72) !important}
html body.lujo .topbar b,html body.lujo.claro .topbar b{color:#d6d6d6 !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:#17181a !important;border-bottom:none !important}
html body.lujo.claro .hdr-icon,html body.lujo.claro .hdr-cart{color:#f2f2f2 !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:#d6d6d6 !important}
html body.lujo .hdr-cart-n,html body.lujo.claro .hdr-cart-n{background:#d6d6d6 !important;color:#0e0f10 !important;box-shadow:0 0 0 2px #17181a !important}
html body.lujo.claro .brand-t small,html body.lujo.claro .hdr-sec svg{color:#d6d6d6 !important;stroke:#d6d6d6 !important}
html body.lujo.claro .burger span{background:#f2f2f2 !important}

html body.lujo .nav,html body.lujo.claro .nav{background:#17181a !important;border-top:1px solid rgba(242,242,242,.08) !important}
html body.lujo .nav a,html body.lujo.claro .nav a{color:rgba(242,242,242,.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:#d6d6d6 !important}
html body.lujo .nav-drop-menu,html body.lujo.claro .nav-drop-menu{background:#202124 !important;border-color:rgba(242,242,242,.12) !important}

html body.lujo footer,html body.lujo.claro footer{background:#0e0f10 !important;color:rgba(242,242,242,.68) !important;border-top:none !important}
html body.lujo footer a:hover,html body.lujo.claro footer a:hover{color:#d6d6d6 !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%,#202124 50%,#17181a 100%) !important}
html body.lujo .lx-hero i,html body.lujo.claro .lx-hero i,html body.lujo.claro .lx-hero a:hover{color:#d6d6d6 !important}
html body.lujo .lx-hero .lx-btn:hover,html body.lujo.claro .lx-hero .lx-btn:hover{background:#d6d6d6 !important;border-color:#d6d6d6 !important;color:#0e0f10 !important}
html body.lujo .lx-houses,html body.lujo.claro .lx-houses{background:#0e0f10 !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:#d6d6d6 !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:#d6d6d6 !important}
html body.lujo.claro .lx-cat:hover .lx-cat-t .lx-link{color:#d6d6d6 !important;border-bottom-color:#d6d6d6 !important}
html body.lujo .slogan,html body.lujo.claro .slogan{background:#17181a !important}
html body.lujo .slogan small,html body.lujo.claro .slogan small{color:#d6d6d6 !important}
html body.lujo.claro .slogan .btn-gold:hover{background:#d6d6d6 !important;border-color:#d6d6d6 !important;color:#0e0f10 !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:#17181a !important}
html body.lujo.claro #mobmenu{background:#FFFFFF !important}
html body.lujo .mm-n{color:#d6d6d6 !important}
html body.lujo.claro .mm-n{color:#4a4a4a !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:#4a4a4a !important;stroke:#4a4a4a !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:#4a4a4a !important;border-color:#4a4a4a !important;color:#FFFFFF !important}
html body.lujo.claro .pay-opt.sel{border-color:#4a4a4a !important;background:#f2f2f2 !important}
html body.lujo.claro .pay-opt.sel .pay-check{background:#4a4a4a !important;border-color:#4a4a4a !important}
.btn-gold,html body .btn-gold{background:linear-gradient(90deg,#333333,#4a4a4a 70%,#6b6b6b) !important;color:#FFFFFF !important}
html body.lujo .btn-gold{background:#d6d6d6 !important;color:#0e0f10 !important}
html body.lujo.claro .btn-gold{background:#17181a !important;color:#f2f2f2 !important}
html body.lujo.claro .btn-gold:hover{background:#202124 !important}
.ee-cup-box button,html body .ee-cup-box button{background:#4a4a4a !important;color:#FFFFFF !important}

/* ── 4. Cuenta del cliente (panel) ──────────────────────────────────── */
html body :root,.px{--bg:#f5f5f5 !important;--card:#FFFFFF !important;--line:#dcdcdc !important;--line2:#eaeaea !important;--ink:#17181a !important;--soft:#3a3a3a !important;
  --mut:#6e6e6e !important;--faint:#a6a6a6 !important;--gold:#4a4a4a !important;--gold-d:#333333 !important;--esp:#17181a !important;--gray-bg:#ececec !important}
html body:has(.px),html body.lujo:has(.px),html body.lujo.claro:has(.px){background:#f5f5f5 !important;color:#17181a !important}
.px-side{background:#17181a !important;color:#d2d2d2 !important}
.px-brand small,.px-nav a i,.px-nav a.on{color:#d6d6d6 !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:#d6d6d6 !important}
.px-top{background:#17181a !important}
.px-top button{color:#d6d6d6 !important}
.px-av{background:linear-gradient(145deg,#d6d6d6,#dedede 55%,#c2c2c2) !important;color:#0e0f10 !important}
.px-saldo,.px-kpi.oro{border-color:#c2c2c2 !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:#333333 !important}
.px-barra i{background:linear-gradient(90deg,#4a4a4a,#c2c2c2) !important}
.px-paso{background:#17181a !important}
.px-paso-i{background:rgba(214,214,214,.2) !important}
.px-paso-i svg{stroke:#d6d6d6 !important}
.px-ref-big{border-color:#c2c2c2 !important;background:rgba(160,160,160,.12) !important}
html body .px-filtros button.on{background:#17181a !important;border-color:#17181a !important}
.px-b{background:#17181a !important}
.px-b:hover{background:#202124 !important;opacity:1 !important}
:root{--bone:#f5f5f5 !important;--esp:#17181a !important}
header{background:#17181a !important}
.au-pitch h2 span,.au .alt a{color:#333333 !important}
html body .au .btn{background:#17181a !important}
html body .au .btn:hover{background:#333333 !important}

/* Icono de cuenta en la cabecera y modal de entrar */
html body .hdr-cuenta.on{background:linear-gradient(145deg,#d6d6d6,#dedede 55%,#c2c2c2) !important;color:#0e0f10 !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:#17181a !important;--po-au:#d6d6d6 !important}

/* Páginas Emprende / Nosotros: los tintes dorados se vuelven salvia-oro */
.em-kpi,.em-hero .eye::before,.cf-hero .eye::before{border-color:#4a4a4a}
.em-paso i,.cf-paso i,.cf-card .ic svg{color:#4a4a4a !important;stroke:#4a4a4a !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:#4a4a4a !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:#4a4a4a !important;border-color:#4a4a4a !important}
.em-cash-n{border-color:#4a4a4a !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:#17181a !important;border-color:#17181a !important;color:#f2f2f2 !important}
.em-f .inp:focus-within{border-color:#4a4a4a !important}
.em-res .bar .b .g{background:#4a4a4a !important}
.em-pz .gana{background:rgba(23,24,26,.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:'Plus Jakarta Sans','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:'Plus Jakarta Sans','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:#17181a !important;color:#17181a !important}
html body .more-btn:hover{background:#17181a !important;color:#f2f2f2 !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(23,24,26,.35) !important}
html body .card{border:1px solid rgba(23,24,26,.16) !important}
html body .card:hover{transform:translateY(-2px) !important;border-color:#17181a !important;box-shadow:0 18px 36px -24px rgba(23,24,26,.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(23,24,26,.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:#6b6b6b !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:#17181a !important;border-color:#17181a !important;color:#f2f2f2 !important}
html body .card-badge{background:#17181a !important;color:#d6d6d6 !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 #d6d6d6 !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:#d6d6d6 !important}

/* Tira de casas: en serif itálica, como firma */
html body .lx-tira span{font-family:'Plus Jakarta Sans','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 #17181a / #000 ──────────── */
html body.lujo .cat-pv,html body.lujo.claro .cat-pv{background:#17181a !important;border:1px solid rgba(242,242,242,.1) !important;color:#f2f2f2 !important}
html body.lujo .cat-pv-t i,html body.lujo.claro .cat-pv-t i{color:rgba(242,242,242,.6) !important}
html body.lujo .cat-pv-t em,html body.lujo.claro .cat-pv-t em{color:#d6d6d6 !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:#17181a !important;border-color:#17181a !important;color:#f2f2f2 !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:#333333 !important;border-color:#333333 !important}
html body .card-badge.badge-new{color:#d6d6d6 !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(23,24,26,.35) !important}
html body.lujo .card,html body.lujo.claro .card{border:1px solid rgba(23,24,26,.16) !important;background:#FFFFFF !important}
html body.lujo .card:hover,html body.lujo.claro .card:hover{transform:translateY(-2px) !important;border-color:#17181a !important;box-shadow:0 18px 36px -24px rgba(23,24,26,.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:#17181a !important;border:1px solid rgba(242,242,242,.1) !important;color:#f2f2f2 !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(242,242,242,.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:#f2f2f2 !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:#d6d6d6 !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:#d6d6d6 !important}
html body.lujo .pw-card .ps-copy:hover{background:#d6d6d6 !important;border-color:#d6d6d6 !important;color:#0e0f10 !important}
html body .pw-ok .oid{background:rgba(214,214,214,.14) !important;color:#d6d6d6 !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:#f1f1f1 !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,#202124,#0e0f10) !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(242,242,242,.12) !important;color:#eaeaea !important;display:grid;place-items:center}
html body #mobmenu#mobmenu .mm-close:hover{background:rgba(242,242,242,.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:#17181a !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:#4a4a4a !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 #ececec !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:#17181a !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:#f5f5f5 !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:#f1f1f1 !important;border-top:1px solid #ececec !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:#17181a !important;border:0 !important;color:#f2f2f2 !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:#202124 !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:#f1f1f1 !important;border-color:#ececec !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 #f5f5f5 !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:#f5f5f5 !important;border-color:#f5f5f5 !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 #f5f5f5 !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
   (#4a4a4a) 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:#d6d6d6 !important;-webkit-text-fill-color:#d6d6d6 !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:#ececec !important}
html body.lujo.claro .card .card-house span:first-child,html body.lujo .card .card-house span:first-child{color:#4a4a4a !important;font-weight:700 !important}
html body.lujo.claro .card .card-price .now,html body.lujo .card .card-price .now{color:#17181a !important}
html body.lujo.claro .card .card-buy,html body.lujo .card .card-buy{background:#e8e8e8 !important;color:#17181a !important;border:1px solid #d9d9d9 !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:#17181a !important;color:#f2f2f2 !important;border-color:#17181a !important}
html body.lujo.claro .card .card-add,html body.lujo .card .card-add{background:#242628 !important;color:#f2f2f2 !important;border:0 !important}
html body.lujo.claro .card .card-add:hover,html body.lujo .card .card-add:hover{background:#17181a !important}
html body.lujo.claro .card .card-qty,html body.lujo .card .card-qty{border-color:#d9d9d9 !important;background:#f1f1f1 !important}
html body.lujo.claro .card .card-qty .cq,html body.lujo.claro .card .card-qty b{color:#17181a !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%,#8a8a8a 45%,#6b6b6b 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,#202124,#0e0f10) !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:#8a8a8a !important;font-style:normal !important}
html body.lujo .lx-ben b,html body.lujo.claro .lx-ben b{color:#f2f2f2 !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:#17181a 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:#17181a !important}
html body #mobmenu#mobmenu .mm-a[href$="/emprende"] small{color:#4a4a4a !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:#f2f2f2;background:#17181a;padding:3px 9px;border-radius:100px}
html body #mobmenu#mobmenu .mm-a[href$="/emprende"] .mm-chev{stroke:#4a4a4a !important}
html body #mobmenu#mobmenu .mm-a[href$="/emprende"]:hover{background:linear-gradient(100deg,#f2f2f2,#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:#f2f2f2;background:#17181a;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,#17181a,#17181a);color:#f1f1f1;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:#f1f1f1}
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(242,242,242,.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(242,242,242,.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:#f1f1f1;color:#17181a}
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:'Assistant','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:'Assistant','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:'Playfair Display',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:#141414 !important}
html body.lujo .card-img{border-radius:0 !important}
html body.lujo .card-name{font-family:'Playfair Display',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:#141414 !important;border:1px solid #141414 !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:#141414 !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:#161616 !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:#161616 !important}
html body.lujo{background:#ffffff !important;color:#161616 !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 #ececec !important;box-shadow:none !important}
html body.lujo .topbar{background:#f5f5f3 !important;color:#5a5a5a !important}
html body.lujo .topbar b{color:#161616 !important}
html body.lujo .nav{background:#ffffff !important;border-bottom:1px solid #ececec !important}
html body.lujo .nav a,html body.lujo .nav button{color:#4a4a4a !important}
html body.lujo .nav a:hover,html body.lujo .nav button:hover,html body.lujo .nav .hot{color:#161616 !important}
html body.lujo .hdr-icon{border-color:#e3e3e3 !important;background:#fff !important}
html body.lujo .hdr-icon svg{stroke:#161616 !important}
/* Logo oscuro sobre header claro */
html body.lujo .hdr.hdr .logo-t{background-image:url(/uploads/marca-aurax-logo-dark.svg?v=1) !important}
html body.lujo .hdr.hdr .logo-n{color:#161616 !important}
html body.lujo .hdr.hdr .logo-s{color:#8a8a8a !important}
/* Footer claro */
html body.lujo footer{background:#faf9f7 !important;color:#161616 !important;border-top:1px solid #ececec}
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:#8a8a8a !important}
html body.lujo footer .ft-ul a,html body.lujo footer .ft-legal a,html body.lujo footer .ft-bottom{color:#4a4a4a !important}
html body.lujo footer .ft-ul a:hover,html body.lujo footer .ft-legal a:hover{color:#161616 !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:'Assistant','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:#161616 !important}
html body.lujo .hdr:not(#_){background:#ffffff !important;border-bottom:1px solid #ececec !important;box-shadow:none !important}
html body.lujo .nav:not(#_){background:#ffffff !important;border-bottom:1px solid #ececec !important}
html body.lujo .nav:not(#_) a,html body.lujo .nav:not(#_) button{color:#4a4a4a !important}
html body.lujo .nav:not(#_) a:hover,html body.lujo .nav:not(#_) .hot{color:#161616 !important}
html body.lujo footer:not(#_){background:#faf9f7 !important;color:#161616 !important;border-top:1px solid #ececec !important}
html body.lujo footer:not(#_) .ft-ab{color:#6a6a6a !important}
html body.lujo footer:not(#_) .ft-lbl{color:#8a8a8a !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:#4a4a4a !important}
html body.lujo .lx-houses:not(#_){background:#141414 !important;border-color:#141414 !important}
html body.lujo .lx-houses:not(#_)::before{background:linear-gradient(90deg,#141414,rgba(20,20,20,0)) !important}html body.lujo .lx-houses:not(#_)::after{background:linear-gradient(270deg,#141414,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:#141414 !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-aurax-logo-dark.svg?v=1) !important}

/* ax-dawn3: texto oscuro donde el tema oscuro dejaba texto claro (fix washed-out) */
html body.lujo .lx-cat:not(#_) .lx-eye{color:#c9a44a !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:#c9a44a !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:#4a4a4a !important}
html body.lujo footer:not(#_) .ft-ul a:hover,html body.lujo footer:not(#_) .ft-legal a:hover{color:#161616 !important}
html body.lujo .hdr:not(#_) .lang,html body.lujo .hdr:not(#_) .lang *,html body.lujo .hdr:not(#_) .lang-btn{color:#4a4a4a !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:#161616 !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:#141414 !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:#161616 !important}
html body.lujo .crea:not(#_) .crea-pasos b{background:#161616 !important;color:#ffffff !important}
html body.lujo .crea:not(#_) .btn-ghost{border-color:#d0d0d0 !important;color:#161616 !important}
html body.lujo .sh-hero:not(#_) .sh-eye{color:#6e6e6e !important}
/* Badge "Nuevo": era blanco sobre blanco */
html body.lujo .card-badge.badge-new:not(#_){background:#17181a !important;color:#f2f2f2 !important}
/* Catálogo */
html body.lujo .cat-srch:not(#_){background:#f5f5f5 !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:#8a8a8a !important}
html body.lujo .cat-count:not(#_){color:#5a5a5a !important}
html body.lujo .card-price:not(#_) .from{color:#6e6e6e !important}
html body.lujo .card-price:not(#_) .was{color:#8a8a8a !important}
html body.lujo .see-all:not(#_){border-bottom-color:rgba(0,0,0,.28) !important}
/* Ficha */
html body.lujo .add:not(#_){background:#161616 !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:#333333 !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:#4a4a4a !important;--gold-d:#333333 !important;--muted:#8a8a8a !important}

/* ax-cards-negro: tarjetas de producto NEGRAS (panel de foto claro) */
html body.lujo .card:not(#_){background:#141414 !important;border:1px solid #141414 !important;box-shadow:none !important}
html body.lujo .card:not(#_):hover{border-color:#000 !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:#141414 !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:#141414 !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:#141414 !important;border-color:#e6e6e6 !important}

/* ax-fix2: iconos header, topbar negro, botón slogan, nombre card negra */
html body.lujo .hdr:not(#_){color:#161616 !important}
html body.lujo .hdr:not(#_) svg{stroke:#161616 !important}
html body.lujo .hdr:not(#_) .logo-t{color:transparent !important}
html body.lujo .topbar:not(#_){background:#141414 !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:#141414 !important;color:#ffffff !important;border-color:#141414 !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:#161616 !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:#161616;transition:width .2s}
html body.lujo .see-all:not(#_):hover,html body.lujo .volver:not(#_):hover{color:#000 !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:#161616 !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:#000 !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:#0e0f10 !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:#161616 !important}
html body.menu-open.lujo .burger:not(#_) span{background:#161616 !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:#0e0f10 !important;border-bottom:1px solid rgba(201,164,74,.20) !important;color:#efe7d2 !important}
html body.lujo .hdr:not(#_) svg{stroke:#e7ddc6 !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:#e7ddc6 !important}
html body.lujo .hdr:not(#_) .hdr-icon:hover,html body.lujo .hdr:not(#_) .hdr-cart:hover{border-color:#c9a44a !important;color:#c9a44a !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:#c9a44a !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:#e7ddc6 !important}
html body.menu-open.lujo .burger:not(#_) span{background:#e7ddc6 !important}
/* Logo del header: imagen del dueño (cuadrada, dorada, transparente) */
html body .hdr.hdr .logo-t:not(#_){background-image:url(/uploads/logo-ee.png?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/logo-ee.png?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:#0d1016 !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:#0d1016;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:#c9a44a !important;color:#0d1016 !important;border-color:#c9a44a !important}
html body.lujo .sh-hero-img:not(#_) .sh-gold:hover{background:#d8b968 !important;color:#0d1016 !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:#c9a44a !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 #ececec !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:#161616 !important}
html body.lujo .card:not(#_) .card-price .now{color:#161616 !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:#8a8a8a !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:#161616 !important;color:#ffffff !important;border:1px solid #161616 !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:#c9a44a !important;color:#161616 !important;border-color:#c9a44a !important}