/* Complementos del blog pintado por PHP: lo que la plantilla de la web no trae (entradilla, FAQ visible, listado vacío). */
.post-entradeta { font-size: 1.15rem; line-height: 1.55; font-weight: 600; color: var(--ink); margin-bottom: 1.4rem; }
.blog-buit { padding: 3rem 1.5rem; text-align: center; color: var(--ink-2); background: var(--sand); border-radius: var(--radius); }
.post-faq { margin-top: 2.4rem; }
.post-faq h2 { font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.1rem); margin-bottom: 1rem; }
.post-faq details { border: 1px solid var(--line); border-radius: var(--radius-sm); background: #fff; margin-top: .7rem; }
.post-faq summary { cursor: pointer; list-style: none; padding: 1rem 1.2rem; display: flex; justify-content: space-between; gap: 1rem; align-items: center; }
.post-faq summary::-webkit-details-marker { display: none; }
.post-faq summary h3 { font-size: 1.05rem; font-weight: 650; letter-spacing: -0.01em; }
.post-faq summary::after { content: '+'; font-size: 1.4rem; line-height: 1; color: var(--terracotta); transition: transform .3s var(--ease); }
.post-faq details[open] summary::after { transform: rotate(45deg); }
.post-faq details p { padding: 0 1.2rem 1.1rem; margin: 0; color: var(--ink-2); }