/* tic2026-blog.css — lectura de los posts del blog (ets_blog).
   T-005, 09-10-2026. Antes: letra a 14 px en líneas de ~176 caracteres, tablas que ensanchaban la
   página en móvil, fecha y «Leer más» en gris claro (contraste 1,8 y 2,8). Ahora: 17 px, columna de
   ~80 caracteres, tablas con scroll propio, enlaces subrayados y textos con contraste AA (4,5:1).
   Solo se carga en las páginas del blog (header.tpl, page_name module-ets_blog-blog) y todo va bajo
   #ets_blog_page, así que no toca el resto de la web. Vuelta atrás: quitar el <link> de header.tpl. */

/* Columna de lectura: título, datos y texto del post a ~80 caracteres por línea. */
#ets_blog_page .ets-blog-wrapper-detail .ets-blog-wrapper-content > h1,
#ets_blog_page .ets-blog-wrapper-detail .post-details {
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
}

/* Texto del post. */
#ets_blog_page .ets-blog-wrapper-detail .post-details .blog_description {
  font-size: 1.0625rem;
  line-height: 1.7;
  color: #2b2b2b;
  overflow-wrap: break-word;
}
#ets_blog_page .ets-blog-wrapper-detail .post-details .blog_description p,
#ets_blog_page .ets-blog-wrapper-detail .post-details .blog_description li,
#ets_blog_page .ets-blog-wrapper-detail .post-details .blog_description dd,
#ets_blog_page .ets-blog-wrapper-detail .post-details .blog_description blockquote {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
#ets_blog_page .ets-blog-wrapper-detail .post-details .blog_description p { margin: 0 0 1.1em; }
#ets_blog_page .ets-blog-wrapper-detail .post-details .blog_description h2 { margin: 2rem 0 .75rem; line-height: 1.3; }
#ets_blog_page .ets-blog-wrapper-detail .post-details .blog_description h3 { margin: 1.5rem 0 .5rem; line-height: 1.35; }
#ets_blog_page .ets-blog-wrapper-detail .post-details .blog_description ul,
#ets_blog_page .ets-blog-wrapper-detail .post-details .blog_description ol { padding-left: 1.4em; margin: 0 0 1.1em; }

/* Enlaces del texto: subrayados, no solo de otro color. */
#ets_blog_page .ets-blog-wrapper-detail .post-details .blog_description a {
  color: #0a58ca;
  text-decoration: underline;
  text-underline-offset: 2px;
}
#ets_blog_page .ets-blog-wrapper-detail .post-details .blog_description a:hover { color: #084298; }

/* Imágenes: nunca más anchas que la columna. */
#ets_blog_page .ets-blog-wrapper-detail .post-details .blog_description img {
  max-width: 100%;
  height: auto;
}

/* Tablas: con scroll propio cuando no caben (en móvil, o con muchas columnas). */
#ets_blog_page .ets-blog-wrapper-detail .post-details .blog_description table {
  display: block;
  width: max-content;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-collapse: collapse;
  font-size: .9375rem;
  line-height: 1.5;
}
#ets_blog_page .ets-blog-wrapper-detail .post-details .blog_description .tabla-scroll table {
  display: table;
  width: 100%;
  max-width: none;
}
#ets_blog_page .ets-blog-wrapper-detail .post-details .blog_description th,
#ets_blog_page .ets-blog-wrapper-detail .post-details .blog_description td {
  padding: .5rem .75rem;
  vertical-align: top;
}

/* Fecha, autor, categoría y «Leer más»: contraste AA sobre blanco. */
#ets_blog_page .post-date,
#ets_blog_page .post-date .be-label,
#ets_blog_page .post-date span,
#ets_blog_page .post-author-label,
#ets_blog_page .ets-blog-sidear-post-meta,
#ets_blog_page .ets-blog-sidear-post-meta .be-label {
  color: #595959;
}
#ets_blog_page .ets-blog-wrapper-detail .post-date { font-size: .9375rem; }
#ets_blog_page a.read_more {
  color: #0a58ca;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* T-048 (a), 10-10-2026: etiqueta de categoría y etiquetas del post en #bfbfbf (contraste 1,8)
   desde blog.css del módulo; los posts con «Recambios y Componentes» no pasaban la puerta. */
#ets_blog_page .be-categories,
#ets_blog_page .be-categories > a,
#ets_blog_page .ets-blog-tags,
#ets_blog_page .ets-blog-tags a {
  color: #595959;
}
#ets_blog_page .be-categories > a,
#ets_blog_page .ets-blog-tags a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* T-047, 10-10-2026: listados del blog (portada y categorías). El extracto iba a 14 px y, a
   1366 px, en líneas de ~110 caracteres. Mismo criterio que el post: 17 px y ~80 caracteres. */
#ets_blog_page .ets-blog-wrapper-blog-list .blog_description,
#ets_blog_page .ets-blog-wrapper-blog-list .blog_description p {
  font-size: 1.0625rem;
  line-height: 1.6;
  color: #2b2b2b;
}
#ets_blog_page .ets-blog-wrapper-blog-list .blog_description {
  max-width: 42rem;
}