.titulo_separador {
    
    color:                      var( --fondo_header );
    font-family:                'Roboto' , sans-serif;
    font-size:                  2.5em;
    margin:                     25px auto 0;
    max-width:                  1440px;
    text-align:                 center;
    width:                      95%;
    
}
.beneficios {
    
    align-items:                center;
    display:                    flex;
    flex-wrap:                  wrap;
    justify-content:            center;
    margin:                     0 auto 50px;
    max-width:                  1440px;
    position:                   relative;
    width:                      95%;
    
}
.beneficios h2 {
    
    font-size:                  1.2em;
    margin-top:                 0;
    
}
.beneficios .caja {
    
    position:                   relative;
    text-align:                 center;
    width:                      100%;
    
}
.beneficios .caja:last-child {
    
    margin-bottom:              0;
    
}
.beneficios .caja .info {
    
    position:                   relative;
    width:                      100%;
    
}
.beneficios input {
    
    box-sizing: border-box;
    width: 100%;
    display: block;
    padding: .5em;
    font-size: 1em;
    margin-bottom:  1em;
    
}
.beneficios textarea {
    
    box-sizing:                 border-box;
    display:                    block;
    height:                     80px;
    font-family:                barlow, sans-serif;
    font-size:                  1em;
    margin-bottom:              1em;
    padding:                    .5em;
    resize:                     none;
    width:                      100%;
    
}
.beneficios button:disabled,
.beneficios button[disabled]{
    
    filter:                     grayscale(1);
    cursor:                     default;
    
}
.beneficios button{
    
    background:                 var( --fondo_header );
    border:                     none;
    color:                      white;
    cursor:                     pointer;
    font-family:                Barlow, sans-serif !important;
    font-weight:                700;
    font-size:                  1em;
    margin-bottom:              1em;
    padding:                    .5em;
    width:                      100%;
    
}
.beneficios input[type=submit]{
    
    background: var( --fondo_header );
    border: none;
    color: white;
    
}
.beneficios .redes {
    
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    
}
.beneficios .redes a {
    
    color:                      #515151;
    font-family:                'Roboto' , sans-serif;
    text-decoration:            none;
    width: 100%;
    
}
.beneficios .redes span {
    
    background: var( --fondo_header );
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.25em;
    height: 2em;
    line-height: 2em;
    margin-bottom: 10px;
    margin-right: 0.25em;
    text-align: center;
    transition: .2s;
    width: 2em;
    
}
.mapa {
    
    width: 95%;
    margin: auto auto 140px;
    
}
.error {
    
    color:                      darkred;
    padding-bottom:             1em;
    
}
.success {
    
    color:                      green;
    padding-bottom:             1em;
    
}
@media only screen and (min-width: 580px){
    
    .beneficios .caja {
        
        width:                      50%;
        
    }
    
}
@media only screen and (min-width: 1024px){
    
    .titulo_separador {
        
        margin:                     50px auto 0;
        text-align:                 left;
        
    }
    .beneficios {
        
        margin:                     0 auto 50px;
        
    }
    .beneficios .caja {
        
        width:                      50%;
        
    }
    .beneficios textarea {
        
        height:                     120px;
        
    }
    
}