/* /guias/ y plantilla de artículos. */
.ehero{padding:calc(var(--nav-h) + 60px) 0 26px}
.ehero__title{font-size:clamp(34px,5.4vw,60px);line-height:1.04;letter-spacing:-.02em;margin:10px 0 16px}
.ehero__media img{width:100%;height:auto;display:block;margin:20px 0 0}

.areas{list-style:none;display:grid;gap:20px;margin-top:28px}
.areas li{border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px}
.areas h3{font-size:18px;margin-bottom:8px}
.areas p{color:var(--txt-2);font-size:14.5px}
@media(min-width:760px){.areas{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1060px){.areas{grid-template-columns:repeat(3,1fr)}}

.qlist{list-style:none;display:grid;gap:12px;margin-top:22px}
.qlist li{color:var(--txt-2);font-size:15.5px;padding-left:18px;position:relative}
.qlist li::before{content:"—";position:absolute;left:0;opacity:.5}

.guide__head{padding-top:calc(var(--nav-h) + 60px)}
.guide__meta{color:var(--txt-2);font-size:13.5px;margin-top:12px}
.guide__cover img{width:100%;height:auto;display:block;margin:28px 0}
.fuentes{color:var(--txt-2);font-size:14px;padding-left:20px}
.fuentes li{margin-bottom:8px}

/* Tablas de las guías: legibles en móvil sin desbordar la página. */
.prose table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:22px 0;border-collapse:collapse;font-size:14.5px;line-height:1.5}
.prose th,.prose td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line-soft,rgba(255,255,255,.08))}
.prose th{color:var(--txt);font-weight:600;border-bottom-color:var(--line,rgba(255,255,255,.14))}
.prose td{color:var(--txt-2)}