/* Seção Sobre o cliente ("Nossa prioridade é você").
   Card grande de contato à esquerda + quatro atalhos com ícone à direita
   (componentes de css/home-sections.css). Carregado de dentro do template. */

.section-unified-bg.home-bloco--sobre {
    background:
        radial-gradient(38% 42% at 88% 32%, rgba(255, 77, 29, 0.08) 0%, rgba(255, 77, 29, 0) 70%),
        radial-gradient(38% 42% at 10% 70%, rgba(0, 255, 234, 0.07) 0%, rgba(0, 255, 234, 0) 70%);
    scroll-margin-top: 80px;
}

.sobre-grid {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: 1.25rem;
    align-items: stretch;
}

.sobre-contato .vitrine-card__media {
    min-height: 0;
    flex: none;
    aspect-ratio: 16 / 8;
    --vitrine-foco: 55%;
}

.sobre-contato .vitrine-card__media img {
    object-position: 55% 12%;
}

.sobre-contato .vitrine-card__panel {
    padding: 1.4rem;
}

.sobre-contato__acoes {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1rem;
    margin-top: 1.1rem;
}

/* O 0800 é o canal de quem prefere ligar (público mais velho): 16 px em todas
   as larguras, acima dos 0.9rem dos outros .vitrine__more. */
.home-bloco .sobre-contato__tel {
    font-size: 1rem;
}

/* Atalhos: 2 x 2 ao lado do card; cada um estica para alinhar a grade. */
.sobre-atalhos {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    min-width: 0;
}

.sobre-atalhos .vitrine-mini {
    flex: none;
    min-height: 0;
}

.sobre-atalhos .vitrine-mini--icone {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) 18px;
    align-content: center;
    align-items: center;
    gap: 0.9rem;
    padding: 1.25rem 1.3rem;
}

.sobre-atalhos .vitrine-mini__seta {
    position: static;
    font-size: 1rem;
}

.sobre-atalhos .vitrine-mini__corpo {
    gap: 0.6rem;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .sobre-atalhos .vitrine-mini--icone {
        grid-template-columns: 40px minmax(0, 1fr);
        padding: 1rem;
        gap: 0.7rem;
    }

    .sobre-atalhos .vitrine-mini__seta {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .sobre-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .sobre-contato .vitrine-card__media {
        min-height: 0;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .sobre-contato .vitrine-card__media {
        flex: 0 0 40%;
        min-height: 100%;
        aspect-ratio: auto;
    }

    .sobre-contato .vitrine-card__panel {
        flex: 1 1 0;
        min-width: 0;
    }
}

/* Celular: atalhos em lista (ícone ao lado do texto, seta à direita). */
@media (max-width: 575.98px) {
    .sobre-grid,
    .sobre-atalhos {
        gap: 0.85rem;
    }

    .sobre-atalhos {
        grid-template-columns: minmax(0, 1fr);
    }

    .sobre-atalhos .vitrine-mini--icone {
        flex-direction: row;
        align-items: center;
        gap: 0.9rem;
        padding: 0.95rem 1rem;
    }

    .sobre-atalhos .vitrine-mini__seta {
        position: static;
    }

    .sobre-contato__acoes {
        flex-direction: column;
        align-items: stretch;
    }

    .sobre-contato__acoes .vitrine__more {
        justify-content: center;
    }

    body.dark-theme .home-bloco .sobre-contato__acoes .btn-tech {
        width: 100%;
    }
}