/* ── Les filières LP Charpente ── */

.page-hero-overlay--filieres {
    background: linear-gradient(
        180deg,
        rgba(15, 12, 10, .15) 0%,
        rgba(15, 12, 10, .06) 35%,
        rgba(15, 12, 10, .58) 100%
    );
}

.page-hero--filieres .page-hero-title,
.page-hero--filieres .page-hero-sub {
    color: var(--white);
    text-shadow: 0 1px 12px rgba(0, 0, 0, .55);
}

.entreprise-secteur-block--proximite {
    padding-top: 4.5rem;
}

.entreprise-secteur-block--proximite .section-label {
    color: #5c4a32;
    background: #f5f0e8;
}

.entreprise-secteur-block--proximite .section-label::before {
    background: #8b6914;
}

.entreprise-secteur-block--bois-massif .section-label {
    color: #166534;
    background: rgba(22, 101, 52, .08);
}

.entreprise-secteur-block--bois-massif .section-label::before {
    background: #166534;
}

.entreprise-secteur-block--lamelle-colle .section-label {
    color: #9a3412;
    background: rgba(154, 52, 18, .08);
}

.entreprise-secteur-block--lamelle-colle .section-label::before {
    background: #c2410c;
}

.entreprise-secteur-block--bardage-vetures .section-label {
    color: #334155;
    background: rgba(51, 65, 85, .08);
}

.entreprise-secteur-block--bardage-vetures .section-label::before {
    background: #334155;
}

.entreprise-secteur-block--tuiles-couverture .section-label {
    color: #1d4ed8;
    background: rgba(29, 78, 216, .08);
}

.entreprise-secteur-block--tuiles-couverture .section-label::before {
    background: #1d4ed8;
}

.entreprise-secteur-block--zinguerie .section-label {
    color: var(--gray-700);
    background: rgba(100, 116, 139, .1);
}

.entreprise-secteur-block--zinguerie .section-label::before {
    background: #64748b;
}

.entreprise-secteur-block--isolant .section-label {
    color: #7c3aed;
    background: rgba(124, 58, 237, .08);
}

.entreprise-secteur-block--isolant .section-label::before {
    background: #7c3aed;
}

.entreprise-secteur-block--proximite .entreprise-secteur-feats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.entreprise-secteur-block--proximite .entreprise-secteur-single-img img,
.entreprise-secteur-block--bois-massif .entreprise-secteur-single-img img,
.entreprise-secteur-block--lamelle-colle .entreprise-secteur-single-img img,
.entreprise-secteur-block--bardage-vetures .entreprise-secteur-single-img img,
.entreprise-secteur-block--tuiles-couverture .entreprise-secteur-single-img img,
.entreprise-secteur-block--zinguerie .entreprise-secteur-single-img img,
.entreprise-secteur-block--isolant .entreprise-secteur-single-img img {
    max-height: 280px;
}

.entreprise-secteur-block--proximite .entreprise-secteur-single-img img {
    object-fit: contain;
    object-position: center center;
    background: var(--cream);
}

.entreprise-secteur-block--bois-massif .entreprise-secteur-single-img img {
    object-fit: cover;
    object-position: center center;
}

.entreprise-secteur-block--lamelle-colle .entreprise-secteur-single-img img {
    object-fit: cover;
    object-position: center center;
}

.entreprise-secteur-block--bardage-vetures .entreprise-secteur-single-img img {
    object-fit: contain;
    object-position: center center;
    background: var(--cream);
}

.entreprise-secteur-block--tuiles-couverture .entreprise-secteur-single-img img {
    object-fit: contain;
    object-position: center center;
    background: var(--cream);
}

.entreprise-secteur-block--zinguerie .entreprise-secteur-single-img img {
    object-fit: contain;
    object-position: center center;
    background: var(--cream);
}

.entreprise-secteur-block--isolant .entreprise-secteur-single-img img {
    object-fit: contain;
    object-position: center center;
    background: var(--cream);
}

@media (max-width: 640px) {

    .entreprise-secteur-block--proximite {
        padding-top: 3.5rem;
    }

    .entreprise-secteur-block--proximite .entreprise-secteur-feats {
        grid-template-columns: 1fr;
    }

    .entreprise-secteur-block--proximite .entreprise-secteur-single-img img,
    .entreprise-secteur-block--bois-massif .entreprise-secteur-single-img img,
    .entreprise-secteur-block--lamelle-colle .entreprise-secteur-single-img img,
    .entreprise-secteur-block--bardage-vetures .entreprise-secteur-single-img img,
    .entreprise-secteur-block--tuiles-couverture .entreprise-secteur-single-img img,
    .entreprise-secteur-block--zinguerie .entreprise-secteur-single-img img,
    .entreprise-secteur-block--isolant .entreprise-secteur-single-img img {
        max-height: 240px;
    }
}