/* Bloque co-banner */
.co-banner {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 2rem 1rem;
    min-height: 640px;
    max-height: 650px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url('https://aprodmovistarcomsa.z13.web.core.windows.net/empresas/captacion-movil/banner/Banner-Landing-de-pauta-647X689px.webp');
    background-size: cover;
    background-position: center;
    transition: background-image 0.5s ease-in-out;
}

/* Títulos */
.co-banner__title {
    font-size: 1.5rem;
    text-align: center;
    line-height: normal;
    margin-bottom: 1rem;
}

.co-banner__subtitle {
    font-size: 1rem;
    margin-bottom: 2rem;
}

.co-banner-box__mobile {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    max-width: 260px;
    border-radius: 12px;
    overflow: hidden;
    margin: 1rem auto;
}

.co-banner-box__mobile span {
    padding: .3rem;
    font-size: 1.4rem;
}

/* Media Query para desktop */
@media screen and (min-width: 768px) {
    .co-banner {
        background-image: url('https://aprodmovistarcomsa.z13.web.core.windows.net/empresas/captacion-movil/banner/MB-pauta-desk.webp');
        background-position: top right;
        flex-direction: row;
        justify-content: flex-end;
        min-height: 300px;
        max-height: 460px;
        padding: 4rem 5rem;
    }

    .co-banner__right {
        max-width: 400px;
        text-align: left;
        margin-right: -70px !important;
    }

    .co-banner__title {
        font-size: 1.9rem;
        text-align: left;
    }

    .co-banner-box__mobile {
        display: none;
    }
}

@media screen and (min-width: 980px) {
    .co-banner {
        background-position: top left;
    }
}




/* CSS callback banner */

.co-banner__call .call-content-form {
    padding: 4px 8px;
}

.co-banner__call .call-label-form {
    font-weight: normal;
}

.co-banner__call .call-btn-form {
    max-width: none;
}