@font-face{font-family:"Bricolage Grotesque";src:url(/guias/fuentes/bricolage.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/guias/fuentes/instrument.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{--hierro:#110c0a;--hierro2:#1b1411;--hollin:#33261f;--ceniza:#b3a59a;--candente:#fff4dc;--texto:#f6ece4;--f1:#ffc46b;--f2:#ff8a3d;--f3:#ff4d6d;--acero:#4d8dff}
*{box-sizing:border-box}
html{color-scheme:dark;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--hierro);color:var(--texto);font:17px/1.65 "Instrument Sans","Segoe UI",system-ui,sans-serif}
a{color:var(--acero);text-underline-offset:3px}
a:hover{color:#8db4ff}
.barra{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:880px;margin:0 auto;padding:18px 20px}
.marca{display:flex;align-items:center;gap:10px;color:var(--candente);text-decoration:none;font:700 22px "Bricolage Grotesque","Segoe UI",sans-serif}
.barra nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.barra nav a:not(.boton){color:var(--ceniza);text-decoration:none}
.barra nav a:not(.boton):hover{color:var(--candente)}
.boton{display:inline-flex;align-items:center;min-height:42px;padding:0 22px;border-radius:999px;background:linear-gradient(120deg,var(--f1),var(--f2) 55%,var(--f3));color:#1a1210;font-weight:600;text-decoration:none}
.boton:hover{color:#1a1210;filter:brightness(1.06)}
.guia{max-width:760px;margin:0 auto;padding:12px 20px 56px}
h1,h2{font-family:"Bricolage Grotesque","Segoe UI",sans-serif;color:var(--candente);line-height:1.15;letter-spacing:-.01em}
h1{font-size:clamp(32px,6vw,46px);margin:.2em 0 .3em}
h2{font-size:clamp(24px,4vw,30px);margin:1.9em 0 .5em}
p,li{max-width:68ch}
li{margin:.45em 0}
strong{color:var(--candente)}
.migas{margin:18px 0 0;color:var(--ceniza);font-size:14px}
.migas a{color:var(--ceniza)}
.revision{color:var(--ceniza);font-size:14px;margin:0 0 1.4em}
.pasos{padding-left:1.4em}
.pasos li::marker{color:var(--f2);font-weight:700}
.aviso,.aviso-apex{margin:1.4em 0;padding:4px 18px;border-radius:14px;border:1px solid var(--hollin);background:var(--hierro2)}
.aviso-apex{border-color:#7a4a2a}
.tabla{margin:1.6em 0}
.tabla figcaption{font:600 18px "Bricolage Grotesque","Segoe UI",sans-serif;color:var(--candente);margin-bottom:8px}
.rueda{overflow-x:auto;border:1px solid var(--hollin);border-radius:12px}
table{border-collapse:collapse;width:100%;font-size:15px;min-width:420px}
th,td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--hollin);vertical-align:top}
thead th{background:var(--hierro2);color:var(--ceniza);font-weight:600}
tbody tr:last-child>*{border-bottom:0}
tbody th{font-weight:600;color:var(--candente)}
.nota,.fuentes{color:var(--ceniza);font-size:14px}
.tarjetas{list-style:none;padding:0;display:grid;gap:14px}
.tarjetas li{margin:0;padding:18px 20px;border:1px solid var(--hollin);border-radius:16px;background:var(--hierro2)}
.tarjetas a{font:600 20px "Bricolage Grotesque","Segoe UI",sans-serif;text-decoration:none;color:var(--candente)}
.tarjetas a:hover{color:var(--f1)}
.tarjetas p{margin:.4em 0 0;color:var(--ceniza)}
.llamada{margin:2.4em 0;padding:22px 24px;border-radius:20px;border:1px solid var(--hollin);background:var(--hierro2);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.llamada p{margin:0}
.otras ul{padding-left:1.2em}
.pie{max-width:760px;margin:0 auto;padding:28px 20px 48px;border-top:1px solid var(--hollin);color:var(--ceniza);font-size:14px}
.pie p{margin:.5em 0}
.pie a{color:var(--ceniza)}
:focus-visible{outline:2px solid var(--acero);outline-offset:3px;border-radius:4px}
@media (max-width:520px){body{font-size:16px}.llamada{display:block}.llamada .boton{margin-top:14px}}