.hero {

  padding: 20px 0px;
  background: #f7f7f7;
}


/* ===== Hero Carrera: imagen completa en portrait y landscape ===== */
.carrera-hero {
  background: #fff;
}

/* Portada carrera: 100% ancho y SIN recorte */
.carrera-img {
  height: auto;
  /* mantiene proporción */
  max-width: 100%;
  object-fit: contain;
  /* por si algún navegador lo aplica */
}


/* Splash / Portada inicial */
.splash {
  position: fixed;
  inset: 0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  transition: opacity 1.15s ease, visibility 1.15s ease;
}

.splash-logo {
  width: min(420px, 70vw);
  height: auto;
}

/* Cuando se oculta */
.splash--hide {
  opacity: 0;
  visibility: hidden;
}


.text-justify {
  text-align: justify;
  text-justify: inter-word;
}


/* Logo de la sección Bases: más grande en escritorio */
.logo-carrera {
  width: 70%;
  /* móvil / base */
  height: auto;
}

/* Desktop */
@media (min-width: 992px) {
  .logo-carrera {
    width: 60%;
  }
}