@font-face {
  font-family: montserrat;
  src: url(../font/Montserrat/static/Montserrat-Regular.ttf);
}

body {
  font-family: "montserrat", sans-serif;
  font-size: 16px;
}

main {
  margin: 0;
  padding: 0;
}

h1 {
  color: #489906;
}

.ruta {
  font-size: 12px;
}

.btn-verde {
  background: #6eba25;
  color: white;
}

.btn-verde:hover {
  background: #178204;
  color: white;
}

.destacados {
  border: 2px solid #97bf5a;
  border-radius: 10px;
  /* Puedes ajustar el valor de 10px según tus preferencias */
}

.inscribirse {
  background: #97bf5a;
  color: white;
}

.port-nosotros {
  background: #97bf5a;
  color: white;
}

.fundador {
  background: #97bf5a;
  color: white;
}

.opinion {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

.cargo {
  font-size: 18px;
  color: #6eba25;
}

.opinion hr {
  font-size: 10px;
  border: 1px solid #6eba25;
  opacity: 1;
  /* Elimina la opacidad por defecto */
}

.cinta-container {
  overflow: hidden;
}

.cinta-track {
  display: flex;
  width: max-content;
  animation: mover 20s linear infinite;
}

.cinta-content {
  display: flex;
  align-items: center;
}

.cinta-content span {
  padding: 0 40px;
  font-size: 18px;
  font-weight: 600;
  white-space: nowrap;
}

.icono-cinta {
  width: 34px;
  margin: 0 20px;
}

/* Animación infinita real */
@keyframes mover {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@media (max-width: 768px) {
  body {
    font-family: "montserrat", sans-serif;
    font-size: 14px;
  }
}