/* Ofertas por mercado — reutiliza tokens.css e design-system.css */
:root{color-scheme:dark}*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg,#071012);color:var(--ink,#f4efe5);font-family:var(--sans,system-ui,sans-serif);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}.shell{width:min(100% - 2rem,68rem);margin:auto}
.eyebrow{margin:0;color:var(--accent,#c9974f);font-weight:700;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}
.hero{padding:clamp(3rem,9vw,7rem) 0 3rem;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(14rem,.85fr);gap:clamp(2rem,6vw,5rem);align-items:center}
.hero h1{font-family:var(--serif,Georgia,serif);font-weight:500;font-size:clamp(2.2rem,5.5vw,4.5rem);line-height:1;letter-spacing:-.04em;margin:.8rem 0 1.1rem;text-wrap:balance}
.lede{max-width:40rem;font-size:clamp(1.05rem,2vw,1.25rem);color:var(--ink-2,#c7c0b2)}
.cover{width:min(100%,18rem);height:auto;aspect-ratio:4/5;object-fit:cover;justify-self:center;border-radius:.4rem;box-shadow:0 2rem 5rem rgba(0,0,0,.45)}
.buy{margin-top:1.75rem;display:grid;gap:.75rem;max-width:26rem}
.price{font:500 2.4rem/1 var(--serif,Georgia,serif);margin-block:0 .35rem}.price small{display:inline-block;font:400 .95rem var(--sans,system-ui);line-height:1.45;color:var(--ink-2,#c7c0b2)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.75rem 1.2rem;border-radius:999px;text-decoration:none;text-align:center;font-weight:700;background:var(--gradient,linear-gradient(120deg,#c9974f,#d5b879));color:#10100d;transition:transform .16s ease,filter .16s ease,border-color .16s ease}
.button.secondary{background:transparent;color:var(--ink,#f4efe5);border:1px solid color-mix(in srgb,var(--ink,#f4efe5) 35%,transparent)}
.button[aria-disabled="true"]{opacity:.55;pointer-events:none}
.button:hover{filter:brightness(1.05);transform:translateY(-1px)}
.button:focus-visible,a:focus-visible{outline:3px solid var(--accent,#c9974f);outline-offset:3px}
.fine{font-size:.85rem;color:var(--ink-3,#9a9489);margin:0}
.section{padding:3rem 0;border-top:1px solid color-mix(in srgb,var(--ink,#f4efe5) 14%,transparent)}
.section h2{font:500 clamp(1.7rem,3.6vw,2.7rem)/1.08 var(--serif,Georgia,serif);letter-spacing:-.03em;margin:.6rem 0 1rem;max-width:24ch;text-wrap:balance}
.list{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.7rem}.list li{padding-left:1.4rem;position:relative}.list li:before{content:"✦";position:absolute;left:0;color:var(--accent,#c9974f)}
.footer{padding:2rem 0 3rem;color:var(--ink-3,#9a9489);font-size:.9rem}
@media(max-width:700px){.shell{width:min(100% - 1.25rem,68rem)}.hero{grid-template-columns:1fr;padding-top:2.25rem;gap:1.5rem}.cover{order:-1;width:min(9rem,42vw)}.buy{max-width:none}.button{width:100%;min-height:3.25rem}.price{font-size:2.15rem}.section{padding:2.5rem 0}}
@media(min-width:701px) and (max-width:1024px){.hero{grid-template-columns:minmax(0,1fr) minmax(12rem,.65fr);gap:2rem}.cover{width:min(100%,15rem)}}
@media(min-width:1600px){.shell{width:min(100% - 4rem,76rem)}.hero{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr)}.cover{width:min(100%,20rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}