:root{--pink:#ef399f;--purple:#9722e7;--black:#0c0c0f;--muted:#aaa8b1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--black);color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ec76c1;outline-offset:5px}.announcement{padding:11px 5%;font-size:12px;letter-spacing:2px;display:flex;justify-content:space-between;background:linear-gradient(110deg,#7720c6,#c52983)}header{height:90px;position:sticky;top:0;z-index:10;background:#0c0c0ff5;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #28262c}.brand{display:flex;align-items:center;font-size:24px;font-weight:900;letter-spacing:-1px;font-style:italic}.brand b{color:var(--pink)}.brand img{width:62px;height:62px;object-fit:cover;border-radius:50%;margin-right:12px}nav{display:flex;align-items:center;gap:30px;font-size:14px}nav a:hover{color:#ed6fc0}.contact{border:1px solid #5d5362;padding:13px 18px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:660px}.hero-copy{padding:80px 10% 34px;display:flex;align-items:flex-start;flex-direction:column}.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:700;color:#c4bbc9;margin:0 0 24px}h1{font-size:clamp(60px,6.7vw,105px);line-height:.99;letter-spacing:-5px;margin:0;font-weight:900}em{font-style:italic;background:linear-gradient(110deg,#a643ef,#f240a2);background-clip:text;color:transparent}.intro{color:#c4c0c8;font-size:20px;line-height:1.65;margin:26px 0}.button{padding:18px 25px;display:inline-flex;font-size:15px;font-weight:bold}.primary{background:linear-gradient(110deg,#8823d9,#d6268d)}.button:hover{filter:brightness(1.17)}.hero-foot{border-top:1px solid #343037;margin-top:auto;padding-top:30px;display:flex;gap:20px;color:#aba4b0;font-size:12px;line-height:1.6;width:100%}.hero-foot span:first-child{color:#fff;letter-spacing:1px;white-space:nowrap}.carousel{position:relative;background:#efefef;overflow:hidden;min-height:660px}.slide{height:100%;position:absolute;inset:0}.slide img{width:100%;height:100%;object-fit:contain;padding:24px 45px 70px}.photo-caption{position:absolute;top:26px;left:25px;font-size:11px;letter-spacing:1.2px;color:#29232d;background:#fffffff2;padding:10px}.carousel-controls{position:absolute;bottom:0;left:0;right:0;display:flex;gap:20px;align-items:center;justify-content:center;background:#e7e7e7;color:#242028;padding:12px}.carousel-controls button{border:0;background:none;font-size:26px;color:inherit;width:35px}.carousel-controls #pause{font-size:12px;width:auto;padding:8px}.carousel-controls span{font-size:12px;letter-spacing:2px}.brand-strip{overflow:hidden;white-space:nowrap;display:flex;justify-content:space-around;gap:35px;background:#17121d;padding:23px;font-size:21px;font-weight:900;letter-spacing:2px;border-block:1px solid #35233e}.brand-strip i{color:var(--pink);font-style:normal}.collection{padding:85px 5%;background:#faf9fb;color:#18141b}.section-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px}.collection .eyebrow{color:#7d428e}h2{font-size:clamp(38px,4.4vw,64px);letter-spacing:-2px;margin:0;line-height:1.05}.section-top>p{color:#706878;line-height:1.7;font-size:15px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:34px 20px}.product-photo{position:relative;background:#eee;overflow:hidden;aspect-ratio:3/4}.product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product:hover img{transform:scale(1.025)}.product-code{position:absolute;top:12px;left:12px;background:#fff;padding:7px 9px;font-size:11px;color:#534a5a}.product h3{font-size:17px;margin:17px 0 8px}.product p{font-size:14px;color:#766c7c;margin:0 0 14px}.product a{display:block;border-bottom:1px solid #ae7abb;padding:12px 0;font-size:14px;font-weight:700;color:#6e248b}.product a:hover{color:#d72c91}.how{padding:90px 8%;display:grid;grid-template-columns:1fr 1fr;gap:12%}.how p{color:#b3aab9;line-height:1.7;max-width:450px}.how ol{list-style:none;padding:0;margin:0}.how li{display:flex;gap:25px;border-bottom:1px solid #37313e;padding:23px 0}.how li>span{color:#c852d2;font-size:24px}.how h3{margin:0 0 10px;font-size:20px}.how li p{margin:0;font-size:15px}footer{padding:35px 5%;display:flex;align-items:center;gap:30px;border-top:1px solid #312738;color:#b8aebf}footer .brand{color:#fff}footer p{font-size:14px}footer>span{margin-left:auto;font-size:12px}.floating{position:fixed;bottom:20px;right:20px;padding:15px 20px;border-radius:30px;background:#166e40;color:#fff;font-weight:bold;font-size:14px;z-index:20;box-shadow:0 4px 25px #0004}@media(min-width:1500px){.hero{min-height:760px}.carousel{min-height:760px}}@media(max-width:1000px){nav{gap:18px}.contact{display:none}.products{grid-template-columns:repeat(3,1fr)}.hero-copy{padding:60px 8% 30px}h1{letter-spacing:-3px}.hero-foot{flex-direction:column;gap:8px}.hero,.carousel{min-height:610px}}@media(max-width:650px){.announcement{font-size:10px;letter-spacing:1px}header{height:74px}.brand{font-size:20px}.brand img{width:46px;height:46px;margin-right:6px}.menu-toggle{display:block;background:none;color:#fff;border:1px solid #524859;padding:9px 12px;font-size:14px}.menu-toggle span{margin-left:7px}nav{display:none;position:absolute;left:0;right:0;top:74px;background:#151019;padding:24px;flex-direction:column;align-items:stretch;gap:22px}nav.open{display:flex}nav .contact{display:block}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6% 32px}.eyebrow{font-size:11px;margin-bottom:20px}h1{font-size:68px}.intro{font-size:18px;margin:20px 0}.hero-foot{margin-top:28px;padding-top:18px}.carousel{min-height:490px}.slide img{padding:18px 35px 54px}.photo-caption{font-size:10px;top:16px;left:16px}.brand-strip{font-size:16px;padding:18px;justify-content:flex-start}.collection{padding:50px 5%}.section-top{display:block}.section-top>p{margin-top:18px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.product h3{font-size:15px}.product p,.product a{font-size:13px}.how{padding:55px 6%;grid-template-columns:1fr;gap:30px}footer{flex-wrap:wrap;gap:12px;padding-bottom:90px}footer>span{width:100%;margin:0}.floating{padding:12px 16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* BenkyModa: colección nocturna */
body{font-family:'Avenir Next','Century Gothic','Trebuchet MS',sans-serif;background:#0d0a12}.collection{background:radial-gradient(ellipse at 90% 5%,#33143f66,transparent 55%),#100c16;color:#fff}.collection .eyebrow{color:#d388f2}.section-top>p{color:#beb1c8}header{background:#100b18eb;backdrop-filter:blur(20px);transition:box-shadow .3s,height .3s}header.scrolled{box-shadow:0 8px 36px #0008;border-bottom-color:#673475}nav{gap:8px}nav>a{font-family:'Century Gothic','Avenir Next','Trebuchet MS',sans-serif;text-transform:uppercase;letter-spacing:1.4px;font-weight:700;font-size:13px;padding:13px 16px;border-radius:30px;position:relative;transition:background .25s,color .25s,transform .25s}nav>a:hover,nav>a.current{color:white;background:#8d36b02e;transform:translateY(-2px)}nav>a::after{content:'';position:absolute;left:20px;right:20px;bottom:5px;height:2px;background:linear-gradient(90deg,#9a35ec,#f33b9e);transform:scaleX(0);transform-origin:left;transition:transform .25s}nav>a:hover::after,nav>a.current::after{transform:scaleX(1)}nav .contact{border-color:#9b427b;background:#a2268018}.carousel,.product-photo{background:#211827}.slide img{padding:0 0 55px;object-fit:contain}.photo-caption{background:#120d1ecf;color:#ead8f6;border:1px solid #69467b;border-radius:24px}.carousel-controls{background:#1b1227;color:white;border-top:1px solid #523062}.slide.active{animation:slideIn .65s ease both}.carousel-controls button{transition:color .2s,transform .2s}.carousel-controls button:hover{color:#ed87d0;transform:scale(1.12)}.product{background:#1b1324;border:1px solid #382341;border-radius:18px;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s;animation:cardIn .45s ease both}.product:hover{transform:translateY(-7px);border-color:#a649b8;box-shadow:0 18px 40px #0005}.product h3,.product p{margin-left:16px;margin-right:16px}.product p{color:#c0afca}.product>a{margin:0 16px 16px;color:#ef9adc;border-color:#663b76;font-size:14px}.product-photo{display:block;padding:0;border:0;width:100%;cursor:zoom-in;text-align:left;color:#fff}.product-photo img{display:block}.product-code{background:#170f23cc;color:#edd7f8;border:1px solid #785081;border-radius:20px;z-index:1}.quick-label{position:absolute;bottom:14px;left:50%;transform:translate(-50%,8px);padding:10px 18px;border:1px solid #d272dc;border-radius:30px;background:#23112fe8;color:#fff;font-size:13px;white-space:nowrap;opacity:0;transition:opacity .25s,transform .25s}.product-photo:hover .quick-label,.product-photo:focus-visible .quick-label{opacity:1;transform:translate(-50%,0)}.catalog-controls{display:flex;gap:18px;align-items:end;flex-wrap:wrap;margin-bottom:28px;padding:20px;background:#1b1324;border:1px solid #46294f;border-radius:16px}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.filter-buttons button,.catalog-controls select{background:#21162c;border:1px solid #633e74;color:#e9def0;border-radius:24px;padding:12px 16px;font:inherit;font-size:14px}.filter-buttons button[aria-pressed=true]{background:linear-gradient(110deg,#832aca,#b12887);border-color:#d96acc;color:white}.catalog-controls label{display:grid;gap:7px;font-size:13px;color:#c9b8d3}.catalog-controls select{border-radius:10px;min-width:155px}.catalog-controls option{background:#21162c}.result-count{margin-left:auto;color:#cfb9da;font-size:14px}.empty{grid-column:1/-1;text-align:center;padding:40px;color:#d9c6e3}.detail{background:#1b1224;color:#fff;border:1px solid #8f4cac;border-radius:22px;width:min(900px,94vw);max-height:90dvh;padding:0;overflow:auto}.detail::backdrop{background:#050209d9;backdrop-filter:blur(8px)}.detail-inner{display:grid;grid-template-columns:1fr 1fr}.detail img{width:100%;max-height:80dvh;object-fit:contain;background:#201726}.detail-copy{padding:65px 30px 35px;align-self:center}.detail h2{font-size:32px;letter-spacing:-1px;line-height:1.15}.detail p{color:#d2bfdc;line-height:1.7}.detail-close{position:absolute;right:14px;top:14px;border:1px solid #9058a2;border-radius:50%;width:42px;height:42px;background:#170d20;color:#fff;font-size:26px}.detail .button{border-radius:12px;text-align:center}.detail-nav{display:flex;gap:10px;margin-top:25px}.detail-nav button{border:1px solid #77468a;background:#2b1938;color:#fff;padding:11px 15px;border-radius:10px;font-size:14px}.button{border-radius:9px;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-2px)}.menu-toggle{border-radius:12px}.brand-strip{color:#d8b0ec}.floating{background:linear-gradient(110deg,#6b238e,#bd247e);border:1px solid #e784cf}.hero-copy{background:radial-gradient(ellipse at left bottom,#46205b44,transparent 70%)}@keyframes cardIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media(max-width:1000px){nav>a{padding:12px 10px;font-size:12px;letter-spacing:1px}}@media(max-width:650px){nav.open{animation:cardIn .25s ease}nav>a{font-size:15px;padding:14px 18px}nav{gap:8px;border-bottom:1px solid #69367c}.catalog-controls{padding:14px;gap:14px}.filter-buttons{width:100%}.filter-buttons button{padding:10px 12px;font-size:13px}.catalog-controls label{flex:1}.catalog-controls select{width:100%;min-width:0}.result-count{width:100%;margin:0}.product h3,.product p{margin-left:10px;margin-right:10px}.product>a{margin:0 10px 12px;font-size:13px}.quick-label{opacity:1;transform:translate(-50%,0);font-size:11px;padding:7px 10px;bottom:10px}.product-code{font-size:10px;top:8px;left:8px}.detail-inner{grid-template-columns:1fr}.detail img{max-height:48dvh}.detail-copy{padding:22px}.detail h2{font-size:26px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* WhatsApp: acceso visible desde cualquier sección */
.floating{display:flex;align-items:center;gap:12px;bottom:24px;right:24px;background:linear-gradient(120deg,#27ed80,#15c968);color:#052c19;border:2px solid #86ffb8;padding:16px 22px;border-radius:50px;box-shadow:0 6px 30px #13c86566;animation:waPulse 2.8s ease-out infinite;transform-origin:center;transition:transform .2s,box-shadow .2s}.floating:hover,.floating:focus-visible{transform:translateY(-5px) scale(1.04);animation:none;box-shadow:0 9px 42px #24ec8a88}.wa-icon{display:block;width:36px;height:36px;flex-shrink:0;animation:waWiggle 6s ease-in-out infinite}.wa-icon svg{display:block;width:100%;height:100%}.wa-label{font-size:12px;font-weight:500;line-height:1.5}.wa-label strong{display:block;font-size:15px;font-weight:800}.wa-action{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;background:linear-gradient(120deg,#27ed80,#15c968)!important;color:#052c19!important;border:1px solid #80f9b1!important;box-shadow:0 4px 18px #13c86533}.wa-action svg{width:23px;height:23px;flex-shrink:0}.wa-action:hover{box-shadow:0 6px 26px #1fe17b66}.product>a{display:flex;justify-content:center;align-items:center;background:#1ddc77;color:#052c19;border:1px solid #6af3a9;border-radius:10px;padding:12px 10px;transition:background .2s,transform .2s;font-weight:800}.product>a:hover{background:#58f59f;color:#032113;transform:translateY(-2px)}@keyframes waPulse{0%,100%{box-shadow:0 6px 30px #13c86566,0 0 0 0 #28e77a44}65%{box-shadow:0 6px 30px #13c86566,0 0 0 15px #28e77a00}}@keyframes waWiggle{0%,82%,100%{transform:rotate(0)}86%{transform:rotate(-12deg)}90%{transform:rotate(12deg)}94%{transform:rotate(-8deg)}}@media(max-width:650px){.floating{bottom:calc(14px + env(safe-area-inset-bottom));right:14px;padding:12px 16px;gap:9px}.wa-icon{width:30px;height:30px}.wa-label{font-size:11px}.wa-label strong{font-size:13px}.product>a{font-size:12px;line-height:1.5;padding:10px 6px}footer{padding-bottom:110px}}@media(prefers-reduced-motion:reduce){.floating,.wa-icon{animation:none!important}}