/* Contenedor de secciones en grid */
.seccion--seleccion,
#plataformas {
  container-name: inicio-contenido;
  animation: aparecer 1s 0s both;
  opacity: 0;
}

#becas {
  animation: aparecer both;
  animation-timeline: view();
  animation-range: cover 5% cover 15%;
}

@keyframes aparecer {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.tarjeta--educacion {
  animation: aparecer both;
  animation-timeline: view();
  animation-range: cover 15% cover 40%;
}