:root{--base:#fbf8f3;--tint:#f4eee4;--ink:#2f2a26;--soft:#6b6259;--line:#e6ddd0;--yellow:#fbf3db;--green:#edf3ec;--blue:#e1f3fe;--r:10px}
*{box-sizing:border-box}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--base);color:var(--ink);font:400 18px/1.6 Figtree,system-ui,sans-serif;caret-color:var(--ink)}
::selection{background:var(--yellow);color:var(--ink)}
h1,h2,h3{font-family:Newsreader,Georgia,serif;font-weight:500;line-height:1.1;letter-spacing:-.02em;text-wrap:balance;margin:0}
h1{font-size:clamp(2.25rem,5.5vw,3.75rem)}
h2{font-size:clamp(1.75rem,3.5vw,2.5rem);margin-bottom:24px}
h3{font-size:1.5rem;margin-bottom:8px}
p{margin:0 0 16px;max-width:62ch}
section{padding:clamp(56px,10vw,112px) 24px}
.in{max-width:1080px;margin:0 auto}
.tint{background:var(--tint)}
a{color:var(--ink);text-underline-offset:3px}
a:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.btn{display:inline-block;min-height:48px;padding:12px 28px;background:var(--ink);color:var(--base);border-radius:6px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s}
.btn:hover{background:#4a423b}
.btn:active{transform:scale(.98)}
.hero{display:grid;gap:48px;align-items:center}
@media (min-width:769px){.hero{grid-template-columns:1.2fr 1fr}.duo{grid-template-columns:1fr 1fr}.bento{grid-template-columns:1fr 1fr}}
.precio{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;margin:24px 0 16px}
.ph{display:grid;place-items:center;aspect-ratio:4/3;padding:16px;background:var(--yellow);border:1px dashed var(--soft);border-radius:var(--r);text-align:center;color:var(--soft)}
.pend{color:#7a5200;background:var(--yellow);border:1px dashed #7a5200;border-radius:4px;padding:0 6px}
.duo,.bento{display:grid;gap:16px}
.caja{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px}
.caja h2{font-size:1.75rem;margin-bottom:16px}
.caja p{margin:0}
.acts{display:grid;gap:16px;padding:0;margin:0;list-style:none}
.acts li{border:1px solid var(--line);border-radius:var(--r);padding:24px}
.acts li:nth-child(1){background:var(--yellow)}
.acts li:nth-child(2){background:var(--green)}
.acts li:nth-child(3){background:var(--blue)}
.bento .ph{aspect-ratio:auto;min-height:260px;background:#fff}
.bento+p{margin-top:24px}
details{border-bottom:1px solid var(--line);padding:8px 0;max-width:720px}
summary{display:flex;justify-content:space-between;gap:16px;align-items:center;cursor:pointer;font-weight:700;min-height:48px;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:1.5rem;font-weight:400}
details[open] summary::after{content:"\2212"}
details p{margin:0 0 16px}
.final{background:var(--yellow);text-align:center;border-top:1px solid var(--line)}
.final p{margin-inline:auto}
footer{padding:32px 24px;font-size:14px;color:var(--soft);border-top:1px solid var(--line)}
footer p{max-width:none}