/* CARD DE SECTOR */

.sectores-grid {
    display: grid;
    gap: 60px;
    position: relative;
}

.sector-card {
    width: 100%;
    display: flex;
    flex-flow: column;
}

.sector-card__img-container {
    width: 60px;
    flex-shrink: 0;
}

.sector-card__body {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    position: relative;
}

.sector-card__title {
    margin-bottom: 0;
}

.sector-card__description>* {
    margin-top: 0;
}

.sector-card-cta {
    width: 100%;
    padding: 48px;
    position: relative;
}

.sector-card-cta::after {
    width: 100vw;
    height: 100%;
    background-color: var(--c-brand-black);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
}

.sector-card-cta__title {
    color: var(--c-brand-yellow);
}

.sector-card-cta__descripcion * {
    color: white;
}

.sector-card-cta__title,
.sector-card-cta__descripcion,
.sector-card-cta__btn {
    position: relative;
    z-index: 10;
}

@media (min-width: 800px) {
    .sectores-grid {
        left: -60px;
    }

    .sector-card {
        flex-flow: row;
        gap: 8px;
    }
}