/**
 * @package     Ocb.Component.Anuariocoop
 * @copyright   (C) 2026 OCB / SESCOOP
 * @license     GNU General Public License version 3 or later; see LICENSE.txt
 * @since       1.9.0
 *
 * Estudos Economia — estilos do partial tmpl/estudos/economia/default_economia.php.
 * Mesmo design system dos estudos (es-*), escopado a .ac-estudo-economia.
 */

/* ============================ Hero ============================ */
.acr-hero {
    position: relative;
    overflow: hidden;
    color: var(--ocb-branco);
    min-height: 120px;
    display: flex;
    align-items: center;
    padding: 18px 32px;
    background: linear-gradient(100deg, #5883d0 0%, var(--ramo) 100%);
}

.acr-hero__art {
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% 15%;
    opacity: .30;
    pointer-events: none;
    background-image: url(/media/com_anuariocoop/images/linhas/linhas3.svg);
}

@media (max-width: 1200px) {
    .acr-hero__art { background-size: 100%; background-position: 0% 100%; }
}

.acr-hero__inner {
    width: 1240px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 26px;
    flex-wrap: wrap;
}

@media (max-width: 1200px) {
    .acr-hero__inner { width: 100%; }
}

.acr-hero__icon,
.acr-hero__icon img { width: 0 !important; }

.acr-hero__eyebrow {
    color: var(--ocb-branco);
    opacity: .92;
    margin-bottom: 12px;
    font-family: var(--font-body);
    font-size: 14px;
    margin-top: 6px;
}

.acr-hero__title {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: 40px;
    line-height: 1.05;
    letter-spacing: -.01em;
    margin: 0;
}

/* ============================ Wrapper / tokens ============================ */
.ac-estudo-economia {
    --es: var(--ramo, #6FBC85);
    --es-esc: var(--ramo-esc, #3a9b6a);
    --es-2: var(--ramo-2, #5883d0);
    --es-soft: #eaf5ee;

    --font-display: var(--font-intro-light);
    --font-display-alt: var(--font-intro-regular-alt);
    --font-body: var(--font-inter);

    --ink-2: var(--ocb-azul-marinho);
    --ink-3: #4a4f7a;
    --ink-4: #8b8fae;
    --bg-2: var(--color-bg-site);
    --bg-3: #ecedf5;
    --line: #e3e5ef;

    --ac-template-header-height: 70px;
    --ac-shell-max-width: 1320px;
    --ac-shell-submenu-height: 84px;

    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.ac-estudo-economia *,
.ac-estudo-economia *::before,
.ac-estudo-economia *::after { box-sizing: border-box; }

.ac-estudo-economia img { max-width: 100%; }

/* ============================ Estrutura de seção ============================ */
.ac-estudo-economia .es-sec { padding: 60px 32px 56px; }
.ac-estudo-economia .es-sec--white { background: #fff; }
.ac-estudo-economia .es-sec--alt { background: var(--bg-2); }
.ac-estudo-economia .es-sec--last { padding-bottom: 72px; }

.ac-estudo-economia .es-wrap { max-width: 1180px; margin: 0 auto; }
.ac-estudo-economia .es-wrap--narrow { max-width: 1180px; }

.ac-estudo-economia .es-head { margin-bottom: 30px; }

.ac-estudo-economia .es-eyebrow {
    color: var(--es-esc);
    margin-bottom: 14px;
    font-family: var(--font-display-alt);
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    letter-spacing: .4em;
    text-transform: uppercase;
}

.ac-estudo-economia .es-h2 {
    font-family: var(--font-display, inherit);
    font-weight: 300;
    font-size: 28px;
    color: var(--ink-2);
    line-height: 1.16;
    margin: 0 0 20px;
    max-width: 34ch;
}

.ac-estudo-economia .es-lede {
    font-family: var(--font-body, inherit);
    font-size: 16px;
    line-height: 1.66;
    color: var(--ink-2);
    margin: 0 0 16px;
}

.ac-estudo-economia .es-lede:last-child { margin-bottom: 0; }
.ac-estudo-economia .es-lede strong { color: var(--ink-2); }

.ac-estudo-economia .es-met__p {
    font-family: var(--font-body, inherit);
    font-size: 16px;
    line-height: 1.64;
    color: var(--ink-3);
    margin: 0 0 14px;
}

.ac-estudo-economia .es-met__p:last-child { margin-bottom: 0; }
.ac-estudo-economia .es-met__p strong { color: var(--ink-2); }

.ac-estudo-economia .card {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
}

/* ============================ Grids ============================ */
.ac-estudo-economia .es-grid { display: grid; gap: 18px; }

/* Benefícios locais: cartão com título, valor, chip e descrição. */
.ac-estudo-economia .es-stat-grid--3 { grid-template-columns: repeat(3, 1fr); }

.ac-estudo-economia .es-stat {
    padding: 26px;
    background: transparent;
    border: 1.5px solid var(--es);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ac-estudo-economia .es-stat__label {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 17px;
    line-height: 1.25;
    color: var(--ink-2);
}

.ac-estudo-economia .es-stat__value {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: 42px;
    line-height: 1;
    color: var(--es-esc);
}

.ac-estudo-economia .es-stat__chip {
    align-self: flex-start;
    font-family: var(--font-body);
    font-weight: 700;
    font-size: 12px;
    color: var(--es-esc);
    background: var(--es-soft);
    border-radius: 999px;
    padding: 5px 12px;
}

.ac-estudo-economia .es-stat__desc {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1.55;
    color: var(--ink-4);
}

/* ============================ Multiplicadores ============================ */
.ac-estudo-economia .es-mult__cap {
    font-family: var(--font-display);
    font-weight: 500;
    font-size: 18px;
    color: var(--es-esc);
    margin: 26px 0 18px;
}

.ac-estudo-economia .es-mult-grid--4 { grid-template-columns: repeat(4, 1fr); gap: 18px; }

.ac-estudo-economia .es-mult {
    padding: 26px;
    border: 1.5px solid var(--es);
    background: transparent;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ac-estudo-economia .es-mult__title {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 16px;
    color: var(--ink-2);
}

.ac-estudo-economia .es-mult__value {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: 40px;
    line-height: 1;
    color: var(--es-esc);
}

.ac-estudo-economia .es-mult__txt {
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1.55;
    color: var(--ink-4);
}

/* ============================ Impacto social — demanda x produção ============================ */
.ac-estudo-economia .es-prod-grid { grid-template-columns: repeat(2, 1fr); margin-bottom: 12px; }

.ac-estudo-economia .es-prod {
    padding: 26px 28px;
    background: transparent;
    border: 1.5px solid var(--es);
}

.ac-estudo-economia .es-prod__label {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 15px;
    line-height: 1.4;
    color: var(--ink-3);
    margin-bottom: 12px;
}

.ac-estudo-economia .es-prod__value {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: 40px;
    line-height: 1;
    color: var(--es-esc);
}

/* ============================ Impacto social — Diretos / Indiretos / Totais ============================ */
.ac-estudo-economia .es-imp { padding: 24px 26px; margin-bottom: 16px; }
.ac-estudo-economia .es-imp:last-child { margin-bottom: 0; }

.ac-estudo-economia .es-imp__title {
    font-family: var(--font-display);
    font-weight: 500;
    font-size: 18px;
    color: var(--ink-2);
    margin-bottom: 18px;
}

.ac-estudo-economia .es-imp__vals {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.ac-estudo-economia .es-imp__val {
    border-left: 3px solid var(--line);
    padding-left: 14px;
}

.ac-estudo-economia .es-imp__val--total { border-left-color: var(--es); }

.ac-estudo-economia .es-imp__cap {
    font-family: var(--font-body);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--ink-4);
    font-weight: 700;
    margin-bottom: 6px;
}

.ac-estudo-economia .es-imp__val--total .es-imp__cap { color: var(--es-esc); }

.ac-estudo-economia .es-imp__num {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: 26px;
    line-height: 1.3;
    color: var(--ink-2);
}

.ac-estudo-economia .es-imp__val--total .es-imp__num { font-size: 28px; color: var(--es-esc); }

.ac-estudo-economia .es-imp__ref {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--line);
    font-family: var(--font-body);
    font-style: italic;
    font-size: 13px;
    color: var(--ink-4);
}

/* ============================ Citação de encerramento ============================ */
.ac-estudo-economia .es-quote {
    margin: 0;
    border-left: 4px solid var(--es);
    padding: 6px 0 6px 32px;
}

.ac-estudo-economia .es-quote__icon {
    display: block;
    color: var(--es);
    font-size: 30px;
    margin-bottom: 18px;
}

.ac-estudo-economia .es-quote__text {
    margin: 0 0 22px;
    font-family: var(--font-body);
    font-style: italic;
    font-size: 22px;
    line-height: 1.5;
    color: var(--ink-2);
}

.ac-estudo-economia .es-quote__author {
    font-family: var(--font-body);
    font-weight: 700;
    font-size: 15px;
    color: var(--es-esc);
}

/* ============================ Responsivo ============================ */
@media (max-width: 1000px) {
    .ac-estudo-economia .es-sec { padding-left: 22px; padding-right: 22px; }
    .ac-estudo-economia .es-stat-grid--3 { grid-template-columns: 1fr 1fr; }
    .ac-estudo-economia .es-mult-grid--4 { grid-template-columns: 1fr 1fr; }
    .acr-hero__title { font-size: 34px; }
}

@media (max-width: 620px) {
    .ac-estudo-economia .es-stat-grid--3 { grid-template-columns: 1fr; }
    .ac-estudo-economia .es-mult-grid--4 { grid-template-columns: 1fr; }
    .ac-estudo-economia .es-prod-grid { grid-template-columns: 1fr; }
    .ac-estudo-economia .es-imp__vals { grid-template-columns: 1fr; }
}