@media screen and (max-width:1200px){
    body{
        font-size:15px;
       }
       .header{
        height: 50px;
       }
    .principioInfoItem{
        margin-right:var(--esp16);
    }
    .principioInfoItem--Last{
        margin-right: 0;
    }
    .presentacion{
        margin-top:50px;}
    .casos{
        padding-top: var(--esp32);
        height:100%;
    }
    .casos-exito::after{
        left:38%;
        margin-left: 3em;}
    .infoEmpresa{
        width: 40%;
        padding:0 var(--esp32) ;
        margin-left:var(--esp16);
        margin-bottom: var(--esp40);
        }
    .aplicacion img{
        width: 78%;
        margin:0 140px;
        }
    .coheteAuctus{
        display:block;
        width: 320px;
        }
        /* .boton-secundario-video{
            margin-left:89%;   
        } */
}
@media screen and (max-width:992px){
    
    .hero img{
     max-width: 440px;
     }
    .parrH1{max-width: 100%;}
    .casos-exito::after{
        left:35%;
        margin-left: 3em;
    }
    .infoEmpresa{
        width: 37%;
        padding:var(--esp8);
        margin-left:var(--esp16);
        margin-bottom: var(--esp32);
    }
    .aplicacion{
        padding:var(--esp16)  var(--esp72) ;
    }
    .aplicacion img{
        width: 90%;
        margin:var(--esp40) var(--esp80);
    }
    .clientesLogos{
        justify-content: space-between;}
    
    .clientesLogos__size{
        height:38px;
        }  
    .coheteItem{
            width: 98px;
        } 
        
    .imgPerspnajes{
            width: 420px;
        }
        /* .boton-secundario-video{
            margin-left:87%;   
        } */
 }
 @media screen and (max-width:768px){
    .hero img{
        max-width: 300px;
        }
    .textHero h1{
        font-size:38px;
    }
    .textHero p{
        font-size: 15px;
    }
    .principioInfoItem{
        margin:0 var(--esp24) 0 0;
    }
    .principioInfoItem--Last{
        margin-right: 0;
    }
    .casos-exito::after{
        left:42%;
        margin-left: 2em;}
    .infoEmpresa{
        width: 42%;
        padding:var(--esp8);
        margin-left:var(--esp16);
    }
    .cohetesProgramas{
        padding: var(--esp40);
    }
    .coheteAuctus{
        display: none;
    }
   .aplicacion img{
        width: 90%;
        margin:var(--esp40) var(--esp72);
    }
   .imgPerspnajes{
    width: 380px;
   }
   .clientes{
    display: none;}
   .principios,.clientes,.contactanos,.tecnologia{
    padding:var(--esp40) 0;}
    .clientesLogos{justify-content: space-between;}
    .clientesLogos__size{
       height:65px;
       margin-bottom: var(--esp32);}
       /* .boton-secundario-video{
        margin-left:40%;  
    } */
}

 @media screen and (max-width:576px){
    .textHero{
        padding: var(--esp72) 0;
    }
    .hero img{
       display: none;
        }
    .principioInfoItem{margin:0;}
    .principioInfoItem--Last{margin-right: 0;}
    .principioInfoItem--Last p:first-child{padding-top: var(--esp24);}
    .principiosInfo{flex-direction: column;}
    .cohetesParrafo{
        width:100%;
        padding:var(--esp16);
    }
    .coheteItem{width: 80px;}

    .coheteAuctus,.tecnologiaTituloImg,.casos{
        display: none;
    }
    .metodologias,.cohetes,.personajes,footer{
        padding:var(--esp32) 0;
    }
    .personajesInfo{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .personajesInfo img{
        text-align: center;
    }
    .personajesInfo p{
        text-align: center;
        width: 100%;
    }
    .imgPerspnajes{
        margin-bottom: var(--esp32);
    }
    .clientesLogos__size:nth-last-child(4){
        display: none;
    }
    .metodologiasInfo{
        flex-direction: column;
    }
    .metodologiasInfo img{
        width: 60%;
    }
    .tecnologiaInfo{
        text-align: center;
    }
    .LogoProgTitulo{
        align-items: center;
        justify-content: center;
    }
    .logotipo{
        height: 20px;
    }
    .logotipo img{
        height: 100%;
    }
    .listaheaderNav{
        padding-top:var(--esp16);
        padding-left: var(--esp16);}

    .listaFooterNav{padding-left: var(--esp16);}
    
    .form-control--numero{
        padding: 0 var(--esp8);
    }
    .cohetesProgramas{
        padding: var(--esp32);
    }
    p.parrafo{
        width: 98%;
    }
    /* .boton-secundario-video{
        margin-left:35%; }  */
   }
   

   @media screen and (max-width:425px){
    h1{
        font-size: 38px;
    }
    .itemIcono{
        display: none;
    }
    .cohetesProgramas{
        padding:var(--esp32) 0;
    }
    .coheteItem{
        width: 64px;
    }
    .listaheaderNav{
        align-items: flex-end;
    }
    ul.listaheaderNav{
        width: 90px;
        padding-left: 0;
    }
    .listaFooterNav{
        margin-top:var(--esp16);
        align-items: flex-end;
        flex-direction: column;
    }
    .itemTextFooter{
        display: none;
    }
   
    .parrafo{
        width: 100%
    }
    .cohetesTextGrupo p{
        width: 102%;
    }
    .personajesInfo img{
        text-align: center;
    }
    .personajesInfo p{
        text-align: center;
        width: 100%;
    }
    /* .boton-secundario-video{
        margin-left:30%; }  */
}
@media screen and (max-width:375px){
    .cohetesProgramas{
        width: 80%;
        margin:0 auto;
    }
    .coheteItem{
        width: 56px;
    }
    .form-control{
        padding:0 var(--esp8) ;
    }
    .form-control--numero{
        padding-left:4px;
    }
    .form-control--telefono{
        padding:0 var(--esp8);
    }
    .cohetesTextGrupo p{
        max-width: 100%;
    }
    /* .cohetesTextGrupo p{
        width: 102%;
    } */
}

@media screen and (max-width:320px){
    .cohetesProgramas{
        width: 100%;
    }
    .coheteItem{
        width: 40px;
    }
    .imgPerspnajes{
        width: 80%;
       }
    .listaFooterNav a{
        width: 30px;
    }
    .logotipo{
        height: 18px;
    }
    .logotipo img{
        height: 100%;
    }
    .form-control{
        padding:2px
    }
    .form-control--numero{
       width: 150px;
    }
    .cohetesTextGrupo p{
        max-width: 105%;
    }
    .personajesInfo img{
        width: 90%;
        text-align: center;
    }
    .personajesInfo p{
        text-align: center;
        width: 100%;
    }
    
}