@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");

.section-contact{
    width: 100%;
    height: auto;
    padding: 30px 0px;
}

.contenido-contact{
    width: 100%;
    height: auto;
    padding: 10px;
   
}

.content-form{
    width: 100%;
    height: auto;
    padding: 40px 5px;
    background-color: #fafafa;
}

.subcont-form{
    width: 90%;
    height: auto;
    margin: auto;
}

.subcont-form h5{
    margin-bottom: 20px;
}

.fila-form{
    width: 100%;
    height: auto;
    margin-top: 20px;
}

#form1{display: none;}
#form2{display: none;}
#form3{display: none;}
#form4{display: none;}
#form5{display: none;}
#form6{display: none;}

.contmodal-envio{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.185);

    display: none;
    justify-content: center;
    align-items: center;
}

.activemodal-send{
    display: flex;
}

.modal-envio{
    width: 90%;
    height: auto;
    background-color: white;
    border-top: 10px solid var(--colorPrimario);
    border-radius: 10px;
    padding: 10px 0px;
}

.closeModal{
    width: 100%;
    height: auto;
    /* padding: 20px 0px; */
    display: flex;
    justify-content:  flex-end;
}

.closeModal i{
    font-size: 2rem;
    margin-right: 20px;
    cursor: pointer;
}

.bodyModal{
    width: 100%;
    height: auto;
    padding: 30px 10px;
}

.icon-modal{
    width: 150px;
    height: 150px;
    margin: auto;
    display: block;
}


/* Media Querie phone Landscape */
@media screen and (min-width:576px){

}


/* Media Querie Tablet */
@media screen and (min-width:768px){
  
     /* ----------------------------- */

   .section-contact{
    padding: 50px 0px;
    /* border: 1px solid rgba(128, 128, 128, 0.178); */
    margin: 10px auto;
   }

   .form1{
     width: 100%;
   }

   .modal-envio{
    width: 70%;
   }


   .icon-modal{
     width: 200px;
     height: 130px;
   }
  
}

/* Media Querie Tablet-desktop */
@media screen and (min-width:992px){
  
}

/* Media Querie desktop */
@media screen and (min-width:1200px){
  .modal-envio{
    width: 600px;
    height: 400px;
  }
}

/* Media Querie desktop large*/
@media screen and (min-width:1366px){
   
}


@media screen and (min-width:1920px){
  
  

}

@media screen and (min-width:2560px){

  
  
  

}