.modalForm {

    display: none;

    position: fixed;

    z-index: 1;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: auto;

    background-color: rgba(0, 0, 0, 0.5);

  }

  

  .modal-contentForm {

    display: flex;    

    background-color: #fefefe;

    margin: 15% auto;

    padding: 20px;

    border: 1px solid #888;

    width: 60%;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  }



  .modal-contentForm img{

    width: 500px;



  }



  .contactoForm{

    text-align: center;

    display: flex;

    flex-direction: column;

    margin: 10px auto;   

    width: 40%;

    justify-content: center; 

    

       

  }



  .contact-input {

    margin-bottom: 20px;

    padding: 15px;

    background-color: antiquewhite;

    border: darkgray;   

    border-radius: 3px;

  }



  .contactoButton {

    width: 50%;

    background-color: var(--text-color-hover);

    color: var(--text-color-inverse);

    font-weight: 500;

    padding: 10px;

    margin: 10px auto;

    border-radius: 5px;

    cursor: pointer;

  }



  .solicitud-serv{

    text-align: left;    

  }



  .solicitud-serv h4{

    margin: 0;

    padding: 0.7em 0;

  }

  

  .solicitud-serv .download-link{

    font-size: 14px;

    text-transform: capitalize;      

    color: var(--primary-color);

    font-weight: 550;      

    text-decoration: none; /* Sin subrayado */  

    line-height: 1.8;     

  }



  .solicitud-serv .download-link:hover{

       color: var(--text-color-hover);

  }



  .close {

    color: #aaa;

    float: right;

    font-size: 28px;

    font-weight: bold;

  }

  

  .close:hover,

  .close:focus {

    color: black;

    text-decoration: none;

    cursor: pointer;

  }



  @media(max-width:1080px){

    .modal-contentForm img{

     display: none;

    }



    .modal-contentForm {

      display: block;    

      background-color: #fefefe;

      margin: 15px auto;

      padding: 20px;

      border: 1px solid #888;

      

      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

    }



    .contactoForm{

      text-align: center;

      display: flex;

      flex-direction: column;

      margin: 10px auto;   

      width: 80%;

      justify-content: center;       

         

    }



    .contactoForm h2{

      font-size: 18px;

      padding: 1em 0.1em;

    }



    .contact-input {

     

      padding: 10px;      

      font-size: 14px;

    }



    .contactoButton {

      width: 60%; 

      font-size: 16px;

      font-weight: 400;

      

    }

  }