:root {
    --background-llamada-mobile: #0f0f0f;
    --background-blanco: #FFFFFF;
    --background-ceniza-claro: #F7F4F4;
    --background-ceniza-medio: #D9D9D9;
    --border-cabecera-mobile: #ff7396;
    --button-call: #ff3366;
    --fuente-ceniza-claro: #666666;
    --fuente-ceniza-oscuro: #4F4C4C;
    --planes-card-start:  #ff809f;
    --planes-card-ultra: #9875ff;
    --planes-card-mega: #ff75ba;
    --fuente-enlace: #7598ff;
    --background-footer: #0f0f0f;
    --ubuntu:'Ubuntu', sans-serif;
    --roboto:'Roboto', sans-serif;
}

.llamada  {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--background-blanco);
    text-align: center;
    background-color: var(--background-llamada-mobile);
    padding-top: 12.25rem;
    padding-bottom: 2.5rem;
}

.llamada__titulo {
    font-family: var(--ubuntu);
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}

.llamada__texto {
    font-size: 1.25rem;
    line-height: normal;
    margin: 0 auto 2.5rem;
}

@media screen and (min-width: 768px) {
    .llamada__texto {
        max-width: 600px;
    }
}


@media screen and (min-width: 1024px) {
    .llamada {
        background-image: url(https://images.unsplash.com/photo-1634315100015-1f7c32816acf?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1032&q=80);
        background-size: cover;
        padding-top: 8.25rem;
    }

    .llamada__titulo {
        font-size: 3.25rem;
        margin-bottom: 2rem;
    }
}