/*  fondos banner */

.banner--parallax {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
}

.banner--img {
    background-image: url('../img/banner-index.jpg');
    background-position: center;
    background-size: cover;
    /* height: 90vh; */
    background-attachment: fixed;
    width: 100%;
}

@media only screen and (max-width: 600px) {
    .banner--img {
        height: 180vh;
        background-position-y: -20px;
    }
}

.bg-negro-opacidad {
    height: 100%;
    width: 100%;
    animation: twinkle 1.5s infinite alternate;
}

@keyframes twinkle {
    0% {
        background-color: rgba(0, 0, 0, 0.466);
    }
    100% {
        background-color: rgba(0, 0, 0, 0.137);
    }
}


/* fondo imagenes */

.bg-section-hosting {
    background-image: url('../img/fondo.planes.jpg');
    background-position: center;
    background-size: cover;
    margin-top: 80px;
    background-repeat: no-repeat;
    width: 100%;
}

.bg-corporativo {
    background-image: url('../img/bg-fondoceleste.svg');
    background-position: center;
    background-size: cover;
    margin-top: 80px;
    background-repeat: no-repeat;
    width: 100%;
}

.bg-hosting {
    background-image: url('../img/fondo-hosting.jpg');
    background-position: center;
    background-size: cover;
    margin-top: 80px;
    background-repeat: no-repeat;
    width: 100%;
}

.bg-soporte {
    background-image: url('../img/banner-soporte.jpg');
    background-position: center;
    background-size: cover;
    margin-top: 80px;
    background-repeat: no-repeat;
    width: 100%;
}


/* fondo colores */

.bg-gris {
    background-color: #e9e9e9;
}

.bg-azul {
    background-color: #015473;
}

.bg-azul-claro {
    background-color: #0f6f95;
}

.bg-azul-medio {
    background-color: #015473;
}

.bg-azul-oscuro {
    background-color: #08374a;
}

.bg-negro-transparencia {
    background-color: rgba(0, 0, 0, 0.435);
}

.bg-negro-transparencia-soporte {
    background-color: rgba(0, 0, 0, 0.347);
}

.bg-blanco-transparencia {
    background-color: rgba(255, 255, 255, 0.653);
}

.bg-celeste {
    background-color: #00A2C9;
}

.bg-celeste-claro {
    background-color: #8FD0E0;
}