/* Removido import redundante do Google Fonts */
/* Copiado do tema — estilos para o shortcode Economia por Região */
.eg-economia.layout-modern {
    --card-bg: #fefefe;
    --border: #c5c5c5;
    --text: #2c3540;
    --muted: #6b7280;
    --accent: #2c7a7b;
    --accent-2: #125b8a;
    --shadow: 0 0.625rem 2.5rem rgba(24,39,75,0.08);
    background: #fff;
    border: 0.0644rem solid var(--border);
    border-radius: 1rem;
    padding: 1.25rem;
    box-shadow: var(--shadow);
    position: relative;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
.eg-economia.layout-modern .eg-grid {
    display: grid;
    grid-template-columns: minmax(0, 12.5rem) minmax(0, 1fr); /* reduz coluna de lista (antes 17.5rem) */
    gap: 1.125rem;
    width: 100%;
}
.eg-economia.layout-modern .eg-grid > * {
    position: relative;
    z-index: 1;
    min-width: 0;
}
.eg-economia.layout-modern .eg-lista-col {
    min-width: 9.375rem; /* permite encolher de fato a coluna */
    max-width: 100%;
}
.eg-economia.layout-modern .eg-bloco {
    padding: 0.75rem;
    overflow: hidden;
    min-width: 0;
}
.eg-economia.layout-modern .eg-lista {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem; /* atualizado conforme especificação */
    align-items: flex-start; /* evita que os botões ocupem 100% da largura */
}
.eg-economia.layout-modern .eg-lista li {
    position: relative; /* necessário para o pseudo-elemento do separador */
}
.eg-economia.layout-modern .eg-lista li a {
    display: inline-flex; /* permite largura adaptativa ao conteúdo */
    align-items: center;
    padding: 0.5rem 1.5rem 0.5rem 1rem; /* top right bottom left */
    border-radius: 2rem; /* radius */
    border: 0.0625rem solid #E3E3E3; /* borda padrão */
    color: var(--text);
    text-decoration: none;
    /* Tipografia padrão dos botões (normal) */
    font-family: 'Kanit', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
    font-weight: 400; /* Regular */
    font-style: normal;
    font-size: 0.9375rem;
    line-height: 100%;
    letter-spacing: 0%;
    background: #FEFEFE; /* cor de fundo padrão */
    transition: all 0.18s ease;
    max-height: 2.375rem; /* altura máxima solicitada */
    box-sizing: border-box;
    white-space: normal;
    overflow-wrap: anywhere;
    max-width: 100%;
    width: 100%;
}


.eg-economia.layout-modern .eg-lista li a.is-active {
    background: #1B7727; /* selecionado */
    border: 0.0625rem solid #104617; /* borda selecionado */
    color: #ffffff; /* texto legível sobre o fundo escuro */
}

.eg-economia.layout-modern .eg-lista li a.is-active:hover {
    /* manter legibilidade ao passar o mouse sobre o selecionado */
    color: #ffffff;
    border-color: #104617;
}

/* Separador horizontal abaixo do primeiro item */
.eg-economia.layout-modern .eg-lista li:first-child::after {
    content: '';
    display: block;
    margin-top: 0.75rem;
    margin-left: 1rem;
    width: calc(100% - 2rem);
    height: 0.0625rem; /* linha fina horizontal */
    background: #C5C5C5; /* cor da linha */
    opacity: 1;
}

/* Card e informações */
.eg-economia.layout-modern .eg-informacoes-wrap {
    position: absolute;
    top: 0;
    z-index: 2;
    display: none;
    width: min(19.5188rem, 100%);
    max-width: 100%;
    height: 100%; /* match map container height (proporcional) */
    transform: rotate(0deg);
    opacity: 1;
    min-width: 0;
}
.eg-economia.layout-modern .eg-card {
    background: #fff;
    border-radius: 1.0344rem;
    padding: 1.2925rem 1.5513rem;
    box-shadow: var(--shadow);
    display: none;
    flex-direction: column;
    gap: 1.875rem;
    height: 100%;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.eg-economia.layout-modern .eg-card.eg-aggregate {
    width: 100%;
    max-width: 100%;
}
.eg-economia.layout-modern .eg-card:not(.eg-inativo) {
    display: flex;
}
.eg-economia.layout-modern .eg-card .eg-header h2 {
    margin: 0 0 0.25rem 0;
    font-size: 1.125rem;
    color: #1B7727; /* cor do título */
    font-family: 'Kanit', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
    font-weight: 500;
}
.eg-economia.layout-modern .eg-aggregate .eg-header h2 { font-size: 1rem; }
.eg-economia.layout-modern .eg-aggregate-grid .eg-item p { font-weight: 700; color: var(--text); }
.eg-economia.layout-modern .eg-card h4 {
    margin: 1.5rem 0 0.25rem;
    font-size: 1rem; /* conforme especificação */
    font-family: 'Kanit', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
    font-weight: 300; /* default para Economia, Mão de obra, PIB */
    font-style: normal;
    line-height: 100%;
    letter-spacing: 0%;
    color: #465564;
}
.eg-economia.layout-modern .eg-card h4.eg-section {
    font-weight: 500; /* usado para Participação Setorial e Participação da Mão de Obra Formal */
}
.eg-economia.layout-modern .eg-card p,
.eg-economia.layout-modern .eg-card .eg-body,
.eg-economia.layout-modern .eg-card .eg-grid-items .eg-item p,
.eg-economia.layout-modern .eg-lista li a {
    font-family: 'Kanit', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
    font-weight: 300;
    font-style: normal;
    font-size: 1rem;
    line-height: 132%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #465564;
}
.eg-economia.layout-modern .eg-grid-items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
    gap: 0.5rem;
}
.eg-economia.layout-modern .eg-grid-items.eg-3col {
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
}
.eg-economia.layout-modern .eg-grid-items.eg-3col .eg-item p {
    font-weight: 300; /* porcentagens sem negrito */
    color: #465564;
    text-align: left; /* alinhamento à esquerda conforme pedido */
}

.eg-economia.layout-modern .eg-grid-items.eg-3col .eg-item p {
    font-weight: 400;
    color: #465564;
}
.eg-economia.layout-modern .eg-grid-items .eg-item b {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--text);
}
.eg-economia.layout-modern .eg-mapa-col {
    min-height: 22.5rem;
    display: flex;
    justify-content: center;
    z-index: 0;
    width: 100%;
    max-width: 60.0428rem;
    margin-left: auto;
    margin-right: auto;
    min-width: 0;
}
.eg-economia.layout-modern .eg-mapa {
    position: relative;
    width: 100%;
    max-width: 60.0428rem; /* conforme bounding box solicitado (precise) */
    height: auto;
    aspect-ratio: 960.6848754882812 / 758; /* keep proportionality */
    border: 0.0644rem solid var(--border);
    border-radius: 1.0344rem;
    overflow: hidden;
    min-width: 0;
}
.eg-economia.layout-modern .eg-mapa iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 1.0344rem;
    box-shadow: var(--shadow);
    max-width: 100%;
}
@media (max-width: 64rem) {
    .eg-economia.layout-modern .eg-grid { 
        grid-template-columns: 1fr; 
    }
    .eg-economia.layout-modern .eg-mapa {
        height: auto;
        aspect-ratio: 4 / 3;
        max-width: 100%;
    }
    .eg-economia.layout-modern .eg-informacoes-wrap {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        height: auto;
        padding: 0.75rem;
    }
    .eg-economia.layout-modern .eg-card {
        border-radius: 0.75rem;
        padding: 0.75rem;
        gap: 0.75rem;
        width: 100%;
        height: auto;
    }
    .eg-economia.layout-modern .eg-card.eg-aggregate {
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 0;
    }
}

@media (max-width: 48rem) {
    .eg-economia.layout-modern {
        padding: 0.75rem;
    }
    .eg-economia.layout-modern .eg-lista li a {
        font-size: 0.875rem;
        padding: 0.375rem 1.25rem 0.375rem 0.75rem;
        max-height: 2.125rem;
        max-width: 100%;
    }
    .eg-economia.layout-modern .eg-grid-items.eg-3col {
        grid-template-columns: 1fr;
    }
    .eg-economia.layout-modern .eg-grid-items {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    }
}

/* ====== Alto Contraste ====== */
body.body-contraste .eg-economia.layout-modern {
    background-color: #000 !important;
    border-color: #fff !important;
    box-shadow: none !important;
}

body.body-contraste .eg-economia.layout-modern .eg-lista li a {
    background-color: #000 !important;
    border-color: #fff !important;
    color: #fff !important;
}

body.body-contraste .eg-economia.layout-modern .eg-lista li a.is-active {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #000 !important;
}

body.body-contraste .eg-economia.layout-modern .eg-lista li:first-child::after {
    background-color: #fff !important;
}

body.body-contraste .eg-economia.layout-modern .eg-card {
    background-color: #000 !important;
    border: 0.0625rem solid #fff !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.body-contraste .eg-economia.layout-modern .eg-card .eg-header h2,
body.body-contraste .eg-economia.layout-modern .eg-card h4,
body.body-contraste .eg-economia.layout-modern .eg-card p,
body.body-contraste .eg-economia.layout-modern .eg-card .eg-grid-items .eg-item b,
body.body-contraste .eg-economia.layout-modern .eg-card .eg-grid-items .eg-item p {
    color: #fff !important;
}

body.body-contraste .eg-economia.layout-modern .eg-mapa {
    border-color: #fff !important;
}