/* Artículo: cabecera, tabla de contenidos y cuerpo del texto. */

.articulo{padding-bottom:var(--paso)}
.articulo-cab{max-width:760px;padding-top:26px;padding-bottom:10px}
.articulo-capitulo{font-family:'Marcellus',serif;font-size:.84rem;letter-spacing:.1em;color:var(--acento);margin-bottom:10px}
.articulo-capitulo a{text-decoration:none}
.articulo-cab h1{font-size:clamp(2rem,4.6vw,3rem);margin-bottom:14px;text-wrap:balance}
.articulo-meta{font-size:.86rem;color:var(--tinta-2);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.articulo-meta i{font-style:normal;opacity:.4}

.articulo-portada{max-width:980px;margin:26px auto 10px}
.articulo-portada img{width:100%;height:auto;border:1px solid var(--linea)}
.articulo-portada figcaption{font-size:.84rem;color:var(--tinta-2);padding-top:10px}

.articulo-cuerpo{max-width:720px;padding-top:24px}
.articulo-cuerpo p{margin-bottom:1.15em}
.articulo-cuerpo h2{font-size:1.72rem;margin:44px 0 14px;scroll-margin-top:calc(var(--cab-alt) + 20px)}
.articulo-cuerpo h3{font-size:1.28rem;margin:30px 0 10px;scroll-margin-top:calc(var(--cab-alt) + 20px)}
.articulo-cuerpo ul,.articulo-cuerpo ol{margin:0 0 1.2em 1.3em}
.articulo-cuerpo li{margin-bottom:.4em}
.articulo-cuerpo img{margin:26px auto;border:1px solid var(--linea)}
.articulo-cuerpo figure{margin:30px 0}
.articulo-cuerpo figcaption{font-size:.84rem;color:var(--tinta-2);padding-top:8px}
.articulo-cuerpo blockquote{border-left:3px solid var(--acento);padding:4px 0 4px 22px;margin:28px 0;font-style:italic;color:var(--tinta-2)}
.articulo-cuerpo a{color:var(--acento)}
.articulo-cuerpo table{width:100%;border-collapse:collapse;margin:26px 0;font-size:.95rem}
.articulo-cuerpo th,.articulo-cuerpo td{border:1px solid var(--linea);padding:10px 12px;text-align:left}
.articulo-cuerpo th{background:var(--papel-alt);font-family:'Marcellus',serif;font-weight:400}

.toc{background:var(--papel-hueco);border:1px solid var(--linea);padding:22px 24px;margin:0 0 36px}
.toc h2{font-family:'Marcellus',serif;font-size:.86rem;letter-spacing:.06em;color:var(--tinta-2);margin:0 0 10px;text-transform:none}
.toc ol{list-style:decimal;margin:0 0 0 1.1em;font-size:.95rem}
.toc li{margin-bottom:.35em}
.toc .toc-n3{margin-left:1.1em;list-style:circle;font-size:.92rem}
.toc a{text-decoration:none;color:var(--tinta-2)}
.toc a:hover{color:var(--acento)}

.articulo-pie{max-width:720px;margin-top:40px;padding-top:22px;border-top:1px solid var(--linea)}
.niveles{font-size:.88rem;color:var(--tinta-2);margin-bottom:18px}
.niveles a{color:var(--acento)}
.vecinos{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;font-family:'Marcellus',serif;font-size:.94rem}
.vecinos a{text-decoration:none}
.vecinos a:hover{color:var(--acento)}

.comentarios{max-width:720px;margin:var(--paso) auto 0;padding-top:30px;border-top:1px solid var(--linea)}
.comentarios h2{font-size:1.4rem;margin-bottom:24px}
.lista-comentarios{list-style:none}
.lista-comentarios li{border-bottom:1px solid var(--linea);padding:18px 0}
.lista-comentarios .children{list-style:none;margin-left:24px;border-left:1px solid var(--linea);padding-left:18px}
.comment-meta{font-size:.84rem;color:var(--tinta-2);margin-bottom:8px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{
  width:100%;padding:11px 13px;border:1px solid var(--linea);background:var(--papel-hueco);font:inherit;font-size:.96rem;margin-bottom:14px}
.comment-form label{display:block;font-size:.86rem;color:var(--tinta-2);margin-bottom:5px}

.cab-categoria{background:var(--fondo-cab);color:var(--papel);position:relative;overflow:hidden;padding:56px 0 0}
.cab-categoria .cab-trama{position:absolute;inset:0;background-image:var(--trama-cab);background-size:var(--trama-tam);opacity:.14}
.cab-categoria .env,.cab-categoria .migas{position:relative}
.cab-categoria .migas{color:rgba(239,227,204,.7)}
.cab-numero{font-family:'Marcellus',serif;font-size:.82rem;letter-spacing:.1em;color:var(--acento-2);margin-bottom:8px}
.cab-categoria h1{font-size:clamp(2.1rem,4.8vw,3.4rem);margin-bottom:14px}
.cab-entrada{max-width:56ch;opacity:.86}
.cab-datos{margin-top:20px;font-size:.86rem;opacity:.72}
.cab-categoria .remate{height:46px;margin-top:34px;background-image:var(--trama-cab);background-size:var(--trama-tam);opacity:.22}

.apartados{list-style:none;display:grid;gap:2px;background:var(--linea);border:1px solid var(--linea)}
@media(min-width:760px){.apartados{grid-template-columns:repeat(2,1fr)}}
.apartados a{display:flex;align-items:baseline;gap:14px;background:var(--papel);padding:16px 20px;text-decoration:none}
.apartados a:hover{background:var(--papel-hueco)}
.apartado-num{font-family:'Marcellus',serif;font-size:.82rem;color:var(--acento);min-width:42px}
.apartado-tit{flex:1}
.apartado-n{font-size:.82rem;color:var(--tinta-2)}

.buscador-linea{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:38px}
.buscador-linea input{flex:1;min-width:220px;padding:13px 15px;border:1px solid var(--linea-fuerte);background:var(--papel-hueco);font:inherit}
.error-404{text-align:center}
.error-num{font-family:'Marcellus',serif;font-size:4rem;color:var(--acento);opacity:.5}
.error-404 .buscador-linea{max-width:520px;margin:30px auto}

.buscador{position:fixed;inset:0;z-index:90;display:none;background:rgba(20,50,74,.78);backdrop-filter:blur(6px);padding:12vh 24px 24px}
.buscador.abierto{display:block}
.buscador-caja{max-width:640px;margin:0 auto;background:var(--papel);border:1px solid var(--linea-fuerte);padding:26px}
.buscador input{width:100%;padding:14px 0;font-family:'Marcellus',serif;font-size:1.35rem;background:transparent;border:none;border-bottom:1px solid var(--linea-fuerte);color:var(--tinta)}
.buscador input:focus{outline:none;border-bottom-color:var(--acento)}
.buscador-pista{margin-top:14px;font-size:.84rem;color:var(--tinta-2)}
.buscador-pista kbd{font-family:'Lora',serif;border:1px solid var(--linea);padding:1px 6px;font-size:.78rem}

/* Índice temático */
.indice-asignatura{margin-bottom:56px}
.indice-asignatura > h2{font-size:1.7rem;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--tinta)}
.indice-asignatura > h2 a{text-decoration:none}
.indice-rama{list-style:none}
.indice-rama a{display:flex;align-items:baseline;gap:14px;padding:10px 0;border-bottom:1px dotted var(--linea);text-decoration:none}
.indice-rama a:hover{color:var(--acento)}
.indice-n2{margin-left:42px}
.indice-n2 a{font-size:.95rem;padding:7px 0}
.indice-n3{margin-left:42px;font-size:.92rem}