/**
 * @file
 * Componente «Título de sección» (tipo de párrafo: titulo_seccion).
 *
 * La escala tipográfica se toma de los bloques ya validados: el título repite
 * los valores de `c-uh__titulo` (Ubícate en nuestro hospital) y el subtítulo
 * los de `c-ev__descripcion` (Eventos destacados), pero con clases propias
 * para que este componente no quede atado a ninguno de los dos.
 *
 * El ancho máximo de 1080px alinea el componente con el eje del diseño, igual
 * que Contenido reciente y la tarjeta del Slider Hero.
 */

.c-tsec {
  max-width: 1080px;
  margin-right: auto;
  margin-left: auto;
}

.c-tsec__titulo {
  margin: 0 0 16px;
  color: #111111;
  font-size: 34px;
  font-weight: 800;
  letter-spacing: -0.015em;
  line-height: 1.2;
}

.c-tsec__subtitulo {
  margin: 0 0 28px;
  color: #4a4a4a;
  font-size: 0.95rem;
  line-height: 1.5;
}

/* Sin subtítulo, el título asume el margen inferior del bloque completo. */
.c-tsec__titulo:last-child {
  margin-bottom: 28px;
}

@media (max-width: 991.98px) {
  .c-tsec__titulo {
    font-size: 28px;
  }
}

@media (max-width: 575.98px) {
  .c-tsec__titulo {
    font-size: 24px;
  }
}