/*Pagina Principal*/
#portada .banners {
    background-color: var(--color1);
}
#portada .banners .capa {
    width: 100%;
    bottom: 0;
    left: 0;
}
#portada .banners .centro-texto {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 1230px;
    padding: 0 15px;
    min-height: 78px;
    display: inline-table;
    width: 100%;
}
#portada .banners h2 {
    color: var(--colorBlanco);
    max-width: 550px;
    line-height: 1;
    padding-bottom: 10px;
}
#portada .banners h2::after {
    content: '';
    position: absolute;
    width: 180px;
    height: 6px;
    background-color: var(--color2);
    left: 0;
    bottom: 0;
}
#portada .callout-1 {
    padding: 0 0 80px;
    background-color: var(--color1);
}
#portada .callout-1 .row {
    margin-top: -220px;
    z-index: 1;
}
#portada .callout-1 p {
    font-size: 22px;
    color: var(--colorBlanco);
}
#portada .callout-2 {
    padding: 110px 0 160px;
}
#portada .callout-2 h1{
    color: var(--color3);
    line-height: 1;
}
#portada .callout-2 span {
    font-size: 25px;
    color: var(--color3);
}
#portada .callout-2 p {
    font-size: 19px;
    line-height: 1.3;
}
#portada .callout-2 blockquote {
    font-size: 30px;
}
#portada .callout-2 .frame-youtube {
    max-width: 917px;
    height: 540px;
    margin: 30px auto 0;
}
#portada .callout-3 {
    background-color: var(--color1);
    padding: 70px 0;
}
#portada .callout-3 h5 {
    color: var(--color2);
}
#portada .callout-3 p {
    font-size: 19px;
    color: var(--colorBlanco);
}
#portada .callout-3 .clientes-flex > .cliente-item {
    width: 25%;
    height: 100px;
}
#portada .callout-3 .cliente-item img {
    max-height: 100%;
    filter: grayscale(1);
}
#portada .callout-4 {
    padding: 120px 0;
}
#portada .callout-4 h5 small {
    font-size: 20px;
}
#portada .callout-4 .valor {
    max-width: 270px;
    margin: 0 auto 30px
}
#portada .callout-4 .valor figure {
    height: 150px;
}
#portada .callout-4 p {
    font-size: 20px;
    max-width: 230px;
    margin: 0 auto;
}

/* Tablet y Movil */
@media screen and (max-width: 980px){
    #portada .callout-1 {
        padding: 0 0 30px;
    }
    #portada .callout-1 .row {
        margin-top: 0;
    }
    #portada .callout-2 {
        padding: 70px 0 100px;
    }
    #portada .callout-2 .frame-youtube {
        height: 400px;
    }
    #portada .callout-3 .clientes-flex > .cliente-item {
        width: 33.33%;
    }
    #portada .banners .centro-texto {
        position: relative !important;
        padding: 15px 20px 40px;
    }
    #portada .banners h2 {
        font-size: 30px;
    }
}
@media screen and (max-width: 768px){
    #portada > div:first-child {
        display: none;
    }
    #portada .callout-2 .frame-youtube {
        height: 260px;
    }
    #portada .callout-3 .clientes-flex > .cliente-item {
        width: 50%;
    }
}