/* Páginas de guía de Leufú — reusan los tokens de style.css.
   Objetivo: texto legible, sin depender del layout de la home. */
:root{--ink:#171b18;--paper:#e9e6da;--mist:#d6d9d0;--forest:#193b31;--river:#326a65;--sun:#e38a3d;--line:rgba(23,27,24,.18);--serif:"Newsreader",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--mono:"DM Mono",monospace}
body{background:var(--paper);color:var(--ink)}
.ghero{background:var(--forest);color:#f2f0e9;padding:96px 0 66px}
.ghero h1{font:500 clamp(44px,6vw,86px)/.92 var(--serif);letter-spacing:-.05em;margin:18px 0 20px;max-width:20ch}
.ghero p{font-size:18px;line-height:1.6;max-width:56ch;color:#cad4cb;margin:0 0 28px}
.gwrap{width:min(980px,calc(100% - 40px));margin:auto}
.gwrap-wide{width:min(1180px,calc(100% - 40px));margin:auto}
.gcta{display:inline-block;background:var(--sun);color:var(--ink);padding:16px 24px;border-radius:99px;text-decoration:none;font:600 14px var(--sans)}
.gcta-ghost{display:inline-block;color:#f2f0e9;border:1px solid rgba(255,255,255,.5);padding:15px 22px;border-radius:99px;text-decoration:none;font:600 13px var(--sans);margin-left:10px}
.gmain{padding:64px 0 20px}
.gprose{font-size:17px;line-height:1.75;max-width:70ch}
.gprose h2{font:500 clamp(30px,3.4vw,46px)/.98 var(--serif);letter-spacing:-.04em;margin:52px 0 16px;max-width:24ch}
.gprose h3{font:500 24px/1.1 var(--serif);letter-spacing:-.02em;margin:32px 0 10px}
.gprose p{margin:0 0 20px}
.gprose ul{margin:0 0 22px;padding-left:22px}
.gprose li{margin-bottom:9px}
.gprose a{color:var(--river);text-underline-offset:3px}
.glead{font-size:20px;line-height:1.6;color:var(--forest)}
.gfacts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:36px 0}
.gfacts div{background:var(--paper);padding:20px}
.gfacts b{display:block;font:500 30px/.95 var(--serif);letter-spacing:-.04em}
.gfacts span{display:block;font:500 10px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#6f7a70;margin-top:8px}
.gcard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:34px 0}
.gcard{background:var(--mist);padding:24px;border-radius:6px}
.gcard h3{margin:0 0 10px;font:500 25px/.98 var(--serif);letter-spacing:-.03em}
.gcard p{font-size:14px;line-height:1.6;margin:0}
.gfaq{border-top:1px solid var(--line);margin:52px 0 20px;padding-top:8px}
.gfaq h2{margin-top:24px}
.gfaq details{border-top:1px solid var(--line);padding:18px 0}
.gfaq details:last-of-type{border-bottom:1px solid var(--line)}
.gfaq summary{font-size:16px;line-height:1.5;cursor:pointer;min-height:26px}
.gfaq p{font-size:15px;line-height:1.7;margin:12px 0 2px}
.glinks{background:var(--mist);padding:52px 0;margin-top:56px}
.glinks h2{font:500 34px/.98 var(--serif);letter-spacing:-.04em;margin:0 0 20px}
.glinks ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.glinks a{display:block;background:var(--paper);border:1px solid var(--line);padding:18px 20px;border-radius:6px;text-decoration:none;font-weight:600;font-size:15px}
.glinks a span{display:block;font-weight:400;font-size:13px;color:#5d685f;margin-top:6px}
.gband{background:var(--ink);color:#f3f1e9;padding:76px 0}
.gband h2{font:500 clamp(38px,4.6vw,62px)/.95 var(--serif);letter-spacing:-.05em;margin:16px 0 18px;max-width:18ch}
.gband p{font-size:17px;line-height:1.6;color:#c8d3cb;max-width:52ch;margin:0 0 26px}
.gnote{font-size:13px;line-height:1.6;color:#6f7a70;border-left:2px solid var(--sun);padding-left:14px;margin:28px 0}
.gpage header{position:sticky;top:0}
@media(max-width:860px){.gfacts{grid-template-columns:1fr 1fr}.gcard-grid,.glinks ul{grid-template-columns:1fr}.ghero{padding:70px 0 50px}.gcta-ghost{margin:12px 0 0}.gprose{font-size:16px}}