/* Título del popup */

.diana-font-h1-l {
    font-size: 52px !important;
    line-height: 58px !important;
    font-family: ESKlarheitKurrent-Book !important;
  }
  .diana-font-h1-m{
    font-size: 36px !important;
    line-height: 40px !important;
    font-family: ESKlarheitKurrent-Book !important;
  }
  .diana-font-h1-s {
    font-size: 24px !important;
    line-height: 30px !important;
    font-family: ESKlarheitKurrent-Book !important;
  }
  
  
  .diana-font-h2-l {
    font-size: 20px !important;
    line-height: 24px !important;
    font-family: ESKlarheitKurrent-Book !important;
  
  }
  
  .diana-font-h2-m {
    font-size: 18px !important;
    line-height: 22px !important;
    font-family: ESKlarheitKurrent-Book !important;
  
  }
  
  .diana-font-h2-s {
    font-size: 15px !important;
    line-height: 18px !important;
    font-family: ESKlarheitKurrent-Book !important;
  }
  
  .font-p,
  .diana-font-p {
    font-size: 15px !important;
    line-height: 18px !important;
    font-family: ESKlarheitKurrent-Book !important;
  }
  
  .diana-font-small,
  .diana-font-legal{
    font-size: 12px !important;
    line-height: 16px !important;
    font-family: ESKlarheitKurrent-Book !important;
  }
  
  @media (max-width: 768px) {
    
    .diana-font-h1-l {
      font-size: 30px !important;
      line-height: 36px !important;
    }
    .diana-font-h1-m{
      font-size: 26px !important;
      line-height: 30px !important;
    }
    .diana-font-h1-s {
      font-size: 24px !important;
      line-height: 30px !important;
    }
    
    
    .diana-font-h2-l {
      font-size: 20px !important;
      line-height: 24px !important;
    
    }
    
    .diana-font-h2-m {
      font-size: 18px  !important;
      line-height: 22px !important;
    
    }
    
    .diana-font-h2-s {
      font-size: 15px  !important;
      line-height: 18px !important;
    }
    
    .font-p,
    .diana-font-p {
      font-size: 15px !important;
      line-height: 20px !important;
    }
    
    .diana-font-small,
    .diana-font-legal{
      font-size: 12px !important;
      line-height: 16px !important;
    }
  
  
  }
  
  .diana-button-black{
    background-color: #2b2b2b;
    color: #fff;
    border: 1px solid #2b2b2b;
    border-radius: 4px;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
  }
  

  .diana-button-black:hover{
    background-color: #fff;
    color: #2b2b2b !important;
    border: 1px solid #2b2b2b;
  
  }

  
  .diana-button-light{
    background-color: #fff;
    color: #2b2b2b;
    border: 1px solid #2b2b2b;
    border-radius: 4px;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
  }
  
  .diana-button-light:hover{
    background-color: #2b2b2b;
    color: #fff !important;
    border: 1px solid #fff;
  
  }
  
  .diana-button-outline{
    background-color: #2b2b2b;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
  }
  
  .diana-button-outline:hover{
    background-color: #fff;
    color: #2b2b2b;
    border: 1px solid #2b2b2b;
  }
  
  .diana-button-sm{
    padding: 4px 4px;
  }