.contenedor-principal {
  background-size: cover;
  background-position: center;
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.log {
  margin-top: 4vh;
  margin-right: -180vh;
  width: 10%;
  height: auto;
  
  z-index: 1;
}

.portada {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.imagen-portada {
  width: 100%;
  height: auto;
  object-fit: cover;
  margin-top: -26vh;
}

.contenido-portada {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin-top: -100vh;
}

.contenido-portada h1 {
  font-size: 5vh;
  color: #fff;
  font-family: 'Poppins', sans-serif;
}

.futura {
  width: 40%;
  height: auto;
  margin-bottom: 2vh;
  
}

.boton-participa {
  display: flex;
  flex-direction: column;
  align-items: center;
  
}

.boton-texto {
  font-size: 2.8vh;
  color: #000000;
  margin-top: -24vh;
  font-family: 'Poppins', sans-serif;
  text-decoration: none;
  font-weight: bold;
}

.boton-imagen {
  width: 50%;
  height: auto;
}


@media (max-width: 375px){
  .imagen-portada{
    width: 100vw;
    height:auto;
    margin-top: -10vh;
  }

  .contenido-portada {
    font-size: 0.5vh;
    margin-top: -30vh;
   
  }

  .boton-texto{
    font-size: 1.5vh;
    margin-top: -8vh;
  }

  .futura{
    top: 8vh;
  }

  .contenido-portada h1{
    font-size:1.5vh ;
    margin-top: 6vh;
  }
  .log{
    transform: translateX(-70vh);
    
  }
}



.formulario {
  background-image: url(fondo\ \(1\).png);
  height: 100%;
  width: 100%;
}

body {
  background-image: url(fondo\ \(1\).png);
  background-size: cover;
  background-attachment: fixed;
}



.subtitulo {
  font-size: 1em;
  text-align: center;
  color: rgb(255, 255, 255);
  padding: 2vh;
  margin-top: 15vh;
  font-family: 'Poppins', sans-serif;
}

.titulo {
  color: white;
  text-align: center;
  font-size: 2rem;
  margin-top: 7vh;
  font-family: 'Poppins', sans-serif;
}

.primera-sección {
  background-image: url(fondo\ roto.png);
  background-size: cover;
  background-position: center ;
  background-repeat: no-repeat;
  width: 100%;
  height: 210vh;
  display: flex;
  
  align-items: center;
  margin-top: -120vh;

}


@media (max-width: 375px){
 .subtitulo{
    font-size: 1.2vh;
    margin-left:-1vh ;
    margin-top: -70vh;
    
 }
    
 .primera-sección {
   margin-top:-108vh ;
   background-size: 100%;
   background-position: center 10%;
 }


}



.bullet img {
  color: w;
  width: 50vh;
  height: 60vh;
  object-fit: cover;
  margin-bottom: -12vh;
  
}

.imagen-normal{
  object-fit: cover;
}

.imagen-hover1{
  position: absolute;
  margin-top:0vh ;
  margin-left: 0vh ;
  width: 23vh;
  height: 24vh;
  object-fit: cover;
  opacity: 0;
  transition:  0.5s ;
}

.bullet:hover .imagen-hover1 {
  opacity: 1 !important;
}

.imagen-normal{
object-fit: cover;
}

.imagen-hover2{
  position: absolute;
  margin-top:0vh ;
  margin-left: 0vh ;
  width: 23vh;
  height: 24vh;
  object-fit: cover;
  opacity: 0;
  transition:  0.5s ;

}
.bullet:hover .imagen-hover2 {
  opacity: 1 !important;
}


.imagen-normal3{
object-fit: cover;
}

.imagen-hover3{
  position: absolute;
  margin-top:0vh ;
  margin-left: 0vh ;
  width: 23vh;
  height: 24vh;
  object-fit: cover;
  opacity: 0;
  transition:  0.5s ;

}
.bullet:hover .imagen-hover3 {
  opacity: 1 !important;
}



.contenedor-bullets {
  
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
  margin-top:-20vh;
  padding: 2vh;
  
  
}

.bullet{
  position: relative;
   color: white;
  display: flex;
  flex-direction: column;
  width: 23vh;
  height: 24vh;
  align-items: center;
  margin: 20vh;
  
}



.info {
  color: white;
  padding-top: 1vh;
  margin-top: 1vh;
  font-family: 'Poppins', sans-serif;
  
}



@media (max-width: 375px) {
  .contenedor-bullets {
    display: flex;
    flex-direction: column;
    margin-left: -26vh;
    justify-content: center;
   
  }
    
  .bullet{
    display: flex;
    align-items: center;
    margin-bottom: -30vh !important;
  }
  
  .bullet img {
    width: 15vh;
    height: 15vh;
    margin: -3vh 0;
    
  }

  .bullet h1{
    margin-left: 29vh;
    margin-top: -8vh ;
    font-size: 1.5vh;  
    white-space:nowrap;
  }
   .bullet p{
    font-size: 1.2vh;
    margin-left: 43vh;
    width: 30vh;
    
   }     
  .titulo{
    margin-left: 5vh;
    font-size: 1.7vh;
    display: inline-block;
    margin-top: -40vh;
  }

  
}


.gallery {
  display: block;
  margin-right: auto;
  width: 50%;
  margin-top: 40vh;
  position: relative;
  top: -1vh;
  margin-left: 80vh;
}

.carousel-container {
  position: relative;
  width: 90%;
  max-width: 400px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  margin-top: -80vh;
  margin-left: auto;
  margin-right: auto;
}

.carousel-track {
  display: flex;
  transition: transform 0.4s ease-in-out;
}

.carousel-track img {
  width: 100%;
  flex-shrink: 0;
  object-fit: cover;
}

.carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  font-size: 2rem;
  padding: 0.5remat 1rem;
  cursor: pointer;
  z-index: 1;
}

.carousel-btn.prev {
  left: 10px;
}

.carousel-btn.next {
  right: 10px;
}

@media (max-width: 375px){
 .carousel-container{
  width: 60%;
  height: 70vh;
  margin: 0 auto;
  top: -130vh;
  left: -1vh;
 }

 .gallery{
   transform: scale(0.5);
   left:-71vh ;
   top:-26vh ;
 }
}



.segunda-sección {
  
  background-image: url(fondo2nue.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 200vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 10vh;
  margin-top: 5vh;
}

.titulo-2 {
  color: white;
  font-size: 3rem;
  text-align: center;
  margin-top: -190vh;
  font-family: 'Poppins', sans-serif;
}

.subtitulo-2 {
  text-align: center;
  color: rgb(255, 255, 255);
  padding: 2vh;
  font-size: 1em;
  margin-top: -5vh;
  font-family: 'Poppins', sans-serif;
}

 
.textoroto1 {
  margin-top: -10vh;
  margin-left: -2%;
  transform: scale(1.2);
}

.textoroto2 {
  margin-top: -60vh;
  margin-left: 100vh;
  transform: scale(1.2);
}

.textoroto3 {
  margin-top: -5vh;
  margin-left: 37vh;
  transform: scale(1.2);
}


.textoroto4 {
  transform: translateY(-110vh) scale(1.2);
  margin-left: 110vh;
  
}



@media (max-width: 375px){
    .segunda-sección {
   margin-top:-160vh ;
   background-size: 100%;
   background-position: center 10%;
   
 }
    .titulo-2{
      font-size:2.2vh;
      margin-top:2vh;
      transform: translateY(-183vh);
      left: -2vh;
    }
   
    .subtitulo-2{
      font-size: 1.2vh;
      margin-top: 2vh;
      transform: translateY(-187vh);
      
    }

    .textoroto1{
      width: 22vh;
      height: 22vh;
      transform: translateY(-187vh);
    }
    .textoroto2{
      width: 22vh;
      height: 22vh;
      transform: translateY(-183vh);
      margin-left: 25vh;
    }
    .textoroto3{
      width: 22vh;
      height: 22vh;
      transform: translateY(-180vh);
      margin-left: 8vh;
    }
    .textoroto4{
      width: 22vh;
      height: 22vh;
      margin-left: 27vh;
      transform: translateY(-210vh);
    }

    
    

}




.video-foto{
  width: 35%;
  height: auto;
  margin-top: -90vh ;
  margin-left: 15vh;
  transform: rotate(-40deg);

}

.video{
  width: 80%;
  height: auto;
  margin-left: 20%;
  transform:translateY(-86vh) ;
  aspect-ratio: 16/9;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 375px) {
  .video-foto{
    z-index: 99;
    transform: translateY(-196vh) rotate(-40deg);
    margin-left:2vh ;
    
    
  }


  .video {
    width: 75%;
    margin-left: 7vh;
    transform: translateY(-205vh);
  }

  
}

@media (min-width: 667px) {
  .video {
    width: 60%;
  }

   
}


.seccion-3{
  color: white;
  background-image: url(fondo\ roto\ 3.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  padding-top: 10vh;
  width: 100%;
  height: 200vh;
  margin-top: -75vh;
  
}


.titulo3{
  font-size: 3rem;
  margin-top: 20vh;
  font-family: 'Poppins', sans-serif;
}

.subtitulo-3{
  padding: 2vh;
  font-size: 1.5em;
  font-family: 'Poppins', sans-serif;
  
}


.imagenes-sec3{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top: -150vh;


}

.ig-img1{
  transform: rotate(-15deg);
  margin-left:10vh;
}
.ig-img2{
  margin-left: -25vh;
}

.texto3-2{
  margin-top: -45vh;
  margin-left:60vh ;
  z-index: 1;
  transform:rotate(-15deg) ;
  font-size: 1.5em;
  font-family: 'Poppins', sans-serif;
}

.texto3-1{
  margin-top: -45vh;
  transform:  translateX(-45vh) ;
  z-index: 1;
  font-size: 1.5em;
  font-family: 'Poppins', sans-serif;
}


.comoganar{
  text-align: center;
  font-size: 1.5em;
  color: white;
  font-family: 'Poppins', sans-serif;
}


.ult-parrafos{
  color: white;
   flex-direction: column;
  text-align: center;
  font-size: 1.5em;
  font-family: 'Poppins', sans-serif;
}


@media (max-width: 375px){
  
 .seccion-3 {
   margin-top:-227vh ;
   background-size: 100%;
   background-position: center 10%;
 } 
  .titulo3{
    font-size: 2vh;
    display: inline-block;
    transform: translateY(-1vh);
  }
  .subtitulo-3{
    font-size: 1.2vh;
    transform: translateY(-2vh);
  }
  
  .ig-img1{
    width: 18vh;
    height: 18vh;
    transform: translateY(-21vh) translateX(-11vh) rotate(-20deg);
  }
  .ig-img2{
    width: 18vh;
    height: 18vh;
    transform: translateY(-23vh);
  }
  
  .comoganar{
    font-size: 1.2vh;
    transform: translateY(-23vh);
  }
  .ult-parrafos{
    font-size: 1.2vh;
    transform: translateY(-21vh);
  }
}


.tripleT{
  background-image: url(tripleT.png);
  background-repeat: repeat-x;
  background-size: auto 100%;
  width: 100%;
  height: 50vh;
  margin-top: 20vh;
  
}

@media(max-width:768px){
  .tripleT{
    
    height:10vh;
    transform: translateY(-35vh);
  }
}

.seccion-final {
  text-align: center;
  padding: 60px 20px;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  margin-top: -20vh;
}

.texto-final {
  font-size: 1.5em;
  font-weight: 600;
  margin-bottom: 30px;
  max-width: 600px;
  margin-inline: auto;
  
}

.boton-form {
  background-image: url(botondd.png); 
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
  width: 40vw; /* ajustá según el tamaño real del botón */
  height: 20vh;
  border: none;
  cursor: pointer;
  position: relative;
  margin-bottom: 30px;
}

.boton-form span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  font-size: 1.5em;
  
}

.agradecimiento {
  font-size: 1.5em;
  font-weight: 500;
}

@media (max-width: 375px){
  .texto-final{
    font-size: 1.4vh;
    transform: translateY(-25vh);
  }
   .boton-form{
    transform: translateY(-32vh) scale(0.6);
    width: 100%;
    
   }
   .agradecimiento{
    font-size: 1.5vh;
    transform: translateY(-44vh);
   }
}

.footer {
      background-color: #000;
      color: white;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 20px;
    }

    .footer-left, .footer-right {
      text-align: center;
    }

    .footer-left img.logo-footer {
      width: 60px;
    }

    .footer-icons img {
      width: 30px;
      margin: 5px;
    }

    .footer-right a {
      color: white;
      text-decoration: none;
      margin: 5px;
      display: inline-block;
    }


   .footer {
  background-image: linear-gradient(to left,#4F5878,#0A0A0A);
  color: #ccc;
  padding: 40px 20px;
  font-family: 'pop', sans-serif;
  margin-top: 110vh;
 

}

.footer-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  max-width: 1200px;
  margin: auto;
   transform: translateY(50vh);
}

.footer-left {
  max-width: 300px;
}

.footer-logo {
  width: 100px;
  margin-bottom: 10px;
}

.social-icons {
  margin: 15px 0;
}

.social-icons a {
  margin-right: 10px;
  display: inline-block;
}

.social-icons img {
  width: 25px;
  height: 20px;
  filter: brightness(0) invert(1); /* para que los íconos blancos funcionen en fondo oscuro */
  
  
}

.footer-right ul {
  list-style: none;
  padding: 0;
}

.footer-right ul li {
  margin-bottom: 10px;
}

.footer-right a {
  color: #ccc;
  text-decoration: none;
  font-size: 14px;
}

.footer-right a:hover {
  color: #fff;
}

footer p {
  font-size: 12px;
}


    @media (min-width: 375px) {
      .footer {
        flex-direction: row;
        justify-content: space-between;
        transform: translateY(-130vh);
        
      }
      .footer-left, .footer-right {
        width: 50%;
        text-align: left;
        
      }
     .footer-logo{
     transform: scale(0.7);
      }
      .social-icons{
       transform: scale(0.6) translateX(-5vh)translateY(-5vh);
     }
      .footer p {
       transform: translateY(-2vh);
     }

       .footer-container{
         transform: translateY(-1vh);
         font-size: 1.2vh;
       }
    }