/* Creaciones Evita · estilos */
@font-face{font-family:"Barlow";src:url("../fonts/barlow-latin-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url("../fonts/barlow-latin-600-normal.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url("../fonts/nunito-sans-latin-wght-normal.woff2") format("woff2");font-weight:200 1000;font-style:normal;font-display:swap}
@font-face{font-family:"Caveat";src:url("../fonts/caveat-latin-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --ink:#554752;--ink-2:#494348;--muted:#81777F;--h2:#756372;
  --linen:#FBF8FB;--paper:#ffffff;--line:#E8DCE7;
  --pink:#B9A2B3;--pink-d:#9B7F95;--blush:#F3EBF3;
  --blue:#9B7F95;--sky:#EFE8F0;--leaf:#8a7a88;--mint:#EFE8F0;--sun:#B9A2B3;
  --r:22px;--r-sm:14px;--gut:clamp(16px,4vw,40px);
  --shadow:0 1px 2px rgba(85,71,82,.06),0 10px 30px -12px rgba(85,71,82,.2);
  --serif:"Barlow","DIN Neuzeit Grotesk","DIN Alternate",system-ui,sans-serif;
  --sans:"Nunito Sans","Avenir Light","Avenir",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --script:"Caveat","Segoe Script","Bradley Hand",cursive;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--linen);color:var(--ink-2);font-family:var(--sans);font-weight:300;font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.12;letter-spacing:.005em;margin:0 0 .5em;color:var(--ink)}
h1{font-size:clamp(2.1rem,4.6vw,3.7rem)}
h2{font-size:clamp(1.7rem,3.2vw,2.5rem)}
h3{font-size:1.25rem}
.h3{font-size:1.4rem}
p{margin:0 0 1em}
em{font-style:italic}
ul,ol{padding-left:1.2rem}
.muted{color:var(--muted)}.small{font-size:.9rem}.center{text-align:center}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:.6rem 1rem;border-radius:8px;z-index:200}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}
.wrap{width:min(1240px,100% - 2*var(--gut));margin-inline:auto}
.wrap-full{width:100%}
.narrow{width:min(820px,100% - 2*var(--gut))}
.sec{padding:clamp(3rem,7vw,5.5rem) 0}.sec-sm{padding:2rem 0}
.sec-tint{background:var(--blush)}
.kicker{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pink-d);margin-bottom:.6rem}
.kicker.script{font-family:var(--script);font-size:1.7rem;letter-spacing:0;text-transform:none;font-weight:700;transform:rotate(-2deg);transform-origin:left}
.lead{font-size:clamp(1.1rem,1.6vw,1.3rem);color:var(--ink-2);max-width:60ch}
.link{color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0}
.link:hover{color:var(--pink-d)}
.sec-head{text-align:center;max-width:680px;margin:0 auto 2.4rem}
.sec-head p{color:var(--ink-2);font-size:1.1rem}

/* botones */
.btn{display:inline-flex;align-items:center;gap:.55rem;justify-content:center;background:var(--ink);color:var(--paper);border:2px solid var(--ink);border-radius:99px;padding:.8rem 1.55rem;font-weight:600;text-decoration:none;transition:transform .2s,background .2s,color .2s,box-shadow .2s;line-height:1.2}
.btn:hover{background:var(--pink-d);border-color:var(--pink-d);transform:translateY(-2px);box-shadow:0 10px 22px -10px rgba(155,127,149,.7)}
.btn-ghost{background:transparent;color:var(--ink)}
.btn-ghost:hover{background:var(--ink);border-color:var(--ink);color:var(--paper);box-shadow:none}
.btn-light{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.btn-light:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.btn-lg{padding:1rem 1.8rem;font-size:1.05rem}
.btn-mini{display:inline-flex;align-items:center;gap:.25rem;border:1.5px solid var(--ink);background:transparent;border-radius:99px;padding:.35rem .85rem;font-size:.85rem;font-weight:600;transition:.2s}
.btn-mini:hover{background:var(--ink);color:var(--paper)}
.icon-btn{background:none;border:0;padding:.5rem;border-radius:50%;display:grid;place-items:center;position:relative}
.icon-btn:hover{background:rgba(85,71,82,.07)}

/* avisos + cabecera */
.announce{background:var(--ink);color:var(--linen);overflow:hidden;font-size:.84rem;white-space:nowrap}
.announce-track{display:inline-flex;gap:3.5rem;padding:.55rem 0;animation:slide 45s linear infinite;will-change:transform}
.announce-track span{flex:none}
@keyframes slide{to{transform:translateX(-50%)}}
.site-header{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:1rem;padding:.55rem var(--gut);background:rgba(251,248,251,.88);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--ink)}
.logo-mark{width:30px;height:30px}
.logo-text{white-space:nowrap;font-family:var(--script);font-size:2rem;font-weight:700;line-height:1;letter-spacing:.01em}
.logo-lg .logo-text{font-size:2.4rem}
.main-nav{display:flex;align-items:center;gap:1.6rem;margin-left:auto;margin-right:.5rem}
.main-nav a,.dd-btn{text-decoration:none;font-weight:500;font-size:.98rem;background:none;border:0;padding:.4rem 0;position:relative}
.main-nav a::after,.dd-btn::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--pink-d);transition:width .25s}
.main-nav a:hover::after,.dd-btn:hover::after{width:100%}
.has-dd{position:relative}
.dd{position:absolute;top:100%;left:-1rem;min-width:240px;background:var(--paper);border-radius:var(--r-sm);box-shadow:var(--shadow);padding:.6rem;display:none;border:1px solid var(--line)}
.has-dd:hover .dd,.has-dd:focus-within .dd{display:grid}
.dd a{padding:.55rem .8rem!important;border-radius:10px}
.dd a:hover{background:var(--blush)}
.dd a::after{display:none}
.burger{display:none}
.cart-count{position:absolute;top:0;right:0;min-width:19px;height:19px;border-radius:99px;background:var(--pink-d);color:#fff;font-size:.72rem;font-weight:700;display:grid;place-items:center;padding:0 5px}
.cart-btn.bump{animation:bump .5s}
@keyframes bump{40%{transform:scale(1.25) rotate(-8deg)}}
.mobile-menu{position:fixed;inset:0;top:0;z-index:55;background:var(--linen);padding:5.5rem var(--gut) 2rem;overflow:auto}
.mobile-menu[hidden]{display:none}
.mm-inner{display:grid;gap:.1rem;max-width:520px}
.mm-inner a{padding:.75rem 0;text-decoration:none;font-family:var(--serif);font-size:1.5rem;border-bottom:1px solid var(--line)}
.mm-label{margin:1rem 0 0;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}
.mm-inner a span{font-size:1.1rem}

/* hero */
.hero{position:relative}
.strips{display:flex;height:clamp(440px,74vh,720px);gap:0;background:var(--ink)}
.strip{position:relative;flex:1 1 0;min-width:0;overflow:hidden;transition:flex .8s cubic-bezier(.2,.8,.2,1);display:block}
.strip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;transform:scale(1.15);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.strip.is-open,.strips:hover .strip:hover{flex:3.6}
.strip.is-open img,.strips:hover .strip:hover img{transform:scale(1)}
.strips:hover .strip.is-open:not(:hover){flex:1}
.strips:hover .strip.is-open:not(:hover) img{transform:scale(1.15)}
.strip-name{position:absolute;top:1.1rem;left:50%;transform:translate(-50%,-8px);background:var(--paper);color:var(--ink);font-weight:600;font-size:.85rem;padding:.35rem .9rem;border-radius:99px;opacity:0;transition:.4s;white-space:nowrap;box-shadow:var(--shadow)}
.strip.is-open .strip-name,.strips:hover .strip:hover .strip-name{opacity:1;transform:translate(-50%,0)}
.strips:hover .strip.is-open:not(:hover) .strip-name{opacity:0}
.hero-card{position:absolute;left:clamp(16px,4vw,56px);bottom:clamp(16px,3vw,40px);max-width:min(500px,calc(100% - 32px));background:rgba(255,253,250,.93);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:28px;padding:clamp(1.3rem,3vw,2.2rem);box-shadow:0 30px 60px -24px rgba(85,71,82,.45);pointer-events:none}
.hero-card>*{pointer-events:auto}
.hero-card h1{font-size:clamp(1.8rem,3.1vw,2.7rem);margin-bottom:.4em}
.hero-card h1 em{color:var(--pink-d)}
.hero-card p{color:var(--ink-2);margin-bottom:1.1rem}
.hero-card .kicker{margin-bottom:.1rem}
.hero-cta{display:flex;flex-wrap:wrap;gap:.7rem}
.hero-trust{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;padding:0;margin:1.1rem 0 0;font-size:.88rem;color:var(--ink-2)}
.hero-trust li{display:flex;align-items:center;gap:.3rem}.hero-trust svg{color:var(--leaf)}
.marquee{background:var(--pink);color:var(--ink);overflow:hidden;white-space:nowrap;padding:.9rem 0}
.marquee-track{display:inline-flex;gap:1.6rem;animation:mq 38s linear infinite;font-family:var(--serif);font-style:italic;font-size:1.6rem}
.marquee-track i{font-style:normal;opacity:.6}
@keyframes mq{to{transform:translateX(-33.333%)}}

/* tienda: filtros + tarjetas */
.chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}
.chips-line{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}
.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem 1rem;border-radius:99px;border:1.5px solid var(--line);background:var(--paper);font-size:.92rem;font-weight:500;text-decoration:none;transition:.2s}
.chip:hover{border-color:var(--ink)}
.chip.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.shop-tools{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1.5rem}
.shop-tools .chips{margin:0;justify-content:flex-start}
.sort{font-size:.92rem;color:var(--ink-2)}.sort select{margin-left:.4rem;padding:.4rem .8rem;border-radius:99px;border:1.5px solid var(--line);background:var(--paper);font:inherit}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}
.grid-4{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.card{position:relative;background:var(--paper);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s}
.card:hover{transform:translateY(-6px);box-shadow:0 2px 4px rgba(85,71,82,.06),0 28px 40px -20px rgba(85,71,82,.3)}
.card[hidden]{display:none}
.card-media{display:block;position:relative;aspect-ratio:3/4;background:#e6e2dc;overflow:hidden}
.card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s,transform .9s}
.card-media .m2{opacity:0}
.card:hover .m2{opacity:1;transform:scale(1.04)}
.badge{position:absolute;left:12px;top:12px;background:var(--paper);color:var(--ink);font-size:.72rem;font-weight:700;padding:.28rem .7rem;border-radius:99px;letter-spacing:.03em;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.card-body{padding:1rem 1.2rem 1.2rem;display:flex;flex-direction:column;gap:.15rem;flex:1}
.card-body h3{margin:0;font-size:1.25rem}.card-body h3 a{text-decoration:none}
.card-body p{margin:0;font-size:.92rem;line-height:1.35}
.card-foot{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.8rem}
.price{font-weight:700}
.qa{position:absolute;inset:0;background:rgba(85,71,82,.94);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;padding:1rem;text-align:center;animation:fade .2s}
.qa[hidden]{display:none}
.qa p{margin:0;font-family:var(--serif);font-size:1.3rem}
.qa-sizes{display:grid;gap:.5rem;width:100%;max-width:240px}
.qa-sizes button{display:flex;justify-content:space-between;background:#fff;color:var(--ink);border:0;border-radius:12px;padding:.7rem 1rem;transition:.2s}
.qa-sizes button:hover{background:var(--pink);transform:scale(1.03)}
.qa-close{background:none;border:0;color:#d8cfc5;text-decoration:underline;margin-top:.4rem}
@keyframes fade{from{opacity:0}}

.promo{background:var(--pink);justify-content:center;text-align:center;box-shadow:none}
.promo:hover{transform:none}
.promo-in{padding:2rem 1.4rem;display:grid;gap:.5rem;justify-items:center}
.promo h3{font-size:1.7rem;margin:0}.promo p{margin:0 0 .6rem}.promo .kicker{color:var(--ink)}
/* encuentra tu funda */
.quiz{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(1.5rem,4vw,4rem);align-items:center;padding-block:clamp(3rem,6vw,5rem)}
.quiz-box{background:var(--paper);border-radius:28px;padding:clamp(1.3rem,3vw,2.2rem);box-shadow:var(--shadow);min-height:260px}
.quiz-q{font-family:var(--serif);font-size:1.35rem;margin-bottom:1rem}
.quiz-opts{display:flex;flex-wrap:wrap;gap:.6rem}
.quiz-opts button{background:var(--linen);border:1.5px solid var(--line);border-radius:99px;padding:.65rem 1.2rem;font-weight:500;transition:.2s}
.quiz-opts button:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);transform:translateY(-2px)}
.quiz-step[hidden]{display:none}
.quiz-step{animation:fade .35s}
.quiz-res{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:1rem}
.qr{text-decoration:none;display:block}
.qr img{aspect-ratio:3/4;object-fit:cover;width:100%;border-radius:14px;margin-bottom:.4rem;transition:transform .3s}
.qr:hover img{transform:translateY(-4px)}
.qr b{display:block;font-family:var(--serif);font-size:1.05rem}.qr small{color:var(--muted)}

/* características / colecciones */
.feats{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.feat{background:var(--paper);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.feat img{aspect-ratio:3/2;width:100%;object-fit:cover}
.feat-t{padding:1.1rem 1.2rem 1.4rem}.feat-t svg{color:var(--pink-d);margin-bottom:.4rem}
.feat-t h3{font-size:1.15rem;margin-bottom:.3rem}.feat-t p{margin:0;color:var(--ink-2);font-size:.95rem}
.ccards{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}
.ccard{position:relative;display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:3/4;text-decoration:none;color:#fff;box-shadow:var(--shadow)}
.ccard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}
.ccard:hover img{transform:scale(1.08)}
.ccard span{position:absolute;inset:auto 0 0 0;padding:2.4rem .9rem .8rem;background:linear-gradient(transparent,rgba(20,15,12,.75));display:grid}
.ccard b{font-family:var(--serif);font-size:1.1rem;line-height:1.15}.ccard small{opacity:.85}

/* sobre evita */
.about{display:grid;grid-template-columns:1.1fr 1fr;background:var(--paper);min-height:480px}
.about-t{padding:clamp(2rem,6vw,5rem) clamp(1.5rem,6vw,6rem);align-self:center;max-width:720px;justify-self:end}
.about-i{position:relative;min-height:340px}
.about-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.about-page .about-t{justify-self:start}
.look{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.look-i{display:block;aspect-ratio:1/1;overflow:hidden;border-radius:var(--r-sm)}
.look-i img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.look-i:hover img{transform:scale(1.08)}
.look-i:nth-child(1){grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.acards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.acards-3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.acard{display:flex;flex-direction:column;background:var(--paper);border-radius:var(--r);overflow:hidden;text-decoration:none;box-shadow:var(--shadow);transition:transform .3s}
.acard:hover{transform:translateY(-5px)}
.acard img{aspect-ratio:16/10;width:100%;object-fit:cover}
.acard div{padding:1.1rem 1.3rem 1.4rem;display:flex;flex-direction:column;flex:1}
.acard h3{font-size:1.2rem;margin-bottom:.4rem}.acard p{color:var(--ink-2);font-size:.95rem;margin-bottom:.8rem}
.more{margin-top:auto;display:inline-flex;align-items:center;gap:.3rem;font-weight:600;color:var(--blue)}
.cta{background:var(--pink)}
.cta-in{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:clamp(2.5rem,6vw,4.5rem);flex-wrap:wrap}
.cta h2{margin-bottom:.3rem}.cta p{margin:0;max-width:52ch}
.cta .kicker{color:var(--ink)}

/* FAQ */
.faq details{background:var(--paper);border-radius:var(--r-sm);margin-bottom:.7rem;box-shadow:var(--shadow);overflow:hidden}
.faq summary{cursor:pointer;padding:1.05rem 3rem 1.05rem 1.3rem;font-weight:600;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:1.3rem;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:400;transition:transform .25s;color:var(--pink-d)}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq-a{padding:0 1.3rem 1.1rem;color:var(--ink-2)}.faq-a p{margin:0}

/* pie */
.site-footer{background:var(--ink);color:#E8DCE7;margin-top:0;padding-top:3.5rem}
.site-footer a{text-decoration:none}.site-footer a:hover{color:#fff;text-decoration:underline}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2rem}
.site-footer h4{color:#fff;font-size:1rem;font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:.4rem;font-size:.95rem}
.foot-brand .logo{color:#fff}.foot-brand p{max-width:34ch;margin-top:.8rem}
.social{display:flex;gap:.4rem;margin-top:.8rem}.social a{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.1)}
.social a:hover{background:var(--pink);color:var(--ink)}
.foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;border-top:1px solid rgba(255,255,255,.14);margin-top:2.5rem;padding:1.2rem 0;font-size:.88rem}

/* páginas internas */
.crumbs{padding-top:1.2rem;font-size:.88rem;color:var(--muted)}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem;padding:0;margin:0}
.crumbs li+li::before{content:"›";margin-right:.35rem}
.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.page-head{padding:2rem 0 1.5rem}
.answer{background:var(--mint);border-radius:var(--r-sm);padding:1.1rem 1.3rem;margin:1.4rem 0;border-left:5px solid var(--leaf)}
.answer p{margin:0;font-size:1.05rem}
.answer-label{display:flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--leaf);margin-bottom:.35rem}
.table{width:100%;border-collapse:collapse;background:var(--paper);border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--shadow);margin:1rem 0 1.4rem;font-size:.98rem}
.table th,.table td{padding:.8rem 1rem;text-align:left;border-bottom:1px solid var(--line)}
.table thead th{background:var(--ink);color:var(--paper);font-weight:600}
.table tr:last-child td{border-bottom:0}
.prose h2{margin-top:1.8em;font-size:clamp(1.4rem,2.4vw,1.8rem)}
.prose a{color:var(--blue);text-underline-offset:3px}
.prose li{margin-bottom:.4rem}
.prose code,.note-box code{background:#ece4d8;padding:.1rem .35rem;border-radius:6px;font-size:.9em}
.note-box{background:#fff4d6;border:1px dashed #d9b64a;border-radius:var(--r-sm);padding:.8rem 1rem;font-size:.92rem}
.article header{padding-top:1.6rem}
.art-cover{margin:0 0 1.5rem}.art-cover img{width:100%;max-height:420px;object-fit:cover;border-radius:var(--r)}
.box-cta{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;background:var(--blush);border-radius:var(--r);padding:1.6rem 2rem}
.box-cta h2,.box-cta p{margin:0}
.steps{counter-reset:s;list-style:none;padding:0;display:grid;gap:.8rem}
.steps li{counter-increment:s;background:var(--paper);border-radius:var(--r-sm);padding:1rem 1rem 1rem 4rem;position:relative;box-shadow:var(--shadow)}
.steps li::before{content:counter(s);position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:2.2rem;height:2.2rem;border-radius:50%;background:var(--pink);display:grid;place-items:center;font-family:var(--serif);font-weight:700}
.sizecards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.sizecard{background:var(--paper);border-radius:var(--r);padding:1.4rem;text-align:center;box-shadow:var(--shadow)}
.sz-fig{height:150px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:1rem}
.sz-fig span{display:block;height:var(--h);aspect-ratio:3/4.2;background:repeating-linear-gradient(135deg,var(--blush) 0 8px,#f3d3d0 8px 16px);border:2px solid var(--ink);border-radius:6px 10px 10px 6px;box-shadow:4px 4px 0 var(--ink)}
.sz-d{font-weight:700;margin-bottom:.2rem}.sz-p{font-family:var(--serif);font-size:1.5rem;margin:.4rem 0 0}
.calc{background:var(--sky);border-radius:var(--r);padding:1.6rem 1.8rem}
.calc-row{display:flex;gap:1rem;flex-wrap:wrap}
.calc label{display:grid;gap:.3rem;font-weight:600;font-size:.92rem}
.calc input,.form input,.form textarea,.form select{font:inherit;padding:.7rem .9rem;border-radius:12px;border:1.5px solid var(--line);background:#fff;width:100%}
.calc input{width:150px}
.calc input:focus,.form input:focus,.form textarea:focus,.form select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,88,184,.18)}
.calc-res{margin:1rem 0 0;font-family:var(--serif);font-size:1.3rem}
.calc-res b{color:var(--blue)}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.val{background:var(--paper);border-radius:var(--r);padding:1.6rem;box-shadow:var(--shadow)}.val svg{color:var(--pink-d)}
.form{display:grid;gap:1rem}.form label{display:grid;gap:.35rem;font-weight:600;font-size:.92rem}
.form[hidden]{display:none}
.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(1.5rem,4vw,3rem);padding-bottom:4rem}
.contact-side{display:grid;gap:.8rem;align-content:start}
.contact-i{display:flex;align-items:center;gap:1rem;background:var(--paper);border-radius:var(--r-sm);padding:1rem 1.2rem;text-decoration:none;box-shadow:var(--shadow);transition:.2s}
.contact-i:hover{transform:translateX(4px)}.contact-i small{display:block;color:var(--muted)}
.contact-note{display:flex;gap:1rem;align-items:center;background:var(--blush);border-radius:var(--r-sm);padding:1rem}
.contact-note img{width:90px;height:90px;object-fit:cover;border-radius:12px}.contact-note p{margin:0;font-size:.92rem}

/* ficha de producto */
.pdp{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);padding-top:1.5rem;align-items:start}
.gallery{position:sticky;top:90px}
.g-main{position:relative;aspect-ratio:4/5;border-radius:28px;overflow:hidden;background:#e6e2dc;box-shadow:var(--shadow)}
.g-main img{width:100%;height:100%;object-fit:cover;transition:opacity .25s}
.g-main img.swap{opacity:.2}
.zoom{position:absolute;right:14px;bottom:14px;width:44px;height:44px;border-radius:50%;border:0;background:var(--paper);box-shadow:var(--shadow);font-size:1.2rem}
.thumbs{display:flex;gap:.6rem;margin-top:.8rem;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:thin}
.thumb{flex:none;width:76px;aspect-ratio:1;border-radius:14px;overflow:hidden;border:2px solid transparent;padding:0;background:#e6e2dc;opacity:.75;transition:.2s}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb.is-active,.thumb:hover{border-color:var(--ink);opacity:1}
.buy h1{font-size:clamp(1.8rem,3.2vw,2.6rem);margin-bottom:.2em}.buy h1 .nm{color:var(--pink-d);font-style:italic}
.tagline{color:var(--ink-2);font-size:1.15rem}
.price-big{font-family:var(--serif);font-size:2.2rem;font-weight:600;margin:.4rem 0 1.2rem;display:flex;align-items:baseline;gap:.6rem}
.price-big small{font-family:var(--sans);font-size:.8rem;color:var(--muted);font-weight:400}
.field{border:0;padding:0;margin:0 0 1.2rem}
.field legend{font-weight:700;font-size:.92rem;margin-bottom:.5rem;padding:0}
.opts{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.opt input{position:absolute;opacity:0}
.opt-b{display:grid;gap:.1rem;text-align:center;border:2px solid var(--line);background:var(--paper);border-radius:var(--r-sm);padding:.8rem .4rem;cursor:pointer;transition:.2s;height:100%}
.opt-b small{font-size:.75rem;color:var(--muted);line-height:1.25}.opt-b em{font-style:normal;font-weight:700}
.opt input:checked+.opt-b{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);background:#fff}
.opt input:focus-visible+.opt-b{outline:3px solid var(--blue);outline-offset:2px}
.swatches{display:flex;gap:.6rem;flex-wrap:wrap}
.sw{width:38px;height:38px;border-radius:50%;background:var(--c);border:3px solid var(--paper);box-shadow:0 0 0 1.5px var(--line);transition:.2s;padding:0}
.sw:hover{transform:scale(1.1)}.sw.is-active{box-shadow:0 0 0 2.5px var(--ink)}
.chk{display:flex;align-items:center;gap:.6rem;cursor:pointer}.chk input{width:20px;height:20px;accent-color:var(--pink-d)}.chk em{font-style:normal;color:var(--muted)}
.buy-row{display:flex;gap:.8rem;align-items:stretch;flex-wrap:wrap}
.qty{display:inline-flex;align-items:center;border:2px solid var(--line);border-radius:99px;background:var(--paper)}
.qty button{width:44px;height:100%;min-height:50px;background:none;border:0;font-size:1.3rem}.qty output{min-width:2ch;text-align:center;font-weight:700}
.buy-row .btn-lg{flex:1;min-width:220px}
.perks{list-style:none;padding:0;margin:1.5rem 0;display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.perks li{display:flex;align-items:center;gap:.6rem;font-size:.92rem;color:var(--ink-2);line-height:1.3}
.perks svg{flex:none;color:var(--pink-d);width:30px;height:30px}
.desc p{color:var(--ink-2)}
.pdp-more{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);padding-top:3rem}
.facts{width:100%;border-collapse:collapse;background:var(--paper);border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--shadow);font-size:.95rem}
.facts th,.facts td{padding:.75rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.facts th{width:32%;font-weight:600;color:var(--ink-2);background:#faf6f0}
.facts tr:last-child>*{border-bottom:0}
.sticky-buy{display:none}
.lightbox{position:fixed;inset:0;z-index:150;background:rgba(20,15,12,.92);display:grid;place-items:center;padding:2rem}
.lightbox[hidden]{display:none}
.lightbox img{max-height:92vh;max-width:94vw;object-fit:contain;border-radius:12px}
.lightbox .icon-btn{position:absolute;top:1rem;right:1rem;color:#fff}

/* carrito */
.backdrop{position:fixed;inset:0;background:rgba(20,15,12,.5);z-index:90;animation:fade .25s}
.backdrop[hidden]{display:none}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--paper);z-index:100;transform:translateX(105%);transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;box-shadow:-20px 0 50px -20px rgba(0,0,0,.35)}
.drawer.open{transform:none}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.3rem;border-bottom:1px solid var(--line)}
.drawer-head h2{margin:0;font-size:1.5rem}
.drawer-body{flex:1;overflow:auto;padding:1rem 1.3rem}
.drawer-foot{padding:1rem 1.3rem 1.3rem;border-top:1px solid var(--line);background:var(--linen)}
.ci{display:grid;grid-template-columns:72px 1fr auto;gap:.9rem;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--line)}
.ci img{width:72px;height:92px;object-fit:cover;border-radius:12px}
.ci h4{font-family:var(--sans);font-size:1rem;margin:0 0 .15rem;font-weight:700}.ci small{display:block;color:var(--muted);line-height:1.3}
.ci .qty{transform:scale(.82);transform-origin:left;margin-top:.2rem}
.ci .qty button{min-height:38px;width:38px}
.ci-r{text-align:right;display:grid;gap:.4rem;justify-items:end}.ci-r b{white-space:nowrap}
.ci-rm{background:none;border:0;color:var(--muted);font-size:.82rem;text-decoration:underline;padding:0}
.empty{text-align:center;padding:3rem 1rem;color:var(--ink-2)}.empty .btn{margin-top:1rem}
.ship-bar{background:#fff;border-radius:99px;height:8px;overflow:hidden;margin:.4rem 0 .2rem}.ship-bar i{display:block;height:100%;background:var(--leaf);border-radius:99px;transition:width .4s}
.sum-row{display:flex;justify-content:space-between;padding:.25rem 0}.sum-row.total{font-family:var(--serif);font-size:1.4rem;font-weight:600;border-top:1px solid var(--line);margin-top:.5rem;padding-top:.7rem}
.cart-page{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(1.5rem,4vw,3rem);padding-bottom:4rem;align-items:start}
.cart-side{background:var(--paper);border-radius:var(--r);padding:1.4rem;box-shadow:var(--shadow);position:sticky;top:90px}
.send-opts{display:grid;gap:.6rem}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,40px);background:var(--ink);color:#fff;padding:.8rem 1.3rem;border-radius:99px;z-index:130;opacity:0;pointer-events:none;transition:.35s;box-shadow:var(--shadow);max-width:90vw}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* animaciones de entrada */
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.js .reveal.in{opacity:1;transform:none}

/* adaptable */
@media (max-width:1100px){
  .ccards{grid-template-columns:repeat(3,1fr)}.feats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .logo-text{font-size:1.65rem}.logo-mark{width:26px;height:26px}
  .main-nav{display:none}.burger{display:grid}
  .site-header{justify-content:space-between}.logo{position:absolute;left:50%;transform:translateX(-50%)}
  .site-header{min-height:60px}
  .pdp,.pdp-more,.contact-grid,.cart-page,.quiz{grid-template-columns:1fr}
  .gallery,.cart-side{position:static}
  .about{grid-template-columns:1fr}.about-t{justify-self:start}.about-i{min-height:300px;order:-1}.about-page .about-i{order:-1}
  .acards{grid-template-columns:1fr}.acards-3{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}
  .sizecards,.values{grid-template-columns:1fr}
  .look{grid-template-columns:repeat(2,1fr)}.look-i:nth-child(1){grid-column:span 2;grid-row:auto;aspect-ratio:16/10}
  .sticky-buy{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--paper);border-top:1px solid var(--line);padding:.7rem var(--gut);gap:1rem;align-items:center;justify-content:space-between;transform:translateY(110%);transition:transform .35s;box-shadow:0 -10px 30px -16px rgba(0,0,0,.3)}
  .sticky-buy.show{transform:none}.sticky-buy div{display:grid;line-height:1.2}.sticky-buy span{font-weight:700}
  body.pdp-pg{padding-bottom:70px}
  .strips{height:clamp(380px,62vh,560px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .strips::-webkit-scrollbar{display:none}
  .strip{flex:0 0 62vw;scroll-snap-align:center}
  .strip img{transform:none!important}.strip-name{opacity:1;transform:translate(-50%,0)}
  .strip.is-open,.strips:hover .strip:hover{flex:0 0 62vw}
  .hero-card{position:relative;left:auto;bottom:auto;margin:-2.6rem auto 0;width:calc(100% - 2*var(--gut));max-width:none;pointer-events:auto}
}
@media (max-width:640px){
  .grid{grid-template-columns:repeat(2,1fr);gap:.8rem}
  .card-body{padding:.8rem .8rem 1rem}.card-body h3{font-size:1.05rem}.card-body p{display:none}
  .card-foot{flex-direction:column;align-items:flex-start;gap:.5rem}
  .ccards{grid-template-columns:repeat(2,1fr)}.feats{grid-template-columns:1fr 1fr}
  .quiz-res{grid-template-columns:repeat(3,1fr)}
  .opts{grid-template-columns:1fr}.opt-b{grid-template-columns:auto 1fr auto;text-align:left;align-items:center;gap:.6rem}
  .perks{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .hero-card h1{font-size:1.9rem}
  .ci{grid-template-columns:64px 1fr auto}
  .box-cta{padding:1.3rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .js .reveal{opacity:1;transform:none}
}

.narrow h2{margin-top:2.2rem}.narrow>h2:first-child,.narrow>.sec-head+h2{margin-top:0}

/* taller abierto */
.nav-hl{color:var(--pink-d);font-weight:700!important}
.taller{background:var(--mint);padding:clamp(3rem,7vw,5.5rem) 0}
.taller-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(1.5rem,5vw,4.5rem);align-items:start}
.tl-preview{position:sticky;top:90px;background:var(--paper);border-radius:28px;padding:1.2rem 1.2rem 1rem;box-shadow:var(--shadow)}
.pill{display:inline-block;background:var(--linen);border:1.5px solid var(--ink);border-radius:99px;padding:.3rem .9rem;font-size:.82rem;font-weight:700}
.tl-stage{margin-top:.8rem;border-radius:20px;aspect-ratio:1/1;display:grid;place-items:center;background:#fbf8f3 radial-gradient(#d8cfc2 1.2px,transparent 1.2px) 0 0/20px 20px;overflow:hidden}
.tl-book{--w:64%;position:relative;width:var(--w);aspect-ratio:3/4.1;border-radius:6px 14px 14px 6px;overflow:hidden;box-shadow:10px 12px 0 rgba(85,71,82,.14),0 20px 40px -18px rgba(85,71,82,.5);border:2px solid var(--ink);transition:width .5s cubic-bezier(.2,.8,.2,1),aspect-ratio .5s}
.tl-book[data-f="ts"]{--w:54%;aspect-ratio:3/4.5}
.tl-book[data-f="tm"]{--w:66%;aspect-ratio:3/4.1}
.tl-book[data-f="tk"]{--w:50%;aspect-ratio:3/4}
.tl-book img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s}
.tl-book img.swap{opacity:.15}
.tl-patch{position:absolute;left:8%;bottom:7%;background:#ffffff;border:2px dashed var(--c,#9B7F95);outline:3px solid #ffffff;border-radius:10px;padding:.05rem .7rem .15rem;transform:rotate(-3deg);box-shadow:0 4px 10px rgba(0,0,0,.25);animation:pop .35s cubic-bezier(.2,1.4,.4,1)}
.tl-patch[hidden]{display:none}
.tl-patch b{font-family:var(--script);font-size:clamp(1.6rem,3.2vw,2.5rem);line-height:1.1;color:var(--c,#9B7F95);letter-spacing:.04em;text-shadow:1px 1px 0 rgba(0,0,0,.18)}
@keyframes pop{from{transform:rotate(-3deg) scale(.6);opacity:0}}
.tl-cap{margin:.8rem .2rem 0;text-align:center;color:var(--ink-2);font-size:.92rem}
.tl-form h2,.tl-form h1{margin-bottom:.4em}
.tl-sws{display:flex;flex-wrap:wrap;gap:.55rem}
.tl-sw{width:56px;height:56px;border-radius:50%;padding:0;border:3px solid var(--paper);box-shadow:0 0 0 1.5px var(--line);overflow:hidden;background:#ddd;transition:transform .2s,box-shadow .2s}
.tl-sw img{width:100%;height:100%;object-fit:cover}
.tl-sw:hover{transform:scale(1.1)}
.tl-sw.is-active{box-shadow:0 0 0 3px var(--ink)}
.tl-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
#tl-initials{font-family:var(--script);font-size:1.8rem;font-weight:700;width:130px;text-align:center;padding:.3rem .6rem;border-radius:14px;border:2px solid var(--ink);background:#fff;text-transform:uppercase;letter-spacing:.08em}
#tl-initials:focus{outline:none;box-shadow:0 0 0 3px rgba(47,88,184,.25)}
.ths{display:flex;gap:.5rem}
.th{width:34px;height:34px;border-radius:50%;background:var(--c);border:3px solid var(--paper);box-shadow:0 0 0 1.5px var(--line);padding:0;transition:.2s}
.th:hover{transform:scale(1.12)}.th.is-active{box-shadow:0 0 0 2.5px var(--ink)}
.tl-sum{background:var(--paper);border-radius:var(--r-sm);padding:.8rem 1.1rem;margin:1rem 0 1.1rem;box-shadow:var(--shadow)}
.tl-sum[hidden],.sum-row[hidden]{display:none}
.tl-add{width:100%}
@media (max-width:900px){.taller-grid{grid-template-columns:1fr}.tl-preview{position:static}.tl-stage{aspect-ratio:4/3.4}.tl-book[data-f="tm"]{--w:44%}.tl-book[data-f="ts"]{--w:38%}.tl-book[data-f="tk"]{--w:36%}}
@media (max-width:640px){.tl-sw{width:48px;height:48px}.taller .opts{grid-template-columns:1fr}}

.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

h2,h3,h4{color:var(--h2)}
h1{color:var(--ink)}
b,strong{font-weight:700}
.logo-img{height:66px;width:auto;display:block}.logo-lg .logo-img{height:110px}
@media(max-width:900px){.logo-img{height:54px}}

.pay-opts{border:0;padding:0;margin:.4rem 0 1rem;display:grid;gap:.6rem}.pay-opts legend{font-weight:700;margin-bottom:.5rem;padding:0;color:var(--h2)}
.pay{display:flex!important;gap:.7rem;align-items:flex-start;border:1.5px solid var(--line);border-radius:var(--r-sm);padding:.8rem 1rem;background:#fff;cursor:pointer}
.pay input{width:auto!important;margin-top:.3rem;accent-color:var(--pink-d)}.pay small{display:block;color:var(--muted);line-height:1.35}
.pay:has(input:checked){border-color:var(--pink-d);background:var(--blush)}
.bizum-panel{margin-top:1.2rem;border:2px solid var(--pink-d);border-radius:var(--r);padding:1.2rem 1.4rem;background:#fff}
.bizum-panel ol{padding-left:1.2rem;display:grid;gap:.5rem}.bz-num{font-size:1.25rem;letter-spacing:.04em}

.kicker.kicker-plain{text-transform:none;letter-spacing:.02em;font-size:1.05rem;font-weight:600}
.feats-note{text-align:center;max-width:46ch;margin:2.2rem auto .8rem;font-size:1.1rem;color:var(--h2)}
.heart-div{display:flex;align-items:center;justify-content:center;gap:.8rem;color:var(--pink-d)}
.heart-div span{width:64px;height:1px;background:var(--line)}.heart-div svg{width:22px;height:22px}

.pdp-details{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.6rem 1.7rem;box-shadow:var(--shadow)}
.dlist{list-style:none;padding:0;margin:.4rem 0 1.4rem;display:grid;gap:1rem}
.dlist li{position:relative;padding-left:1.5rem}.dlist li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--pink-d)}
.dlist b{color:var(--ink);font-weight:700}.dsizes{display:block;margin-top:.15rem}
.dnote{border-top:1px solid var(--line);padding-top:1.1rem;margin-top:1.1rem}.dnote h3{font-size:1.1rem;margin-bottom:.5rem}.dnote p{margin:0 0 .7rem}
.dclose{margin:1.2rem 0 0;font-family:var(--serif);font-size:1.15rem;color:var(--h2);text-align:center}
.desc-special h3{font-size:1.1rem;margin-bottom:.5rem}
.desc-special .dclose{text-align:left;margin-top:1rem}

.hover-pic{position:relative;display:inline-block}
.hp-card{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%,6px);width:230px;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow);padding:.5rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20;text-align:center}
.hp-card img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px}
.hp-card em{display:block;font-style:normal;font-size:.85rem;color:var(--h2);margin-top:.35rem}
.hover-pic:hover .hp-card,.hover-pic:focus-within .hp-card{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media (max-width:640px){.hp-card{left:0;transform:translate(0,6px)}.hover-pic:hover .hp-card,.hover-pic:focus-within .hp-card{transform:none}}