/* Páginas de contenido (guías) de anaquelia.com. Se carga después de legal.css, que trae
   la base: variables, encabezado, pie, h1/h2/h3, .resumen y tablas. */

.pagina{padding-block:2.5rem 5rem}
.pagina article{max-width:46rem}
.migas{font-size:.92rem;color:var(--texto-2);margin-bottom:1.2rem}
.migas a{color:var(--texto-2)}
.pagina .resumen{margin-top:1.6rem}
.pagina .resumen p{margin-top:.4rem}
.pagina .nota{margin-top:1.4rem;padding:1rem 1.2rem;border-left:4px solid var(--rotulo);background:var(--papel-2);font-size:.97rem;color:var(--texto-2)}
.pagina code{font:600 .92em 'Courier Prime','Courier New',monospace;background:var(--papel-2);padding:.05em .35em;border-radius:3px}

/* Preguntas frecuentes */
.faq{margin-top:1.4rem}
.faq details{border-top:1px solid var(--linea);padding:1.1rem 0}
.faq details:last-child{border-bottom:1px solid var(--linea)}
.faq summary{cursor:pointer;font:700 1.1rem/1.3 var(--display);letter-spacing:-.015em;color:var(--tinta);list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:500 1.6rem/1 var(--cuerpo);transition:transform .2s ease}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin-top:.7rem;color:var(--texto-2)}

/* Llamado a la acción */
.cta{margin-top:3rem;background:var(--tinta);color:var(--papel);border-radius:10px;padding:1.8rem 1.6rem;box-shadow:6px 6px 0 var(--estraza-2)}
.cta h2{margin:0 0 .5rem;padding:0;border:0;color:var(--papel);font-size:1.5rem}
.cta p{margin-top:.4rem;color:#CFD9CC}
.cta-botones{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.2rem}
.btn{display:inline-flex;align-items:center;justify-content:center;font:600 1rem/1 var(--cuerpo);padding:.9rem 1.4rem;border-radius:999px;border:2px solid transparent;text-decoration:none}
.btn-primario{background:var(--rotulo);color:var(--tinta);border-color:var(--rotulo)}
.btn-primario:hover{background:#FFC83D;color:var(--tinta)}
.btn-borde{border-color:var(--papel);color:var(--papel)}
.btn-borde:hover{background:rgba(255,255,255,.12);color:var(--papel)}

/* Otras guías */
.relacionadas{margin-top:3rem}
.relacionadas ul{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.6rem}
.relacionadas li{padding-left:0}
.relacionadas a{font-weight:600}
.relacionadas span{display:block;color:var(--texto-2);font-size:.95rem;font-weight:400}

@media print{.cta,.relacionadas{display:none}}