#header-tairfa-social {
    padding: var(--size-space-32) var(--size-space-16);
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}

#header-tairfa-social .header-tairfa-social-img {
    background: url("/documents/46699/26796663/herobanner-tarifa-social-mobile.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 150px;
    align-self: stretch;
    border-radius: var(--border-radius-l);
}

#header-tairfa-social .header-tairfa-social-box h1 {
    text-align: center;
    margin-bottom: var(--size-space-32);
}

@media(min-width: 576px) {
    #header-tairfa-social {
        padding: var(--size-space-32) 0;
        max-width: 492px;
        margin: 0 auto;
    }
}

@media(min-width: 768px) {
    #header-tairfa-social {
        max-width: 672px;
    }
}

@media(min-width: 992px) {
    #header-tairfa-social {
        height: 250px;
        align-items: flex-start;
        justify-content: center;
        background: url("/documents/46699/26796663/herobanner-tarifa-social-desktop.webp");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        max-width: none;
    }

    #header-tairfa-social .header-tairfa-social-img {
        display: none;
    }

    #header-tairfa-social .bloque-texto-header {
        max-width: 828px;
        margin: 0 auto;
        width: 100%;
    }

    #header-tairfa-social .header-tairfa-social-box {
        display: flex;
        width: 402px;
        padding: var(--size-space-32) var(--size-space-24);
        flex-direction: column;
        align-items: center;
        border-radius: var(--border-radius-l);
        background: var(--Color-Surface-General-1);
        margin-bottom: 0;
    }

    #header-tairfa-social .header-tairfa-social-box h1 {
        margin-bottom: var(--size-space-0);
    }
}

@media(min-width: 1200px) {
    #header-tairfa-social .bloque-texto-header {
        max-width: 996px;
    }
}

@media(min-width: 1440px) {
    #header-tairfa-social .bloque-texto-header {
        max-width: 1272px;
    }
}