/* styles.css */

@font-face {
  font-family: 'MulishLight';
  src: url('resources/fonts/static/Mulish-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'MulishBold';
  src: url('resources/fonts/static/Mulish-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

body {
  font-family: 'MulishLight', sans-serif;
}

h1, h2, h3, h4 {
  font-family: 'MulishBold', sans-serif;
  
}


.titulo-principal {
    font-size: 2.5rem;
    color: #222222; 
    font-weight: bold;
    text-align: center;
  }
  
  .seccion {
    padding: 5rem 1rem;
  }
 
.marquee {
  display: flex;
  width: max-content;        
}

.marquee-group {
  display: flex;
  align-items: center;
  gap: 6rem;                
}

.marquee img {
  height: 5rem;               
  object-fit: contain;
}

/* Izquierda → derecha (visual: se mueven hacia la izquierda) */
.marquee-left {
  animation: marquee-left 60s linear infinite;
}

/* Derecha → izquierda (visual: se mueven hacia la derecha) */
.marquee-right {
  animation: marquee-right 160s linear infinite;
}


@keyframes marquee-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes marquee-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}