.hablamos2 {
    margin-right: 20px;
    margin-left: auto;
    position: relative; 
    width: 150px;
    height: 56px; 
    top:-500px;
    z-index: 9;
}

.imagen-hablamos {
    background-image: url("/documents/20122/17483818/hablamos.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 150px;
    height: 56px; 
    position: absolute; 
    top: 0; 
    cursor: pointer;
    
}
.imagen-hablamos2 {
    background-image: url("/documents/20122/17483818/hablamos2.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 217px;
    height: 80px; 
    position: absolute; 
    top: 0; 
    left: 0;
    cursor: pointer;
}
#modal-hablamos .modal-content{
    height: 80px;
    margin: 0;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
}

#modal-hablamos .modal-body{
    display: flex;
    flex-direction: row;
    overflow-y: hidden;
}

.hablamos2-modal{
    width: 100%;
    display: flex;
    flex-direction: row;

    height: 100%;
}
#modal-hablamos .text-container{
    display: flex;
    flex-direction: column;
    margin-left: 250px;
    margin-right: 0px;
}

#modal-hablamos .text-container .modal-titulo{
    color:  #2C2C2C;
    font-family: 'IberPangeaText-Regular';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    width: 442px;
    padding:0;
}

#modal-hablamos .text-container .modal-parrafo{
    color: #2C2C2C;
    font-family: "IberPangeaText-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    padding:0;
}

#modal-hablamos .btn-llamanos{
    width: 256px;
    height: 56px;
    background-color: #2F6852;
    border-radius: 100px;
    margin-right: 10px;
     margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    
    color:  #FFFAF6;
    text-align: center;
    font-family: "IberPangea-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    cursor: pointer;
}


/*Modal 2 */


   #modalHablamos2 .modal-dialog {
       margin:0;
       padding:0;
    }

  #modalHablamos2 .modal-content .modal-body{
         padding-top:0;
         padding-bottom:30px
     }
    

     #modalHablamos2 .modal-content .modal-body h1.text-center{
         width:100%;
         font-size: 24px;
         line-height: 32px;
         font-family: 'IberPangea-Regular';
         font-weight: 600;
         color: #2c2c2c;
     }

    #modalHablamos2 .modal-content .modal-body p{
        line-height: 18px;
        color: #2c2c2c;
        text-align: left;
        font-family: 'IberPangeaText-Regular';
        font-weight: 500;
        }

    #modalHablamos2 .container .text-center+p{
        text-align: center !important;
    }
    #modalHablamos2 .modal-content .modal-body .content-cmb #button-content .wcom-button {
        background-color: #2F6852;
        color:#FFFAF6;
        font-weight:600;
        text-transform: lowercase;
        margin: -20px 0 0 0 !important;
    }
    #modalHablamos2 .tlf{
        color:#2F6852;
        display: inline;
    }

    #modalHablamos2 .modal-content .modal-body .content-cmb .privacy .checkbox-custom-label {
       width: 97%;
       display: inline;
       position: relative;
       cursor: pointer;
       text-align: left !important;
       font-family: IberPangeaText-Regular;
       font-size: 12px;
       line-height: 20px;
       color: #89837e;
       font-weight: 400;
       padding: 0;
   }
   #modalHablamos2 .modal-content .modal-body .content-cmb .privacy  .checkbox-custom:checked + .checkbox-custom-label:before{
    content: "";
    background: #fff;
    border-radius: 3px;
    border: 1px solid #a1a1a1;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-top: 5px;
    margin-right: 15px;
    text-align: center;
    flex-shrink: 0;
    }

 #modalHablamos2 .modal-content .modal-body .content-cmb .privacy  .checkbox-custom:checked + .checkbox-custom-label:after {
    font-family: "FontAwesome-alloy";
    content: "\f00c";
    font-size: 13px;
    border-radius: 2px;
    text-align: center;
    position: absolute;
    margin-top: 5px;
    background: #00a443;
    color: #ffffff;
    left: 0px;
    top: 0px;
    width: 22px;
    height: 22px;
}
    
#modalHablamos2 .modal-content .modal-body .content-cmb .privacy .checkbox-custom-label p{
    text-align: start;
    font-size: 12px;
    line-height: 16px;
    font-family: 'IberPangeaText-Regular';
    color: #707070;
}

#modalHablamos2 .modal-content .modal-body .content-cmb .privacy .checkbox-custom-label p a{
        text-decoration: underline;
        color: #707070;
}


#modalHablamos2  .modal-content .modal-body .content-cmb .privacy .checkbox-custom{
      width: 20px;
      margin-right: 5px;
  }
#modalHablamos2 .modal-content{
   width: 360px;
    height: 550px;
   margin-left: -66px;
}
@media (min-width: 360px) and (max-width: 575px) {
    #modalHablamos2 .modal-dialog {
        margin: 32px;
     }
}
@media (min-width: 576px){
    #modalHablamos2 .modal-content{
        width: 576px;
        height: 504px;
        margin: 0 auto;
    }
    #modalHablamos2 .privacy p{
        margin-top: 0px;
        padding-left: 5px ;
        max-width: 356px;
    }

}
@media (min-width: 992px){
    #modalHablamos2 .modal-content{
        width: 664px;
        height: 528px;
    }
    #modalHablamos2 .modal-content .container{
        max-width: 447px !important;
    }
    #modal-hablamos .modal-content{
    width: 826px;
    }
    #modal-hablamos .modal-parrafo{
        display: none;
    }
    #modal-hablamos .modal-titulo{
        margin-top:10px;
        width: 345px !important;
    }
    #modal-hablamos .text-container{
        margin-left: 210px;
        margin-right: 10px;
    }
    #modalHablamos2 .modal-content .modal-body .content-cmb #button-content .wcom-button{
        min-width: 100% !important;
    }
        
}

@media (min-width: 1200px){
    #modal-hablamos .modal-titulo{
        margin-top: 0;
        width: 442px !important;
    }
    #modal-hablamos .modal-content{
    width: 1000px;
    }
        #modal-hablamos .modal-parrafo{
        display: block;
    }
        #modal-hablamos .text-container{
        margin-left: 250px;
        margin-right: 0px;
    }
}
@media (min-width: 1920px){
    #modalHablamos2 .modal-content{
        width: 960px;
        height: 510px;
    }
    #modalHablamos2 .container .text-center + p{
        min-width: 100%;
    }
    #modalHablamos2 .modal-content .container{
        max-width: 100% !important;
    }
    #modalHablamos2 .modal-content .modal-body h1.text-center{
        max-width: 447px !important;
        margin: 0 auto;
    }
}