.asistenciaGde{
        width:100%;
        display:flex;
        padding:95px 20px;
        justify-content:center;
        align-items:center;
        /*åbackground-color:purple;*/
      }
      
      .asistenciaGde .content{
        width:100%;
        display:flex;
        max-width:1214px;
        /*background-color:beige;*/
        gap:33px;
        justify-content:space-between;
      }
      
      .asistenciaGde .parrafo{
        display:flex;
        flex-direction:column;
        width:100%;
        max-width:455px;
        padding-top:68px;
        gap:34px;
        /*background-color:green;*/
      }
      
      .asistenciaGde  .title{
         font-family: "Playfair Display", serif;
         font-weight: 400;
         font-style: italic;
         font-size:44.97px;
         line-height:49.7px;
      }
      
      .asistenciaGde .text{
        font-family: "Cardo", serif;
        font-weight: 400;
        font-style: normal;
        font-size:19px;
        line-height:23px;
      }
      
      .asistenciaGde .formato{
        display:flex;
        width:100%;
        max-width:676px;
        padding:56px 55px;
        background-color:white;
      }
      
      
      
      
      
      
      
      
      
      
      
      
.form-container{
    width:100%;
    /*background-color:pink;*/
    font-family: "Cardo", serif;
    font-weight: 400;
    font-style: normal;
    font-size:19px;
    line-height:23px;
}

.field{
    display:flex;
    flex-direction:column;
    margin-bottom:30px;
}

.row{
    display:flex;
    gap:40px;
    /*background-color:green;*/
}

.row .field{
    flex:1;
}
  
  
  @media(max-width:700px){
    .row{
      flex-direction:column;
      gap:0;
    }
    
    .field{
      margin-bottom:25px;  
    }
    
    .field.asistencia{
      margin-bottom:20px;
    }

    .asistenciaGde .formato{
      padding: 50px 25px;
    }
  }
  
  

label{
    font-size:18px;
    margin-bottom:10px;
    font-family: "Cardo", serif;
    font-weight: 400;
    font-style: normal;
    font-size:19px;
    line-height:20px;
}

input, textarea{
    width:100%;
    padding:12px;
    border:1px solid #ddd;
    background:#F9F9F9;
    font-size:16px;
    box-sizing:border-box;
    font-family: "Cardo", serif;
    font-weight: 400;
    font-style: normal;
    font-size:19px;
    line-height:20px;
}

textarea{
    height:120px;
    resize:none;
    font-family: "Cardo", serif;
    font-weight: 400;
    font-style: normal;
    font-size:19px;
    line-height:20px;
}

.radio-group{
    display:flex;
    gap:20px;
}

button{
    margin-top:10px;
    padding:14px 40px;
    background:#656970;
    color:white;
    border:none;
    font-size:18px;
    cursor:pointer;
    font-family: "Cardo", serif;
    font-weight: 600;
    font-style: normal;
    font-size:19px;
    line-height:20px;
}

/* MODAL */

.modal{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.4);
    display:flex;
    justify-content:center;
    align-items:center;
    opacity:0;
    pointer-events:none;
    transition:0.3s;
    font-family: "Cardo", serif;
    font-weight: 400;
    font-style: normal;
    font-size:19px;
    line-height:20px;
}

.modal.show{
    opacity:1;
    pointer-events:auto;
    font-family: "Cardo", serif;
    font-weight: 400;
    font-style: normal;
    font-size:19px;
    line-height:20px;
}

.modal-box{
    background:white;
    padding:30px;
    width:320px;
    text-align:center;
    border-radius:4px;
    font-family: "Cardo", serif;
    font-weight: 400;
    font-style: normal;
    font-size:19px;
    line-height:20px;
}

.modal-button{
    margin-top:20px;
    padding:10px 30px;
    background:#5a5d61;
    color:white;
    border:none;
    cursor:pointer;
    font-family: "Cardo", serif;
    font-weight: 600;
    font-style: normal;
    font-size:19px;
    line-height:20px;
}
  
  .special{
    display:flex;
    flex-direction:row;
    width:fit-content;
    align-items:center;
    white-space: nowrap;
    gap:10px;
    font-family: "Cardo", serif;
    font-weight: 400;
    font-style: normal;
    font-size:19px;
    line-height:20px;
  }
      
      
      
      
      @media(max-width:1000px){
        
        .asistenciaGde .content{
          flex-direction:column;
          align-items:center;
        }
        
        .asistenciaGde .parrafo{
          text-align:center;
          padding-top:0;
        }
        
        .asistenciaGde br{
          display:none;
        }
        
      }