*{
    margin: 0px;
    
}

a{
    color: #e6e0e0;
    text-decoration: none;
    font-weight: 500;
    font-size: 30px;
}
.navbar{
    font-size: 1px ;
    font-family:'Ablation';
    padding: center;
    background-color:#3caaad;
    display: flex;
    justify-content: space-between;
    flex-direction: row;


}
.nav-link{
    color:#5023a5 ;
    font-size:25px ;
    font-family: 'Ablation';
    
    font-weight: 900;
    --bs-nav-link-hover-color: #FFEEDB;
    


}
.prgf{
    font-family: 'Gruppo';
    font-weight: 550;
    color: #252b37;
    background-color: #FFEEDB;
    font-size: 20px;
}

.navbar-brand:hover{
    background-color: #FFEEDB;
    border-radius: 12px;
    padding: 3px 3px;
}
.navbar-brand{
    color: #0f1185;
    font-size: 50PX;
    font-weight: 600;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #495867; }
.DESING{
        font-family: 'Ablation';
        background-color:#415137;
        color:#FFEEDB;
        height: 600px;
        background-image:url(assets/taller.jpg);
        background-size: cover;
        background-position: center;
        background-blend-mode: hard-light;
        
}
.titulo{
    font-family:  'Ablation';
    font-size: 4em;
    color:#ffffff;
    font-weight: 900;
    
}
.titulo2{
    font-family:  'Ablation';
    font-size: 23px;
    font-weight: 900;
    color:#050501;
    background-image: url(img/generated-image-f018ef70-adb4-466c-a565-d30c919c050f.jpg);
    background-size: 100%;
    background-position:initial;
    background-origin:padding-box;   
 }
h2,h3{
    font-family: 'Gruppo';
    font-size: 55px;
    font-weight: 550;
    
}
.btn{
    font-family: 'Ablation' ;
    font-weight: 1200;
    color: #495867;
}
.cta-button {
    display: inline-block; /* Permite controlar el tamaño y los márgenes */
    padding: 15px 30px; /* Espacio interno del botón */
    background-color: #004d99; /* Color de fondo azul oscuro, que transmite confianza */
    color: #ffffff; /* Color de texto blanco */
    font-size: 18px; /* Tamaño de la letra */
    font-weight: bold; /* Letra en negrita */
    text-align: center; /* Centra el texto */
    text-decoration: none; /* Elimina el subrayado por defecto de los enlaces */
    border-radius: 8px; /* Bordes redondeados para un toque moderno */
    border: none; /* Elimina el borde */
    cursor: pointer; /* Cambia el cursor para indicar que es clicable */
    transition: background-color 0.3s ease; /* Transición suave al pasar el ratón */
}

/* Efecto al pasar el ratón por encima (hover) */
.cta-button:hover {
    background-color: #003366; /* Un azul un poco más oscuro para dar feedback visual */
}
body{
  font-family: "Ablation";
  background-color:#E6E8E6;
}
.initia:hover{
    background-color: #3caaad;
    transition: 0.7s;
    text-shadow: #a7b39b;
    
}
.initia{
    display: flex;
    justify-content: center;
    font-family: "Ablation";
    background-color: #003366;
    border-radius: 15px 45px;
    padding: 10px 50px;
    margin: 3px 100px;
}

.subtite{
   align-content: center;
   font-family: 'Ablation', sans-serif;
}

.listdevice{
   overflow-x: scroll;
   padding-top: 1rem;
   padding-bottom: 1rem;
}
.devicecontainer{
   display: flex;
   justify-content: center;
   width: 300px;
   flex-shrink: 0;
   margin-right: 1rem;
}
.responsive.iframe{
   position: relative;
   padding: 56,25%;
}
.responsive.iframe iframe{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   
}
.sty_a{
   color: #a7b39b;
   font-size: 20px;
   
   padding: 12px;
   background-color:#252b37;
   font-family: 'Ablation';
   margin: 12px;
   display:flex;
   justify-content: center;
}

.stysmm{
   width: 100%;
   height: 100%;
   background-color: #a7b39b;
   padding: auto;
   color: #030303;

}

.bkltt{
   color: #030303;
   font-family: 'Quicksand';
   font-size: 18px;
   font-weight: 900;
   text-align: center;
}
.carousel-item {
   position:frelative;
   display: none;
   float: left;
   width: 100%;
   margin-right: -100%;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   transition: transform .6s ease-in-out;
}
.solo,h4,h5{
    align-content: center;
    font-family: 'Gruppo';
}
.velo{
    padding: 10px 20px;
    font-weight: 500;
    font-family: "Comfortaa";
    color: #aaafbb;
    background-image: url(img-product/5.png);
}
.divo{
    background-image: url(img-product/5.png);
    color: #E6E8E6;
    margin: 30px 0px;
    box-sizing: border-box;
    padding: 100px 40px;
    display: flex;
    justify-content: space-around;
    font-weight: 900;
    border-radius: 0%;
    flex-direction: column;
}
.serv{
    font-size: 20px;
    font-weight: 600;
    color: #004d99;
    margin: 30px 45px;
}

.col{
    display: flex;
    justify-content: center;
    padding: 30px 25px;
    border: #0f1185;
    margin: 10px 50px;
}
.row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: initial;
}
.card{
    padding: 30px 40px;
    height: 100%;
    width: 100%;
}
.card-title{
    min-height: 2.7rem;
    display: flex;
    justify-content: center; 
   
}

.card-text{
   min-height: 10rem;
}
.btncnt:hover{
    background-color: #3caaad;
    transition: 0.8s;
    color: transparent;
}
.btncnt{
    border-radius: 10px 30px;
    border-color: #003366;
    background-color: #004d99;
}