@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{
    margin: 0;
    padding: 0;
}


a{
    text-decoration: none;
}

 .section1 { width: 100% !important;background-color:#0c437b; display: flex;  margin: 0 !important;}
 .section1 .section11 { display: flex; align-items: center; justify-content: center; margin: 0 !important; padding: 20px 0; flex-direction: column;}
 .section1 .section11 h1 { color: white; font-family: 'Poppins', sans-serif !important; margin: 0px !important; font-size: 50px; line-height: 1; }
 .section1 .section11 h2 { color: white; font-family: 'Poppins', sans-serif !important; margin: 0px !important; font-size: 35px; line-height: 1; font-weight: 600;}
 .section1 .section11A { display: flex; align-items: center; justify-content: center; margin: 0 !important;}
 .section1 .section11A h2 { color: white; font-family: 'Poppins', sans-serif !important; margin: 0px 20px!important; font-size: 30px; font-weight: 600;}
 .section1 .section12 { display: flex; align-items: center; justify-content: center; margin: 0 !important;}
 .section1 .section12 .cronometro { display: flex; align-items: center; justify-content: center; color: #000;}
 .section1 .section12 .cronometro .cronometro1 { margin: 0px; background-color: #33cccc;display: flex; justify-content: center; flex-direction: column; align-items: center; padding: 5px 20px; border-radius: 10px;}
 .section1 .section12 .cronometro .cronometro1 h1 {line-height: 1; margin: 0 0 2px 0 !important;  font-family: 'Poppins', sans-serif !important; font-size: 30px; font-weight: 600;} 
 .section1 .section12 .cronometro .cronometro1 p {line-height: 1; margin: 0 0 2px 0 !important;  font-family: 'Poppins', sans-serif !important; font-weight: 600;} 

 .section1, .section2, .section3{margin: 0 !important; width: 100% !important;}

.row{
    margin: 0 !important;
}

body{
    margin: 0 !important;
    background-color: #0a1c42 !important;
}

button{
    border-color: transparent !important;
}
 .section2 {width: 100%; margin: 0 !important; background-color: #0a1c42 !important; padding: 50px 10px ;}
 .section2 .imagenSection22 {display: none;}
 .section2 .imagenSection21 {width: 100%; margin: 0;}
 .section2 .imagenSection21 img {width: 100%;}
 .section2 .Section23 { position: relative; width: 100%; display: flex; }
 .section2 .Section23 .section23A {margin-right: 3%;}
 .section2 .Section23 .section23A .section23A1 {padding-left:10%;}
 .section2 .Section23 .section23A h1{ font-size: 50px; font-weight: 600; color: white; font-family: 'Poppins', sans-serif !important; padding-left:10%; border-radius: 0 10px 10px 0;margin-bottom: 40px; line-height: 1;}
 .section2 .Section23 .section23A .section23A1  h2{ font-size: 35px; font-weight: 600; color: white; font-family: 'Poppins', sans-serif !important; text-align: center;margin-top: 40px; line-height: 1;}
 .section2 .Section23 .section23A iframe { border-radius: 20px; width: 90%;}
 .section2 .Section23 .section23B { display: flex; flex-direction: column; padding: 0; margin-left: 3%;width: 70%; border-radius: 20px;}
 .section2 .Section23 .section23B .section23B1 { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #0c437b;  padding:  40px; border-radius: 20px 20px 0px 0px;}
 .section2 .Section23 .section23B .section23B1 h1{ color: white; font-weight: 700; font-family: 'Poppins', sans-serif !important; font-size: 50px;  line-height: 1;}
 .section2 .Section23 .section23B .section23B1 h2{ color: #33cccc; font-weight: 700; font-family: 'Poppins', sans-serif !important; font-size: 40px;  line-height: 1;}
 .section2 .Section23 .section23B .section23B1 span{ color: #33cccc;}
 .section2 .Section23 .section23B .section23B1 .form-1{width: 90%;}
 .section2 .Section23 .section23B .section23B1 .entrada::placeholder { color: white; opacity: 1;}
 .section2 .Section23 .section23B .section23B1 .entrada { background-color: transparent !important; color: white; font-family: 'Poppins', sans-serif !important; font-weight: 600 !important; width: 100%; }
 .section2 .Section23 .section23B .section23B1 .entrada select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100% !important; }
 .section2 .Section23 .section23B .section23B1 button{ background-color: #FBB422 !important;padding: 10px; width: 100%; font-weight: 600; font-size: 20px;color: #000; font-family: 'Poppins', sans-serif !important; margin-bottom: 20px; cursor: pointer;}
 .section2 .Section23 .section23B .section23B2 {width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: white;  padding:  10px; border-radius: 0px 0px 15px 15px;}

 .section3 {background-color:#0c437b; padding: 40px 0; width: 100%;}
 .section3 h1 {font-size: 50px; color: white; font-family: 'Poppins', sans-serif !important; font-weight: 600; }

 .section35 {background-color:#0a1c42; width: 100%;}

 .section4 {width: 100%;  padding: 60px 20px;}
 .section4 .section41 {display: flex; align-items: center; justify-content: center; flex-direction: column; color: white;}
 .section4 .section41 img {width: 80%; margin: 10px 0;}
 .section4 .section41 p {font-family: 'Poppins', sans-serif !important; font-size: 16px; height: 100px; font-size: 600;}
 .section4 .section42 {display: flex; align-items: center; justify-content: center; padding-top: 60px;}
 .section4 .section42 .section42A{display: flex; align-items: center; justify-content: center;}
 .section4 .section42 button{background-color: #FBB422; padding: 10px 30px; font-weight: 700; font-size: 40px; color: #000; font-family: 'Poppins', sans-serif !important; margin-bottom: 20px; cursor: pointer; border-radius: 5px;}
 .section4 .section42 img{max-width: 200px; margin-top: -20px;}

 .section5 {width: 100%; margin-top: 50px; position: relative; padding-bottom: 120px; background-color:#0a1c42 ;}
 .section5 .section51 {padding-left: 5%; padding-right: 0;}
 .section5 .section51 h1 {font-size: 40px; font-weight: 700;font-family: 'Poppins', sans-serif !important; color: #fff; line-height: 1;}
 .section5 .section51 h5 {font-size: 25px; font-weight: 600;font-family: 'Poppins', sans-serif !important; color: #fff; line-height: 1;}
 .section5 .section51 p {font-size: 20px;font-family: 'Poppins', sans-serif !important; color: #fff;}
 .section5 .section51 ul li {font-size: 20px; font-family: 'Poppins', sans-serif !important; color: #fff; padding-top: 20px;}
 .section5 .section52 {width: 100%; position: absolute; top: 80%; z-index: 10;}
 .section5 .section52 .division4{display: flex; justify-content: center; align-items: center;}
 .section5 .section52 .division4 .contanedor4 {display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 50px; padding: 20px;box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5); width: 550px;}
 .section5 .section52 .division4 .contanedor4 .datos52 h1{font-family: 'Poppins', sans-serif !important; font-size: 30px; font-weight: 700; padding: 0 20px; line-height: 1; color: #0c437b ;}
 .section5 .section52 .division4 .contanedor4 .datos52 h2{font-family: 'Poppins', sans-serif !important; font-size: 25px; font-weight: 600; padding: 0 20px; line-height: 1; color: black;}


 .section5 .section51img img{width: 100%;}
 .section5 .mobil img{width: 100%;}


 .section5 .mobil {display: none}
 .section5 .section51img {display: block;}

 .section9 {width: 100%; background-color:#0c437b !important; padding: 20px 20px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
 .section9 img {max-width: 300px; margin-bottom: 20px;}
 .section9 h5 { font-family: 'Poppins', sans-serif !important; font-weight: 400; font-size: 28px; color: white;}
 .section9 p { font-family: 'Poppins', sans-serif !important; font-size: 20px; margin-bottom: 20px; color: white;}
 .section9 .footerLanding {display: flex; align-items: center; justify-content: center;}
 .section9 .footerLanding a {margin: 0 20px; font-family: 'Poppins', sans-serif !important; font-size: 24px; color: white;}


@media ((min-width: 1100px) and (max-width: 1500px)) {
   
     .section1 .section11 h1 { font-size: 25px; }
     .section1 .section11 h2 { font-size: 25px;}
     .section1 .section11A h2 { font-size: 28px;}
     .section1 .section12 .cronometro .cronometro1 { padding: 5px 20px;}
     .section1 .section12 .cronometro .cronometro1 h1 {font-size: 30px;} 
     .section1 .section12 .cronometro .cronometro1 p {font-size: 16px;} 
    
    
     .section2 .Section23 .section23A {margin-right: 3%;}
     .section2 .Section23 .section23A h1{ font-size: 35px; padding-left:10%;}
     .section2 .Section23 .section23A .section23A1  h2{ font-size: 30px;}
     .section2 .Section23 .section23A iframe {width: 90%;}
     .section2 .Section23 .section23B { width: 70%;}
     .section2 .Section23 .section23B .section23B1 { padding: 10px;}
     .section2 .Section23 .section23B .section23B1 h1{ font-size: 40px;}
     .section2 .Section23 .section23B .section23B1 h2{ font-size: 30px;}
     .section2 .Section23 .section23B .section23B1 .form-1{width: 90%;}
     .section2 .Section23 .section23B .section23B1 button{font-size: 20px;margin-bottom: 20px;}
     .section2 .Section23 .section23B .section23B2 img{max-width: 130px;}
     .section2 .Section23 .section23A .section23A1 {padding-left:10%;}
    

    
     .section3 {padding: 35px 0;}
     .section3 h1 {font-size: 40px;}
    
     .section4 {padding: 60px 20px;}
     .section4 .section41 h5 {font-size: 20px;}

     .section5 {margin-top: 10px;}
     .section5 .section51 {padding-left: 3%;}
     .section5 .section51 h1 {font-size: 30px;}
     .section5 .section51 h5 {font-size: 20px; }
     .section5 .section51 p {font-size: 16px;}
     .section5 .section51 ul li {font-size: 16px;}
     .section5 .section52 {top: 85%;}
     .section5 .section52 .division4 .contanedor4 { padding: 10px;width: 400px;}
     .section5 .section52 .division4 .contanedor4 .imagen52 img{width: 70%;}
     .section5 .section52 .division4 .contanedor4 .datos52 h1{font-size: 25px; padding: 0 10px; }
     .section5 .section52 .division4 .contanedor4 .datos52 h2{font-size: 16px; padding: 0 10px;}
    
    
}


/* Media Query para laptop */
@media ((min-width: 769px) and (max-width: 1100px)) {
    
     .section1 .section11 h1 { font-size: 18px; }
     .section1 .section11 h2 { font-size: 18px;}
     .section1 .section11A h2 { font-size: 20px;}
     .section1 .section11A img { width: 40px;}
     .section1 .section12 .cronometro .cronometro1 {padding: 5px 25px;}
     .section1 .section12 .cronometro .cronometro1 h1 {font-size: 25px;} 
     .section1 .section12 .cronometro .cronometro1 p {font-size: 12px;} 


    
     .section2 .imagenSection21 img {min-height: 500px;}
     .section2 .Section23 .section23A {margin-right: 2%; padding-top: 40px;}
     .section2 .Section23 .section23A h1{ font-size: 22px; padding-left:10%; line-height: 2;}
     .section2 .Section23 .section23A .section23A1  h2{ font-size: 20px;}
     .section2 .Section23 .section23A iframe {width: 90%;}
     .section2 .Section23 .section23B { width: 80%;}
     .section2 .Section23 .section23B .section23B1 { padding: 10px;}
     .section2 .Section23 .section23B .section23B1 h1{ font-size: 30px;}
     .section2 .Section23 .section23B .section23B1 h2{ font-size: 20px;}
     .section2 .Section23 .section23B .section23B1 .form-1{width: 100%;}
     .section2 .Section23 .section23B .section23B1 button{font-size: 20px;margin-bottom: 20px;}
     .section2 .Section23 .section23B .section23B2 img{max-width: 100px;}
     .section2 .Section23 .section23A .section23A1 {padding-left:10%;}

    
     .section3 {padding: 30px 0;}
     .section3 h1 {font-size: 30px;}
    
     .section4 {padding: 60px 20px;}
     .section4 .section41 h5 {font-size: 20px;}
     .section4 .section42 button{padding: 10px 20px; font-size: 30px; margin-bottom: 20px;}
     .section4 .section42 img{max-width: 200px; margin-top: 15px;}

     .section5 {margin-top: 10px;}
     .section5 .section51 {padding-left: 3%;}
     .section5 .section51 h1 {font-size: 20px;}
     .section5 .section51 h5 {font-size: 18px; }
     .section5 .section51 p {font-size: 14px;}
     .section5 .section51 ul li {font-size: 14px;}
     .section5 .section52 {top: 100%;}
     .section5 .section52 .division4 .contanedor4 { padding:5px;width: 250px;}
     .section5 .section52 .division4 .contanedor4 .imagen52 {width: 20%;}
     .section5 .section52 .division4 .contanedor4 .imagen52 img{width: 100%;}
     .section5 .section52 .division4 .contanedor4 .datos52 h1{font-size: 20px; padding: 5px; line-height: 1;}
     .section5 .section52 .division4 .contanedor4 .datos52 h2{font-size: 12px; padding: 5px; line-height: 1;}
     .section9 {margin-top: 120px;}
}


/* Media Query tablet */
@media ((min-width: 576px) and (max-width: 768px)) {
	
     .section1 {flex-direction: column;}
     .section1 .section11 { width: 100% !important;}
     .section1 .section11 h1 { font-size: 30px; margin-top: 10px !important;}
     .section1 .section12 { width: 100% !important; padding-bottom: 10px;}
     .section1 .section12 .cronometro .cronometro1 { margin: 5px 10px;}
     .section1 .section12 .cronometro .cronometro1 h1 {font-size: 30px;} 
     .section1 .section12 .cronometro .cronometro1 p {font-weight: 600;} 
     .section1 .section11 h2 { font-size: 30px;}
     .section1 .section11A h2 { font-size:30px;}
     .section1 .section11A {padding-bottom: 20px;}
     .section1 .section11A img { width: 40px;}

    
 .section2 .imagenSection21 {display: none;}
 .section2 .imagenSection22 {display: block;}
 .section2 .imagenSection22 img {width: 100%; height: 1200px;}
 .section2 .Section23 { width: 100%; display: flex; padding: 0 5%; flex-direction: column; }
 .section2 .Section23 .section23A h1{ font-size: 30px; text-align: center;}
     .section2 .Section23 .section23A .section23A1  h2{ font-size: 25px;}
     .section2 .Section23 .section23A iframe {width: 90%;}
     .section2 .Section23 .section23B { width: 80%;}
     .section2 .Section23 .section23B .section23B1 { padding: 10px;}
     .section2 .Section23 .section23B .section23B1 h1{ font-size: 30px;}
     .section2 .Section23 .section23B .section23B1 h2{ font-size: 25px;}
     .section2 .Section23 .section23B .section23B1 .form-1{width: 100%;}
     .section2 .Section23 .section23B .section23B1 button{font-size: 20px;margin-bottom: 20px;}
     .section2 .Section23 .section23B .section23B2 img{max-width: 100px;}
     .section2 .Section23 .section23A .section23A1 {padding-left:10%;} 

 .section3 { padding: 10px 0;}
 .section3 h1 {font-size: 30px;}

 .section4 {padding: 60px 20px;}
 .section4 .section41 img {width: 80%;}
 .section4 .section41 h5 {font-size: 20px;}
 .section4 .section42 {padding-top: 30px;}
 .section4 .section42 button{padding: 10px;font-size: 30px; margin-bottom: 20px; }
 .section4 .section42 img{max-width: 200px; margin-top: 20px;}


     .section5 {margin-top: 10px;}
     .section5 .section51 {padding-left: 0%; margin-bottom: 30px;}
     .section5 .section51 h1 {font-size: 24px; text-align: center;}
     .section5 .section51 h5 {font-size: 20px; }
     .section5 .section51 p {font-size: 16px;}
     .section5 .section51 ul li {font-size: 16px; margin:0 5% 0 10%;}
     .section5 .mobil {display: block;margin-bottom: 30px;}
     .section5 .section51img {display: none;}
     .section5 .section52 {top: 100%;}
     .section5 .section52 .division4 .contanedor4 { padding:5px; margin-bottom: 20px; width: 70%;}
 .section5 .section52 .division4 .contanedor4 .datos52 h1{font-size: 20px; padding: 0 20px;}
 .section5 .section52 .division4 .contanedor4 .datos52 h2{font-size: 18px; }


     .section9 {margin-top: 400px;}
 .section9 h5 { font-size: 24px;}
 .section9 p { font-size: 18px;}
 .section9 .footerLanding a { font-size: 18px;}
 .section10 .Section23 .section23A #soundButton { display: none;}



}


@media (max-width: 576px) {
		
     .section1 {flex-direction: column; padding: 20px !important;}
     .section1 .section11 { width: 100% !important; padding: 0 !important; }
     .section1 .section11 h1 { font-size: 30px; margin-top: 10px !important; text-align: center;}
     .section1 .section11A h2 { font-size: 20px;}
     .section1 .section12 { width: 100% !important; padding-bottom: 10px; display: none;}
     .section1 .section12 .cronometro .cronometro1 { margin: 5px 10px;}
     .section1 .section12 .cronometro .cronometro1 h1 {font-size: 20px;} 
     .section1 .section12 .cronometro .cronometro1 p {font-size: 14px;} 
     .section1 .section11A {padding-bottom: 20px; display: none;}
     .section1 .section11A img { width: 40px; }

 .section2 .imagenSection21 {display: none;}
  .section2 .imagenSection22 {display: block;}
  .section2 .imagenSection22 img {width: 100%; height: 1000px;}
  .section2 .Section23 { width: 100%; display: flex; padding: 0%; flex-direction: column; }
  .section2 .Section23 .section23A h1{ font-size: 30px; text-align: center; border-radius: 20px; padding-left: 0;}
  .section2 .Section23 .section23A{margin-right: 0;}
 .section2 .Section23 .section23A .section23A1{ padding-left: 0% !important; padding-bottom: 20px;}
     .section2 .Section23 .section23A .section23A1  h2{ font-size: 25px;}
     .section2 .Section23 .section23A .section23A1  h2{ font-size: 25px;}
     .section2 .Section23 .section23A .section23A1  button{ display: none;}
      .section2 .Section23 .section23A iframe {width: 100%;}
      .section2 .Section23 .section23B { width: 90%;margin-left: 0%;}
          .section2 .Section23 .section23B .section23B1 { padding: 10px;}
      .section2 .Section23 .section23B .section23B1 h1{ font-size: 30px;}
     .section2 .Section23 .section23B .section23B1 h2{ font-size: 25px;}
     .section2 .Section23 .section23B .section23B1 .form-1{width: 100%;}
     .section2 .Section23 .section23B .section23B1 button{font-size: 16px;margin-bottom: 20px;}
      .section2 .Section23 .section23B .section23B2 img{max-width: 100px;}

      .section2 .Section23 .section23B .section23B1 .small-padding-collapse { display: flex !important;}

 .section3 { padding: 10px 0;}
 .section3 h1 {font-size: 20px;}

 .section4 {padding: 60px 20px;}
 .section4 .section41 img {width: 80%;}
 .section4 .section41 h5 {font-size: 15px;}
 .section4 .section42 {padding-top: 30px;}
 .section4 .section42 button{padding: 10px;font-size: 20px; margin-bottom: 20px; }
 .section4 .section42 img{max-width: 120px; margin-top: 20px;}
 .section4 .section42 .section42A { margin: 10px 0;}

 .section5 {margin-top: 10px; padding: 0 10px;}
 .section5 .section51 {padding-left: 0%; margin-bottom: 30px;}
 .section5 .section51 h1 {font-size: 24px; text-align: center;}
 .section5 .section51 h5 {font-size: 20px; text-align: center !important;}
 .section5 .section51 p {font-size: 16px;text-align: center !important;}
 .section5 .section51 ul li {font-size: 16px; margin:0 5% 0 10%;}
 .section5 .mobil {display: block; margin-bottom: 30px;}
.section5 .section51img {display: none;}
 .section5 .section52 {top: 100%;}
 .section5 .section52 .division4 .contanedor4 { padding:5px; margin-bottom: 20px; width: 90%;}
 .section5 .section52 .division4 .contanedor4 .datos52 h1{font-size: 20px; padding: 0 20px;}
 .section5 .section52 .division4 .contanedor4 .datos52 h2{font-size: 16px; }
 .section5 .section52 .division4 .contanedor4 .imagen52 {width: 20%;}
     .section5 .section52 .division4 .contanedor4 .imagen52 img{width: 100%;}

 .section9 {margin-top: 350px !important;}
 .section9 h5 { font-size: 20px; text-align: center;}
 .section9 p { font-size: 16px;}
 .section9 .footerLanding {flex-direction: column;}
 .section9 .footerLanding a { font-size: 16px;}


}