:root{--ink:#1E2A38;--parch:#F2E8D5;--terra:#A63D2F;--bronze:#B08D57;--sage:#6B705C;--paper:#FBF7EF;--text:#2a2621}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font:18px/1.6 'Crimson Pro',Georgia,serif}
a{color:var(--terra)}img{max-width:100%;display:block}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}.narrow{max-width:680px;margin:0 auto;padding:0 20px}
header.top{background:var(--ink);color:var(--parch)}header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
header.top a{color:var(--parch);text-decoration:none}.logo{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;letter-spacing:.01em}
header.top nav a{font:500 14px Inter,sans-serif;margin-left:18px;opacity:.85}
.hero{background:radial-gradient(ellipse at 70% 30%,#2a3a4d,var(--ink) 60%,#121a24);color:var(--parch);padding:56px 0 64px}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.kicker{font:600 13px Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze)}
h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:600;line-height:1.1;color:var(--ink)}
.hero h1{color:#fff;font-size:clamp(44px,7vw,76px);margin:.25em 0 .2em}.hero p.lead{font-size:22px;opacity:.92;max-width:34em}
.cover{height:auto;box-shadow:0 30px 70px rgba(0,0,0,.5);border-radius:3px;transform:rotate(-1.5deg)}
.btn{display:inline-block;font:600 16px Inter,sans-serif;text-decoration:none;border-radius:40px;padding:14px 26px;border:0;cursor:pointer}
.btn.primary{background:var(--terra);color:#fff}.btn.ghost{background:transparent;color:var(--parch);box-shadow:inset 0 0 0 1.5px rgba(242,232,213,.55)}
.btn.dark{background:var(--ink);color:var(--parch)}
form.signup{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px;max-width:520px}
form.signup input[type=email]{flex:1 1 240px;font:16px Inter,sans-serif;padding:14px 18px;border-radius:40px;border:1.5px solid rgba(176,141,87,.6);background:#fff;color:var(--text)}
.hp{position:absolute;left:-9999px}.fine{font:13px Inter,sans-serif;opacity:.75;margin-top:10px}
section{padding:64px 0}section.alt{background:#f3ecdf}
h2{font-size:clamp(32px,4.5vw,46px);margin:0 0 .4em}.center{text-align:center}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:28px}
.card{background:#fff;border-radius:6px;padding:24px;box-shadow:0 1px 0 rgba(0,0,0,.05),0 8px 24px rgba(30,42,56,.06)}
.card h3{font-size:26px;margin:.1em 0 .3em}.card .num{font:600 12px Inter,sans-serif;letter-spacing:.2em;color:var(--terra)}
.vols{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}
.vol{border:1.5px solid rgba(30,42,56,.15);border-radius:6px;padding:18px;text-align:center}.vol b{font-family:'Cormorant Garamond',serif;font-size:26px;display:block;color:var(--ink)}
.vol.on{border-color:var(--terra);background:#fff}.vol small{font:13px Inter,sans-serif;color:var(--sage)}
.letter h1{font-size:44px;text-align:center;margin:.2em 0}.letter .label{font:600 13px Inter,sans-serif;letter-spacing:.22em;color:var(--terra);text-align:center;text-transform:uppercase;margin-top:40px}
.letter .incipit{text-align:center;font-style:italic;color:#777;font-size:16px;margin:0 2em 2em}
.letter sup{font:600 11px Inter,sans-serif;color:var(--bronze);margin-right:3px}
.letter h2{font-family:Inter,sans-serif;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--terra);text-align:center;margin-top:3em}
.letter h3{font-size:26px;font-style:italic}.letter .ejercicios{background:#fff;border-left:3px solid var(--terra);padding:8px 24px 16px;border-radius:4px;margin:2em 0}
.letter .ejercicios h2{text-align:left;margin-top:1em}
.links{max-width:480px;margin:0 auto;padding:36px 20px 60px;text-align:center}
.links .avatar{width:96px;height:96px;border-radius:50%;margin:0 auto 12px}
.links a.lk{display:block;background:#fff;border-radius:14px;padding:16px 18px;margin:12px 0;text-decoration:none;color:var(--ink);font:600 17px Inter,sans-serif;box-shadow:0 2px 10px rgba(30,42,56,.08)}
.links a.lk small{display:block;font:400 13px Inter,sans-serif;color:var(--sage);margin-top:3px}.links a.lk.main{background:var(--terra);color:#fff}.links a.lk.main small{color:#f7dcd7}
footer{background:var(--ink);color:var(--parch);padding:36px 0;font:14px Inter,sans-serif}footer a{color:var(--parch)}footer .wrap{display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap;opacity:.85}
.price{font:600 15px Inter,sans-serif;color:var(--ink)}.buy{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.note{background:#fff7e6;border:1px solid #f0d9a8;border-radius:6px;padding:14px 18px;font:15px Inter,sans-serif}
@media(max-width:760px){.hero .wrap,.three{grid-template-columns:1fr}.vols{grid-template-columns:1fr 1fr}.hero{padding:36px 0 48px}.hero .cover{max-width:260px;margin:0 auto}header.top nav a.hide-m{display:none}}