/* Seção Vitrine (home): fibra em destaque + TV, telemedicina e chip.
   A forma vem dos componentes compartilhados (css/home-sections.css:
   vitrine-card, vitrine-mini, vitrine-badge, .home-bloco .btn-tech).
   Aqui só o fundo da seção. Carregado de dentro do template, depois de
   todo o <head>: vence .section-unified-bg { background: transparent }. */

.section-unified-bg.home-bloco--vitrine {
    background:
        radial-gradient(40% 36% at 86% 30%, rgba(0, 255, 234, 0.09) 0%, rgba(0, 255, 234, 0) 70%),
        radial-gradient(36% 34% at 10% 72%, rgba(255, 77, 29, 0.08) 0%, rgba(255, 77, 29, 0) 70%);
    scroll-margin-top: 80px;
}

/* Faixa de fibra + três serviços com o mesmo espaço de leitura. */
.home-bloco--vitrine .vitrine__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
}

.home-bloco--vitrine .vitrine__col {
    display: contents;
}

.home-bloco--vitrine .vitrine-card--fibra {
    grid-column: 1 / -1;
    flex-direction: row;
}

.home-bloco--vitrine .vitrine-card--fibra .vitrine-card__media {
    flex: 0 0 38%;
    min-height: 310px;
    aspect-ratio: auto;
}

.home-bloco--vitrine .vitrine-card--fibra .vitrine-card__panel {
    flex: 1 1 auto;
    min-width: 0;
    padding: 1.6rem 1.75rem;
}

.home-bloco--vitrine .vitrine-card__title {
    font-size: clamp(1.25rem, 1.75vw, 1.6rem);
}

.home-bloco--vitrine .vitrine-mini--foto {
    flex: none;
    flex-direction: column;
    min-height: 0;
}

.home-bloco--vitrine .vitrine-mini__media {
    flex: none;
    min-height: 0;
    aspect-ratio: 16 / 9;
    border-bottom: 1px solid rgba(0, 255, 234, 0.15);
}

.home-bloco--vitrine .vitrine-mini__panel {
    flex: 1 1 auto;
    justify-content: flex-start;
    gap: 0.85rem;
    padding: 1.35rem 1.4rem 1.15rem;
}

.home-bloco--vitrine .vitrine-mini__head {
    gap: 0.75rem;
}

.home-bloco--vitrine .vitrine-mini__title {
    font-size: 1.1rem;
    line-height: 1.4;
}

.home-bloco--vitrine .vitrine-mini__actions {
    justify-content: space-between;
    margin-top: auto;
    padding-top: 0.45rem;
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .home-bloco--vitrine .vitrine__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .home-bloco--vitrine .vitrine-card--fibra .vitrine-card__media {
        flex-basis: 36%;
    }

    .home-bloco--vitrine .vitrine-card--fibra .vitrine-card__panel {
        padding: 1.25rem;
    }

    .home-bloco--vitrine .vitrine-mini--foto {
        flex-direction: row;
    }

    .home-bloco--vitrine .vitrine-mini__media {
        flex: 0 0 34%;
        aspect-ratio: auto;
    }
}

@media (max-width: 767.98px) {
    .home-bloco--vitrine .vitrine__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 1rem;
    }

    .home-bloco--vitrine .vitrine-card--fibra {
        flex-direction: column;
    }

    .home-bloco--vitrine .vitrine-card--fibra .vitrine-card__media {
        flex: none;
        min-height: 0;
        aspect-ratio: 16 / 9;
    }

    .home-bloco--vitrine .vitrine-card--fibra .vitrine-card__panel {
        padding: 1.15rem;
    }

    .home-bloco--vitrine .vitrine-mini--foto {
        display: grid;
        grid-template-columns: 104px minmax(0, 1fr);
        align-items: center;
        gap: 0.85rem;
        padding: 1rem;
    }

    .home-bloco--vitrine .vitrine-mini__media {
        grid-column: 1;
        grid-row: 1;
        width: 104px;
        flex: none;
        aspect-ratio: 1;
        border: 0;
    }

    .home-bloco--vitrine .vitrine-mini__panel {
        display: contents;
    }

    .home-bloco--vitrine .vitrine-mini__head {
        grid-column: 2;
        grid-row: 1;
        gap: 0.6rem;
    }

    .home-bloco--vitrine .vitrine-mini__text,
    .home-bloco--vitrine .vitrine-mini__actions {
        grid-column: 1 / -1;
    }

    .home-bloco--vitrine .vitrine-mini__title {
        font-size: 1rem;
    }

    .home-bloco--vitrine .vitrine-mini__actions {
        padding-top: 0;
    }
}