/* Renzo Costa — prototipo animado IntelectPoint (nov 2026) */
:root{
  --hueso:#F5F1EC; --hueso-2:#EBE3D8; --carbon:#1E1C1B; --carbon-2:#2A2725; --gris:#616163;
  --rojo:#9A3836; --rojo-osc:#7E2C2A; --blanco:#FFFFFF; --linea:#DCD2C5; --linea-d:#3A3633; --foto:#F1F1F1;
  --serif:"Cormorant Garamond","Times New Roman",serif;
  --sans:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --w:1360px; --g:clamp(16px,4vw,48px); --hdr:68px; --promo:36px;
  --ease:cubic-bezier(.2,.7,.2,1); --ease2:cubic-bezier(.76,0,.24,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{margin:0;background:var(--hueso);color:var(--carbon);font:400 16px/1.6 var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,video,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.02;margin:0;letter-spacing:-.015em}
h4,h5,p{margin:0}
:focus-visible{outline:2px solid var(--rojo);outline-offset:3px}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:999;background:var(--carbon);color:#fff;padding:12px 18px;text-decoration:none}
.skip:focus{top:12px}
.wrap{width:100%;max-width:var(--w);margin:0 auto;padding:0 var(--g)}
.eyebrow{font:700 11px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--rojo)}
.eyebrow.light{color:#E7B7AF}
.muted{color:var(--gris)}
.sec{padding:clamp(80px,11vw,160px) 0;position:relative}
.sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(32px,5vw,56px);flex-wrap:wrap}
.sec-h h2{font-size:clamp(42px,6.4vw,92px)}
.sec-h h2 em,.big em{font-style:italic;font-weight:400;color:var(--rojo)}
.sec-h p{max-width:460px;color:var(--gris);margin-top:14px}
.lnk{position:relative;font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:10px}
.lnk::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:currentColor;transform-origin:right;transition:transform .5s var(--ease2)}
.lnk:hover::after{transform:scaleX(0)}
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 30px;border:1px solid var(--carbon);background:var(--carbon);color:#fff;font:700 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border-radius:60px;isolation:isolate;transition:color .45s var(--ease2),border-color .45s}
.btn::before{content:"";position:absolute;inset:0;background:var(--rojo);border-radius:inherit;transform:translateY(101%);transition:transform .5s var(--ease2);z-index:-1}
.btn:hover::before{transform:translateY(0)}
.btn:hover{border-color:var(--rojo)}
.btn.ghost{background:transparent;color:var(--carbon)}
.btn.ghost:hover{color:#fff}
.btn.light{background:#fff;color:var(--carbon);border-color:#fff}
.btn.light:hover{color:#fff}
.btn.line-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.btn.wa{background:#1F6F47;border-color:#1F6F47}
.btn.wa::before{background:#155234}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn svg{width:18px;height:18px}
.btn span{position:relative}

/* ---------- intro ---------- */
.intro{position:fixed;inset:0;z-index:900;display:grid;place-items:center;color:#fff;pointer-events:none}
.intro-cur{position:absolute;left:0;right:0;height:50.5%;background:var(--carbon)}
.intro-cur.c1{top:0}.intro-cur.c2{bottom:0;background:var(--carbon)}
.intro-in{position:relative;z-index:2;display:grid;justify-items:center;gap:22px}
.intro-logo{width:min(260px,58vw);clip-path:inset(0 100% 0 0)}
.intro-logo img{width:100%;height:auto}
.intro-num{font:500 clamp(54px,9vw,110px)/1 var(--serif);overflow:hidden;font-variant-numeric:tabular-nums;color:#EFE7DD}
.intro-num span{display:block}
.intro-bar{width:min(220px,50vw);height:1px;background:rgba(255,255,255,.18)}
.intro-bar i{display:block;height:100%;background:var(--rojo);transform:scaleX(0);transform-origin:left}
.no-js .intro,.intro.done{display:none}

/* ---------- cortina entre rutas ---------- */
.curtain{position:fixed;inset:0;z-index:800;background:var(--rojo);display:grid;place-items:center;transform:translateY(100%);pointer-events:none}
.curtain img{width:120px;opacity:0}

/* ---------- cursor ---------- */
.cur{position:fixed;left:0;top:0;z-index:950;pointer-events:none;display:none}
.cur-dot{position:absolute;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--rojo)}
.cur-ring{position:absolute;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;border:1px solid rgba(30,28,27,.5);display:grid;place-items:center;transition:width .35s var(--ease),height .35s var(--ease),margin .35s var(--ease),background .35s,border-color .35s}
.cur-ring em{font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;font-style:normal;color:#fff;opacity:0;transition:opacity .2s}
.cur.link .cur-ring{width:60px;height:60px;margin:-30px 0 0 -30px;border-color:var(--rojo)}
.cur.view .cur-ring{width:92px;height:92px;margin:-46px 0 0 -46px;background:var(--rojo);border-color:var(--rojo)}
.cur.view .cur-ring em{opacity:1}
.cur.view .cur-dot,.cur.link .cur-dot{opacity:0}
@media (hover:hover) and (pointer:fine){.has-cur .cur{display:block}.has-cur,.has-cur a,.has-cur button{cursor:none}.has-cur input,.has-cur select,.has-cur textarea{cursor:auto}}

/* ---------- promo + header ---------- */
.promo{background:var(--carbon);color:#E9E1D6;font-size:12px;letter-spacing:.04em;height:var(--promo);overflow:hidden;position:relative;z-index:71}
.promo-track{display:flex;justify-content:center;gap:40px;align-items:center;height:100%;padding:0 16px;text-align:center;white-space:nowrap}
.promo a{color:#fff;font-weight:700}
.promo .p2{display:none}
@media (min-width:1000px){.promo .p2{display:block}}
@media (max-width:520px){.promo{font-size:11px}.promo-track{white-space:normal;line-height:1.3}}
.hdr{position:fixed;left:0;right:0;top:var(--promo);z-index:70;color:var(--carbon);transition:transform .5s var(--ease2),color .4s,top .4s}
.hdr::before{content:"";position:absolute;inset:0;background:rgba(245,241,236,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--linea);transition:opacity .4s}
.hdr.stuck{top:0}
.hdr.hide{transform:translateY(-110%)}
.hdr .wrap{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--hdr)}
.hdr .logo{display:block;width:124px;height:48px;position:relative}
.hdr .logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .4s}
.hdr .logo .lw{opacity:0}
.hdr.dark{color:#fff}
.hdr.dark::before{opacity:0}
.hdr.dark .logo .lc{opacity:0}
.hdr.dark .logo .lw{opacity:1}
.nav{display:none;gap:2px;margin:0;padding:0}
.nav>li{list-style:none;position:relative}
.nav>li>a,.hl{position:relative;display:flex;align-items:center;height:var(--hdr);padding:0 12px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
.nav>li>a::after,.hl::after{content:"";position:absolute;left:12px;right:12px;bottom:20px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease2)}
.nav>li>a:hover::after,.hl:hover::after,.nav>li>a.on::after,.hl.on::after{transform:scaleX(1);transform-origin:left}
.mega{position:absolute;left:0;top:100%;min-width:250px;background:var(--hueso);color:var(--carbon);border:1px solid var(--linea);padding:18px 22px;display:grid;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s,transform .3s var(--ease),visibility .3s;box-shadow:0 30px 60px rgba(30,28,27,.12)}
.nav>li:hover .mega,.nav>li:focus-within .mega{opacity:1;visibility:visible;transform:none}
.mega a{display:flex;align-items:center;min-height:40px;text-decoration:none;font:500 20px/1 var(--serif);transition:transform .3s var(--ease),color .3s}
.mega a:hover{color:var(--rojo);transform:translateX(6px)}
.mega b{font:700 10px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gris);margin-bottom:8px}
.hdr-l{display:flex;align-items:center}
.hdr-r{display:flex;justify-content:flex-end;align-items:center;gap:0}
.icb{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;position:relative;text-decoration:none;border-radius:50%;color:inherit}
.icb svg{width:22px;height:22px}
.icb .ct{position:absolute;top:3px;right:1px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--rojo);color:#fff;font:700 10px/18px var(--sans);text-align:center;transform:scale(0);transition:transform .35s var(--ease)}
.icb .ct.on{transform:scale(1)}
.only-d{display:none!important}
@media (min-width:1100px){.nav{display:flex}.burger{display:none}.only-d{display:flex!important}}

/* drawer */
.drawer{position:fixed;inset:0 auto 0 0;width:min(400px,90vw);background:var(--hueso);z-index:180;transform:translateX(-102%);display:flex;flex-direction:column;overflow:auto;visibility:hidden}
.drawer-h{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--linea)}
.drawer nav{padding:8px 22px 28px}
.drawer details{border-bottom:1px solid var(--linea)}
.drawer summary,.drawer .dl{display:flex;justify-content:space-between;align-items:center;min-height:58px;font:500 28px/1 var(--serif);list-style:none;cursor:pointer;text-decoration:none}
.drawer summary::-webkit-details-marker{display:none}
.drawer summary::after{content:"+";font:300 24px var(--sans)}
.drawer details[open] summary::after{content:"–"}
.drawer details a{display:flex;min-height:44px;align-items:center;padding-left:10px;text-decoration:none}
.drawer .dl{border-bottom:1px solid var(--linea)}
.drawer .dserv{margin-top:22px;display:grid;gap:4px;font-size:14px}
.drawer .dserv a{min-height:44px;display:flex;align-items:center}
.overlay{position:fixed;inset:0;background:rgba(20,18,17,.5);z-index:170;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
.overlay.on{opacity:1;visibility:visible}

/* buscador */
.search{position:fixed;left:0;right:0;top:0;z-index:185;background:var(--hueso);padding:26px 0;transform:translateY(-105%);visibility:hidden;transition:transform .55s var(--ease2),visibility .55s}
.search.on{transform:none;visibility:visible}
.search form{display:flex;gap:12px;align-items:center}
.search input{flex:1;min-height:60px;border:0;border-bottom:1px solid var(--carbon);font:400 clamp(26px,4vw,44px)/1.1 var(--serif);padding:0 4px;background:transparent;min-width:0}
.search input:focus{outline:none;border-color:var(--rojo)}
.search .sugg{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.chip{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border:1px solid var(--linea);border-radius:60px;font-size:14px;text-decoration:none;background:transparent;transition:background .3s,color .3s,border-color .3s}
.chip:hover{border-color:var(--carbon)}
.chip[aria-pressed=true],.chip.on{background:var(--carbon);color:#fff;border-color:var(--carbon)}

/* ---------- utilidades de animación ---------- */
.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.split .c,.split .wi{display:inline-block;will-change:transform}
.rv-img{clip-path:inset(100% 0 0 0)}
.no-anim .rv-img{clip-path:none}
.mask-in{overflow:hidden}
.ph-in{position:absolute;inset:-8% 0;height:116%!important}

/* ---------- hero ---------- */
.hero{position:relative;height:200vh;background:var(--carbon)}
.hero-stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:flex-end}
.hero-media{position:absolute;inset:0;overflow:hidden;will-change:clip-path}
.hero-media video,.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-media::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 70%,rgba(20,18,17,.25),rgba(20,18,17,.7)),linear-gradient(0deg,rgba(20,18,17,.6),rgba(20,18,17,0) 50%)}
.hero-copy{position:relative;z-index:3;color:#fff;width:100%;padding-bottom:clamp(40px,7vh,90px)}
.hero h1{font-size:clamp(64px,13.5vw,220px);line-height:.88;font-weight:500;letter-spacing:-.035em}
.hero h1 .l2{display:block;font-style:italic;font-weight:400;padding-left:clamp(20px,10vw,180px);color:#F1D9CF}
.hero-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:clamp(18px,3vw,36px);flex-wrap:wrap}
.hero-row p{max-width:400px;color:#EDE6DD;font-size:clamp(15px,1.4vw,17px)}
.hero-row .ctas{display:flex;gap:10px;flex-wrap:wrap}
.hero-scroll{position:absolute;right:var(--g);top:50%;z-index:3;color:#fff;font:700 10px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;writing-mode:vertical-rl;display:none;align-items:center;gap:14px}
.hero-scroll i{display:block;width:1px;height:70px;background:rgba(255,255,255,.3);position:relative;overflow:hidden}
.hero-scroll i::after{content:"";position:absolute;left:0;top:-40%;width:1px;height:40%;background:#fff;animation:drip 2s var(--ease2) infinite}
@keyframes drip{to{top:100%}}
@media (min-width:900px){.hero-scroll{display:flex}}
.hero-after{position:absolute;inset:0;z-index:2;display:grid;place-items:center;color:#fff;pointer-events:none;opacity:0}
.hero-after p{font:italic 400 clamp(26px,4vw,56px)/1.15 var(--serif);text-align:center;max-width:16ch;text-shadow:0 2px 30px rgba(0,0,0,.4)}
.vplay{position:absolute;right:16px;bottom:16px;z-index:4;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:rgba(20,18,17,.35);color:#fff;display:grid;place-items:center}
.vplay svg{width:14px;height:14px}

/* franja campaña */
.camp{background:var(--rojo);color:#fff;position:relative;z-index:2}
.camp .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px 32px;padding-top:18px;padding-bottom:18px;flex-wrap:wrap}
.camp p{font-size:14px}
.camp strong{font:600 22px/1 var(--serif);margin-right:10px}
.camp .lnk{color:#fff}

/* marquee */
.marq{overflow:hidden;background:var(--hueso);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);padding:clamp(18px,2.4vw,30px) 0;position:relative}
.marq-t{display:flex;width:max-content;will-change:transform}
.marq-t span{font:500 clamp(40px,7vw,104px)/1 var(--serif);white-space:nowrap;padding-right:.5em;letter-spacing:-.02em}
.marq-t span em{font-style:italic;color:var(--rojo);font-weight:400}
.marq-t span b{display:inline-block;width:.35em;height:.35em;border-radius:50%;background:var(--rojo);vertical-align:middle;margin:0 .45em;transform:translateY(-.08em)}
.marq.dark{background:var(--carbon);color:#EFE7DD;border-color:var(--linea-d)}

/* colecciones horizontales */
.hz{position:relative;background:var(--carbon);color:#F3EDE6;overflow:hidden}
.hz-head{padding:clamp(70px,9vw,120px) 0 clamp(28px,4vw,48px)}
.hz-head h2{font-size:clamp(44px,7vw,110px)}
.hz-head h2 em{font-style:italic;color:#E7B7AF;font-weight:400}
.hz-track{display:flex;gap:clamp(16px,2vw,32px);padding:0 var(--g) clamp(70px,9vw,120px);width:max-content;will-change:transform}
.hz-card{position:relative;flex:none;width:min(78vw,520px);text-decoration:none;color:inherit;display:block}
.hz-card:nth-child(even){margin-top:clamp(0px,8vh,90px)}
.hz-img{position:relative;aspect-ratio:3/4;overflow:hidden;background:#2f2a27}
.hz-img img{position:absolute;left:-10%;top:0;width:120%;height:100%;object-fit:cover;will-change:transform}
.hz-num{position:absolute;top:16px;left:18px;z-index:2;font:700 11px/1 var(--sans);letter-spacing:.2em;color:#fff}
.hz-card h3{font-size:clamp(36px,4.4vw,64px);margin-top:18px;display:flex;align-items:baseline;gap:14px}
.hz-card h3 small{font:700 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#B9AEA2}
.hz-card p{color:#B9AEA2;font-size:15px;margin-top:6px;max-width:400px}
.hz-end{flex:none;width:min(70vw,420px);display:flex;flex-direction:column;justify-content:center;gap:20px}
.hz-end p{font:italic 400 clamp(28px,3vw,44px)/1.15 var(--serif)}
@media (max-width:767px){
  .hz-track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:70px;scrollbar-width:none;overscroll-behavior-x:contain}
  .hz-track::-webkit-scrollbar{display:none}
  .hz-card{width:76vw;scroll-snap-align:start}
  .hz-card:nth-child(even){margin-top:36px}
  .hz-end{width:70vw;scroll-snap-align:start}
}

/* tarjetas de producto */
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 12px}
@media (min-width:768px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 20px}}
@media (min-width:1200px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.card{position:relative;display:flex;flex-direction:column;min-width:0;perspective:900px}
.card .ph{position:relative;display:block;aspect-ratio:2/3;background:var(--foto);overflow:hidden;transform-style:preserve-3d;will-change:transform;transition:box-shadow .5s var(--ease)}
.card:hover .ph{box-shadow:0 30px 50px -24px rgba(30,28,27,.35)}
.card .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.card .ph img.i2{clip-path:inset(0 0 0 100%);transition:clip-path .8s var(--ease2),transform 1.1s var(--ease)}
.card:hover .ph img.i2{clip-path:inset(0 0 0 0)}
.card:hover .ph img{transform:scale(1.04)}
.card .tag{position:absolute;left:10px;top:10px;z-index:2;background:var(--hueso);color:var(--rojo);font:700 10px/1 var(--sans);letter-spacing:.12em;padding:7px 9px}
.card .qa{position:absolute;right:12px;bottom:12px;z-index:3;height:46px;min-width:46px;padding:0 15px;border-radius:40px;background:var(--carbon);color:#fff;border:0;display:inline-flex;align-items:center;gap:8px;font:700 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;opacity:0;transform:translateY(10px);transition:opacity .35s,transform .35s var(--ease),background .3s}
.card .qa svg{width:18px;height:18px;flex:none}
.card .qa:hover{background:var(--rojo)}
.card .qa span{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .45s var(--ease)}
.card .qa:hover span{max-width:120px}
.card:hover .qa,.card .qa:focus-visible{opacity:1;transform:none}
@media (hover:none){.card .qa{opacity:1;transform:none;padding:0;width:46px;justify-content:center}.card .qa span{display:none}}
.card .bd{padding-top:14px;display:grid;gap:3px}
.card .sub{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gris);font-weight:700}
.card h3{font:500 clamp(19px,1.7vw,23px)/1.15 var(--serif)}
.card h3 a{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .5s var(--ease2)}
.card:hover h3 a{background-size:100% 1px}
.card h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.card .pr{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:15px}
.card .pr b{font-weight:700}
.card .pr s{color:var(--gris);font-size:13px}
.card .cu{font-size:12px;color:var(--gris)}
.card .sw{display:flex;gap:6px;margin-top:5px}
.sw i{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.18);display:block}

/* carrusel */
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,62%);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px;scrollbar-width:thin;overscroll-behavior-x:contain}
.rail>*{scroll-snap-align:start}
@media (min-width:768px){.rail{grid-auto-columns:calc((100% - 3*20px)/3.3);gap:20px}}
@media (min-width:1200px){.rail{grid-auto-columns:calc((100% - 3*20px)/4)}}
.tabs{display:flex;gap:8px;flex-wrap:wrap}

/* look completo */
.look{position:relative;background:var(--hueso-2)}
.look-pin{min-height:100vh;display:flex;align-items:center;padding:calc(var(--hdr) + 20px) 0 40px}
.look-in{display:grid;gap:clamp(24px,4vw,64px);align-items:center;width:100%}
.look-stage{position:relative;aspect-ratio:1/1;max-width:640px;width:100%;margin:0 auto}
.look-piece{position:absolute;background:var(--foto);overflow:hidden;box-shadow:0 30px 60px -30px rgba(30,28,27,.45);text-decoration:none;color:inherit;display:block}
.look-piece img{width:100%;height:100%;object-fit:cover}
.look-piece.p1{left:4%;top:2%;width:48%;aspect-ratio:2/3}
.look-piece.p2{right:2%;top:14%;width:40%;aspect-ratio:2/3}
.look-piece.p3{left:30%;bottom:0;width:36%;aspect-ratio:2/3}
.look-piece figcaption{position:absolute;left:0;right:0;bottom:0;padding:10px 12px;background:linear-gradient(0deg,rgba(20,18,17,.75),rgba(20,18,17,0));color:#fff;font-size:12px}
.look-piece figcaption b{display:block;font:500 17px/1.1 var(--serif)}
.look-list{display:grid;gap:4px}
.li{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--linea)}
.li .n{font:500 34px/1 var(--serif);color:var(--rojo);width:44px}
.li h3{font:500 22px/1.15 var(--serif)}
.li h3 a{text-decoration:none}
.li small{color:var(--gris);font-size:13px}
.li select{min-height:44px;border:1px solid var(--linea);background:var(--hueso);padding:0 10px;border-radius:40px}
.li .pp{font-weight:700;white-space:nowrap}
.look-tot{display:flex;justify-content:space-between;align-items:baseline;margin:20px 0 22px;font-size:15px}
.look-tot b{font:600 clamp(30px,3vw,40px)/1 var(--serif)}
@media (min-width:900px){.look-in{grid-template-columns:1.1fr 1fr}}

/* historia (home + página) */
.story{background:var(--carbon);color:#EFE7DD;overflow:hidden}
.tx-num{font:600 clamp(120px,27vw,440px)/.8 var(--serif);letter-spacing:-.05em;background:url(img/textura-cuero.webp) center/cover;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;display:block;user-select:none}
.story .in{display:grid;gap:clamp(28px,5vw,80px);align-items:center}
.story h2{font-size:clamp(40px,5.4vw,80px);margin:16px 0 22px}
.story h2 em{font-style:italic;color:#E7B7AF;font-weight:400}
.story p{color:#CFC6BC}
.story p+p{margin-top:14px}
.story .imgs{position:relative;display:grid;grid-template-columns:1fr .8fr;gap:14px;align-items:end}
.story .imgs .a{aspect-ratio:3/4;overflow:hidden;position:relative}
.story .imgs .b{aspect-ratio:2/3;overflow:hidden;position:relative;margin-bottom:12%}
.story .imgs img{width:100%;height:100%;object-fit:cover}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:34px 0;border-top:1px solid var(--linea-d);padding-top:26px}
@media (min-width:600px){.stats{grid-template-columns:repeat(4,1fr)}}
.stats b{display:block;font:500 clamp(36px,4vw,56px)/1 var(--serif);color:#fff;font-variant-numeric:tabular-nums}
.stats span{font-size:13px;color:#A9A097}
.story .btn.light{margin-top:8px}
@media (min-width:900px){.story .in{grid-template-columns:1fr 1fr}}

/* comparador */
.cmp-wrap{display:grid;gap:clamp(28px,4vw,64px);align-items:center}
@media (min-width:900px){.cmp-wrap{grid-template-columns:1.1fr .9fr}}
.cmp{position:relative;aspect-ratio:1/1;overflow:hidden;user-select:none;touch-action:pan-y;background:#222;--x:50%}
.cmp .side{position:absolute;inset:0}
.cmp .real img{width:100%;height:100%;object-fit:cover}
.cmp .fake{clip-path:inset(0 0 0 var(--x));background:
  radial-gradient(circle at 25% 25%,rgba(255,255,255,.18) 0 1.2px,transparent 1.6px) 0 0/14px 14px,
  radial-gradient(circle at 75% 75%,rgba(0,0,0,.18) 0 1.2px,transparent 1.6px) 0 0/14px 14px,
  linear-gradient(135deg,#4b3a30,#3a2d25 60%,#2e241e)}
.cmp .fake::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 45%,transparent 60%)}
.cmp .lab{position:absolute;top:18px;z-index:3;font:700 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#fff;background:rgba(20,18,17,.55);padding:9px 12px}
.cmp .lab.l{left:18px}.cmp .lab.r{right:18px}
.cmp .handle{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:#fff;z-index:4}
.cmp .knob{position:absolute;top:50%;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:var(--rojo);color:#fff;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.35);border:0;touch-action:none}
.cmp .knob svg{width:26px;height:26px}
.cmp input[type=range]{position:absolute;inset:auto 0 0 0;width:100%;opacity:0;height:44px;z-index:5;cursor:ew-resize}
.vsl{display:grid;gap:0}
.vsl .row{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--linea)}
.vsl .row b{font:500 22px/1.1 var(--serif);grid-column:1/-1}
.vsl .row span{font-size:14px;color:var(--gris)}
.vsl .row span:first-of-type{color:var(--carbon)}
.vsl .hd{display:grid;grid-template-columns:1fr 1fr;gap:18px;font:700 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding-bottom:12px;border-bottom:1px solid var(--carbon)}
.vsl .hd span:first-child{color:var(--rojo)}

/* servicios */
.servs{display:grid;gap:16px}
.serv{position:relative;background:#fff;display:flex;flex-direction:column;overflow:hidden}
.serv .vid{position:relative;aspect-ratio:1/1;overflow:hidden;background:#3a322e}
.serv .vid video,.serv .vid img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.serv:hover .vid video{transform:scale(1.05)}
.serv .bd{padding:24px}
.serv h3{font-size:30px;margin-bottom:8px}
.serv p{font-size:15px;color:var(--gris)}
.serv .ic{width:52px;height:52px;border-radius:50%;background:var(--hueso);display:grid;place-items:center;color:var(--rojo);margin-bottom:16px;transition:transform .5s var(--ease)}
.serv:hover .ic{transform:rotate(-12deg) scale(1.08)}
.serv .ic svg{width:24px;height:24px}
.servs-sm{display:grid;gap:16px;grid-template-columns:1fr 1fr}
.servs-sm .serv .bd{padding:20px}
.servs-sm .serv h3{font-size:22px}
@media (min-width:768px){.servs{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.servs{grid-template-columns:1fr 1fr 1.25fr}}
@media (max-width:420px){.servs-sm .serv p{font-size:13px}}

/* tiendas */
.tmap{display:grid;gap:clamp(28px,4vw,64px);align-items:center}
@media (min-width:900px){.tmap{grid-template-columns:1fr 1fr}}
.tnums{display:flex;gap:clamp(24px,4vw,56px);flex-wrap:wrap;margin:22px 0 26px}
.tnums b{display:block;font:500 clamp(72px,10vw,150px)/.85 var(--serif);color:var(--rojo);font-variant-numeric:tabular-nums}
.tnums span{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.dotmap{position:relative;aspect-ratio:3/4;max-height:640px;width:100%;margin:0 auto;background:radial-gradient(circle at 50% 50%,rgba(154,56,54,.07),transparent 70%)}
.dotmap svg{width:100%;height:100%;overflow:visible}
.dotmap .grid-dot{fill:#CDBFAF}
.dotmap .pin{fill:var(--rojo);transform-box:fill-box;transform-origin:center}
.dotmap .ring{fill:none;stroke:var(--rojo);stroke-width:1;transform-box:fill-box;transform-origin:center;opacity:.5}
.dotmap text{font:600 11px var(--sans);fill:var(--carbon)}
.deps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.stores{display:grid;gap:12px;grid-template-columns:1fr}
@media (min-width:768px){.stores{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.stores{grid-template-columns:repeat(3,1fr)}}
.store{border:1px solid var(--linea);padding:22px;background:#fff;display:flex;flex-direction:column;gap:6px;transition:transform .5s var(--ease),box-shadow .5s}
.store:hover{transform:translateY(-4px);box-shadow:0 24px 40px -28px rgba(30,28,27,.35)}
.store h3{font:500 24px/1.15 var(--serif)}
.store .t{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--rojo);font-weight:700}
.store p{font-size:14px;color:var(--gris)}
.store .acts{display:flex;gap:16px;flex-wrap:wrap;margin-top:auto;padding-top:8px}
.store .acts a{font-size:13px;font-weight:700;min-height:44px;display:inline-flex;align-items:center}
.store[hidden]{display:none}
.tfil{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.tfil select,.tfil input{min-height:48px;border:1px solid var(--linea);background:#fff;padding:0 14px;border-radius:40px;font-size:15px;min-width:0}
.tfil input{flex:1 1 220px}

/* UGC */
.ugc{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ugc a{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--foto);display:block}
.ugc img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.ugc a:hover img{transform:scale(1.08)}
.ugc a::after{content:"#RenzoCosta";position:absolute;inset:auto 0 0 0;padding:10px;color:#fff;font:700 10px/1 var(--sans);letter-spacing:.16em;background:linear-gradient(0deg,rgba(20,18,17,.6),transparent);opacity:0;transition:opacity .4s}
.ugc a:hover::after{opacity:1}
@media (min-width:900px){.ugc{grid-template-columns:repeat(6,1fr)}}

/* newsletter */
.news{background:var(--carbon);color:#F3EDE6;padding:clamp(70px,9vw,130px) 0}
.news .in{display:grid;gap:30px;align-items:center}
.news h2{font-size:clamp(40px,6vw,88px);margin:14px 0}
.news h2 em{color:#E7B7AF;font-style:italic;font-weight:400}
.news .nsub{color:#B9AEA2}
.news form{display:grid;gap:14px}
.news .f{display:flex;border-bottom:1px solid #8b847d;transition:border-color .3s}
.news input[type=email]{flex:1;min-width:0;background:transparent;border:0;min-height:60px;color:#fff;font:400 22px var(--serif);padding:0 4px}
.news input::placeholder{color:#A39A90}
.news input:focus{outline:none}
.news .f:focus-within{border-color:#fff}
.news .f button{background:transparent;border:0;color:#fff;font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:12px;min-height:60px;padding:0 6px}
.news label.ck{display:flex;gap:10px;font-size:13px;color:#CFC7BE;align-items:flex-start}
.news label.ck input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--rojo);flex:none}
.news .ok{color:#fff;font-weight:700;min-height:24px}
@media (min-width:900px){.news .in{grid-template-columns:1.1fr 1fr}}

/* footer */
.ftr{background:#141312;color:#CFC7BE;padding:64px 0 28px;font-size:14px}
.ftr .top{display:grid;gap:36px;grid-template-columns:1fr 1fr}
.ftr .brand{grid-column:1/-1}
.ftr .brand img{width:150px;height:auto;margin-bottom:16px}
.ftr .brand p{max-width:320px}
.ftr h2{font:700 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#fff;margin-bottom:14px}
.ftr ul{list-style:none;margin:0;padding:0;display:grid}
.ftr ul a{text-decoration:none;display:inline-flex;min-height:38px;align-items:center;transition:color .3s,transform .3s var(--ease)}
.ftr ul a:hover{color:#fff;transform:translateX(4px)}
.ftr .soc{display:flex;gap:6px;margin-top:16px}
.ftr .soc a{width:44px;height:44px;border:1px solid #3a3734;border-radius:50%;display:grid;place-items:center;transition:background .3s,border-color .3s}
.ftr .soc a:hover{background:var(--rojo);border-color:var(--rojo);color:#fff}
.ftr .soc svg{width:18px;height:18px}
.ftr .bot{border-top:1px solid #2f2c2a;margin-top:44px;padding-top:22px;display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;color:#A9A198;font-size:13px}
.ftr .bot a{color:#CFC7BE}
@media (min-width:900px){.ftr .top{grid-template-columns:1.4fr repeat(4,1fr)}.ftr .brand{grid-column:auto}}

/* carrito */
.cart{position:fixed;z-index:190;top:0;right:0;bottom:0;width:min(460px,100vw);background:var(--hueso);display:flex;flex-direction:column;transform:translateX(102%);visibility:hidden}
.cart-h{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 14px 24px;border-bottom:1px solid var(--linea)}
.cart-h h2{font-size:34px}
.ship{padding:14px 24px;background:var(--hueso-2);font-size:13px}
.ship .bar{height:3px;background:#D8CCBE;margin-top:9px;overflow:hidden}
.ship .bar i{display:block;height:100%;background:var(--rojo);transform-origin:left;transition:transform .7s var(--ease)}
.cart-l{flex:1;overflow:auto;padding:4px 24px;overscroll-behavior:contain}
.ci{display:grid;grid-template-columns:80px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid var(--linea)}
.ci .im{aspect-ratio:2/3;background:var(--foto);overflow:hidden}
.ci .im img{width:100%;height:100%;object-fit:cover}
.ci h3{font:500 19px/1.15 var(--serif)}
.ci small{color:var(--gris);font-size:13px;display:block;margin-top:2px}
.qty{display:inline-flex;align-items:center;border:1px solid var(--linea);border-radius:40px;margin-top:8px;background:#fff}
.qty button{width:40px;height:40px;border:0;background:transparent;font-size:18px;border-radius:50%}
.qty span{min-width:26px;text-align:center;font-weight:700;font-size:14px}
.ci .rt{text-align:right;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;font-size:15px}
.ci .rm{border:0;background:transparent;font-size:13px;color:var(--gris);text-decoration:underline;min-height:44px;padding:0}
.cart-e{text-align:center;padding:60px 10px;color:var(--gris)}
.cart-e p{font:italic 400 28px/1.2 var(--serif);color:var(--carbon);margin-bottom:6px}
.cart-e .btn{margin-top:20px}
.cart-f{padding:18px 24px 24px;border-top:1px solid var(--linea);display:grid;gap:10px;background:#fff}
.cart-f .tot{display:flex;justify-content:space-between;font-weight:700;font-size:18px}
.cart-f .sv{display:flex;justify-content:space-between;font-size:14px;color:var(--rojo)}
.cart-f small{color:var(--gris);font-size:12px;line-height:1.5}
.cart-f .btn{width:100%}
.fly{position:fixed;z-index:995;pointer-events:none;overflow:hidden;border-radius:6px;box-shadow:0 20px 40px rgba(0,0,0,.25)}
.fly img{width:100%;height:100%;object-fit:cover}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,160%);background:var(--carbon);color:#fff;padding:14px 22px;z-index:996;font-size:14px;border-radius:40px;transition:transform .5s var(--ease);max-width:calc(100vw - 32px)}
.toast.on{transform:translate(-50%,0)}

/* migas y cabeceras internas */
.inner{padding-top:var(--hdr)}
.crumbs{font-size:13px;color:var(--gris);padding:18px 0}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li::before{content:"/";margin-right:6px;color:#B0A79C}
.crumbs a{text-decoration:none;display:inline-flex;min-height:24px;align-items:center}
.crumbs a:hover{color:var(--rojo)}
.cat-h{padding:6px 0 26px;display:grid;gap:14px}
.cat-h h1{font-size:clamp(48px,7.6vw,116px);line-height:.92}
.cat-h p{max-width:620px;color:var(--gris)}
.subnav{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
.subnav::-webkit-scrollbar{display:none}
.subnav .chip{flex:none}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);margin-bottom:30px}
.toolbar .fbtn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--carbon);border-radius:40px;background:transparent;font-weight:700;font-size:13px}
.toolbar select{min-height:44px;border:1px solid var(--linea);background:transparent;padding:0 12px;font-size:14px;border-radius:40px;max-width:52vw}
.toolbar .cnt{font-size:14px;color:var(--gris)}
.cat-l{display:grid;gap:32px}
.filters{display:none}
.filters fieldset{border:0;padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid var(--linea)}
.filters legend{font:700 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;padding:0}
.filters .opts{display:flex;flex-wrap:wrap;gap:8px}
.filters label{position:relative}
.filters input{position:absolute;opacity:0;width:1px;height:1px}
.filters .o{display:inline-flex;align-items:center;gap:8px;min-height:42px;min-width:44px;justify-content:center;padding:0 13px;border:1px solid var(--linea);border-radius:40px;font-size:14px;background:#fff;cursor:pointer;transition:background .3s,color .3s}
.filters input:checked+.o{border-color:var(--carbon);background:var(--carbon);color:#fff}
.filters input:focus-visible+.o{outline:2px solid var(--rojo);outline-offset:2px}
.filters .o i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.2)}
.filters.on{display:block;position:fixed;inset:0;z-index:175;background:var(--hueso);overflow:auto;padding:20px var(--g) 100px}
.filters .fh{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.filters .fh h2{font-size:34px}
.filters .ff{position:fixed;left:0;right:0;bottom:0;padding:12px var(--g);background:var(--hueso);border-top:1px solid var(--linea);display:flex;gap:10px}
.filters .ff .btn{flex:1}
.empty{padding:60px 0;text-align:center;color:var(--gris)}
@media (min-width:1100px){
  .cat-l{grid-template-columns:240px 1fr}
  .filters{display:block;position:sticky;top:calc(var(--hdr) + 24px);align-self:start}
  .filters .fh,.filters .ff{display:none}
  .toolbar .fbtn{display:none}
}
.seo-txt{max-width:760px;color:var(--gris);font-size:15px;margin-top:64px;border-top:1px solid var(--linea);padding-top:28px}
.seo-txt h2{font-size:32px;color:var(--carbon);margin-bottom:10px}

/* ficha */
.pdp{display:grid;gap:clamp(24px,4vw,64px);align-items:start;padding-bottom:40px}
.gal{display:grid;gap:10px;min-width:0}
.gal-main{position:relative;aspect-ratio:2/3;background:var(--foto);overflow:hidden;cursor:zoom-in}
.gal-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.gal-th{display:flex;gap:8px;overflow-x:auto}
.gal-th button{flex:none;width:72px;aspect-ratio:2/3;border:1px solid transparent;padding:0;background:var(--foto);transition:border-color .3s,opacity .3s;opacity:.6}
.gal-th button[aria-current=true]{border-color:var(--carbon);opacity:1}
.gal-th img{width:100%;height:100%;object-fit:cover}
@media (min-width:900px){
  .pdp{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  .gal{grid-template-columns:84px 1fr}
  .gal-th{flex-direction:column;order:-1}
  .gal-th button{width:84px}
  .pinfo{position:sticky;top:calc(var(--hdr) + 24px)}
}
.pinfo h1{font-size:clamp(40px,4.6vw,64px);margin:10px 0 14px;line-height:.95}
.pinfo .pr{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.pinfo .pr b{font:600 34px/1 var(--serif)}
.pinfo .pr s{color:var(--gris)}
.pinfo .pr .off{font-size:11px;font-weight:700;letter-spacing:.1em;color:#fff;background:var(--rojo);padding:5px 8px}
.pinfo .cu{font-size:14px;color:var(--gris);margin-top:8px}
.opt{margin-top:24px}
.opt .lb{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:10px}
.opt .lb button{border:0;background:transparent;text-decoration:underline;font-size:14px;min-height:44px;padding:0}
.sws{display:flex;gap:10px;flex-wrap:wrap}
.sws button{width:44px;height:44px;border-radius:50%;border:1px solid var(--linea);padding:4px;background:#fff;transition:transform .3s var(--ease)}
.sws button:hover{transform:scale(1.1)}
.sws button i{display:block;width:100%;height:100%;border-radius:50%;border:1px solid rgba(0,0,0,.12)}
.sws button[aria-pressed=true]{border-color:var(--carbon);box-shadow:0 0 0 1px var(--carbon)}
.szs{display:flex;gap:8px;flex-wrap:wrap}
.szs button{min-width:54px;height:48px;padding:0 12px;border:1px solid var(--linea);border-radius:40px;background:#fff;font-weight:700;font-size:14px;transition:background .3s,color .3s,transform .3s var(--ease)}
.szs button:not(:disabled):hover{transform:translateY(-2px)}
.szs button[aria-pressed=true]{background:var(--carbon);color:#fff;border-color:var(--carbon)}
.szs button:disabled{color:#9F9893;text-decoration:line-through;cursor:not-allowed;background:#F3EFEA}
.szs.shake{animation:shake .5s}
@keyframes shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.buy{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:24px}
.buy .qty{margin:0;height:52px}
.buy .qty button{height:50px}
.buy .wa{grid-column:1/-1}
.perks{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px;font-size:14px}
.perks li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start}
.perks svg{width:20px;height:20px;color:var(--rojo)}
.acc{margin-top:26px;border-top:1px solid var(--linea)}
.acc details{border-bottom:1px solid var(--linea)}
.acc summary{display:flex;justify-content:space-between;align-items:center;min-height:56px;font-weight:700;font-size:15px;cursor:pointer;list-style:none}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"+";font-size:22px;font-weight:300;transition:transform .4s var(--ease)}
.acc details[open] summary::after{transform:rotate(45deg)}
.acc .ab{padding:0 0 20px;font-size:15px;color:#3f3c3a}
.acc .ab p+p{margin-top:10px}
.acc ul{padding-left:18px;margin:6px 0}
table.t{width:100%;border-collapse:collapse;font-size:14px}
table.t th,table.t td{text-align:left;padding:11px 8px;border-bottom:1px solid var(--linea);vertical-align:top}
table.t th{font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}
table.t td:last-child,table.t th:last-child{text-align:right}
.tbl-wrap{overflow-x:auto}
dialog{border:0;padding:0;max-width:min(640px,calc(100vw - 32px));width:100%;max-height:calc(100vh - 48px);background:var(--hueso)}
dialog::backdrop{background:rgba(20,18,17,.55)}
dialog .dh{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid var(--linea)}
dialog .dh h2{font-size:30px}
dialog .db{padding:20px 22px 26px;overflow:auto}
dialog .db p{font-size:14px;color:var(--gris);margin:10px 0}

/* páginas de contenido */
.page-h{padding:30px 0 clamp(40px,6vw,72px)}
.page-h h1{font-size:clamp(56px,10vw,160px);margin:14px 0 22px;line-height:.88}
.page-h h1 em{font-style:italic;color:var(--rojo);font-weight:400}
.page-h p{max-width:620px;font-size:18px;color:var(--gris)}
.band{background:var(--hueso-2)}
.dark-band{background:var(--carbon);color:#EFE7DD}
.dark-band .muted,.dark-band p{color:#CFC6BC}
.two{display:grid;gap:clamp(24px,4vw,64px)}
@media (min-width:900px){.two{grid-template-columns:1fr 1fr;align-items:start}}
.prose h2{font-size:clamp(34px,4vw,56px);margin-bottom:18px}
.prose h3{font-size:26px;margin:22px 0 8px}
.prose p{color:#3f3c3a}
.prose p+p{margin-top:12px}
.prose ul{padding-left:18px;color:#3f3c3a}
.prose li+li{margin-top:6px}
.boxes{display:grid;gap:14px}
@media (min-width:768px){.boxes{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.boxes.b3{grid-template-columns:repeat(3,1fr)}.boxes.b4{grid-template-columns:repeat(4,1fr)}}
.box{border:1px solid var(--linea);padding:26px;background:#fff;transition:transform .5s var(--ease),box-shadow .5s}
.box:hover{transform:translateY(-4px);box-shadow:0 24px 40px -28px rgba(30,28,27,.35)}
.box h3{font-size:26px;margin-bottom:8px}
.box p{font-size:15px;color:var(--gris)}
.box .n{font:500 46px/1 var(--serif);color:var(--rojo);display:block;margin-bottom:12px}
.box .btn,.box .lnk{margin-top:14px}
.form{display:grid;gap:14px}
.form .r2{display:grid;gap:14px}
@media (min-width:640px){.form .r2{grid-template-columns:1fr 1fr}}
.form label{display:grid;gap:6px;font-size:14px;font-weight:700}
.form input,.form select,.form textarea{min-height:50px;border:1px solid var(--linea);background:#fff;padding:10px 14px;font-weight:400;font-size:16px;border-radius:6px;width:100%}
.form textarea{min-height:120px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--carbon);outline-offset:0;border-color:var(--carbon)}
.form .msg{font-size:14px;min-height:22px;color:var(--rojo-osc);font-weight:700}
.tl{position:relative;display:grid;gap:clamp(48px,7vw,96px);padding-left:clamp(24px,4vw,64px)}
.tl::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--linea-d)}
.tl .line{position:absolute;left:0;top:0;width:1px;height:100%;background:var(--rojo);transform-origin:top;transform:scaleY(0)}
.tl-i{display:grid;gap:18px;align-items:center}
@media (min-width:900px){.tl-i{grid-template-columns:1fr 1fr}.tl-i:nth-child(odd) .tl-img{order:2}}
.tl-i b{font:500 clamp(64px,9vw,140px)/.9 var(--serif);color:#fff;display:block;font-variant-numeric:tabular-nums}
.tl-i h3{font-size:clamp(28px,3vw,40px);margin:8px 0 10px}
.tl-img{aspect-ratio:4/3;overflow:hidden;position:relative;background:#2f2a27}
.tl-img img{width:100%;height:100%;object-fit:cover}
.quote{font:italic 400 clamp(32px,4.4vw,64px)/1.12 var(--serif);max-width:1000px}
.quote cite{display:block;font:700 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;font-style:normal;color:var(--gris);margin-top:22px}
.steps{display:grid;gap:14px}
@media (min-width:900px){.steps{grid-template-columns:repeat(4,1fr)}}
.wide-img{aspect-ratio:21/9;overflow:hidden;background:var(--foto);position:relative}
.wide-img img{width:100%;height:100%;object-fit:cover}
@media (max-width:767px){.wide-img{aspect-ratio:4/3}}
.faq details{border-bottom:1px solid var(--linea)}
.faq summary{min-height:60px;display:flex;align-items:center;justify-content:space-between;font-weight:700;cursor:pointer;list-style:none;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:22px;font-weight:300;transition:transform .4s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{padding:0 0 18px;color:#3f3c3a}
.wa-fab{position:fixed;right:16px;bottom:16px;z-index:90;width:58px;height:58px;border-radius:50%;background:#1F6F47;color:#fff;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.wa-fab svg{width:28px;height:28px}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
  .rv-img{clip-path:none!important}
  .hero{height:auto}.hero-stick{position:relative}
}

/* paneles con clase .on (funcionan aun sin GSAP) */
.drawer,.cart{transition:transform .7s var(--ease2),visibility .7s}
.drawer.on,.cart.on{transform:none;visibility:visible}
.no-anim .rv,.no-anim .split .c{opacity:1!important;transform:none!important}
.hz-pinned .hz{height:100vh;display:flex;flex-direction:column}
.hz-pinned .hz-head{padding:calc(var(--hdr) + 28px) 0 22px}
.hz-pinned .hz-card{width:clamp(240px,40vh,480px)}
.hz-pinned .hz-card:nth-child(even){margin-top:6vh}
.hz-pinned .hz-track{padding-bottom:0;align-items:flex-start}
.hz-pinned .hz-card h3{font-size:clamp(30px,3.6vw,52px);margin-top:14px}
.hz-pinned .hz-card p{font-size:14px}

/* ajustes tras revisión */
h1,h2,h3,.quote{font-variant-numeric:lining-nums}
.tnums b,.stats b,.tx-num,.intro-num,.tl-i b,.box .n,.li .n,.look-tot b,.pinfo .pr b,.cart-h h2{font-variant-numeric:lining-nums tabular-nums}
.split .w,[data-split] .w{padding-top:.14em;margin-top:-.14em}
.stats b{white-space:nowrap;font-size:clamp(30px,3.2vw,48px)}
.marq.dark .marq-t span em{color:#E7B7AF}
.lnk svg{width:18px;height:18px;flex:none}
.toast{transform:translate(-50%,calc(100% + 40px))}
.cur{opacity:0}
.vplay{bottom:auto;top:calc(var(--hdr) + 20px);right:var(--g)}
.hdr .wrap{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
@media (max-width:600px){.hdr .logo{width:104px;height:42px}}
html{scrollbar-gutter:stable}

/* videos de marca */
.hz-img video{position:absolute;left:-10%;top:0;width:120%;height:100%;object-fit:cover;will-change:transform}
.wide-img video{width:100%;height:100%;object-fit:cover}
.serv .vid{aspect-ratio:16/10}
.xmas{position:relative;min-height:88vh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#2a2320}
.xmas-media{position:absolute;inset:0}
.xmas-media video{width:100%;height:100%;object-fit:cover}
.xmas-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,18,17,.78),rgba(20,18,17,.1) 60%)}
.xmas-in{position:relative;z-index:2;padding-top:120px;padding-bottom:clamp(48px,7vw,96px)}
.xmas h2{font-size:clamp(46px,8vw,124px);margin:12px 0 18px;max-width:12ch}
.xmas h2 em{font-style:italic;color:#F1D9CF;font-weight:400}
.xmas-p{max-width:440px;color:#EDE6DD}
.xmas-c{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.hz-img img,.hz-img video{max-width:none}
.hz-head{padding-left:var(--g);padding-right:var(--g)}
.hz-track{scroll-padding-inline:var(--g)}
@media (max-width:600px){.look-piece figcaption{display:none}}
.toolbar .cnt{white-space:nowrap;font-size:13px}
.toolbar select{max-width:min(44vw,240px);min-width:0;flex:0 1 auto}
.news .in{grid-template-columns:minmax(0,1fr)}
.news .in>*,.two>*,.tmap>*,.cmp-wrap>*,.look-in>*,.story .in>*,.pdp>*{min-width:0}
@media (min-width:900px){.news .in{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
.news form{grid-template-columns:minmax(0,1fr)}
.news input[type=email]{width:100%}
.dotmap{overflow:hidden}
@media (min-width:900px){.tl-i .tl-img{order:0!important}.tl-i:nth-of-type(even) .tl-img{order:-1!important}}
.tmap h1{font-size:clamp(48px,6.4vw,104px)}
.dotmap .ring{opacity:0}

/* Renzo Costa en el mundo */
.world{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(24px,4vw,64px);align-items:center;margin-top:clamp(48px,7vw,100px);padding:clamp(28px,4vw,56px);background:var(--carbon,#1E1C1B);color:#F5F1EC;border-radius:24px;overflow:hidden}
.world .eyebrow{color:#C8A27A;font-variant-numeric:tabular-nums}
.world h3{font:400 clamp(34px,4vw,58px)/1.02 var(--serif);margin:10px 0 14px;min-height:2.05em}
.world h3 .w-from,.world h3 .w-to{display:inline-block}
.world h3 em{font-style:italic;color:#E8B4A8}
.w-store{font-size:15px;color:#F5F1EC;min-height:1.5em;margin:0}
.w-store b{font-weight:600}
.world .muted{color:rgba(245,241,236,.66);max-width:460px;min-height:3em;margin:6px 0 0;font-size:14px}
.world .lnk{color:#F5F1EC;margin-left:auto}
.world-km{display:flex;align-items:baseline;gap:14px;margin:18px 0 22px;flex-wrap:wrap}
.world-km b{font:500 clamp(48px,6vw,84px)/.9 var(--serif);color:#E8B4A8;font-variant-numeric:lining-nums tabular-nums;min-width:4.2ch}
.world-km span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.w-ctrl{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.w-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(245,241,236,.25);background:transparent;color:#F5F1EC;font-size:18px;line-height:1;cursor:pointer;transition:background .25s,border-color .25s}
.w-btn:hover,.w-btn:focus-visible{background:#9A3836;border-color:#9A3836}
.w-pause{font-size:11px;letter-spacing:-1px}
.w-prog{flex:1;min-width:60px;height:2px;background:rgba(245,241,236,.15);border-radius:2px;overflow:hidden}
.w-prog i{display:block;height:100%;background:#E8B4A8;transform-origin:left;transform:scaleX(0)}
.world-map{aspect-ratio:2/1;width:100%;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 50% 60%,rgba(154,56,54,.12),transparent 70%)}
.world-map svg{width:100%;height:100%;display:block}
.w-grid line{stroke:rgba(245,241,236,.08);stroke-width:1;vector-effect:non-scaling-stroke}
.w-grid{transition:opacity .5s}
.w-peru{fill:rgba(232,180,168,.06);stroke:rgba(232,180,168,.35);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:3 4}
.w-sd{fill:rgba(232,180,168,.45)}
.w-route{stroke-width:2.4;stroke-linecap:round;vector-effect:non-scaling-stroke}
.w-dot{fill:#9A3836}
.w-ring{fill:none;stroke:#E8B4A8;stroke-width:1.2;opacity:.6;vector-effect:non-scaling-stroke}
.w-plane{fill:#F5F1EC;filter:drop-shadow(0 0 4px rgba(232,180,168,.9))}
.w-city text{font-family:var(--sans);font-weight:600;fill:#F5F1EC;letter-spacing:.03em;paint-order:stroke;stroke:#1E1C1B;stroke-width:3px;stroke-linejoin:round;vector-effect:non-scaling-stroke}
@media (max-width:820px){.world{grid-template-columns:1fr}.world-map{order:-1}}
.w-peru{transition:opacity .5s}

/* Hombre | Mujer */
.gsplit{position:relative;display:flex;height:100vh;height:100svh;min-height:560px;background:var(--carbon,#1E1C1B);overflow:hidden}
.sp{position:relative;flex:1 1 0;min-width:0;overflow:hidden;color:#fff;text-decoration:none;transition:flex-grow .9s cubic-bezier(.7,0,.2,1),filter .9s}
.gsplit.is-h .sp-hombre,.gsplit.is-m .sp-mujer{flex-grow:1.7}
.gsplit.is-h .sp-mujer,.gsplit.is-m .sp-hombre{filter:grayscale(.85) brightness(.55)}
.sp-media{position:absolute;inset:-24px;will-change:transform,clip-path}
.sp-media video{width:100%;height:100%;object-fit:cover;display:block}
.sp-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,18,17,.82),rgba(20,18,17,.1) 55%,rgba(20,18,17,.35));pointer-events:none}
.sp-copy{position:absolute;left:clamp(20px,4vw,64px);right:clamp(20px,4vw,64px);bottom:clamp(36px,8vh,90px);z-index:2}
.sp-mujer .sp-copy{text-align:right}
.sp-n{display:block;font:600 12px var(--sans);letter-spacing:.24em;color:#E8B4A8;margin-bottom:12px}
.sp-t{font:400 clamp(64px,10vw,170px)/.86 var(--serif);letter-spacing:-.03em;margin:0;white-space:nowrap}
.sp-mujer .sp-t{font-style:italic;color:#F1D9CF}
.sp-l{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.06em}
.sp-l i{display:inline-block;font-style:inherit}
.sp-sub{margin:14px 0 22px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.sp-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border:1px solid rgba(255,255,255,.6);border-radius:999px;font:600 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;transition:background .35s,color .35s,border-color .35s}
.sp-cta svg{width:16px;height:16px;transition:transform .35s}
.sp:hover .sp-cta,.sp:focus-visible .sp-cta{background:#9A3836;border-color:#9A3836}
.sp:hover .sp-cta svg{transform:translateX(4px)}
.sp:focus-visible{outline:3px solid #E8B4A8;outline-offset:-6px}
.sp-mid{position:absolute;left:50%;top:0;bottom:0;width:0;z-index:3;pointer-events:none;transition:left .9s cubic-bezier(.7,0,.2,1)}
.gsplit.is-h .sp-mid{left:62.96%}.gsplit.is-m .sp-mid{left:37.04%}
.sp-line{position:absolute;left:-.5px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(245,241,236,.7) 20%,rgba(245,241,236,.7) 80%,transparent);transform-origin:top}
.sp-badge{position:absolute;left:-60px;top:calc(50% - 60px);width:120px;height:120px;overflow:visible}
.sp-badge text{font:700 9.4px var(--sans);letter-spacing:.24em;fill:#F5F1EC}
.sp-badge circle{fill:#9A3836}
.sp-rc{position:absolute;left:-22px;top:calc(50% - 22px);width:44px;height:44px;display:grid;place-items:center;font:italic 500 20px var(--serif);color:#fff}
@media (max-width:820px){
  .gsplit{flex-direction:column;height:auto;min-height:0}
  .sp{flex:none;height:72svh;min-height:420px}
  .sp-mujer .sp-copy{text-align:left}
  .sp-mid{left:0;right:0;top:72svh;bottom:auto;width:auto;height:0}
  .sp-line{left:0;right:0;top:-.5px;bottom:auto;width:auto;height:1px;background:rgba(245,241,236,.6)}
  .sp-badge{left:calc(50% - 45px);top:-45px;width:90px;height:90px}
  .sp-rc{left:calc(50% - 22px);top:-22px}
}
@media (prefers-reduced-motion:reduce){.sp,.sp-mid{transition:none}}
.sp-badge svg{width:100%;height:100%;max-width:none;display:block;overflow:visible}
.sp-badge{left:-75px;top:calc(50% - 75px);width:150px;height:150px}
.sp-badge text{font-size:10.5px;letter-spacing:.2em}
@media (max-width:820px){.sp-badge{left:calc(50% - 50px);top:-50px;width:100px;height:100px}}
.sp-badge text{font-size:8.6px;letter-spacing:.12em}
.hz-fit .hz{height:auto;padding-bottom:clamp(60px,8vw,110px)}
.hz-fit .hz-track{width:auto;justify-content:center}
.story .imgs-logo{position:absolute;inset:0;display:grid;place-items:center;z-index:2;pointer-events:none}
.story .imgs-logo img{width:min(58%,360px);height:auto;object-fit:contain;filter:drop-shadow(0 6px 26px rgba(0,0,0,.6))}
.intro-logo{position:relative;clip-path:none}
.intro-logo img{display:block}
.intro-fill{position:absolute;inset:0;background:#9A3836;-webkit-mask:url(brand/logo-blanco.svg) center/100% 100% no-repeat;mask:url(brand/logo-blanco.svg) center/100% 100% no-repeat;clip-path:inset(0 100% 0 0)}
.intro-edge{position:absolute;top:-8%;bottom:-8%;left:0;width:2px;margin-left:-1px;background:linear-gradient(180deg,transparent,#F1D9CF,transparent);box-shadow:0 0 14px 3px rgba(232,180,168,.55);opacity:0}
.intro-bar{display:none}
.look{overflow:hidden}
.look-pin{position:relative;z-index:1}
.look-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.lb-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55}
.lb-blob.b1{width:42vw;height:42vw;left:-10vw;top:-12vw;background:radial-gradient(circle,#E8C9B8,transparent 70%)}
.lb-blob.b2{width:36vw;height:36vw;right:-8vw;bottom:-10vw;background:radial-gradient(circle,#D9A891,transparent 70%)}
.lb-blob.b3{width:26vw;height:26vw;left:42%;top:30%;background:radial-gradient(circle,rgba(154,56,54,.28),transparent 70%)}
.lb-sew{position:absolute;inset:0;width:100%;height:100%}
.lb-seam{fill:none;stroke:rgba(154,56,54,.35);stroke-width:2.2;stroke-dasharray:14 12;stroke-linecap:round}
.lb-thread{fill:none;stroke:#9A3836;stroke-width:2;stroke-linecap:round;opacity:.9}
.lb-needle line{stroke:#6E6A66;stroke-width:3;stroke-linecap:round}
.lb-needle ellipse{fill:none;stroke:#F5F1EC;stroke-width:1.6}
.lb-ico{position:absolute;fill:none;stroke:rgba(154,56,54,.28);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:5 4}
.lb-ico.i1{width:clamp(80px,9vw,150px);left:4%;top:12%}
.lb-ico.i2{width:clamp(70px,8vw,130px);right:6%;top:8%}
.lb-ico.i3{width:clamp(70px,8vw,130px);left:46%;bottom:6%}
.lb-ico.i4{width:clamp(60px,6vw,100px);right:30%;top:58%}
.lb-word{position:absolute;right:-2vw;bottom:-4vw;font:italic 400 clamp(160px,26vw,420px)/1 var(--serif);color:transparent;-webkit-text-stroke:1px rgba(154,56,54,.16);letter-spacing:-.04em;white-space:nowrap}
@media (max-width:820px){.lb-ico.i4,.lb-blob.b3{display:none}.lb-ico{opacity:.7}}
.look-pin{position:relative;overflow:hidden}
.look-in{position:relative;z-index:1}
.sv-title{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(8px,1.2vw,16px)}
.sv-title .sv-logo{width:clamp(180px,20vw,300px);height:auto;display:block}
.sv-title span{color:var(--carbon,#1E1C1B);font-style:normal}
.sv-title{margin-top:14px}

/* separadores ondulados */
.wv{position:relative;height:0;z-index:6;pointer-events:none}
.wv svg{position:absolute;left:0;top:-1px;width:200%;height:clamp(34px,4.2vw,70px);display:block;fill:var(--c);animation:wv-flow 22s linear infinite;will-change:transform}
.wv-f svg{animation-direction:reverse}
@keyframes wv-flow{to{transform:translateX(-25%)}}
@media (prefers-reduced-motion:reduce){.wv svg{animation:none}}
.marq{border-top:0}
.wv{clip-path:inset(-10px 0 -120px 0)}
.wv svg{max-width:none;height:clamp(46px,5.6vw,96px)}
.wv{clip-path:none}
.wv-i{position:absolute;left:0;right:0;top:-1px;height:clamp(46px,5.6vw,96px);overflow:hidden;display:block}
.wv-i svg{top:0}
.wv + .marq{padding-top:calc(clamp(46px,5.6vw,96px) + clamp(8px,1.2vw,18px))}

/* fondo animado de Más vendidos */
.mv-sec{overflow:hidden}
.mv-in{position:relative;z-index:1}
.mv-bg .lb-ico.i1{left:3%;top:8%}
.mv-bg .lb-ico.i2{right:4%;top:40%;left:auto}
.mv-bg .lb-ico.i3{left:2%;top:62%;bottom:auto}
.mv-bg .lb-ico.i4{right:6%;top:6%;left:auto}
.mv-bg .lb-blob.b1{background:radial-gradient(circle,#EBD5C6,transparent 70%)}
.mv-bg .lb-blob.b3{left:30%;top:55%}