/* El blog de Grupo Elec: la misma hoja de la landing, para leer.
   Va después de sitio.css y pisa las variables de la base (blog/blog.css). */
:root {
  --b-ancho: 760px;
  --b-tinta: var(--tinta);
  --b-gris: var(--gris);
  --b-linea: #12151233;
  --b-fuente: var(--f);
  --b-fuente-tit: var(--f);
}
.b-pagina { font-size: 17px; }
.b-pagina .cab__nav a.activo::after { transform: scaleX(1); }
.b-migas, .b-meta, .b-indice p, .b-tarj__meta {
  font: 600 12px/1.3 var(--f); font-stretch: 78%; letter-spacing: .11em; text-transform: uppercase; color: var(--gris);
}
.b-migas a { text-decoration: none; }
.b-migas a:hover { text-decoration: underline; text-underline-offset: 3px; }
.b-meta { color: var(--verde); }
.b-cab { margin: 26px 0 32px; }
.b-cab h1 { font-stretch: 112%; font-size: clamp(1.75rem, 7.2vw, 3rem); line-height: 1.05; }
.b-resumen { font-size: 1.14rem; }
.b-indice { border-top: 1.5px solid var(--tinta); border-bottom: 1.5px solid var(--tinta); }
.b-indice a { text-decoration: none; font-weight: 600; min-height: 40px; display: flex; align-items: center; }
.b-indice a:hover { text-decoration: underline; text-underline-offset: 4px; }
.b-cuerpo h2 { font-stretch: 110%; font-size: clamp(1.4rem, 5.4vw, 1.9rem); line-height: 1.1; padding-top: 26px; border-top: 1.5px solid var(--tinta); margin-top: 1.9em; }
.b-cuerpo h3 { font-weight: 700; }
.b-cuerpo ul { list-style: square; }
.b-cuerpo li::marker { color: var(--verde); }
.b-cuerpo #preguntas ~ h3 { font-size: 1.14rem; }

.b-contacto { background: var(--tinta); color: #fff; padding: 28px 22px 30px; margin-top: 56px; border-radius: 2px; display: grid; gap: 12px; }
.b-contacto :focus-visible { outline-color: var(--lima); }
.b-contacto h2 { font-size: clamp(1.5rem, 6.4vw, 2.2rem); line-height: 1.02; }
.b-contacto p { color: var(--claro); max-width: 52ch; }
.b-contacto__vias { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: 8px; }
.b-contacto__tel { color: #fff; font-weight: 800; font-stretch: 125%; font-size: 1.3rem; letter-spacing: -.02em; text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; }

.b-seguir h2 { font-size: 1.5rem; line-height: 1.05; margin-bottom: 14px; }
.b-tarjetas li, .b-tarjetas li:last-child { border-color: var(--tinta); border-width: 1.5px; }
.b-tarj__tit { font-stretch: 106%; font-weight: 800; letter-spacing: -.015em; }
.b-tarjetas a:hover .b-tarj__tit { text-decoration: none; color: var(--verde); }
.b-pagina .pie { border-top: 1.5px solid var(--tinta); }

@media (min-width: 960px) {
  .b-pagina { font-size: 18px; }
  .b-main { padding: 44px 0 110px; }
  .b-contacto { padding: 40px 40px 42px; }
}