/* Compartido por las 4 páginas de área (sanitaria, docencia, investigacion, empresarial).
   Misma estructura de secciones que en «pts»; solo la cabecera es nueva. */

.section-head {
  max-width: 52rem;
  margin-bottom: var(--sp-5);
}

.section-head__title {
  font-weight: var(--fw-light);
  padding-bottom: var(--sp-3);
}

.section-head__title strong {
  font-weight: var(--fw-semibold);
}

.section-head--center {
  margin-inline: auto;
  text-align: center;
}

/* Lista de centros: el color de la parte en negrita del título es el del área */
.centros .section-head__title strong {
  /* color: var(--area-ink); */
}

/* Cuadrícula de tarjetas con icono (Investigación: desarrollo) */
.card-grid {
  display: grid;
  gap: var(--sp-4);
  grid-template-columns: repeat(auto-fit, minmax(min(17rem, 100%), 1fr));
}

#ejes .card-grid {
  grid-template-columns: repeat(3, minmax(min(17rem, 100%), 1fr));
}

/* Ventajas (Empresarial): marquee ondulado a sangre, fuera del .container */
#ventajas .marquee {
  width: 100vw;
  margin-inline: calc(50% - 50vw);
}

/* Bloque oscuro de contacto con imagen (Docencia: h-contacto) */
.area-cta {
  background: var(--c-bg-dark);
  color: var(--c-text-inv);
}

.area-cta__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--sp-6);
  align-items: center;
  padding-block: var(--sp-7);
}

.area-cta__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sp-4);
}

.area-cta__text {
  opacity: .85;
}

.area-cta__media {
  margin: 0;
  border-radius: var(--radius-md);
  overflow: clip;
}

.area-cta__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Sección con imagen de fondo y lista de enlaces (Investigación: investigacion-sec) */
.area-feature {
  position: relative;
  isolation: isolate;
  padding-block: var(--sp-7);
  background: var(--c-bg-dark);
  color: var(--c-text-inv);
}

.area-feature__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  margin: 0;
}

.area-feature__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .3;
}

.area-feature__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sp-4);
  max-width: 44rem;
}

.area-feature__kicker {
  font-size: var(--fs-sm);
  opacity: .75;
}

.area-feature__title {
  color: var(--area);
  font-weight: var(--fw-regular);
}

.area-feature__links {
  display: grid;
  gap: var(--sp-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

.area-feature__links .btn-arrow {
  font-size: var(--fs-md);
  color: inherit;
}

.area-feature__links .btn-arrow__icon {
  color: var(--area);
}

.centros__more {
  display: flex;
  justify-content: center;
  margin-top: var(--sp-5);
}

@media (max-width: 60rem) {
  .area-cta__inner {
    grid-template-columns: 1fr;
  }
}