/*
Theme Name: Comparamos Blog
Template: twentytwentyfive
Description: Tema hijo de Twenty Twenty-Five para el blog de comparamos.es: cabecera y pie de página iguales a los de la landing, con sus estilos, su aviso de cookies y su medición (GTM y píxel, solo con consentimiento). Instalar el blog en una carpeta de la landing (p. ej. /blog).
Version: 1.1.0
Requires at least: 6.7
Author: Tuenweb
Text Domain: comparamos-blog
*/

/* ---------- Cabecera "sticky" de la landing con la barra de administración de WordPress ---------- */
@media screen and (min-width: 783px) {
  .admin-bar .site-header { top: 32px; }
}
@media screen and (max-width: 782px) {
  .admin-bar .site-header { top: 46px; }
}

/* Las plantillas de Twenty Twenty-Five envuelven las partes en <header>/<footer> con márgenes propios. */
.wp-site-blocks > header.wp-block-template-part,
.wp-site-blocks > footer.wp-block-template-part { margin: 0; padding: 0; }
.wp-site-blocks > header.wp-block-template-part { position: sticky; top: 0; z-index: 800; }
.admin-bar .wp-site-blocks > header.wp-block-template-part { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar .wp-site-blocks > header.wp-block-template-part { top: 46px; } }
.wp-site-blocks > header.wp-block-template-part .site-header { position: relative; top: auto; }
.wp-site-blocks > footer.wp-block-template-part { margin-top: var(--section); }
.wp-site-blocks > * + * { margin-block-start: 0; }

/* La hoja general de la landing quita viñetas y márgenes de las listas y hace bloque las imágenes:
   en el contenido de las entradas se recuperan. */
.wp-block-post-content ul, .entry-content ul { list-style: disc; padding-left: 1.4em; margin: 0 0 1.2em; }
.wp-block-post-content ol, .entry-content ol { list-style: decimal; padding-left: 1.4em; margin: 0 0 1.2em; }
.wp-block-post-content li, .entry-content li { margin-bottom: .4em; }
.wp-block-post-content img { display: inline-block; height: auto; }
.wp-block-post-content figure img { display: block; }

/* Contenido de las entradas con la tipografía y los colores de la landing */
.wp-block-post-content { font-size: 1.02rem; line-height: 1.75; color: var(--c-text); }
.wp-block-post-content h2 { font-size: clamp(1.4rem, 2.6vw, 1.8rem); color: var(--c-primary); margin-top: 1.6em; }
.wp-block-post-content h3 { font-size: clamp(1.15rem, 2vw, 1.35rem); color: var(--c-ink); margin-top: 1.4em; }
.wp-block-post-content a { color: var(--c-primary); text-decoration-thickness: 1px; text-underline-offset: 2px; }
.wp-block-post-content table { width: 100%; border-collapse: collapse; font-size: .92rem; }
.wp-block-post-content th { background: var(--c-primary); color: #fff; text-align: left; }
.wp-block-post-content th, .wp-block-post-content td { padding: 10px 12px; border: 1px solid var(--c-line); vertical-align: top; }
.wp-block-post-content blockquote { border-left: 3px solid var(--c-accent); padding-left: 1em; color: var(--c-muted); }
.wp-block-post-title { color: var(--c-ink); }
.wp-block-post-title a { color: inherit; text-decoration: none; }
.wp-block-post-title a:hover { color: var(--c-primary); }
.wp-block-post-featured-image img { border-radius: var(--radius-lg); }
.wp-block-post-date, .wp-block-post-terms { color: var(--c-muted); font-size: .9rem; }
.wp-block-post-terms a { color: var(--c-primary); text-decoration: none; }
.wp-block-query-pagination a { color: var(--c-primary); }
.wp-block-button__link, .wp-element-button { border-radius: 999px; background: var(--c-primary); color: #fff; font-weight: 600; }
.wp-block-button__link:hover, .wp-element-button:hover { background: var(--c-primary-dark); color: #fff; }