.hero {
    min-height: 350px;
}

.smallSub {
    font-size: 10px;
}

.site-footer {
    margin-top: 2% !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(1);
}

/* ------------------------------------------------------------------
   Franjas propias de la interna. Este CSS solo se carga en internas,
   así que estas clases no dependen ni pisan las franjas de la home.
   ------------------------------------------------------------------ */
.interna-cuerpo {
    min-height: 60vh;
    background: #fff;
}

    .interna-cuerpo * {
        color: #162E55 !important;
    }

.interna-galeria {
    background: #fff;
    text-align: center;
}

/* Padding del contenido de la interna (equivalente al de las franjas de la home). */
.interna-cuerpo .content,
.interna-galeria .content {
    padding: 100px 150px;
}

.interna-cuerpo .content {
    padding-bottom: 50px;
}

@media only screen and (max-width: 1200px) {
    .interna-cuerpo .content,
    .interna-galeria .content {
        padding: 50px 35px;
    }
}

@media only screen and (min-width: 1925px) {
    .interna-cuerpo .content,
    .interna-galeria .content {
        max-width: 2000px;
        margin: auto;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1300px) {
    .interna-cuerpo .content,
    .interna-galeria .content {
        padding: 70px 50px;
    }
}

/* Colapsables / tipografía del contenido de la interna. */
.content .collapse h3 {
    color: black !important;
    font-size: 1.3em !important;
    margin-bottom: 0;
    padding: 0;
    margin-top: 10px;
    font-weight: 400;
}

.interna .collapse.show {
    margin: 0px !important;
}

.interna-cuerpo .collapse.show p {
    font-family: 'KievitOT_Light', Arial, Helvetica, sans-serif !important;
}

.interna-contenido .collapse.show {
    margin: 0px !important;
}

.fontPclass {
    font-family: 'KievitOT_Light', Arial, Helvetica, sans-serif !important;
}