.sector-hero {
    /* Usando o vermelho da CCMI (aprox #8d2222) com 85% de opacidade */
    background: linear-gradient(rgba(112, 20, 30, 0.48), rgba(112, 20, 30, 0.48)), url('../images/bn_energia.jpg');
    background-size: cover;
    background-position: center center;
    padding: 200px 0; /* Aumentei um pouco para dar mais destaque ao banner */
    color: #fff;
    
    /* Este comando abaixo faz as cores da foto se misturarem melhor com o vermelho */
    background-blend-mode: normal; 
}

.sector-hero h1 {
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: -1px;
    color: #fff;
}

.sector-hero p {
    font-size: 1.1rem;
    text-transform: uppercase;
    opacity: 0.9;
    letter-spacing: 1px;
    color: #fff;
}
    .stat-card {
        border: none;
        border-bottom: 4px solid #a92d2d;
        transition: all 0.3s ease;
        background: #fdfdfd;
    }
    .stat-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); }
    .icon-box { font-size: 3rem; color: #a92d2d; margin-bottom: 20px; }
    .data-number { font-size: 2.5rem; font-weight: 800; color: #1a1a1a; display: block;     margin-bottom: 20px;
    text-transform: uppercase; }
    .data-text { font-size: 0.9rem; text-transform: uppercase; letter-spacing: 1px; color: #777; }


.editorial-matrix {
    border-top: 1px solid #eee;
}

.matrix-item {
    padding: 3rem;
    transition: background 0.3s ease;
}

.matrix-item:hover {
    background-color: #fcfcfc;
}

/* Linhas da Grelha */
.border-right-light { border-right: 1px solid #eee; }
.border-bottom-light { border-bottom: 1px solid #eee; }

/* Tipografia Editorial */
.matrix-number {
    font-size: 3.5rem;
    font-weight: 200;
    color: #a92d2d;
    display: block;
    margin-bottom: 1rem;
}

.matrix-title {
    font-weight: 800;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    color: #1a1a1a;
}

.matrix-text {
    color: #666;
    line-height: 1.7;
    font-size: 0.95rem;
}

.matrix-accent-line {
    width: 30px;
    height: 2px;
    background-color: #a92d2d;
    margin: 1.5rem 0;
}

.matrix-impact {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 1px;
    color: #999;
}

/* --- BLOCO DE TEXTO INSTITUCIONAL --- */
.content-highlight {
    font-size: 1.2rem;
    color: #444;
    border-left: 4px solid #a92d2d;
    padding-left: 1.5rem;
}

/* Responsivo */
@media (max-width: 991px) {
    .border-right-light { border-right: none; }
    .sector-hero h1 { font-size: 2.5rem; }
    .matrix-item { padding: 2rem; }
}

/* --- FOOTER CTA (VERSÃO PREMIUM) --- */
.sector-footer-cta {
    background-color: #8d2222; /* O vermelho base */
    background-size: cover;
    background-position: center center;
    background-attachment: fixed; /* Efeito Parallax (opcional, dá muito requinte) */
    padding: 100px 0;
    color: #fff;
    background-blend-mode: normal;
    position: relative;
    overflow: hidden;
    color: #fff;
}

.sector-footer-cta h2 {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 2.5rem;
    margin-bottom: 20px;
    letter-spacing: -1px;
    color: #fff;
}

.sector-footer-cta p {
    font-size: 1.2rem;
    opacity: 0.8;
    max-width: 700px;
    margin: 0 auto 40px auto;
    color: #fff;
}

/* Botão elegante (Branco com hover suave) */
.btn-cta-light {
    background: #fff;
    color: #8d2222 !important;
    font-weight: 700;
    text-transform: uppercase;
    padding: 18px 45px;
    border-radius: 0; /* Estilo contemporâneo reto */
    letter-spacing: 2px;
    transition: all 0.4s ease;
    border: 2px solid #fff;
}

.btn-cta-light:hover {
    background: transparent;
    color: #fff !important;
    transform: scale(1.05);
}