/* [TB 2026-10-14 e] Extras de los posts: lectura más cómoda, índice, preguntas frecuentes y compartir.
   No cambia el texto de ningún post: solo cómo se ve. */

/* Lectura */
.post-cuerpo { font-size: 17px; line-height: 1.7; color: #2b2b2b; }
.post-cuerpo p { margin: 0 0 1.05em; }
.post-cuerpo h2 { font-size: 1.45rem; line-height: 1.3; margin: 1.8em 0 .6em; padding-top: .2em; scroll-margin-top: 110px; }
.post-cuerpo h3 { font-size: 1.18rem; line-height: 1.35; margin: 1.5em 0 .5em; }
.post-cuerpo ul, .post-cuerpo ol { margin: 0 0 1.1em; padding-left: 1.3em; }
.post-cuerpo li { margin-bottom: .4em; }
.post-cuerpo li::marker { color: var(--main-color, #f76184); }
.post-cuerpo strong { color: #1f1f1f; }
.post-cuerpo blockquote { margin: 1.5em 0; padding: .9em 1.2em; border-left: 4px solid var(--main-color, #f76184);
    background: var(--color-main-pastel, #ffede9); border-radius: 0 8px 8px 0; font-style: italic; }
.post-cuerpo table { width: 100%; border-collapse: collapse; margin: 1.2em 0; font-size: 15px; }
.post-cuerpo th, .post-cuerpo td { border: 1px solid #eee; padding: .55em .7em; text-align: left; vertical-align: top; }
.post-cuerpo th { background: #fafafa; }
.post-extracto { font-size: 18px; line-height: 1.6; color: #444; }

/* Índice */
.post-indice { position: static; display: block; width: auto; height: auto; margin: 1.4rem 0 1.6rem; padding: 1rem 1.2rem; background: #fff7f5; border: 1px solid #f6d9d2; border-radius: 10px; }
.post-indice-titulo { font-weight: 700; margin-bottom: .5rem; font-size: .95rem; text-transform: uppercase; letter-spacing: .03em; color: #555; }
.post-indice ol { position: static; display: block; margin: 0; padding-left: 1.2rem; list-style: decimal; }
.post-indice li { position: static; display: list-item; float: none; margin: .25rem 0; line-height: 1.4; }
.post-indice a { color: #333; text-decoration: none; }
.post-indice a:hover { color: var(--main-color, #f76184); text-decoration: underline; }

/* Preguntas frecuentes */
.post-faq { margin: 2rem 0 1rem; }
.post-faq h2 { font-size: 1.45rem; margin-bottom: .8rem; }
.post-faq details { border: 1px solid #eee; border-radius: 10px; margin-bottom: .6rem; background: #fff; }
.post-faq summary { cursor: pointer; list-style: none; padding: .9rem 2.6rem .9rem 1rem; font-weight: 600; position: relative; line-height: 1.4; }
.post-faq summary::-webkit-details-marker { display: none; }
.post-faq summary::after { content: '+'; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%);
    font-size: 1.4rem; color: var(--main-color, #f76184); font-weight: 400; }
.post-faq details[open] summary::after { content: '–'; }
.post-faq details p { margin: 0; padding: 0 1rem 1rem; line-height: 1.65; color: #333; }

/* Compartir */
.post-compartir { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: 1.8rem 0 1rem; padding-top: 1.2rem; border-top: 1px solid #eee; }
.post-compartir-titulo { font-weight: 600; margin-right: .3rem; }
.post-compartir a, .post-compartir button { display: inline-block; padding: .45rem .85rem; border-radius: 999px; font-size: 14px; line-height: 1.2;
    color: #fff; text-decoration: none; border: 0; cursor: pointer; font-family: inherit; }
.post-compartir a:hover, .post-compartir button:hover { opacity: .88; text-decoration: none; }
.pc-wa { background: #25d366; } .pc-fb { background: #1877f2; } .pc-pi { background: #e60023; }
.pc-li { background: #0a66c2; } .pc-x { background: #111; } .pc-copiar { background: #777; }

@media (max-width: 600px) {
    .post-cuerpo { font-size: 16px; }
    .post-cuerpo h2 { font-size: 1.3rem; }
    .post-compartir a, .post-compartir button { font-size: 13px; padding: .4rem .7rem; }
}

/* [TB 2026-10-14 f] Anuncios: sin hueco en blanco cuando no hay anuncio (cookies rechazadas o sin anuncio que servir).
   No se usa display:none antes de cargar (AdSense necesita el ancho para pedir el anuncio); solo se quita la altura mínima. */
#adsense-container-top, #adsense-container-top ins.adsbygoogle { min-height: 0 !important; }
ins.adsbygoogle[data-ad-status="unfilled"] { display: none !important; }
#adsense-container-in-article:has(ins.adsbygoogle[data-ad-status="unfilled"]),
#adsense-container-in-article:not(:has(ins.adsbygoogle[data-adsbygoogle-status])) { margin: 0 !important; }
#adsense-container-aside:has(ins.adsbygoogle[data-ad-status="unfilled"]) { margin: 0 !important; }