.video-campana {
    position: relative;
    padding-bottom: 4rem;
    margin-top: 3rem;
}

.video-campana .video-color {
    /* padding-top: 2rem; */
    position: relative;
}
/* .video-campana .video-color{
    padding-top: 2rem;
    position: relative;
} */

.video-campana .video-color .bg-color {
    background: var(--main-blue);
    /* height: 15rem; */
    height: 50rem;
    position: relative;
}

.video-campana .video-color .bg-color h2 {
    font-family: "GraphikBold";
    padding-left: 5%;
    position: absolute;
    margin-top: 1rem;
}
.video-campana .video-color video {
    position: relative;
    margin-top: -15rem;
    width: 94%;
    left: 3%;
    z-index: 9;
}
.video-campana .video-color iframe {
    position: absolute;
    /* top: 0; */
    left: 5% !important;
    width: 90% !important;
    height: 120% !important;
    margin-top: -5% !important;
}

.video-campana .video-color-reels {
    /* padding-top: 2rem; */
    position: relative;
}
/* .video-campana .video-color{
    padding-top: 2rem;
    position: relative;
} */

.video-campana .video-color-reels .bg-color-reels {
    background: var(--main-blue);
    /* height: 15rem; */
    height: 35rem;
    position: relative;
}

.video-reels {
    margin-top: -6rem;
}
.video-reels-cont {
    padding: 4%;
}

.video-reels-cont iframe {
    position: relative;
    margin-top: -35rem;
    width: 90%;
    height: 500px;
    /* left: 3%; */
    /* z-index: 9; */
}

/* .herramientas .img-herramientas {
    text-align: center;

    position: relative;

    min-height: 8rem;

    display: flex;

    flex-direction: column;

    justify-content: center;

    margin: 0 auto;
} */
/* .herramientas .img-herramientas img {
    max-width: 70%;

    margin: 0 auto;
} */

.video-campana .mensaje {
    position: relative;
    width: 90%;
    background: black;
    font-family: AbelRegular;
    /* text-align: center; */
    font-size: 1.25rem;
    /* top: 0; */
    /* padding: 1.5% 1%; */
    color: white;
    margin-left: 5%;
    /* margin-right: 6%; */
    margin-top: -60px;
}
.video-campana .mensaje p {
    margin-left: 5%;
}
@media (max-width: 991px) {
    .video-campana .mensaje {
        font-size: 0.75rem;
    }
    .video-campana .video-color .bg-color {
        height: 50rem;
    }
}
@media (max-width: 580px) {
    .video-campana .video-color .bg-color {
        height: 50vw;
    }
}