/* Base styles */
label {
    display: block;
    font-weight: normal;
    text-align: left;
  }

  html, body {  
    margin:0px;  
    height:100%;  
  } 
  
  

  input[type="text"],
  input[type="number"],
  input[type="email"],
  textarea {
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
    height: 40px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 16px;
  }
  
  textarea {
    height: 200px;
  }
  
  /* Flex container */
  .flex-container {
      display:flex;
      flex-direction: row;
      gap:10px;
  }
  
  .contact--info{
    margin-top: 15px;
  }
  .flex-item {
      width:100%;
  }
  

  /* Button */
  .btn-submit {
      background-color:black ;
      color:white ;
      border:none ;
      border-radius :25px ;
      border-top-right-radius :10px ;
      padding :10px   20px ;
      font-size :1.2rem ;
      cursor:pointer ;
      box-shadow :0px   5px   rgba(0 ,0 ,0 ,0.25) ;
      transition :background-color   ease ;
      font-weight:bold ;
      margin-top: 10px;
  }
  
  .btn-submit:hover{
       background-color:#333333
  }
  
  .politica_datos--form{
    font-size:14px; color:white;
    
  }
  
  /* Contact info */
  .contact-info{
       height :800px
  }
  
  
  /* Flexbox */
  .flexbox{
       display:flex ;
       flex-direction :row ;
       width :100% ;
       text-align: left;
       justify-content :space-between
  }
  
  .flexbox label{
       font-size :14px
  }
  
  
  label{
       font-family :'lane_-_narrowregular'
  }
  
  .transparente .logo_contacto img {
     filter: invert(1);
 }
   @media only screen and (min-width: 640px) 
{
/**DEsktop**/
     .logo_contacto {
          /* float: left; */
        }
        .logo_contacto img {
          width: 12%;
        }
     
}

@media only screen and (max-width: 640px) 
{
     
        .logo_contacto img {
          width: 20%;
        }

        .pag-contacto{
          width: 100%;
          height: auto;
        }

        .modal_confirmacion {
          position: fixed;
          bottom: 0;
          left: 0;
          right: 0;
         
          position: fixed;
          width: 100%;
          z-index: 9998;
          top: 63%;
          left: 53%;
          transform: translate(-50%, -50%);
          padding: 0px;
        }
      
        .modal-content--contacto {
          background-color: #fefefe;
          margin: 15% auto;
          padding: 20px;
          border: 1px solid #888;
          width: 350px;
          height: 150px;
          border-radius: 20px;
          color: #333333;
          display: flex;
          justify-content: center;
          align-items: center;
          text-align: center;
        }
     
}
  @media screen and (orientation :portrait) and (max-aspect-ratio :1/1){
  
  .contact-info{
  flex-direction :column-reverse ; 
  height :fit-content 
  }
  .column-contact-1{width: 90%; }
  .column-contact-2{width: 90%; margin-top:150px; }
  
 
  
  }

  @media only screen and (min-width: 724px) {
    .menuburguer {
       display: none !important;  
    }
  }
  @media only screen and (max-width: 920px) {

    

    /* .menuburguer {
      display: none;
    } */
    .menuburguer {
      /* display: none;  */
    }

    .logo_contacto img {
      width: 20%;
    }

    .menuburguer.active {
      opacity: 1;
      pointer-events: all;
    }
    .menu-hamburguer.active {
      filter: invert(0);
    }
    /* .header {
      display: block;
    } */
    
    .flex-container{ display:flex; flex-direction: column; height:100%;}
    .pag-contacto{
      width: 100%;
      height: auto;
    }

    .contact-info{
      flex-direction :column-reverse ; 
      height :fit-content 
      }

    .columna-contacto-2 {
      text-align: center;
      padding: 33px 30px 40px 30px;
      border-radius: 25px;
      background: #475ab8;
      width: 90%;
      max-width: 500px;
      margin-top: 20%;
  }
  .info-contacto {
    color: white;
    font-weight: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
  }

   
  }
  @media (min-width: 920px) and (max-width: 1140px){

    .modal_confirmacion {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
     
      position: fixed;
      width: 100%;
      z-index: 9998;
      top: 29%;
      left: 14%;
      transform: translate(-50%, -50%);
      padding: 0px;
    }
  
    .modal-content--contacto {
      background-color: #fefefe;
      margin: 15% auto;
      padding: 20px;
      border: 1px solid #888;
      width: 450px;
      height: 150px;
      border-radius: 20px;
      color: #333333;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
    }
    .menuburguer {
      display: none;
    }

    

    .info-contacto {
      color: white;
      font-weight: 100;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: row;
      height: 100%;
    }
    .pag-contacto{
      width: 100%;
      height: max-content;
      padding: 0px 0px 20px 0;
    }
  
  }

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

    .menuburguer {
      display: none;
    }

    .pag-contacto{
      width: 100%;
      height: max-content;
      padding: 0px 0px 20px 0;
    }

    .modal_confirmacion {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
     
      position: fixed;
      width: 100%;
      z-index: 9998;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding: 0px;
    }
  
    .modal-content--contacto {
      background-color: #fefefe;
      margin: 15% auto;
      padding: 20px;
      border: 1px solid #888;
      width: 450px;
      height: 150px;
      border-radius: 20px;
      color: #333333;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
    }

  }
  
  form input:focus:valid{border:2px dashed blue; }
  
  input:required:focus:invalid{border:2px solid red; }
  
  input:required:valid{border: 2px solid green; }
  
  textarea:required:valid{border: 2px solid green;}