/*Contenedor de todo el contenido*/
.contenedor-todo {
    margin-bottom: -100px !important;
}

/*header formulario*/
.header_form {
    border-radius: 8px;
    max-height: 25vw;
    max-width: 100vw;
    height: 150.5px;
    width: 640px;
}

/*boton*/
.contenedor-boton {
    margin-top: 20px;
    margin-bottom: 40px !important;
}

.cta-boton {
    padding: 15px;
    color: #ffffff;
    background: #77a7c5;
    border-radius: 30px;
    font-weight: bold;
}

.cta-boton:hover {
    transition: 0.3s;
    color: #77a7c5;
    background: #ffffff;
}

/*Fuentes*/

p {
    font-family: 'Lato', sans-serif !important;

}

.links {
    font-family: 'Lato', sans-serif !important;
    color: #027fcb !important;
}

.links:hover {
    color: #77a7c5 !important;
}

/*Separador desktop*/

.separador {
    height: 5px;
    background: #00c9ff;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 100px;
    margin-left: 200px;
    margin-right: 200px;
}


/*Fondo del header*/
.fondo {
    height: 700px !important;
}

.fondo_1 {
    background: url('../../images/att/header/Fondo_1.jpg') no-repeat;
    background-size: cover;
    z-index: 0;
    display:none
}

.fondo_4 {
    background: url('../../images/att/header/Gif-Home.gif') no-repeat;
    background-size: 100% !important;
    z-index: 8;
}

.fondo_2 {
    background: url('../../images/att/header/Fondo_2.png') no-repeat;
    background-size: cover;
    z-index: 7;
}

/*Círculos*/
.fondo_3 {
    background: url('../../images/att/header/Fondo_1.png') no-repeat;
    background-size: cover;
    z-index: 6;
}

.secondary-color {
    background-image: url('../../images/att/Fondo_azul.png');
    background-repeat: repeat;
    background-size: 100%;
    background-color: #0157a2 !important;
}

/*Fondo ciudad*/

.fondo_ciudad {
    background-image: url('../../images/att/fondo_ciudad_prueba.jpg');
}

/*fondo blanco*/
.fondo_blanco {
    color: #027fcb;
    margin-left: 200px;
    border-radius: 100px;
    font-size: 15px;
    display: flex;
    justify-content: end;
    padding-top: 30px;
}

/*fondo blanco con imagen*/
.imagen_fondo_blanco {
    width: 54px;
    height: 54px;
    margin-top: 15px;
    margin-right: 20px;
}

.texto_fondo_blanco {
    font-size: 15px;
    max-width: 750px;
    margin-right: 15px;
    text-align: left;
}

/*Visibilidad del titulo principal*/

.titulo-principal {
    display: none;
}

/*Visibilidad del slide*/

.slide-mobile {
    display: none;
}

/*subtitulo del contenido*/

.subtitulo {
    max-width: 900px;
    color: white;
    font-size: 25px;
    font-family: 'Lato', sans-serif !important;
}

/*footer*/
.texto_footer {
    text-align: right;
}

/*slide iconos*/
.slide_iconos_mobile {
    display: none;

}

/*video*/
.contenedor-video {
    width: 70% !important;
}

/*mobile:*/
@media (max-width: 750px) {

    /*Contenedor de todo el contenido*/
    .contenedor-todo {
        margin-bottom: 0px !important;
    }

    /*header formulario*/
    .header_form {
        border-radius: 8px;
        max-height: 25vw;
        max-width: 100vw;
        height: 150.5px;
        width: 90%;
    }

    /*Subtitulos*/
    .subtitulo {
        margin-left: 10px;
        margin-right: 10px;
        font-size: 20px;
    }

    /*visibilidad del slide*/
    .slide-mobile {
        display: inherit;
    }

    /*visibilidad columnas*/
    .column-desktop {
        display: none;
    }

    /*Fondos*/
    .fondo {
        height: 300px !important;
        background-position: center !important;
    }

    .fondo_1 {
        background-size: 100% !important;
        background: url('../../images/att/header/mobile/Fondo_1.png') no-repeat;
        background-position: center !important;
    }

    .fondo_2 {
        background: url('../../images/att/header/mobile/Fondo_2.png') no-repeat;
        background-size: 100% !important;
        background-position: center !important;
    }

    .fondo_3 {
        background: url('../../images/att/header/mobile/Fondo_1.png') no-repeat;
        background-size: 100% !important;
        background-position: center !important;
        
    }

    .fondo_4 {
        background: url('../../images/att/header/Gif-Home.gif') no-repeat;
        background-size: 100% !important;
    }

    /*Fondo azul*/

    .secondary-color {
        background-image: url('../../images/att/Fondo_azul.png');
        background-repeat: repeat;
        
        width: 100%;
    }

    /*fondo blanco*/
    .fondo_blanco {
        display: inherit;
        justify-content: center;
        align-items: center;
        padding-bottom: 30px;
    }

    /*fondo blanco con imagen*/
    .imagen_fondo_blanco {
        width: 54px;
        height: 54px;
        margin-bottom: 10px;
    }

    .texto_fondo_blanco {
        font-size: 15px;
        text-align: center;
    }

    /*Fondo ciudad*/

    .fondo_ciudad {
        background-image: url('../../images/att/FONDO-DE-ABAJO.jpg') center bottom;
    }

    /*footer*/
    .texto_footer {
        text-align: left;
    }

    /*Separador desktop*/

    .separador {
        margin-left: 20px;
        margin-right: 20px;
    }

    /*slide iconos*/

    .slide_iconos_desktop {
        display: none;
    }

    /*video*/
    .contenedor-video {
        width: 95% !important;
    }

    .margen_redes_mobile{
        margin-top: 20px !important;
    }

}