:root{
   --blanco: #ffffff;
   --azul: #2c4aac;
   --amarillo: #c7db27;
   --gris: #a6a6a6;   
}
html{
    font-size: 62.5%;
}
body{
    font-size: 16px; /*1rem = 10 px*/
     font-family: "Quicksand", sans-serif;
     font-optical-sizing: auto;
     font-weight: 400;
     font-style: normal;
}

.fondo-titulo{
     background-color: var(--amarillo);
}
.titulo {
    text-align: center;
    font-size: 3.8rem;
    color: #2c4aac;
}
.subtitulo {
    text-align: center;
    font-size: 2.5rem;
    color: #2c4aac;
}
.p{
    text-align: center;
}
.carousel{
  width: 100%;
  max-width: 900px;
  margin: 4rem auto;
  overflow: hidden;
  border-radius: 1.5rem;
}

.carousel-track{
  display: flex;
  gap: 1rem;
  animation: deslizar 30s infinite linear;
}

.carousel img{
  width: 100%;
  height: auto;
  object-fit: contain;
  max-width: 100%;
  flex-shrink: 0;
  border-radius: 1.5rem;
}
@media (max-width: 480px){
  .carousel img{
    height: 220px;
  }
}
/* Animación */
@keyframes deslizar{
  0%{
    transform: translateX(0);
  }
  100%{
    transform: translateX(-300%);
  }
}
.footer{
    text-align: center;
}