/* mundogotico: lectura de guías (índice, secciones, tarjetas, FAQ) — 2026-10-11 */
body.mg-guide-on .content-single{max-width:1200px}
.mg-hide-thumb .post-thumbnail{display:none}
.mg-guide{display:grid;grid-template-columns:minmax(0,1fr);column-gap:44px;row-gap:0}
.mg-guide>*{grid-column:1;min-width:0}
.mg-guide>p:first-of-type,.mg-guide>p:first-child{font-size:1.1rem;line-height:1.7}
.mg-toc{margin:6px 0 10px}
.mg-toc-d{background:var(--mg-card);border:1px solid var(--mg-line);border-radius:12px;padding:14px 18px}
.mg-toc summary{cursor:pointer;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;color:var(--mg-accent);list-style:none}
.mg-toc summary::-webkit-details-marker{display:none}
.mg-toc summary::after{content:'▾';float:right}
.mg-toc-d:not([open]) summary::after{content:'▸'}
.mg-toc ol{margin:12px 0 0;padding:0;list-style:none;counter-reset:t}
.mg-toc li{counter-increment:t;margin:0}
.mg-toc a{display:block;padding:7px 0 7px 30px;position:relative;color:var(--mg-muted)!important;text-decoration:none!important;font-size:.95rem;line-height:1.35;border-top:1px solid rgba(255,255,255,.06)}
.mg-toc a::before{content:counter(t);position:absolute;left:0;top:7px;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.08);font-size:.72rem;line-height:22px;text-align:center;color:var(--mg-accent)}
.mg-toc a:hover,.mg-toc a.on{color:#fff!important}
.mg-toc a.on::before{background:var(--mg-accent);color:#2a0e19}
@media(min-width:1100px){
  .mg-guide{grid-template-columns:minmax(0,1fr) 270px}
  .mg-toc{grid-column:2;grid-row:1 / span 60;align-self:start;position:sticky;top:18px;margin:0}
  .mg-toc-d{max-height:calc(100vh - 40px);overflow:auto}
}
.mg-sec{margin:0 0 8px;scroll-margin-top:16px}
.mg-sec>h2{margin:1.6em 0 .6em;padding-bottom:.45em;border-bottom:1px solid var(--mg-line);scroll-margin-top:16px}
.mg-sec>h3{margin-top:1.2em}
.mg-sec-rel>h2{border-bottom:0}
/* Tarjetas de subapartados */
.mg-cards{display:grid;grid-template-columns:1fr;gap:18px;margin:1.2em 0}
@media(min-width:760px){.mg-cards{grid-template-columns:1fr 1fr}}
.mg-c2{display:flex;flex-direction:column;background:var(--mg-card);border:1px solid var(--mg-line);border-radius:12px;padding:18px 20px}
.mg-c2>h3{margin:0 0 .5em!important;font-size:1.12rem;color:#fff}
.mg-c2>p{margin:.2em 0 .7em;font-size:.97rem;line-height:1.6}
.mg-c2>ul,.mg-c2>ol{margin:.2em 0 .9em;padding-left:1.15em;font-size:.95rem;line-height:1.55}
.mg-c2>ul li,.mg-c2>ol li{margin:.3em 0}
.mg-ctas{margin-top:auto;padding-top:10px;display:flex;flex-wrap:wrap;gap:8px}
.mg-ctas a[rel~="sponsored"]{margin:0!important;display:inline-block!important;text-align:center}
.mg-sec>.mg-ctas{padding-top:0;margin:.4em 0 1em}
/* Listas "Etiqueta: texto" en teselas */
.mg-tiles{list-style:none;padding:0!important;margin:1em 0!important;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.mg-tiles li{list-style:none!important;background:var(--mg-card);border:1px solid var(--mg-line);border-radius:10px;padding:12px 14px;margin:0!important;font-size:.95rem;line-height:1.5}
.mg-tiles li strong{display:block;color:var(--mg-accent);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
/* FAQ */
.mg-faq{display:grid;gap:10px;margin:1em 0}
.mg-qa{background:var(--mg-card);border:1px solid var(--mg-line);border-radius:10px;padding:0 18px}
.mg-qa summary{cursor:pointer;font-weight:700;padding:14px 0;list-style:none;color:#fff;line-height:1.4;position:relative;padding-right:26px}
.mg-qa summary::-webkit-details-marker{display:none}
.mg-qa summary::after{content:'+';position:absolute;right:0;top:12px;font-size:1.3rem;color:var(--mg-accent)}
.mg-qa[open] summary::after{content:'–'}
.mg-qa-body{padding:0 0 14px;color:var(--mg-text)}
.mg-qa-body p{margin:.3em 0 .6em}
@media(max-width:640px){.mg-c2{padding:16px}}
.author-box:has(.author-box-name:empty){display:none}

/* Oculta el contenido hasta que la estructura esté montada (evita saltos de maquetación). Si el JS falla, se muestra a los 2,5 s. */
.mg-pending main.content-single,.mg-pending main.content-page{visibility:hidden;animation:mgshow 0s linear 2.5s forwards}
@keyframes mgshow{to{visibility:visible}}
body.mg-guide-on .content-page{max-width:1200px}