/* =========================================================
   Muy Maja · hoja única. Paleta oficial:
   naranja #EA572A · rosa #E7B3DE · marfil #F8F3DD · azul calma #374EA2
   rojo flamenco #CD2E23 · amarillo #F3B13D · azul cielo #9FB2E5
   azul azulejo #293180 · azul noche #17194A
   ========================================================= */
:root{
  --naranja:#EA572A;--rosa:#E7B3DE;--marfil:#F8F3DD;--calma:#374EA2;--rojo:#CD2E23;
  --amarillo:#F3B13D;--cielo:#9FB2E5;--azulejo:#293180;--noche:#17194A;
  --tinta:#3A3D66;--tinta-2:#5A5F7A;--tinta-3:#8A8DA6;--placeholder:#EFE9D2;
  --serif:'Cormorant Garamond',Georgia,serif;--sans:'Montserrat',system-ui,sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;scroll-behavior:smooth}
body{margin:0;background:var(--marfil);font-family:var(--sans);color:var(--noche);overflow-x:clip;-webkit-font-smoothing:antialiased;line-height:1.5}
img{max-width:100%}
a{color:var(--azulejo);text-decoration:none}a:hover{color:var(--calma)}
h1,h2,h3,p{margin:0}
button{font:inherit}
.cg{font-family:var(--serif)}
.wrap{padding-left:56px;padding-right:56px;max-width:1440px;margin:0 auto;width:100%}
.skip{position:absolute;left:-999px;top:8px;background:var(--noche);color:var(--marfil);padding:10px 16px;border-radius:999px;z-index:100}
.skip:focus{left:16px}
.self-start{align-self:flex-start}
.noche{color:var(--noche)!important}.naranja{color:var(--naranja)}.azulejo{color:var(--azulejo)}.rojo{color:var(--rojo)}

/* ---------- Tipografía ---------- */
.d1{font-size:92px;line-height:.9;letter-spacing:-.01em;font-weight:700;color:var(--azulejo)}
.d2{font-size:64px;line-height:.95;font-weight:700;color:var(--azulejo)}
.d3{font-size:52px;line-height:1;font-weight:700;color:var(--azulejo)}
.d1 em,.d2 em,.d3 em{font-weight:400;font-style:italic}
.d1 em{color:var(--rojo)}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--noche)}
.eyebrow.rojo{color:var(--rojo)}.eyebrow.azulejo{color:var(--azulejo)}
.lead{font-size:17px;line-height:1.6;max-width:440px}
.lead-s{font-size:16px;line-height:1.65;color:var(--tinta);max-width:460px}
.meta{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-2)}
.meta-s{font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.nota{font-size:12px;line-height:1.6;color:var(--tinta-2)}
.num{font-family:var(--serif);font-size:22px;font-style:italic;color:var(--rojo)}
.quote{font-size:34px;line-height:1.1;font-style:italic;color:var(--azulejo);margin-top:8px}
.link-s{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px}

/* ---------- Botones ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 30px;border-radius:999px;font-family:var(--sans);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:2px solid transparent;text-decoration:none;transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease,border-color .25s ease;white-space:nowrap}
.btn:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:0 14px 30px -14px rgba(23,25,74,.6)}
.btn:active{transform:translateY(0) scale(.98)}
.btn-sm{min-height:46px;padding:0 20px;font-size:12px}
.btn-md{min-height:48px;font-size:13px}
.b-azul{background:var(--azulejo);color:var(--marfil)}.b-azul:hover{background:var(--noche);color:var(--marfil)}
.b-noche{background:var(--noche);color:var(--marfil)}.b-noche:hover{background:var(--azulejo);color:var(--marfil)}
.b-marfil{background:var(--marfil);color:var(--azulejo)}.b-marfil:hover{background:#fff;color:var(--azulejo)}
.b-rojo{background:var(--rojo);color:var(--marfil)}.b-rojo:hover{background:#A9231A;color:var(--marfil)}
.b-line{background:transparent;color:var(--azulejo);border-color:var(--azulejo)}.b-line:hover{background:var(--azulejo);color:var(--marfil)}
.arrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--azulejo)}
.arrow.rojo{color:var(--rojo)}
.arrow svg{transition:transform .3s ease}.arrow:hover svg{transform:translateX(6px)}
.acciones{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.btn:focus-visible,.chip:focus-visible,select:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--naranja);outline-offset:3px}

/* ---------- Fotos ---------- */
.ph{overflow:hidden;display:block;position:relative}
.ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease)}
.ph:hover img{transform:scale(1.04)}
.r34{aspect-ratio:3/4}
.pc{position:relative;display:block;overflow:hidden;background:var(--placeholder);border-radius:14px}
.pc img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;transition:transform .7s var(--ease)}
.pc:hover img{transform:scale(1.05)}
.blob{border-radius:58% 42% 45% 55% / 52% 38% 62% 48%}
.noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--placeholder);color:var(--tinta-2);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-align:center;padding:16px}
.ph .noimg{position:absolute}

/* ---------- Sol, olas, sellos, polaroid, arte ---------- */
.sun{position:absolute;pointer-events:none}
.sun .rays{position:absolute;inset:0;opacity:.9;animation:rays 90s linear infinite;transform-origin:50% 50%}
.sun-core{position:absolute;left:22%;top:22%;width:56%;height:56%;border-radius:50%;background:var(--amarillo)}
@keyframes rays{to{transform:rotate(360deg)}}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-10px) rotate(var(--r,0deg))}}
.floaty{animation:floaty 6s ease-in-out infinite}
.wave{display:block;width:100%;height:80px;position:relative;z-index:2;margin-top:-1px}
.wave.flip{transform:scaleY(-1)}
.pola{background:#fff;padding:12px 12px 44px;box-shadow:0 30px 60px -28px rgba(23,25,74,.5);position:relative;display:block}
.pola::before{content:"";position:absolute;left:50%;top:-14px;width:110px;height:28px;margin-left:-55px;background:rgba(243,177,61,.8);transform:rotate(-3deg)}
.pola-pie{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-size:19px;font-style:italic;color:var(--azulejo)}
.sello{clip-path:polygon(0% 0%, 4% 5%, 8% 0%, 12% 5%, 16% 0%, 20% 5%, 24% 0%, 28% 5%, 32% 0%, 36% 5%, 40% 0%, 44% 5%, 48% 0%, 52% 5%, 56% 0%, 60% 5%, 64% 0%, 68% 5%, 72% 0%, 76% 5%, 80% 0%, 84% 5%, 88% 0%, 92% 5%, 96% 0%, 100% 5%, 95% 4%, 100% 8%, 95% 12%, 100% 16%, 95% 20%, 100% 24%, 95% 28%, 100% 32%, 95% 36%, 100% 40%, 95% 44%, 100% 48%, 95% 52%, 100% 56%, 95% 60%, 100% 64%, 95% 68%, 100% 72%, 95% 76%, 100% 80%, 95% 84%, 100% 88%, 95% 92%, 100% 96%, 95% 100%, 96% 100%, 92% 95%, 88% 100%, 84% 95%, 80% 100%, 76% 95%, 72% 100%, 68% 95%, 64% 100%, 60% 95%, 56% 100%, 52% 95%, 48% 100%, 44% 95%, 40% 100%, 36% 95%, 32% 100%, 28% 95%, 24% 100%, 20% 95%, 16% 100%, 12% 95%, 8% 100%, 4% 95%, 0% 100%, 0% 96%, 5% 92%, 0% 88%, 5% 84%, 0% 80%, 5% 76%, 0% 72%, 5% 68%, 0% 64%, 5% 60%, 0% 56%, 5% 52%, 0% 48%, 5% 44%, 0% 40%, 5% 36%, 0% 32%, 5% 28%, 0% 24%, 5% 20%, 0% 16%, 5% 12%, 0% 8%, 5% 4%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;background:var(--marfil);color:var(--azulejo)}
.sello .cg{font-size:12px;font-weight:700;line-height:1.15;text-transform:uppercase;letter-spacing:.06em}
.sello-card{position:absolute;top:12px;left:12px;width:68px;height:68px;background:var(--rojo);color:var(--marfil);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transform:rotate(-8deg);z-index:2}
.sello-out{background:var(--noche)}
@keyframes wig{0%,100%{rotate:0deg}25%{rotate:-5deg}75%{rotate:5deg}}
.sello:hover,.pola:hover,.tag:hover{animation:wig .6s ease}
.arte{position:relative;transition:transform .4s ease;display:block}
.arte:hover{transform:rotate(0deg)!important}
.arte img{width:100%;display:block;border-radius:26px;box-shadow:0 40px 80px -40px rgba(23,25,74,.6)}
.tag{display:inline-flex;align-items:center;background:var(--amarillo);color:var(--noche);font-weight:700;font-size:15px;padding:6px 12px 6px 18px;border-radius:4px 999px 999px 4px;position:relative;transform:rotate(-4deg);flex:0 0 auto}
.tag::before{content:"";position:absolute;left:6px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--marfil)}
.tag-xl{font-size:22px;padding:8px 18px 8px 24px}
.tag-pill{position:absolute;left:24px;top:24px;background:var(--marfil);color:var(--azulejo);font-family:var(--serif);font-size:18px;font-style:italic;padding:8px 16px;border-radius:999px;box-shadow:0 12px 30px -16px rgba(23,25,74,.5)}

/* ---------- Movimiento ---------- */
.rv{transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .rv:not(.on){opacity:0;transform:translateY(36px)}
.dl1{transition-delay:.1s}.dl2{transition-delay:.22s}.dl3{transition-delay:.34s}.dl4{transition-delay:.46s}
.g3 .card:nth-child(3n+2){transition-delay:.12s}.g3 .card:nth-child(3n+3){transition-delay:.24s}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes reveal{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
@keyframes sunrise{from{transform:translateY(160px)}to{transform:translateY(0)}}
.in{animation:rise .8s var(--ease) both}
.in-img{animation:reveal 1.1s var(--ease) both}
.hero-sec .sun{animation:sunrise 1.6s var(--ease) both}
.t1{animation-delay:.05s}.t2{animation-delay:.18s}.t3{animation-delay:.3s}.t4{animation-delay:.42s}.t5{animation-delay:.6s}
@keyframes draw{to{stroke-dashoffset:0}}
.draw path{stroke-dasharray:700;stroke-dashoffset:700;animation:draw 1.1s var(--ease) 1.1s forwards}

/* ---------- HUD ---------- */
.hud{position:fixed;left:24px;bottom:24px;z-index:50;display:flex;align-items:center;gap:12px;background:var(--noche);color:var(--marfil);padding:8px 16px 8px 8px;border-radius:999px;box-shadow:0 20px 40px -20px rgba(0,0,0,.6);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.hud img{width:34px;height:34px;object-fit:contain;display:block}
.hud-ac{color:var(--amarillo)}

/* ---------- Cabecera ---------- */
.site-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:22px;padding-bottom:22px;position:relative;z-index:6}
.site-head .logo{display:block;flex:0 0 auto}
.site-head .logo img{height:60px;width:auto;display:block}
.site-head.oscuro .logo img{filter:brightness(0) saturate(100%) invert(8%) sepia(40%) saturate(2500%) hue-rotate(220deg) brightness(90%)}
.nav{display:flex;gap:30px;align-items:center}
.nav a{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--azulejo);position:relative;padding:6px 0}
.nav a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--naranja);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.nav a:hover::after,.nav a:focus-visible::after,.nav a.on::after{transform:scaleX(1)}
.site-head.oscuro .nav a{color:var(--noche)}
.site-head.oscuro .nav a::after{background:var(--noche)}
.head-acciones{display:flex;align-items:center;gap:12px}
.burger{display:none;width:46px;height:46px;border-radius:50%;border:2px solid var(--azulejo);background:transparent;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.burger span{display:block;width:18px;height:2px;background:var(--azulejo);transition:transform .3s ease,opacity .3s ease}
.site-head.oscuro .burger{border-color:var(--noche)}.site-head.oscuro .burger span{background:var(--noche)}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.crumbs{display:flex;gap:10px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;flex-wrap:wrap}
.crumbs a{color:var(--noche);opacity:.7}.crumbs a:hover{opacity:1}
.crumbs.azul a{color:var(--azulejo)}

/* ---------- Hero (Home) ---------- */
.hero-sec{background:var(--rosa);color:var(--azulejo);position:relative;overflow:hidden}
.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:40px;align-items:center;padding-top:16px;position:relative;z-index:2}
.hero-copy{display:flex;flex-direction:column;gap:24px;padding:60px 0 110px}
.hero-copy .lead{color:var(--noche);max-width:430px}
.d1 .sub{position:relative;display:inline-block}
.d1 .sub .draw{position:absolute;left:0;right:0;bottom:-10px;width:100%;height:22px;overflow:visible}
.hero-art{position:relative;height:720px}
.hero-main{position:absolute;right:-20px;top:0;width:84%;height:100%}
.hero-pola{position:absolute;left:-10px;bottom:40px;width:36%;transform:rotate(-6deg)}
.hero-sello{position:absolute;right:0;top:36px;width:128px;height:128px}
.hero-sello img{width:46px;height:auto;display:block}

/* ---------- Secciones genéricas ---------- */
.sec{padding-top:80px;padding-bottom:100px}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:36px}
.sec-head-txt{display:flex;flex-direction:column;gap:12px;max-width:680px}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}

/* ---------- Málaga ---------- */
.malaga{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:220px;gap:16px}
.malaga .ph{border-radius:20px}

/* ---------- Colecciones ---------- */
.col-intro{padding-bottom:24px;border-top:1px solid rgba(41,49,128,.18)}
.col-intro .sec-head{padding-top:64px;margin-bottom:0}
.col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding-top:80px;padding-bottom:80px}
.col.flip .col-img{order:2}
.col-img{position:relative}
.col-img .main{aspect-ratio:4/4.6;border-radius:24px;background:var(--placeholder)}
.col-txt{display:flex;flex-direction:column;gap:22px}
.col-bloque.txt-noche .lead-s,.col-bloque.txt-noche .thumbs a,.col-bloque.txt-noche .thumbs small{color:var(--noche)}
.thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.thumbs a{display:flex;flex-direction:column;gap:8px;color:var(--noche);font-size:13px;min-width:0}
.thumbs .pc{aspect-ratio:3/4}
.thumbs b{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.thumbs small{color:var(--tinta-2);font-size:12px}

/* ---------- Cómo comprar ---------- */
.embarque{background:var(--cielo);color:var(--noche);padding-bottom:110px;position:relative}
.embarque .wave.flip{margin-top:0}
.embarque-in{padding-top:40px;display:flex;flex-direction:column;gap:40px}
.embarque .arte{margin-bottom:30px}
.pass-btn{position:absolute;right:4.5%;bottom:9%}

/* ---------- Maja ---------- */
.nosotras{padding-top:110px;padding-bottom:110px}
.nosotras-art{position:relative;min-height:560px}
.nosotras-foto{position:absolute;left:0;top:0;width:66%;aspect-ratio:3/4;border:8px solid var(--rosa)}
.postal{position:absolute;right:-20px;bottom:0;width:62%;transform:rotate(5deg);border-radius:10px;overflow:hidden;box-shadow:0 40px 80px -36px rgba(23,25,74,.7)}
.postal img{border-radius:0;box-shadow:none}

/* ---------- FAQ ---------- */
.faq-sec{padding-top:40px;padding-bottom:100px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.faq-intro{display:flex;flex-direction:column;gap:16px;position:sticky;top:40px}
.faq-intro .lead-s{max-width:360px}
.faq-lista{border-bottom:1px solid rgba(41,49,128,.22)}
.faq{border-top:1px solid rgba(41,49,128,.22)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-family:var(--serif);font-size:26px;font-weight:600;color:var(--azulejo);transition:color .25s ease}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--naranja)}
.faq .pm{flex:0 0 36px;width:36px;height:36px;border-radius:50%;border:2px solid var(--azulejo);display:inline-flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:20px;font-weight:600;line-height:1;transition:transform .3s ease,background .3s ease,color .3s ease}
.faq[open] .pm{transform:rotate(45deg);background:var(--azulejo);color:var(--marfil)}
.faq p{margin:0 0 24px;font-size:15px;line-height:1.65;color:var(--tinta);max-width:680px}

/* ---------- Footer ---------- */
.site-foot{background:var(--noche);color:var(--marfil);position:relative;overflow:hidden}
.site-foot .wave.flip{margin-top:0}
.foot-in{padding-top:30px;padding-bottom:28px;display:flex;flex-direction:column;gap:44px;position:relative}
.foot-cierre{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;padding-top:10px}
.foot-cierre h2{color:var(--marfil);font-size:60px;line-height:.95;max-width:620px}
.foot-cierre em{color:var(--amarillo)}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.foot.con-linea{border-top:1px solid rgba(248,243,221,.18);padding-top:44px}
.foot-marca{display:flex;flex-direction:column;gap:16px}
.foot-marca img{width:160px;height:auto;display:block}
.foot-marca p{font-size:14px;line-height:1.6;color:rgba(248,243,221,.7);max-width:280px}
.foot-col{display:flex;flex-direction:column;gap:12px;font-size:14px}
.foot-col span{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(248,243,221,.55)}
.foot-col a{color:var(--marfil)}.foot-col a:hover{color:var(--amarillo)}
.foot-legal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:20px;border-top:1px solid rgba(248,243,221,.18);font-size:12px;color:rgba(248,243,221,.55)}
.foot-marca-agua{display:block;font-size:300px;line-height:.7;font-style:italic;color:var(--marfil);opacity:.05;text-align:center;white-space:nowrap;margin-bottom:-60px;pointer-events:none}

/* ---------- Categoría / colección ---------- */
.cat-head-sec{color:var(--noche);position:relative;overflow:hidden}
.head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:end;padding-top:24px;position:relative;z-index:2}
.head-copy{display:flex;flex-direction:column;gap:20px;padding:24px 0 72px}
.head-copy .d1{font-size:112px;line-height:.88;letter-spacing:-.03em;font-weight:700;color:var(--marfil)}
.head-copy .d1 em{font-weight:400;color:var(--noche);letter-spacing:0}
.head-copy .lead{font-size:18px;line-height:1.55}
.head-art{position:relative;height:540px}
.head-main{position:absolute;right:0;bottom:30px;width:78%;height:94%;overflow:hidden;border:8px solid var(--marfil);background:var(--placeholder)}
.head-main img{width:100%;height:100%;object-fit:cover;display:block}
.head-pola{position:absolute;left:0;bottom:40px;width:34%;transform:rotate(5deg);padding:10px 10px 36px}
.head-pola::before{width:90px;height:24px;margin-left:-45px;top:-12px}
.head-pola .pola-pie{font-size:17px;bottom:8px}
.head-sello{position:absolute;right:-6px;top:10px;width:110px;height:110px}
.head-sello img{width:40px;height:auto}
.head-sello .cg{font-size:11px;letter-spacing:.08em;line-height:1.1}

.toolbar-sec{padding-top:28px;padding-bottom:28px;position:sticky;top:0;background:var(--marfil);z-index:5;border-bottom:1px solid rgba(41,49,128,.18);margin:0}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.chips{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;max-width:100%}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:2px solid rgba(41,49,128,.3);background:transparent;color:var(--azulejo);font-size:13px;font-weight:600;cursor:pointer;transition:all .25s ease;white-space:nowrap}
.chip span{opacity:.7;font-weight:500}
.chip:nth-child(2n){transform:rotate(-1.5deg)}.chip:nth-child(2n+1){transform:rotate(1deg)}
.chip:hover{transform:rotate(0) translateY(-2px);border-color:var(--azulejo);background:rgba(41,49,128,.06)}
.chip.on{background:var(--azulejo);color:var(--marfil);border-color:var(--azulejo)}
.ordenar{display:flex;align-items:center;gap:12px}
.ordenar label{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-2)}
.ordenar select{min-height:44px;padding:0 16px;border-radius:999px;border:2px solid rgba(41,49,128,.3);background:transparent;color:var(--azulejo);font-family:var(--sans);font-size:14px;font-weight:600}
.has-js .solo-sin-js{display:none}

.grid-sec{padding-top:48px;padding-bottom:96px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px;align-items:start}
.card{display:flex;flex-direction:column;gap:14px;color:var(--noche);min-width:0}
.card .pc{aspect-ratio:3/4}
.card .pc .b{opacity:0;transition:opacity .5s ease}
.card:hover .pc .b,.card:focus-within .pc .b{opacity:1}
.card:hover .pc img{transform:scale(1.03)}
.card.agotado .pc img{filter:saturate(.6)}
.card-info{display:flex;flex-direction:column;gap:6px}
.card-col{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--rojo)}
.card-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.card .nm{font-size:24px;font-weight:700;line-height:1.1;color:var(--noche);transition:color .25s ease}
.card:hover .nm{color:var(--rojo)}
.sizes{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}
.sz{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 8px;border-radius:8px;border:1.5px solid rgba(41,49,128,.3);font-size:12px;font-weight:700;color:var(--azulejo)}
.sz.out{color:var(--tinta-3);border-style:dashed;text-decoration:line-through}
.sizes.lg .sz{min-width:44px;height:44px;font-size:14px;border-radius:10px}
.vacio{padding:40px 0 20px;display:flex;flex-direction:column;gap:14px;max-width:560px}

.tallas-sec{padding-bottom:100px}
.tallas-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start;border-top:1px solid rgba(41,49,128,.22);padding-top:64px}
.tallas-intro{display:flex;flex-direction:column;gap:16px;position:sticky;top:120px}
.tallas-intro .lead-s,.tallas-intro .nota{max-width:360px}
.tabla-scroll{overflow-x:auto}
.tabla-scroll .nota{margin-top:14px}
.tallas{width:100%;border-collapse:collapse;font-size:16px}
.tallas th,.tallas td{padding:16px 12px;text-align:center;border-bottom:1px solid rgba(41,49,128,.18)}
.tallas th{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-2);text-align:left}
.tallas th.center{text-align:center}
.tallas td{font-family:var(--serif);font-size:24px;font-weight:600;color:var(--azulejo)}
.tallas tr:hover td{background:rgba(41,49,128,.05)}
.ayuda-sec{padding-bottom:100px}
.ayuda-sec .arte{margin-bottom:30px}
.ayuda-btn{position:absolute;left:50%;bottom:-27px;transform:translateX(-50%) rotate(1deg)}

/* ---------- Producto ---------- */
.prod-head-sec{background:var(--marfil)}
.prod{padding-top:12px;padding-bottom:90px;display:flex;flex-direction:column;gap:28px}
.prod-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:start}
.galeria{display:flex;flex-direction:column;gap:14px;position:sticky;top:24px}
.galeria-main{aspect-ratio:3/4;border-radius:24px}
.galeria-main img{transition:opacity .35s ease,transform .7s var(--ease)}
.galeria-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.galeria-thumb{border:2px solid transparent;border-radius:12px;padding:0;overflow:hidden;background:var(--placeholder);cursor:pointer;aspect-ratio:3/4;transition:border-color .25s ease,transform .25s ease}
.galeria-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.galeria-thumb:hover{transform:translateY(-2px)}
.galeria-thumb.on{border-color:var(--azulejo)}
.prod-info{display:flex;flex-direction:column;gap:22px;padding-top:12px}
.prod-info .d2{font-size:56px}
.prod-precio{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.prod-precio .meta-s{color:var(--tinta-2);letter-spacing:.12em;font-size:12px}
.prod-tallas{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.prod-acciones{display:flex;gap:12px;flex-wrap:wrap}
.prod-desc{display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(41,49,128,.18);padding-top:22px}
.prod-desc p{font-size:15px;line-height:1.7;color:var(--tinta);max-width:520px}
.prod-pasos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border-top:1px solid rgba(41,49,128,.18);padding-top:22px}
.prod-pasos div{display:flex;flex-direction:column;gap:6px}
.prod-pasos p{font-size:13px;line-height:1.5;color:var(--tinta)}
.rel-sec{padding-bottom:100px}

/* ---------- 404 ---------- */
.vacio-page{display:flex;flex-direction:column;gap:22px;padding-top:40px;padding-bottom:140px;position:relative;z-index:2;max-width:760px}
.vacio-page .d1 em{color:var(--marfil)}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .in,.in-img,.hero-sec .sun,.sun .rays,.floaty,.draw path{animation:none!important}
  .draw path{stroke-dashoffset:0!important}
  .rv{opacity:1!important;transform:none!important;transition:none!important}
  .ph img,.pc img,.btn,.arrow svg,.pc .b,.chip,.card .nm{transition:none!important}
}

/* ---------- Tablet / móvil ---------- */
@media (max-width:1100px){
  .d1{font-size:72px}.head-copy .d1{font-size:88px}
  .hero-art{height:600px}
}
@media (max-width:900px){
  .wrap{padding-left:20px;padding-right:20px}
  .hud{display:none}
  .burger{display:flex}
  .nav{display:none;position:absolute;left:20px;right:20px;top:calc(100% - 8px);background:var(--marfil);border-radius:22px;padding:18px 22px;flex-direction:column;align-items:flex-start;gap:4px;box-shadow:0 30px 60px -28px rgba(23,25,74,.5);z-index:20}
  .nav.open{display:flex}
  .nav a{padding:12px 0;font-size:13px;width:100%}
  .site-head.oscuro .nav a{color:var(--azulejo)}
  .site-head .logo img{height:48px}
  .head-acciones .btn span{display:none}
  .hero{grid-template-columns:minmax(0,1fr)}
  .hero-copy{padding:36px 0 12px}
  .hero-art{height:500px}
  .hero-pola{width:46%;left:0;bottom:-10px}
  .hero-sec .sun{width:260px!important;height:260px!important;left:-80px!important;top:-40px!important}
  .cat-head-sec .sun{width:220px!important;height:220px!important;right:-80px!important;top:-30px!important}
  .d1,.head-copy .d1{font-size:52px;overflow-wrap:anywhere}
  .d2{font-size:44px;overflow-wrap:anywhere}
  .d3{font-size:34px}
  .prod-info .d2{font-size:40px}
  .quote{font-size:28px}
  .two,.col{grid-template-columns:minmax(0,1fr);gap:28px}
  .col{padding-top:56px;padding-bottom:56px}
  .col.flip .col-img{order:0}
  .malaga{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:150px}
  .malaga .ph:nth-child(1){grid-column:span 6!important;grid-row:span 2!important}
  .malaga .ph:nth-child(2){grid-column:span 3!important;grid-row:span 2!important}
  .malaga .ph:nth-child(n+3){grid-column:span 3!important;grid-row:auto!important}
  .malaga .ph:nth-child(7){grid-column:span 6!important}
  .arte{transform:none!important}
  .pass-btn{right:auto;left:50%;bottom:-27px;transform:translateX(-50%)}
  .nosotras{padding-top:70px;padding-bottom:70px}
  .nosotras-art{min-height:420px}
  .foot{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .foot-cierre h2{font-size:38px}
  .foot-marca-agua{font-size:140px}
  .faq summary{font-size:22px}
  .faq-sec{gap:28px}
  .faq-intro{position:static}
  .head{grid-template-columns:minmax(0,1fr);gap:28px}
  .head-copy{padding-bottom:36px}
  .head-art{height:380px}
  .head-pola{display:none}
  .toolbar{flex-direction:column;align-items:stretch}
  .chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}
  .chip{flex:0 0 auto}
  .g3{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}
  .card .nm{font-size:19px}
  .card-row{flex-wrap:wrap}
  .sz{min-width:26px;height:26px;padding:0 5px;font-size:11px}
  .tallas-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .tallas-intro{position:static}
  .ayuda-btn{min-height:46px;padding:0 18px;font-size:12px}
  .prod-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .galeria{position:static}
  .prod-pasos{grid-template-columns:minmax(0,1fr)}
  .tag-xl{font-size:18px}
}
@media (max-width:480px){
  .g3{grid-template-columns:minmax(0,1fr)}
  .hero-art{height:420px}
  .prod-acciones .btn{width:100%}
}