/* Estilos de las guías (guia-*.html y guias.html). Usa las variables del sitio; no modifica sitio.min.css. */
.guia h2{margin-top:var(--s-6)}
.guia-meta{font-size:.9rem;color:var(--muted)}
.guia-resumen{margin:var(--s-5) 0;padding:var(--s-4) var(--s-20);border-radius:1.2rem;border:1px solid rgba(184,148,74,.4);background:#b8944a17}
.guia-resumen p{margin:var(--s-2) 0 0}
.guia-pasos{list-style:none;counter-reset:paso;padding:0;margin:var(--s-4) 0;display:grid;gap:var(--s-3)}
.guia-pasos>li{counter-increment:paso;position:relative;padding:var(--s-3) var(--s-4) var(--s-3) 3.2rem;border:1px solid var(--line);border-radius:1rem}
.guia-pasos>li::before{content:counter(paso);position:absolute;left:var(--s-3);top:var(--s-3);width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;background:var(--ink-2)}
.guia-pasos p{margin:var(--s-1) 0 0}
.guia-tabla-wrap{overflow-x:auto;margin:var(--s-4) 0}
.guia-tabla{width:100%;border-collapse:collapse;font-size:.95rem}
.guia-tabla caption{text-align:left;font-weight:700;padding-bottom:var(--s-2)}
.guia-tabla th,.guia-tabla td{padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.guia-tabla thead th{background:rgba(10,26,58,.06)}
.guia-faq details{border-bottom:1px solid var(--line);padding:var(--s-3) 0}
.guia-faq summary{cursor:pointer;font-weight:700}
.guia-faq p{margin:var(--s-2) 0 0}
.guia-fuentes li{margin:var(--s-1) 0}
.guia-sigue{margin-top:var(--s-6);padding:var(--s-4) var(--s-20);border-radius:1.2rem;border:1px solid var(--line)}
.guia-sigue h2{margin-top:0}
.guia-sigue ul{margin:var(--s-2) 0 0}
.guia-lista{list-style:none;padding:0;display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr))}
.guia-lista a{display:block;height:100%;padding:var(--s-4);border:1px solid var(--line);border-radius:1.2rem;text-decoration:none}
.guia-lista b{display:block}
.guia-lista small{display:block;margin-top:var(--s-1);color:var(--muted)}
.guia-borrador{margin:var(--s-4) 0;padding:var(--s-3) var(--s-4);border:2px dashed #ab3039;border-radius:1rem;color:#ab3039;font-weight:700}
