@font-face {
    font-family: 'Roboto Condensed Bold';
    src:url("/css/fonts/RobotoCondensed-Bold.ttf") format('truetype');
}
@font-face {
    font-family: 'Roboto Condensed';
    src:url("/css/fonts/Roboto-Condensed.ttf") format('truetype');
}
@font-face {
    font-family: 'Roboto Bold';
    src:url("/css/fonts/Roboto-Bold.ttf") format('truetype');
}
html,body {
    background-color: #F1F1F1;
}
main {
    margin-bottom: 0;
}

.titulo-soporte {
    text-align: center;
    font-family: 'Roboto Condensed';
    font-weight: normal;
    font-size: 40px;
    color: #000;
    width: 100%;
    margin: 0 auto;
    margin-top: 47px;
    margin-bottom: 0;
    line-height: 26px;
}
.primer-titulo-soporte {
    /*font-weight: bold;*/
    font-family: 'Roboto Condensed Bold';
}

#chat-widget-container {
    display:none;
}
#subTitulo-soporte {
    font-family: 'Roboto Condensed';
    color:#E60881;
    font-size:20px;
    font-weight:normal;
    text-align:center;
    line-height: 47px;
    margin-bottom: 0;
}
#imagen-soporte {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: row;
}
#imagen-soporte img {
    width:264px;
}
.container-opciones-soporte {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}
.boton-soporte {
    width: 302px;
    height: 96px;
    text-align: center;
    color: #000;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    margin: 18px 0;
    box-shadow: 0px 3px 6px 0px #00000029;
}
.boton-soporte p {
    padding: 0 16px;
    font-family: 'Roboto Bold';
    font-size: 20px;
    position: relative;
    bottom: 27px;
    -webkit-text-size-adjust: 100%;
}
.telefono-soporte img {
    width: 20px !important;
}
.telefono-soporte p {
    padding: 0 25px;
    bottom: 29px;
}
.imagen-boton-soporte {
    border: 1px solid transparent;
    border-radius: 50%;
    width: 50px;
    height: 55px;
    background-color: #fff;
    padding: 12px;
    align-self: center;
    position: relative;
    bottom: 25px;
}
.imagen-boton-soporte img {
    width:25px ;
}

@media(min-width:700px){
    

    .titulo-soporte {
        width: 100%;
    }
  
}

@media(min-width:1200px){
    #pagina-soporte{
        margin: 5% 0;
    }
    .boton-soporte {
        margin: 18px 11px;
    }
    .container-opciones-soporte {
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start;
    }   
}