/*Pagina Principal*/
.banner-porta {
    background-image: url(../img/banners/portada.jpg);
}
.banner-porta.banner-porta2 {
    background-image: url(../img/banners/portada2.jpg);
}
.banner-porta.banner-porta3 {
    background-image: url(../img/banners/portada3.jpg);
}
.banner-porta .capa {
    background-image: url(../img/banners/capa.png);
    position: absolute;
    width: 100%;
}
.banner-porta blockquote {
    font-size: 40px;
    line-height: 1;
    color: var(--colorBlanco);
}
.banner-medio {
    background-image: url(../img/banners/medio.jpg);
}
.banner-medio .boton2 {
    margin: 0 auto -28px;
}
#portada .callout-1 {
    padding: 75px 0 230px;
}
#portada .callout-1 h1 {
    line-height: 1.1;
}
#portada .callout-1 p {
    padding-bottom: 20px;
}
#portada .swiper-dos {
    margin-top: -170px;
}
#portada .campa {
    max-width: 465px;
    margin: 0 auto 70px;
}
#portada .campa figure {
    overflow: hidden;
    border-radius: 20px;
}
#portada .campa .titulo {
    background-color: var(--color2);
    max-width: 364px;
    padding: 10px 30px;
    border-radius: 10px;
    margin: 0 auto;
}
#portada .campa .titulo:hover {
    background-color: var(--color1);
}
#portada .campa .titulo a {
    color: var(--colorBlanco);
    font-size: 32px;
    line-height: 1.2;
}
#portada .callout-2 {
    padding: 140px 0 40px;
}
#portada .callout-2 h4 strong {
    color: var(--color1);
}
#portada .callout-2 .btn {
    font-size: 17px;
    color: var(--color1);
}
#portada .callout-2 .btn:hover {
    color: var(--color2);
}

/* Tablet y Movil */
@media screen and (max-width: 980px){
}
@media screen and (max-width: 768px){
    .banners .tamanho {
        height: 350px;
    }
    .swiper-pagination-bullets.swiper-pagination-horizontal {
        left: 15px;
        bottom: 15px;
    }
    .banner-porta blockquote {
        font-size: 35px;
    }
    #portada .callout-1 p {
        text-align: justify;
    }
    #portada .callout-2 {
        padding: 85px 0 40px;
    }
}