html{
    scroll-behavior: smooth;
}


.flex-container{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}




.btn-whatsapp {
    position: fixed;
    left: 0;
    top: 90%;
    transform: translateY(-50%);
    z-index: 9999;
    /* opcional */
    padding-left: 4px;
}

.btn-whatsapp img {
    display: block;
    max-width: 150px; /* ajusta tamaño del ícono */
    height: auto;
}


 /*           .modal {
  z-index: 2000!important;
}*/
 .swal2-container {
  z-index: 10000;
  position: fixed;
}

.modal-dialog {
   /* position: fixed!important;
    margin: auto!important;*/
    /*width: 600px!important;*/
  
    /*left: 0px;*/
}
.modal-content {
    height: 40%;
    padding: 10px 20px!important;
}






 input[type="text"] {
      padding: 8px 12px; /* Espaciado interno para el texto */
      border: 1px solid #ccc; /* Borde del campo */
       border-radius: 6px!important; /* Bordes redondeados */
      font-size: 16px; /* Tamaño de fuente */
      background-color: white!important;
    }


    input[type="submit"] {
   
      border: 1px solid #ccc; /* Borde del campo */
      border-radius: 6px!important; /* Bordes redondeados */
      font-size: 16px; /* Tamaño de fuente */
      background-color: white!important;
    }

      input[type="email"] {
   
      border: 1px solid #ccc; /* Borde del campo */
      border-radius: 6px!important; /* Bordes redondeados */
      font-size: 16px; /* Tamaño de fuente */
      background-color: white!important;
    }

        .form-select{
             border-radius: 6px!important; /* Bordes redondeados */
    border-color: #white!important;
    outline: 0!important;
    box-shadow: none!important;
}

.rounde{
      border-radius: 20px!important; /* Bordes redondeados */
}

    #bg-blu{
background-color: #1493ff!important;
 
}




.bg-blackx {
    background: rgba(9, 30, 62, 1);
}

.modal-footer {
    margin-bottom: 0; /* Eliminar el margen inferior */
    display: flex;
    align-items: flex-start; /* Ajustar a la parte superior */
}

.btn {
    margin-bottom: 0; /* Eliminar el margen inferior del botón */
}



.boxx .logo{ /* TAMAÑO EN LAP */
    width: 12rem!important;
    height: 5rem!important;
    
}



.boxx{
    display: flex!important;
    justify-content: space-around!important;
    align-items: center!important;

}

.boxx .telefono {
        font-size: 2.6em!important;
         margin-top: 0.5em!important;
    }



@media (min-width: 320px) and (max-width: 480px) {
  
 .boxx .telefono {
        font-size: 1.5em!important;
         
    }


.boxx .logo{ /* TAMAÑO EN LAP */
    width: 2rem!important;
    height: 1rem!important;
    
}

.certificado{
    width: 13rem!important;
    margin-bottom: 2rem!important;
}
 
}