:root{--bg:#0A0A0A;--fg:#FFFFFF;--body:#E6E6E6;--muted:#9A9A9A;--oro:#EBAB3F;--huella:#E8B73C;--line:rgba(255,255,255,.10)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Lato',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--body);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
.q{color:var(--oro)}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.col{max-width:640px;margin:0 auto}
header{border-bottom:1px solid var(--line)}
.hdr{display:flex;align-items:flex-end;justify-content:space-between;padding:20px 24px;gap:24px;flex-wrap:wrap;max-width:1200px;margin:0 auto}
.brand{display:block;text-decoration:none}
.brand img{height:38px;display:block}
.brand .tag{font-size:14px;font-style:italic;font-weight:300;color:var(--muted);margin-top:6px}
nav.menu{display:flex;align-items:center;gap:22px;font-size:15px}
nav.menu a{color:#fff;text-decoration:none;transition:color .15s}
nav.menu a:hover,nav.menu a.active{color:var(--oro)}
.lang{font-size:13px;color:var(--muted)}
.lang a{color:var(--muted);text-decoration:none}
.lang a.on{color:var(--fg)}
.lang a:hover{color:var(--oro)}
.btn{display:inline-block;background:var(--oro);color:#0A0A0A;font-size:14px;font-weight:700;padding:13px 26px;border-radius:4px;text-decoration:none;cursor:pointer;border:none;font-family:inherit;transition:opacity .15s}
.btn:hover{opacity:.86}
.btn i{font-style:italic;margin:0 3px}
.btn-sec{background:none;color:var(--fg);font-weight:400;text-decoration:underline;text-decoration-color:var(--oro);text-underline-offset:4px;padding:13px 8px}
.btn-sec:hover{opacity:.8}
.btn-nav{display:inline-block;background:transparent;color:var(--fg);font-size:13px;font-weight:600;padding:8px 20px;border:1px solid var(--oro);border-radius:4px;text-decoration:none;font-family:inherit;transition:background .15s}
.btn-nav:hover{background:#222;color:var(--fg)}
.sec{padding:72px 0}
.sec.tight{padding:50px 0}
.center{text-align:center}
.eyebrow{font-size:14px;font-weight:300;color:var(--muted);margin-bottom:22px}
.hook{font-size:23px;font-weight:300;color:var(--fg);max-width:660px;margin:0 auto 34px;line-height:1.4}
h1.hero{font-weight:900;font-size:50px;line-height:1.22;letter-spacing:-.01em;max-width:900px;margin:0 auto 44px;color:var(--fg)}
.ctas{display:flex;gap:18px;justify-content:center;align-items:center;flex-wrap:wrap}
h2.big{font-weight:900;font-size:40px;letter-spacing:-.01em;margin-bottom:28px;color:var(--fg)}
.fraseE{font-weight:300;font-style:italic;font-size:23px;line-height:1.5;max-width:720px;margin:0 auto;color:var(--fg)}
.coverframe{display:inline-block;border:1px solid rgba(255,255,255,.85);padding:8px;background:transparent;line-height:0}
.cover{display:block;width:auto;height:360px}
.cover.lg{height:470px}
.booktitle{font-weight:900;font-size:40px;font-style:italic;letter-spacing:.01em;margin-top:40px;color:var(--fg)}
.subtitle{font-weight:300;font-size:18px;color:var(--body);margin-top:10px}
.byline{font-size:15px;color:var(--muted);margin-top:8px}
.hero2{display:flex;gap:64px;align-items:center}
.hero2 .txt{flex:1}
.hero2 .img{flex:0 0 auto;text-align:center}
.fraseB{font-weight:700;font-size:23px;line-height:1.35;margin-bottom:26px;color:var(--fg)}
.leftH1{font-weight:900;font-size:52px;font-style:italic;margin-bottom:14px;color:var(--fg)}
.city{font-weight:900;font-size:24px;margin-bottom:6px;color:var(--fg)}
.city .dot{color:var(--huella)}
.citybody{margin-bottom:30px;color:var(--body)}
.buybar{max-width:680px;margin:34px auto 0;display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:center}
.risk{font-size:14px;color:var(--muted)}
.note{font-size:16px;color:var(--muted);margin-top:8px}
.qa{margin-bottom:44px;max-width:680px}
.qa .question{font-weight:700;font-size:18px;margin-bottom:8px;color:var(--fg)}
.qa .answer{font-size:16px;color:var(--body)}
h1.pagetitle{font-weight:900;font-size:56px;text-align:center;margin-bottom:8px;color:var(--fg)}
.body p{margin-bottom:18px;color:var(--body)}
.h3{font-weight:700;font-size:20px;margin:30px 0 8px;color:var(--fg)}
.legalbody{max-width:640px;margin:0 auto}
.legalbody h1{font-weight:900;font-size:40px;margin-bottom:24px;color:var(--fg)}
.legalbody h2{font-weight:700;font-size:20px;margin:28px 0 8px;color:var(--fg)}
.legalbody p{color:var(--body);margin-bottom:12px}
.legalbody a{color:var(--oro)}
footer{padding:80px 0 64px;border-top:1px solid var(--line);margin-top:24px}
.fp{text-align:center}
.fp .huella{height:100px;margin-bottom:28px}
.manifesto{font-size:18px;color:var(--muted);margin-bottom:64px}
.fline{width:30%;height:1px;background:var(--huella);opacity:.25;margin:0 auto 32px}
.legal a{color:var(--muted);text-decoration:none;font-size:13px}
.legal a:hover{color:var(--oro)}
.legal .sep{color:var(--muted);font-size:13px;margin:0 6px}
.mark{font-size:13px;color:var(--muted);margin-top:16px}
.copy{font-size:12px;font-weight:300;color:var(--muted);margin-top:16px}
.social{font-size:13px;color:var(--muted);margin-top:16px}
.social a{color:var(--muted);text-decoration:none}
.social a:hover{color:var(--oro)}
.social .sep{margin:0 6px}
@media(max-width:768px){
 h1.hero{font-size:33px;line-height:1.25}.hook{font-size:19px}h2.big{font-size:30px}
 .fraseE,.fraseB{font-size:20px}.cover{height:240px}.cover.lg{height:300px}
 .hero2{flex-direction:column-reverse;gap:36px}.leftH1{font-size:38px}
 .sec{padding:64px 0}nav.menu{gap:14px;font-size:14px}
 .legal .sep{display:none}.legal a{display:block;margin:6px 0}.buybar{flex-direction:column;gap:12px}
}