.callout-1 {
    background-color: var(--color2);
    padding: 140px 0 100px;
}
.callout-1 h3 {
    max-width: 340px;
    margin: auto;
    color: var(--colorBlanco);
}
.callout-2 {
    padding: 80px 0;
}
.callout-2 h1 {
    color: var(--color1);
}
.callout-2 .detalle p {
    padding-bottom: 20px;
}
.callout-2 .img {
    margin-top: -500px;
}
.callout-3 {
    padding: 60px 0;
    background-color: var(--color3);
}
.callout-3 .mision {
    background-color: var(--color2);
    height: 305px;
    border-radius: 10px;
    padding: 20px 40px;
}
.callout-3 .mision > * {
    color: var(--colorBlanco);
}
.callout-3 .vision {
    height: 305px;
    border-radius: 10px;
    padding: 20px 40px;
}
.callout-4 {
    padding: 100px 0;
}
.callout-4 h5 {
    color: var(--color1);
}
.callout-4 p {
    padding: 0 20px;
}
.callout-4 p.title {
    font-size: 25px;
    color: var(--color1);
    line-height: 1.1;
    height: 55px;
    margin: 20px 0 15px;
}

/* Tablet y Movil */
@media screen and (max-width: 980px){
}
@media screen and (max-width: 768px){
    .callout-1 {
        padding: 50px 0 50px;
    }
    .callout-2 .img {
        margin-top: 40px;
    }
    .callout-4 p {
        padding: 0 20px 20px;
    }
    .callout-4 p.title {
        height: auto;
        padding-bottom: 0;
    }
}