/* DAEM PARFUM - tema negro y oro, modo oscuro/claro */
:root{--oro:#d4af37;--oro2:#f2d780;--oro-osc:#a8791a;--f-tit:'Cormorant Garamond',Georgia,serif;--f-txt:'Manrope',system-ui,sans-serif;--r:16px;--sombra:0 18px 40px -18px rgba(0,0,0,.6);--t:.35s cubic-bezier(.2,.7,.2,1)}
[data-theme=dark]{--bg:#0a0a0b;--bg2:#121214;--card:#171719;--txt:#f4efe3;--soft:#a9a398;--gold:#d4af37;--gold-t:#e8c766;--linea:rgba(212,175,55,.2);--cab:rgba(10,10,11,.82);--foto:#ece3d3}
[data-theme=light]{--bg:#faf7f0;--bg2:#f1ebdd;--card:#fff;--txt:#17140e;--soft:#6a6254;--gold:#b8860b;--gold-t:#8a6508;--linea:rgba(138,101,8,.25);--cab:rgba(250,247,240,.86);--foto:#f0e8d8;--sombra:0 18px 36px -20px rgba(60,40,0,.35)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:110px}
body{font-family:var(--f-txt);background:var(--bg);color:var(--txt);line-height:1.6;transition:background var(--t),color var(--t);overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.contenedor{width:min(1180px,92%);margin-inline:auto}.centro{text-align:center}
h1,h2,h3{font-family:var(--f-tit);font-weight:600;line-height:1.1}h1{font-size:clamp(2.4rem,6vw,4.4rem)}h2{font-size:clamp(1.8rem,3.6vw,2.7rem)}h3{font-size:1.35rem}
em{font-style:italic;color:var(--gold)}.oro{color:var(--gold)}
.sobretitulo{text-transform:uppercase;letter-spacing:.28em;font-size:.72rem;color:var(--gold);font-weight:700;margin-bottom:.8rem}
/* aviso envios */
.aviso-envios{background:#000;color:#f2d780;overflow:hidden;white-space:nowrap;font-size:.72rem;font-weight:700;letter-spacing:.12em;padding:.55rem 0;border-bottom:1px solid var(--linea)}
.aviso-pista{display:inline-flex;gap:3rem;animation:marquee 38s linear infinite}.aviso-pista span{display:inline-flex;gap:.6rem;align-items:center}
@keyframes marquee{to{transform:translateX(-50%)}}
/* cabecera */
.cabecera{position:sticky;top:0;z-index:50;background:var(--cab);backdrop-filter:blur(14px);border-bottom:1px solid var(--linea);transition:padding var(--t),box-shadow var(--t)}
.cabecera.compacta{box-shadow:0 8px 24px -14px rgba(0,0,0,.7)}
.cabecera-fila{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0;transition:padding var(--t)}.cabecera.compacta .cabecera-fila{padding:.35rem 0}
.logo img{height:46px;width:auto;transition:height var(--t)}.cabecera.compacta .logo img{height:36px}
[data-theme=light] .logo img{filter:invert(1) hue-rotate(180deg) brightness(.75)}
.menu{display:flex;gap:.4rem}.menu a{padding:.5rem 1rem;border-radius:99px;font-size:.88rem;font-weight:600;position:relative;color:var(--soft);transition:color var(--t),background var(--t)}
.menu a:hover,.menu a.activo{color:var(--gold-t);background:rgba(212,175,55,.1)}
.cabecera-acciones{display:flex;gap:.4rem;align-items:center}
.icono-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--linea);position:relative;transition:transform var(--t),border-color var(--t),color var(--t)}
.icono-btn:hover{border-color:var(--gold);color:var(--gold-t);transform:translateY(-2px)}
.ico-claro{display:none}[data-theme=light] .ico-claro{display:block}[data-theme=light] .ico-oscuro{display:none}
.carrito-cuenta{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:99px;background:var(--gold);color:#000;font-size:.7rem;font-weight:800;display:grid;place-items:center;padding:0 5px}
.carrito-cuenta.salto{animation:salto .5s}@keyframes salto{40%{transform:scale(1.5)}}
.btn-menu{display:none}
/* botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.6rem;border-radius:99px;font-weight:700;font-size:.9rem;letter-spacing:.03em;transition:transform var(--t),box-shadow var(--t),background var(--t);border:1px solid transparent;position:relative;overflow:hidden}
.btn:hover{transform:translateY(-3px)}
.btn-oro{background:linear-gradient(135deg,#f2d780,#d4af37 55%,#a8791a);color:#15110a;box-shadow:0 10px 24px -10px rgba(212,175,55,.7)}
.btn-oro::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-120%);transition:transform .8s}.btn-oro:hover::after{transform:translateX(120%)}
.btn-borde{border-color:var(--gold);color:var(--gold-t)}.btn-borde:hover{background:rgba(212,175,55,.12)}
.btn-wa{background:#1fa855;color:#fff}.btn-wa:hover{background:#188a45}
.btn-chico{padding:.55rem 1rem;font-size:.8rem}.btn-grande{padding:1rem 2rem;font-size:1rem;width:100%}
/* hero */
.hero{position:relative;padding:4.5rem 0 0;overflow:hidden;background:radial-gradient(ellipse at 20% 0,rgba(212,175,55,.16),transparent 55%),var(--bg)}
.hero-brillo{position:absolute;width:520px;height:520px;right:-140px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.3),transparent 65%);animation:flota 9s ease-in-out infinite}
@keyframes flota{50%{transform:translate(-30px,30px) scale(1.1)}}
.hero-grid{position:relative}.hero-texto{max-width:720px}.hero-sub{font-size:1.1rem;color:var(--soft);margin:1.2rem 0 2rem;max-width:560px}
.hero-botones{display:flex;gap:.8rem;flex-wrap:wrap}
.hero-datos{display:flex;gap:2.4rem;list-style:none;margin-top:2.4rem}.hero-datos-centro{justify-content:center;margin-top:3rem}
.hero-datos b{display:block;font-family:var(--f-tit);font-size:2.4rem;color:var(--gold-t);line-height:1}.hero-datos span{font-size:.78rem;color:var(--soft);text-transform:uppercase;letter-spacing:.14em}
.pasarela{margin-top:3rem;overflow:hidden;padding:1.4rem 0;border-top:1px solid var(--linea);background:linear-gradient(var(--bg2),var(--bg));-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.pasarela-pista{display:flex;gap:1.1rem;width:max-content;animation:marquee 70s linear infinite}.pasarela:hover .pasarela-pista{animation-play-state:paused}
.pasarela-item{width:130px;flex:none;text-align:center;font-size:.7rem;color:var(--soft);transition:transform var(--t)}.pasarela-item:hover{transform:translateY(-8px) scale(1.05)}
.pasarela-item img{width:130px;height:174px;object-fit:cover;border-radius:12px;border:1px solid var(--linea);margin-bottom:.4rem;background:var(--foto)}
.pasarela-item span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* secciones */
.seccion{padding:5rem 0}.seccion-chica{padding:2.5rem 0 4rem}.seccion-alt{background:var(--bg2)}
.titulo-seccion{text-align:center;margin-bottom:2.6rem}
.cabecera-pagina{padding:3.4rem 0 2rem;text-align:center;background:radial-gradient(ellipse at 50% 0,rgba(212,175,55,.14),transparent 65%)}
.cabecera-sub{max-width:680px;margin:1rem auto 0;color:var(--soft)}
.seccion-cta{background:linear-gradient(135deg,#0a0a0b,#1c1608);color:#f4efe3;text-align:center}.seccion-cta p{color:#c9c2b3;margin:1rem 0 1.8rem}
/* categorias */
.grid-cat{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.2rem;margin:2rem 0}
.cat-card{background:var(--card);border:1px solid var(--linea);border-radius:var(--r);padding:2rem 1.5rem;text-align:center;transition:transform var(--t),border-color var(--t),box-shadow var(--t)}
.cat-card:hover{transform:translateY(-8px);border-color:var(--gold);box-shadow:var(--sombra)}
.cat-card>i{font-size:2rem;color:var(--gold);margin-bottom:.8rem;transition:transform .6s}.cat-card:hover>i{transform:rotateY(360deg)}
.cat-card p{color:var(--soft);font-size:.88rem}.cat-card span{display:inline-block;margin-top:.8rem;color:var(--gold-t);font-weight:700;font-size:.85rem}
.cat-card-oro{background:linear-gradient(145deg,#1d1608,#0e0b04);border-color:var(--gold);color:#f4efe3}
.grid-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem}
.info-card{background:var(--card);border:1px solid var(--linea);border-radius:var(--r);padding:1.6rem;transition:transform var(--t),border-color var(--t)}.info-card:hover{transform:translateY(-5px);border-color:var(--gold)}
.info-card>i{font-size:1.6rem;color:var(--gold);margin-bottom:.6rem}.info-card p{color:var(--soft);font-size:.92rem;margin-top:.4rem}
/* tabs */
.tabs,.subtabs{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1.4rem}
.tabs{justify-content:center}.tabs a{padding:.7rem 1.4rem;border-radius:99px;border:1px solid var(--linea);font-weight:700;font-size:.9rem;transition:all var(--t)}
.tabs a small,.subtabs a small{opacity:.65;margin-left:.3rem}.tabs a:hover,.tabs a.activo{background:var(--gold);color:#15110a;border-color:var(--gold)}
.subtabs a{padding:.45rem 1rem;border-radius:99px;font-size:.84rem;font-weight:600;color:var(--soft);border:1px solid transparent}.subtabs a.activo,.subtabs a:hover{color:var(--gold-t);border-color:var(--linea);background:rgba(212,175,55,.08)}
.buscador{margin-left:auto;display:flex;align-items:center;gap:.5rem;border:1px solid var(--linea);border-radius:99px;padding:.45rem 1rem;background:var(--card);min-width:220px}
.buscador input{border:0;background:none;outline:0;color:var(--txt);font:inherit;font-size:.85rem;width:100%}.buscador i{color:var(--gold)}
.intro-cat{max-width:720px;margin:0 auto 2rem;text-align:center;color:var(--soft)}
.bloque-cat{margin:2.6rem 0}.bloque-cab{margin-bottom:1.4rem;border-left:3px solid var(--gold);padding-left:1rem}.bloque-cab p{color:var(--soft);max-width:760px;font-size:.92rem}
/* tarjetas */
.grid-perfumes{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:1.3rem}
.tarjeta{background:var(--card);border:1px solid var(--linea);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--t),box-shadow var(--t),border-color var(--t)}
.tarjeta:hover{transform:translateY(-8px);box-shadow:var(--sombra);border-color:var(--gold)}
.tarjeta-foto{position:relative;display:block;aspect-ratio:3/4;background:var(--foto);overflow:hidden}.tarjeta-foto img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.tarjeta:hover .tarjeta-foto img{transform:scale(1.07)}
.tarjeta-agotada .tarjeta-foto img{filter:grayscale(.7) opacity(.75)}
.foto-vacia{display:grid;place-items:center;height:100%;font-size:3rem;color:var(--gold);width:100%}
.insignia{position:absolute;top:10px;left:10px;font-size:.68rem;font-weight:800;padding:.25rem .65rem;border-radius:99px;letter-spacing:.05em;text-transform:uppercase}
.insignia-agotado{background:#000;color:#fff}.insignia-bajo{background:#c0392b;color:#fff}.insignia-parcial{background:var(--gold);color:#15110a}
.tarjeta-cuerpo{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.25rem;flex:1}
.tarjeta-marca{font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:var(--gold-t);font-weight:700}
.tarjeta-nombre{font-size:1.2rem}.tarjeta-meta{font-size:.76rem;color:var(--soft)}.tarjeta-meta i{font-size:.5rem;vertical-align:middle;margin-right:.3rem}
.stock-ok i,.stock-ok{color:#2e9e5b}.stock-bajo i,.stock-bajo{color:#d9822b}.stock-agotado i,.stock-agotado{color:#c0392b}.tarjeta-meta.stock-ok,.tarjeta-meta.stock-bajo,.tarjeta-meta.stock-agotado{color:var(--soft)}
.tarjeta-pie{margin-top:auto;padding-top:.7rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.precio{font-family:var(--f-tit);font-size:1.5rem;font-weight:700;color:var(--gold-t)}
.barra-parcial{height:8px;border-radius:99px;background:rgba(128,128,128,.25);overflow:hidden;margin:.4rem 0}.barra-parcial i{display:block;height:100%;background:linear-gradient(90deg,#a8791a,#f2d780);border-radius:99px;transform-origin:left;animation:llenar 1.2s ease both}.barra-parcial.grande{height:12px}
@keyframes llenar{from{transform:scaleX(0)}}
.vacio{text-align:center;padding:3rem 1rem;color:var(--soft)}.vacio>i{font-size:2.6rem;color:var(--gold);margin-bottom:1rem}.vacio .btn{margin-top:1rem}
/* clientes */
.grid-resenas{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.2rem;margin-bottom:2rem}
.resena-foto{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:3/4;background:#000;border:1px solid var(--linea)}
.resena-foto img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.resena-foto:hover img{transform:scale(1.06)}
.resena-foto figcaption{position:absolute;inset:auto 0 0;padding:3rem 1rem 1rem;background:linear-gradient(transparent,rgba(0,0,0,.92));color:#fff;text-align:center;font-size:.85rem}
.resena-foto q{display:block;font-style:italic;margin:.3rem 0 .5rem;font-size:.82rem}.resena-foto b{font-size:.85rem}.resena-foto b i{color:#3aa0ff}
.estrellas{color:#f2c94c;letter-spacing:.15em;font-size:1rem}
.google-resumen{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center;background:var(--card);border:1px solid var(--linea);border-radius:var(--r);padding:1rem 1.4rem;margin-bottom:2rem}.google-resumen>i{font-size:1.8rem;color:var(--gold)}.google-resumen span{display:block;font-size:.85rem;color:var(--soft)}
.muro{columns:4 200px;column-gap:1rem}.muro-item{display:block;width:100%;margin-bottom:1rem;border-radius:var(--r);overflow:hidden;border:1px solid var(--linea);break-inside:avoid}.muro-item img{width:100%;transition:transform .6s}.muro-item:hover img{transform:scale(1.05)}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:200;display:grid;place-items:center;padding:1rem}.lightbox[hidden]{display:none}.lightbox img{max-height:90vh;max-width:94vw;border-radius:12px;animation:aparece .3s}.lightbox-x{position:absolute;top:1rem;right:1.2rem;color:#fff;font-size:1.8rem}
@keyframes aparece{from{opacity:0;transform:scale(.94)}}
/* nosotros / ubicacion */
.dos-col{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.dos-col p{margin:.9rem 0;color:var(--soft)}
.marco-oro{border:1px solid var(--gold);border-radius:var(--r);padding:12px;position:relative}.marco-oro img{border-radius:10px;width:100%}
.mapa iframe{width:100%;height:380px;border:1px solid var(--linea);border-radius:var(--r)}.dato{display:flex;gap:.7rem;align-items:center;color:var(--txt)!important}.dato i{color:var(--gold);width:1.2rem}
.texto-legal{max-width:760px}.texto-legal h2{font-size:1.7rem;margin:2rem 0 .6rem;color:var(--gold-t)}.texto-legal p{color:var(--soft)}.aviso-borrador{background:rgba(212,175,55,.12);border:1px dashed var(--gold);border-radius:10px;padding:.8rem 1rem;font-size:.85rem}
/* ficha */
.migas{font-size:.8rem;color:var(--soft);margin-bottom:1.5rem}.migas a:hover{color:var(--gold-t)}.migas span{color:var(--gold-t)}
.ficha{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:3rem;align-items:start}
.galeria{position:sticky;top:110px}.galeria-marco{position:relative;aspect-ratio:3/4;background:var(--foto);border-radius:var(--r);overflow:hidden;border:1px solid var(--linea)}
.galeria-marco>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .8s,transform 1.2s}.galeria-marco>img.activa{opacity:1;transform:scale(1)}
.gal-flecha{position:absolute;top:50%;translate:0 -50%;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;z-index:2;opacity:0;transition:opacity var(--t)}.galeria-marco:hover .gal-flecha{opacity:1}.gal-flecha.izq{left:10px}.gal-flecha.der{right:10px}
.galeria-mini{display:flex;gap:.6rem;margin-top:.8rem}.galeria-mini button{width:70px;height:70px;border-radius:10px;overflow:hidden;border:2px solid transparent;opacity:.6;transition:all var(--t)}.galeria-mini button.activa,.galeria-mini button:hover{border-color:var(--gold);opacity:1}.galeria-mini img{width:100%;height:100%;object-fit:cover}
.chips{display:flex;gap:.4rem;margin-bottom:.8rem}.chip{font-size:.7rem;font-weight:700;padding:.25rem .8rem;border-radius:99px;border:1px solid var(--linea);color:var(--soft);text-transform:uppercase;letter-spacing:.08em}.chip-oro{background:var(--gold);color:#15110a;border-color:var(--gold)}
.ficha-marca{color:var(--gold-t);text-transform:uppercase;letter-spacing:.22em;font-size:.8rem;font-weight:700}.ficha-info h1{font-size:clamp(2.2rem,4vw,3.3rem);margin:.3rem 0 .6rem}
.ficha-stock{font-size:.85rem;font-weight:600}.ficha-stock i{font-size:.55rem;margin-right:.3rem}.ficha-desc{color:var(--soft);margin:1rem 0 1.6rem}
.ficha-sub{font-family:var(--f-txt);font-size:.78rem;text-transform:uppercase;letter-spacing:.2em;color:var(--gold-t);margin-bottom:.8rem}
.presentaciones{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.7rem}
.pres{position:relative;cursor:pointer}.pres input{position:absolute;opacity:0}.pres-caja{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.15rem;border:2px solid var(--linea);border-radius:12px;padding:1rem .5rem;background:var(--card);transition:all var(--t);height:100%}
.pres:hover .pres-caja{border-color:var(--gold)}.pres input:checked+.pres-caja{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.25);transform:translateY(-3px)}
.pres-precio{font-family:var(--f-tit);font-size:1.5rem;font-weight:700;color:var(--gold-t)}.pres small{font-size:.7rem;color:var(--soft)}
.pres-top{position:absolute;top:-9px;left:50%;translate:-50% 0;z-index:1;background:#000;color:#f2d780;font-size:.6rem;font-style:normal;font-weight:800;padding:.15rem .6rem;border-radius:4px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.pres-off{opacity:.45;cursor:not-allowed}
.compra{display:flex;gap:.8rem;align-items:center;margin:1.4rem 0;flex-wrap:wrap}.compra .btn{flex:1;min-width:220px}.compra-precio{font-family:var(--f-tit);font-size:2.4rem;color:var(--gold-t);font-weight:700}
.cantidad{display:flex;align-items:center;border:1px solid var(--linea);border-radius:99px;overflow:hidden}.cantidad button{width:42px;height:46px;font-size:1.2rem}.cantidad button:hover{background:rgba(212,175,55,.15)}.cantidad input{width:36px;text-align:center;border:0;background:none;color:var(--txt);font:inherit;font-weight:700}
.ficha-nota{font-size:.82rem;color:var(--soft)}.ficha-nota a{color:var(--gold-t);text-decoration:underline}
.parcial-box{background:var(--card);border:1px solid var(--linea);border-radius:12px;padding:1rem 1.2rem;font-size:.9rem;color:var(--soft)}
.acordeones{margin-top:1.6rem;display:grid;gap:.6rem}.acordeon{border:1px solid var(--linea);border-radius:12px;background:var(--card);overflow:hidden}
.acordeon summary{list-style:none;padding:1rem 1.2rem;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.acordeon summary::-webkit-details-marker{display:none}
.acordeon summary::after{content:'+';font-size:1.4rem;color:var(--gold);transition:transform var(--t)}.acordeon[open] summary::after{transform:rotate(45deg)}
.acordeon-cuerpo{padding:0 1.2rem 1.2rem;color:var(--soft);font-size:.92rem;animation:aparece .35s}.notas-img{border-radius:10px;width:100%;max-width:420px;margin:auto}
.tabla-sprays{width:100%;border-collapse:collapse;margin-top:.8rem}.tabla-sprays td{padding:.6rem .4rem;border-top:1px solid var(--linea)}
/* carrito */
.carrito-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:2rem;align-items:start}.carrito-grid[hidden],.vacio[hidden]{display:none}
.carrito-linea{display:grid;grid-template-columns:80px 1fr auto;gap:1rem;align-items:center;background:var(--card);border:1px solid var(--linea);border-radius:12px;padding:.8rem;margin-bottom:.8rem;animation:aparece .4s}
.carrito-linea img{width:80px;height:100px;object-fit:cover;border-radius:8px;background:var(--foto)}.carrito-linea h3{font-size:1.15rem}.carrito-linea small{color:var(--soft)}
.linea-der{text-align:right;display:grid;gap:.4rem;justify-items:end}.linea-der .cantidad button{height:34px;width:34px}.linea-quitar{font-size:.75rem;color:#c0392b;text-decoration:underline}
.resumen{background:var(--card);border:1px solid var(--gold);border-radius:var(--r);padding:1.6rem;position:sticky;top:110px}
.resumen h2{font-size:1.7rem;margin-bottom:1rem}.resumen-fila{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--linea);font-size:.92rem}.resumen-fila.promo{color:#2e9e5b}.resumen-fila.total{font-size:1.25rem;font-weight:800;border:0;color:var(--gold-t)}
.campo{margin-top:.9rem}.campo label{display:block;font-size:.78rem;font-weight:700;margin-bottom:.3rem;color:var(--soft)}.campo input{width:100%;padding:.8rem 1rem;border-radius:10px;border:1px solid var(--linea);background:var(--bg);color:var(--txt);font:inherit}.campo input:focus{outline:2px solid var(--gold);border-color:var(--gold)}
.resumen-nota{font-size:.75rem;color:var(--soft);margin:.9rem 0}.error-form{color:#e55;font-size:.85rem;margin-bottom:.6rem}.resumen .btn{margin-top:.3rem}
.promo-barra{display:grid;gap:.7rem;margin-bottom:1.2rem}.promo-item{background:linear-gradient(135deg,rgba(212,175,55,.14),transparent);border:1px solid var(--linea);border-radius:12px;padding:.8rem 1rem;font-size:.85rem}.promo-item.ok{border-color:#2e9e5b}.promo-item b{color:var(--gold-t)}.promo-item .barra-parcial{margin:.5rem 0 0}
.avisos p{font-size:.82rem;color:#d9822b;margin:.3rem 0}
/* pie */
.pie{background:#000;color:#cfc8b8;border-top:1px solid var(--linea);padding:1.4rem 0 .8rem}
.pie-fila{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;align-items:flex-start}.pie h4{font-family:var(--f-tit);color:#f2d780;font-size:1.1rem;margin-bottom:.4rem}
.pie-enlace{display:flex;gap:.6rem;align-items:center;font-size:.86rem;padding:.2rem 0;transition:color var(--t),transform var(--t)}.pie-enlace:hover{color:#f2d780;transform:translateX(4px)}.pie-enlace i{color:#d4af37;width:1.1rem}
.pie-politicas{position:relative}.pie-politicas-btn{color:#f2d780;font-weight:700;font-size:.9rem;border:1px solid rgba(212,175,55,.35);border-radius:99px;padding:.55rem 1.1rem;display:flex;gap:.6rem;align-items:center}.pie-politicas-btn i{transition:transform var(--t);font-size:.7rem}.pie-politicas-btn[aria-expanded=true] i{transform:rotate(180deg)}
.pie-politicas-lista{position:absolute;right:0;bottom:calc(100% + 8px);list-style:none;background:#faf7f0;color:#1a1a1a;border-radius:14px;padding:.6rem;min-width:240px;box-shadow:0 20px 40px -10px rgba(0,0,0,.7);opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--t)}
.pie-politicas-lista.abierta{opacity:1;visibility:visible;transform:none}.pie-politicas-lista a{display:block;padding:.55rem .9rem;border-radius:8px;font-size:.88rem}.pie-politicas-lista a:hover{background:#efe6d0}
.pie-copy{text-align:center;font-size:.72rem;color:#7d7668;margin-top:1rem}
.wa-flotante{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;background:#1fa855;color:#fff;display:grid;place-items:center;font-size:1.9rem;z-index:60;box-shadow:0 10px 24px rgba(0,0,0,.45);animation:pulso 2.4s infinite}
@keyframes pulso{0%{box-shadow:0 0 0 0 rgba(31,168,85,.6)}70%{box-shadow:0 0 0 18px rgba(31,168,85,0)}100%{box-shadow:0 0 0 0 rgba(31,168,85,0)}}
.toast{position:fixed;left:50%;bottom:90px;translate:-50% 20px;background:#000;color:#f2d780;border:1px solid var(--gold);padding:.8rem 1.4rem;border-radius:99px;z-index:300;opacity:0;pointer-events:none;transition:all .4s;font-size:.88rem;font-weight:600}.toast.on{opacity:1;translate:-50% 0}
/* promo */
.promo-fondo{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:150;backdrop-filter:blur(3px)}
.promo-modal{position:fixed;z-index:160;left:50%;top:50%;translate:-50% -50%;width:min(720px,92vw);display:grid;grid-template-columns:.9fr 1.1fr;background:#faf7f0;color:#15110a;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.7);animation:aparece .5s}
.promo-modal[hidden],.promo-fondo[hidden],.promo-chip[hidden]{display:none}
.promo-arte{background:radial-gradient(circle at 30% 20%,#3a2c0c,#050505);color:#f2d780;display:grid;place-content:center;text-align:center;padding:1.5rem}.promo-arte span{font-family:var(--f-tit);font-size:6rem;line-height:1;font-weight:700;background:linear-gradient(#fff3c4,#d4af37);-webkit-background-clip:text;background-clip:text;color:transparent}.promo-arte small{font-size:2.6rem}.promo-arte em{color:#f2d780;letter-spacing:.4em;font-size:.75rem;font-style:normal}
.promo-texto{padding:2rem 1.8rem}.promo-sobre{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;font-weight:800;color:#8a6508}.promo-texto h3{font-size:2rem;margin:.4rem 0 .8rem}.promo-texto p{font-size:.88rem;color:#4a4333}
.promo-reloj{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800;background:#000;color:#f2d780;border-radius:10px;text-align:center;padding:.4rem;margin:1rem 0}.promo-texto .btn{width:100%}.promo-texto small{display:block;text-align:center;margin-top:.7rem;color:#6a6254;font-size:.72rem}
.promo-cerrar{position:absolute;top:10px;right:14px;z-index:2;font-size:1.3rem;color:#15110a;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.75)}
.promo-chip{position:fixed;left:16px;bottom:18px;z-index:70;display:flex;gap:.5rem;align-items:center;background:linear-gradient(135deg,#f2d780,#d4af37);color:#15110a;padding:.65rem 1.1rem;border-radius:99px;font-size:.82rem;box-shadow:0 10px 24px rgba(0,0,0,.45);animation:rebote 3s infinite}.promo-chip span{font-variant-numeric:tabular-nums;font-weight:800;background:#000;color:#f2d780;padding:.1rem .5rem;border-radius:99px}
@keyframes rebote{0%,88%,100%{transform:none}94%{transform:translateY(-7px)}}
/* animaciones de entrada */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.reveal.visto{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* responsive */
@media(max-width:900px){.dos-col,.ficha,.carrito-grid{grid-template-columns:1fr}.galeria,.resumen{position:static}.btn-menu{display:grid}
.menu{position:fixed;inset:0 0 auto;top:var(--alto-cab,100px);flex-direction:column;background:var(--bg);padding:1rem;border-bottom:1px solid var(--linea);transform:translateY(-130%);opacity:0;transition:all var(--t);z-index:-1}.menu.abierto{transform:none;opacity:1}.menu a{padding:.9rem 1rem}}
@media(max-width:640px){.promo-modal{grid-template-columns:1fr}.promo-arte{padding:.8rem}.promo-arte span{font-size:3.4rem}.promo-arte small{font-size:1.5rem}.hero{padding-top:3rem}.hero-datos{gap:1.4rem}.buscador{margin-left:0;width:100%}.grid-perfumes{grid-template-columns:repeat(2,1fr);gap:.8rem}.tarjeta-pie{flex-direction:column;align-items:stretch}.tarjeta-pie .btn{width:100%}.carrito-linea{grid-template-columns:64px 1fr}.carrito-linea img{width:64px;height:84px}.linea-der{grid-column:1/-1;grid-auto-flow:column;justify-content:space-between;justify-items:stretch;align-items:center}.pie-politicas-lista{right:auto;left:0}}
/* Refinamiento DAEM · catálogo y móvil */
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--gold-t);outline-offset:4px}
.logo{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.logo span{font-family:var(--f-tit);font-size:1.35rem;letter-spacing:.1em;line-height:1.05}.logo b{display:block;font:600 .62rem var(--f-txt);letter-spacing:.38em;margin-top:5px}
[data-theme=light]{--bg:#fcfaf6;--bg2:#f3eee5;--card:#fff;--txt:#29241e;--soft:#665f55;--gold:#977019;--gold-t:#805b10;--linea:#dfd5c3;--cab:rgba(252,250,246,.96);--foto:#eee8df}
[data-theme=light] .logo img{filter:none;background:#171719;border-radius:9px;padding:4px}
[data-theme=light] .hero{background:radial-gradient(ellipse at 70% 5%,#e9d4a366,transparent 60%),var(--bg)}
[data-theme=light] .seccion-cta{background:#eee4d4;color:var(--txt)}[data-theme=light] .seccion-cta p{color:var(--soft)}
[data-theme=light] .pie{background:#ede5d8;color:#4d453a}[data-theme=light] .pie h4,[data-theme=light] .pie-politicas-btn,[data-theme=light] .pie-enlace i{color:#76530b}[data-theme=light] .pie-copy{color:#6c6357}
[data-theme=light] .tabs a.activo,[data-theme=light] .tabs a:hover{background:#30271b;color:#fff}[data-theme=light] .stock-ok{color:#237541}
.grid-cat{grid-template-columns:repeat(3,minmax(0,1fr))}.texto-suave{color:var(--soft);margin-top:.65rem}
.categorias-visuales{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:2.5rem}
.categoria-visual{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--linea);border-radius:16px;overflow:hidden;transition:transform .25s,border-color .25s}
.categoria-visual:hover{transform:translateY(-4px)}.categoria-visual.activa{border:2px solid var(--gold)}.categoria-visual img{width:100%;height:170px;object-fit:cover;object-position:center 45%;background:var(--foto)}.categoria-visual>div{padding:1rem}.categoria-visual h3{font-size:1.65rem}.categoria-visual p{font-size:.76rem;line-height:1.65;color:var(--soft);margin-top:.5rem}
.catalogo-herramientas{display:flex;gap:1rem;align-items:end;flex-wrap:wrap;padding:1.2rem;background:var(--bg2);border-radius:16px}.catalogo-herramientas>label:not(.buscador){font-size:.75rem;color:var(--soft);display:flex;flex-direction:column;gap:5px}.catalogo-herramientas .buscador{margin:0;flex:1;min-width:220px;border-radius:9px;padding:.7rem 1rem}.catalogo-herramientas select,.catalogo-herramientas input[type=number]{font:inherit;color:var(--txt);background:var(--card);border:1px solid var(--linea);border-radius:8px;padding:.7rem;min-height:42px}.catalogo-herramientas input[type=number]{width:120px}.catalogo-herramientas .solo-stock{flex-direction:row!important;align-items:center;min-height:42px}.solo-stock input{accent-color:var(--gold);width:18px;height:18px}.resultado-conteo{font-size:.82rem;color:var(--soft);margin:1.4rem 0}
.chips{flex-wrap:wrap}.chip-perfil{background:rgba(212,175,55,.12);color:var(--gold-t)}.relacionados{margin-top:5rem;padding-top:3rem;border-top:1px solid var(--linea)}
.notas-lista{display:flex;flex-wrap:wrap;gap:.55rem;list-style:none}.nota-aroma{display:flex;align-items:center;gap:.6rem;background:var(--bg2);border:1px solid var(--linea);border-radius:12px;padding:.8rem 1rem;color:var(--txt)}.nota-aroma i{color:var(--gold-t);font-size:1.2rem}.notas-fuente{font-size:.73rem;margin-top:.8rem}.notas-grupo{margin:.5rem 0 1rem}.notas-grupo h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold-t);margin-bottom:.7rem}
.wa-flotante{right:max(6px,env(safe-area-inset-right));bottom:max(6px,env(safe-area-inset-bottom));width:48px;height:48px;font-size:1.65rem;animation:none}.promo-chip{left:max(6px,env(safe-area-inset-left));bottom:max(6px,env(safe-area-inset-bottom));padding:.55rem .75rem;font-size:.72rem;gap:.4rem;animation:none}
.promo-arte{background:linear-gradient(0deg,rgba(8,7,5,.87),rgba(8,7,5,.12)),url('../img/clientes/cliente-1.webp') center/cover;min-height:320px;align-content:end;padding-bottom:2.2rem}.promo-arte span{text-shadow:0 3px 20px #0005}.promo-modal{max-height:92dvh;overflow:auto}.promo-texto h3{line-height:1.1}
.clientes-escena{position:relative;isolation:isolate;min-height:75vh;padding-bottom:4rem;background:linear-gradient(#0c0c0de0,#0c0c0dce),url('../img/clientes-collage.webp') center/cover;color:#f4efe3}.clientes-escena .cabecera-pagina{background:transparent;padding-top:5rem}.clientes-escena .cabecera-sub{color:#e0d7c8}.clientes-escena .google-resumen{background:#171719ed;color:#f4efe3;border-color:#b99a524d}.clientes-escena .google-resumen span{color:#c0b7a8}.google-resumen h2{font-size:1.65rem}.clientes-vacio{max-width:680px;margin:2rem auto;padding:3rem;background:#151515d9;border:1px solid #b99a524d;border-radius:20px;text-align:center}.clientes-vacio p{margin:1rem 0 1.5rem;color:#d5ccbe}.clientes-vacio .btn-borde{color:#e8c766;border-color:#d4af37}.google-opiniones{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.opinion-google{background:#171719ee;padding:1.5rem;border-radius:16px}.opinion-google blockquote{margin:1rem 0}.opinion-google figcaption{color:#cfc4b1;font-size:.8rem}
.carousel-controls{display:none}
@media(max-width:900px){.menu:not(.abierto){visibility:hidden;pointer-events:none}.menu.abierto{visibility:visible;z-index:52}.categorias-visuales{grid-template-columns:repeat(2,minmax(0,1fr))}.galeria-marco{max-height:650px}.gal-flecha{opacity:1}}
@media(max-width:640px){.logo img{height:35px}.logo span{font-size:1.05rem}.logo b{font-size:.48rem}.cabecera-fila{gap:.4rem}.cabecera-acciones{gap:.25rem}.icono-btn{height:36px;width:36px}.seccion{padding:2.5rem 0}.cabecera-pagina{padding-top:2.2rem}.cabecera-sub{font-size:.9rem}.titulo-seccion{margin-bottom:1.5rem}.grid-cat{gap:.55rem;margin:1rem 0}.cat-card{padding:1rem .3rem;border-radius:12px}.cat-card>i{font-size:1.3rem;margin-bottom:.4rem}.cat-card h3{font-size:1.25rem}.cat-card p{font-size:.65rem}.cat-card span{font-size:.7rem;margin-top:.4rem}.hero{padding-top:2.3rem}.hero-sub{font-size:.95rem}.pasarela{margin-top:1.8rem}.pasarela-item{width:95px}.pasarela-item img{width:95px;height:126px}.hero-datos b{font-size:2rem}.hero-datos span{font-size:.62rem}
.carrusel-movil{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;scrollbar-width:none;padding:5px 0 12px;margin-bottom:.6rem;overscroll-behavior-x:contain}.carrusel-movil::-webkit-scrollbar{display:none}.carrusel-movil>.tarjeta,.carrusel-movil>.resena-foto{flex:0 0 84%;scroll-snap-align:center;margin:0;opacity:1;transform:none}.carrusel-movil .tarjeta-foto{aspect-ratio:1/1;max-height:290px}.carrusel-movil .tarjeta-foto img{object-fit:contain}.carrusel-movil .tarjeta-pie{flex-direction:row;align-items:center}.carrusel-movil .tarjeta-pie .btn{width:auto}.carrusel-movil>.resena-foto{aspect-ratio:4/5;max-height:410px}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin:.4rem 0 1.6rem}.carousel-controls button{min-width:32px;height:32px;border:1px solid var(--linea);border-radius:50%;font-size:.7rem}.carousel-controls button[aria-current=true]{background:var(--gold);color:#17140e}.carousel-controls .carousel-pause{width:auto;border-radius:20px;padding:0 10px}
.categorias-visuales{gap:.7rem;margin-bottom:1.6rem}.categoria-visual img{height:120px}.categoria-visual>div{padding:.8rem}.categoria-visual h3{font-size:1.3rem}.categoria-visual p{font-size:.7rem;line-height:1.5}.catalogo-herramientas{gap:.8rem;padding:.9rem}.catalogo-herramientas .buscador{flex-basis:100%}.catalogo-herramientas>label{flex:1}.tabs{gap:.35rem}.tabs a{padding:.6rem .85rem;font-size:.8rem}.tarjeta-cuerpo{padding:.8rem}.tarjeta-nombre{font-size:1.15rem}.tarjeta-marca{font-size:.6rem}.tarjeta-meta{font-size:.66rem}.precio{font-size:1.35rem}.tarjeta-pie .btn{font-size:.7rem;padding:.55rem .6rem}.promo-arte{min-height:170px;padding:1.2rem}.promo-texto{padding:1.2rem}.promo-texto h3{font-size:1.7rem}.promo-reloj{font-size:1.6rem;margin:.6rem 0}.promo-cerrar{background:#fff}.relacionados{margin-top:3rem;padding-top:2rem}.clientes-vacio{padding:2rem 1.2rem}.clientes-escena .cabecera-pagina{padding-top:3rem}.clientes-escena .google-resumen{padding:1.3rem;text-align:center}.ficha{gap:1.5rem}.presentaciones{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.carrusel-movil{scroll-behavior:auto}}
@media(max-width:640px){.compra .btn{flex-basis:100%;padding:1rem;font-size:.9rem}.compra .btn span{white-space:nowrap}.compra .cantidad{margin-inline:auto}.notas-lista{gap:.45rem}.nota-aroma{padding:.65rem .75rem;font-size:.84rem}}

/* Precio en una sola linea */
.precio{white-space:nowrap;flex-shrink:0}
.tarjeta-pie{flex-wrap:wrap}
.tarjeta-pie .btn{flex:1 1 auto;justify-content:center}
/* Separacion del boton "Ver todo el catalogo" */
.centro:has(>.btn-borde){margin-top:2rem}
