/* Estilos de las páginas de contenido (guías). La portada lleva los suyos en línea. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#ECEEE8;color:#0F1F19;font-family:'Archivo',system-ui,sans-serif;font-size:18px;line-height:1.6}
a{color:#0F1F19}a:hover{color:#C2381A}
.mono{font-family:'IBM Plex Mono',monospace}
.franja{border-bottom:1px solid #0F1F19;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.04em;color:#3F4B45}
.franja div,.cab,.pie div{max-width:1280px;margin:0 auto;padding:8px 24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
.cab{padding:20px 24px;align-items:center;gap:16px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-stretch:112%;font-size:18px;letter-spacing:.02em}
.logo em{font-style:normal;color:#C2381A}
.cab nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px 28px;font-size:15px}
.cab nav a{text-decoration:none;padding:10px 0}
.cab nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}
.cab nav .cta{background:#0F1F19;color:#ECEEE8;padding:12px 18px;font-weight:600}
.cab nav .cta:hover{color:#fff;background:#C2381A}
.migas{max-width:1280px;margin:0 auto;padding:0 24px;font-family:'IBM Plex Mono',monospace;font-size:13px;color:#3F4B45}
.migas ol{list-style:none;margin:0;padding:16px 0;display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #0F1F19}
.migas li+li::before{content:"/ ";color:#9AA49E}
.portada{border-top:1px solid #0F1F19;border-bottom:1px solid #0F1F19}
.portada div{max-width:1280px;margin:0 auto;padding:64px 24px 56px}
.etiqueta{font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.06em;color:#C2381A;font-weight:600;margin:0 0 24px}
h1{margin:0;font-weight:800;font-stretch:72%;font-size:clamp(44px,7vw,104px);line-height:.9;text-transform:uppercase;max-width:1100px}
.bajada{margin:28px 0 0;max-width:720px;font-size:22px;line-height:1.45}
.meta{margin-top:28px;font-family:'IBM Plex Mono',monospace;font-size:13px;color:#3F4B45}
.cuerpo{max-width:1280px;margin:0 auto;padding:64px 24px 96px;display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.indice{flex:1 1 240px;position:sticky;top:24px;font-family:'IBM Plex Mono',monospace;font-size:13px}
.indice p{margin:0 0 12px;color:#3F4B45;letter-spacing:.05em}
.indice ol{margin:0;padding:0;list-style:none;border-top:1px solid #0F1F19}
.indice li{border-bottom:1px dashed #9AA49E}
.indice a{display:block;padding:10px 0;text-decoration:none}
article{flex:999 1 640px;min-width:0;max-width:760px}
article h2{margin:64px 0 16px;font-weight:800;font-stretch:80%;font-size:clamp(30px,3.6vw,44px);line-height:1;text-transform:uppercase;scroll-margin-top:24px}
article h2:first-child{margin-top:0}
article h3{margin:32px 0 8px;font-size:22px;line-height:1.25}
article p,article ul,article ol{margin:0 0 18px}
article li{margin-bottom:8px}
.resumen{border:1.5px solid #0F1F19;background:#F6F7F3;padding:24px 24px 8px;margin-bottom:48px}
.resumen p:first-child{font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.05em;color:#3F4B45;margin-bottom:12px}
.tabla{overflow-x:auto;border-top:1.5px solid #0F1F19;margin:0 0 24px}
.tabla table{width:100%;min-width:520px;border-collapse:collapse;font-size:16px}
.tabla th{text-align:left;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.05em;color:#3F4B45;font-weight:500;padding:12px 12px 12px 0;border-bottom:1px solid #0F1F19}
.tabla td{padding:14px 12px 14px 0;border-bottom:1px solid #C9CFC9;vertical-align:top}
.lista-check{list-style:none;padding:0}
.lista-check li{display:flex;gap:14px;padding:12px 0;border-bottom:1px dashed #9AA49E;margin:0}
.lista-check li::before{content:"□";font-family:'IBM Plex Mono',monospace;color:#C2381A;font-weight:600}
.nota{font-size:15px;color:#3F4B45;border-top:1px solid #0F1F19;padding-top:16px;margin-top:48px}
details{border-bottom:1px solid #C9CFC9}
details:first-of-type{border-top:1.5px solid #0F1F19}
summary{cursor:pointer;padding:18px 0;font-weight:700;font-size:19px;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:'IBM Plex Mono',monospace;color:#C2381A}
details[open] summary::after{content:"−"}
details p{margin:0 0 18px}
.llamado{background:#0F1F19;color:#ECEEE8}
.llamado div{max-width:1280px;margin:0 auto;padding:72px 24px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px}
.llamado h2{margin:0;font-weight:800;font-stretch:75%;font-size:clamp(34px,4.5vw,60px);line-height:.95;text-transform:uppercase;max-width:760px}
.llamado p{margin:16px 0 0;color:#C9D0CB;max-width:560px}
.boton{display:inline-block;text-decoration:none;background:#C2381A;color:#fff;padding:16px 24px;font-weight:700}
.boton:hover{color:#fff;background:#A42E14}
.pie{background:#0F1F19;color:#C9D0CB;font-family:'IBM Plex Mono',monospace;font-size:13px;border-top:1px solid #4A5A52}
.pie div{padding:32px 24px}
.pie a{color:#C9D0CB}
@media (max-width:900px){.indice{position:static}}