/* ==========================================================================
   PORTAL AARCA
   PLUVIOMETRIA.CSS
   Versão 1.0 — Premium Mobile First
   ========================================================================== */


/* ==========================================================================
   1. VARIÁVEIS
   ========================================================================== */

.pluviometria-page {
    --pluv-green-dark: #17351d;
    --pluv-green: #2e7d32;
    --pluv-green-hover: #256628;
    --pluv-green-light: #eaf5eb;

    --pluv-blue: #2877a8;
    --pluv-blue-light: #eaf5fb;

    --pluv-text: #536159;
    --pluv-text-soft: #748078;

    --pluv-border: rgba(23, 53, 29, 0.10);

    --pluv-background: #ffffff;
    --pluv-background-soft: #f7faf7;

    --pluv-shadow:
        0 14px 36px rgba(23, 53, 29, 0.08);

    --pluv-shadow-hover:
        0 20px 46px rgba(23, 53, 29, 0.13);

    width: 100%;

    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8fbf8 100%
        );

    color: var(--pluv-text);
}


/* ==========================================================================
   2. CONTAINER
   ========================================================================== */

.pluviometria-page .container {
    width: min(92%, 1200px);
    margin-inline: auto;
}


/* ==========================================================================
   3. HERO
   ========================================================================== */

.pluviometria-hero {
    position: relative;

    overflow: hidden;

    padding: 54px 0 42px;

    text-align: center;

    background:
        radial-gradient(
            circle at 15% 10%,
            rgba(40, 119, 168, 0.10),
            transparent 36%
        ),
        radial-gradient(
            circle at 85% 5%,
            rgba(46, 125, 50, 0.10),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #fbfdfb,
            #f4f9f5
        );
}

.pluviometria-hero::before {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    top: -80px;
    right: -70px;

    border-radius: 50%;

    border:
        30px solid
        rgba(40, 119, 168, 0.045);

    pointer-events: none;
}

.pluviometria-hero::after {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    bottom: -95px;
    left: -75px;

    border-radius: 50%;

    background:
        rgba(46, 125, 50, 0.035);

    pointer-events: none;
}

.pluviometria-hero .container {
    position: relative;
    z-index: 2;
}

.pluviometria-hero .section-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    min-height: 36px;

    padding: 8px 15px;
    margin-bottom: 14px;

    border: 1px solid rgba(40, 119, 168, 0.13);
    border-radius: 999px;

    background: var(--pluv-blue-light);

    color: #23668f;

    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
}

.pluviometria-hero h1 {
    margin: 0 0 15px;

    color: var(--pluv-green-dark);

    font-size: clamp(38px, 11vw, 56px);
    line-height: 1.05;

    letter-spacing: -0.04em;
}

.pluviometria-hero p {
    max-width: 760px;

    margin: 0 auto;

    color: var(--pluv-text);

    font-size: 16px;
    line-height: 1.75;
}


/* ==========================================================================
   4. RESUMO / INDICADORES
   ========================================================================== */

.pluviometria-summary {
    padding: 36px 0 22px;
}

.pluviometria-summary-grid {
    display: grid;
    grid-template-columns: 1fr;

    gap: 14px;
}


/* ==========================================================================
   5. CARD DE INDICADOR
   ========================================================================== */

.pluviometria-summary-card {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-height: 170px;

    padding: 25px 18px;

    overflow: hidden;

    text-align: center;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f5faf6
        );

    border: 1px solid var(--pluv-border);
    border-radius: 18px;

    box-shadow: var(--pluv-shadow);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.pluviometria-summary-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    width: 58px;
    height: 4px;

    transform: translateX(-50%);

    border-radius: 0 0 8px 8px;

    background:
        linear-gradient(
            90deg,
            var(--pluv-blue),
            var(--pluv-green)
        );
}

.pluviometria-summary-card:hover {
    transform: translateY(-4px);

    border-color:
        rgba(46, 125, 50, 0.18);

    box-shadow: var(--pluv-shadow-hover);
}

.pluviometria-summary-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 46px;
    height: 46px;

    margin-bottom: 14px;

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            var(--pluv-blue-light),
            var(--pluv-green-light)
        );

    font-size: 23px;
}

.pluviometria-summary-card strong {
    display: block;

    margin-bottom: 8px;

    color: var(--pluv-green-dark);

    font-size: clamp(30px, 9vw, 42px);
    font-weight: 850;
    line-height: 1;

    letter-spacing: -0.04em;

    overflow-wrap: anywhere;
}

.pluviometria-summary-card > span:not(.pluviometria-summary-icon) {
    color: var(--pluv-text);

    font-size: 14px;
    font-weight: 750;
    line-height: 1.45;
}

.pluviometria-summary-card small {
    display: block;

    margin-top: 5px;

    color: var(--pluv-text-soft);

    font-size: 12px;
    line-height: 1.4;
}


/* ==========================================================================
   6. ÚLTIMA MEDIÇÃO
   ========================================================================== */

.pluviometria-latest {
    padding: 28px 0 16px;
}

.pluviometria-latest-card {
    position: relative;

    overflow: hidden;

    padding: 26px 22px;

    border: 1px solid rgba(40, 119, 168, 0.13);
    border-radius: 22px;

    background:
        radial-gradient(
            circle at 95% 0%,
            rgba(40, 119, 168, 0.10),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #ffffff,
            #f3f9fb
        );

    box-shadow:
        0 16px 38px rgba(23, 53, 29, 0.07);
}

.pluviometria-latest-card::before {
    content: "🌧️";

    position: absolute;

    right: 20px;
    bottom: -6px;

    font-size: 88px;

    opacity: 0.055;

    pointer-events: none;
}

.pluviometria-latest-content {
    position: relative;
    z-index: 2;
}

.pluviometria-latest .section-badge {
    display: inline-flex;
    align-items: center;

    padding: 7px 13px;
    margin-bottom: 10px;

    border-radius: 999px;

    background: var(--pluv-blue-light);

    color: #23668f;

    font-size: 12px;
    font-weight: 800;

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.pluviometria-latest h2 {
    margin: 0 0 14px;

    color: var(--pluv-green-dark);

    font-size: clamp(38px, 11vw, 58px);
    font-weight: 850;
    line-height: 1;

    letter-spacing: -0.045em;
}

.pluviometria-latest p {
    margin: 8px 0;

    color: var(--pluv-text);

    font-size: 15px;
    line-height: 1.65;
}

.pluviometria-latest p strong {
    color: var(--pluv-green-dark);
}


/* ==========================================================================
   7. HISTÓRICO
   ========================================================================== */

.pluviometria-history {
    padding: 58px 0 78px;
}


/* ==========================================================================
   8. CABEÇALHO DA SEÇÃO
   ========================================================================== */

.pluviometria-section-heading {
    max-width: 760px;

    margin: 0 auto 32px;

    text-align: center;
}

.pluviometria-section-heading > span {
    display: block;

    margin-bottom: 8px;

    color: var(--pluv-green);

    font-size: 12px;
    font-weight: 850;
    line-height: 1.3;

    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.pluviometria-section-heading h2 {
    margin: 0 0 12px;

    color: var(--pluv-green-dark);

    font-size: clamp(30px, 8vw, 42px);
    line-height: 1.12;

    letter-spacing: -0.03em;
}

.pluviometria-section-heading p {
    margin: 0;

    color: var(--pluv-text);

    font-size: 15px;
    line-height: 1.7;
}


/* ==========================================================================
   9. TABELA — OCULTA NO CELULAR
   ========================================================================== */

.pluviometria-table-wrapper {
    display: none;
}


/* ==========================================================================
   10. CARDS DO HISTÓRICO — MOBILE FIRST
   ========================================================================== */

.pluviometria-history-cards {
    display: grid;
    grid-template-columns: 1fr;

    gap: 14px;
}

.pluviometria-history-card {
    padding: 18px;

    background: #ffffff;

    border: 1px solid var(--pluv-border);
    border-radius: 16px;

    box-shadow:
        0 9px 24px rgba(23, 53, 29, 0.06);
}

.pluviometria-history-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 14px;

    padding-bottom: 13px;
    margin-bottom: 13px;

    border-bottom: 1px solid var(--pluv-border);
}

.pluviometria-history-card-header time {
    color: var(--pluv-text-soft);

    font-size: 13px;
    font-weight: 750;
}

.pluviometria-history-card-header strong {
    color: var(--pluv-blue);

    font-size: 23px;
    font-weight: 850;
    line-height: 1;
}

.pluviometria-history-card p {
    margin: 8px 0;

    color: var(--pluv-text);

    font-size: 14px;
    line-height: 1.55;
}

.pluviometria-history-note {
    margin-top: 14px;
    padding: 13px 14px;

    border-left: 4px solid var(--pluv-green);
    border-radius: 9px;

    background: var(--pluv-background-soft);

    color: var(--pluv-text);

    font-size: 13px;
    line-height: 1.6;
}


/* ==========================================================================
   11. ESTADO VAZIO
   ========================================================================== */

.pluviometria-empty {
    max-width: 720px;

    margin: 0 auto;

    padding: 42px 22px;

    text-align: center;

    background:
        linear-gradient(
            145deg,
            #f5faf5,
            #ffffff
        );

    border: 1px solid var(--pluv-border);
    border-radius: 20px;

    box-shadow:
        0 14px 32px rgba(23, 53, 29, 0.06);
}

.pluviometria-empty h2 {
    margin: 0 0 12px;

    color: var(--pluv-green-dark);

    font-size: 27px;
}

.pluviometria-empty p {
    margin: 0;

    color: var(--pluv-text);

    font-size: 15px;
    line-height: 1.7;
}


/* ==========================================================================
   12. CELULAR MUITO PEQUENO
   ========================================================================== */

@media (max-width: 359px) {

    .pluviometria-page .container {
        width: 94%;
    }

    .pluviometria-hero {
        padding-top: 44px;
        padding-bottom: 34px;
    }

    .pluviometria-hero h1 {
        font-size: 36px;
    }

    .pluviometria-summary-card {
        min-height: 155px;

        padding: 22px 15px;
    }

    .pluviometria-summary-card strong {
        font-size: 31px;
    }

    .pluviometria-latest-card {
        padding: 23px 18px;
    }

    .pluviometria-history-card {
        padding: 16px;
    }

    .pluviometria-history-card-header {
        align-items: flex-start;
        flex-direction: column;

        gap: 8px;
    }

}


/* ==========================================================================
   13. CELULAR GRANDE
   ========================================================================== */

@media (min-width: 521px) {

    .pluviometria-summary-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 16px;
    }

    .pluviometria-latest-card {
        padding: 32px;
    }

    .pluviometria-history-cards {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 18px;
    }

}


/* ==========================================================================
   14. TABLET
   ========================================================================== */

@media (min-width: 769px) {

    .pluviometria-hero {
        padding: 68px 0 52px;
    }

    .pluviometria-hero p {
        font-size: 17px;
    }

    .pluviometria-summary {
        padding-top: 46px;
    }

    .pluviometria-summary-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        gap: 18px;
    }

    .pluviometria-summary-card {
        min-height: 185px;

        padding: 28px 20px;
    }

    .pluviometria-latest {
        padding-top: 38px;
    }

    .pluviometria-latest-card {
        padding: 38px 42px;
    }

    .pluviometria-history {
        padding-top: 72px;
        padding-bottom: 92px;
    }


    /*
    |--------------------------------------------------------------------------
    | TABELA NO TABLET / DESKTOP
    |--------------------------------------------------------------------------
    */

    .pluviometria-table-wrapper {
        display: block;

        width: 100%;

        overflow-x: auto;

        background: #ffffff;

        border: 1px solid var(--pluv-border);
        border-radius: 18px;

        box-shadow:
            0 14px 34px rgba(23, 53, 29, 0.07);
    }

    .pluviometria-table {
        width: 100%;

        min-width: 760px;

        border-collapse: collapse;
    }

    .pluviometria-table thead {
        background:
            linear-gradient(
                180deg,
                #f5faf6,
                #eef6ef
            );
    }

    .pluviometria-table th {
        padding: 16px 18px;

        color: var(--pluv-green-dark);

        font-size: 12px;
        font-weight: 850;
        line-height: 1.4;

        letter-spacing: 0.05em;
        text-align: left;
        text-transform: uppercase;

        border-bottom: 1px solid var(--pluv-border);
    }

    .pluviometria-table td {
        padding: 16px 18px;

        color: var(--pluv-text);

        font-size: 14px;
        line-height: 1.5;

        border-bottom: 1px solid #edf1ed;
    }

    .pluviometria-table tbody tr:last-child td {
        border-bottom: 0;
    }

    .pluviometria-table tbody tr {
        transition:
            background 0.2s ease;
    }

    .pluviometria-table tbody tr:hover {
        background: #f9fbf9;
    }

    .pluviometria-table td strong {
        color: var(--pluv-blue);

        font-size: 15px;
        font-weight: 850;
    }


    /*
    |--------------------------------------------------------------------------
    | OCULTA CARDS QUANDO A TABELA APARECE
    |--------------------------------------------------------------------------
    */

    .pluviometria-history-cards {
        display: none;
    }

}


/* ==========================================================================
   15. DESKTOP
   ========================================================================== */

@media (min-width: 1024px) {

    .pluviometria-summary-grid {
        grid-template-columns:
            repeat(5, minmax(0, 1fr));

        gap: 18px;
    }

    .pluviometria-summary-card {
        min-height: 190px;
    }

    .pluviometria-latest-card {
        padding: 44px 50px;
    }

    .pluviometria-latest-content {
        max-width: 700px;
    }

    .pluviometria-latest-card::before {
        right: 46px;
        bottom: -20px;

        font-size: 150px;
    }

}


/* ==========================================================================
   16. DESKTOP GRANDE
   ========================================================================== */

@media (min-width: 1280px) {

    .pluviometria-summary-grid {
        gap: 22px;
    }

    .pluviometria-summary-card {
        padding-left: 22px;
        padding-right: 22px;
    }

}


/* ==========================================================================
   17. ACESSIBILIDADE — REDUÇÃO DE MOVIMENTO
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

    .pluviometria-summary-card,
    .pluviometria-table tbody tr {
        transition: none;
    }

    .pluviometria-summary-card:hover {
        transform: none;
    }

}


/* ==========================================================================
   18. IMPRESSÃO
   ========================================================================== */

@media print {

    .pluviometria-page {
        background: #ffffff;
    }

    .pluviometria-hero {
        padding: 20px 0;

        background: #ffffff;
    }

    .pluviometria-summary-card,
    .pluviometria-latest-card,
    .pluviometria-table-wrapper {
        box-shadow: none;
    }

    .pluviometria-summary-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .pluviometria-history-cards {
        display: none;
    }

    .pluviometria-table-wrapper {
        display: block;

        overflow: visible;
    }

    .pluviometria-table {
        min-width: 0;
    }

}
/* ==========================================================================
   19. FILTROS — SPRINT 9.3-A
   ========================================================================== */

.pluviometria-filters {
    padding: 30px 0 12px;
}

.pluviometria-filter-form {
    display: grid;
    grid-template-columns: 1fr;

    gap: 14px;

    padding: 18px;

    background: #ffffff;

    border: 1px solid var(--pluv-border);
    border-radius: 18px;

    box-shadow:
        0 12px 30px rgba(23, 53, 29, 0.06);
}

.pluviometria-filter-field {
    min-width: 0;
}

.pluviometria-filter-field label {
    display: block;

    margin-bottom: 7px;

    color: var(--pluv-green-dark);

    font-size: 12px;
    font-weight: 800;

    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.pluviometria-filter-field select {
    width: 100%;
    min-height: 48px;

    padding: 10px 38px 10px 13px;

    border: 1px solid #d9e4da;
    border-radius: 12px;

    background: #ffffff;

    color: var(--pluv-text);

    font-size: 14px;

    outline: none;
}

.pluviometria-filter-field select:focus {
    border-color: var(--pluv-green);

    box-shadow:
        0 0 0 3px rgba(46, 125, 50, 0.10);
}

.pluviometria-filter-actions {
    display: flex;
    flex-direction: column;

    gap: 10px;
}

.pluviometria-filter-actions .btn {
    width: 100%;
    min-height: 48px;
}

.pluviometria-clear-filters {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 44px;

    padding: 10px 14px;

    color: var(--pluv-green);

    font-size: 14px;
    font-weight: 800;

    text-decoration: none;
}

.pluviometria-clear-filters:hover {
    text-decoration: underline;
}


/* ==========================================================================
   20. PERÍODO SELECIONADO
   ========================================================================== */

.pluviometria-period {
    padding: 10px 0 2px;
}

.pluviometria-period-label {
    display: flex;
    flex-direction: column;

    gap: 4px;

    padding: 14px 16px;

    background: var(--pluv-background-soft);

    border: 1px solid var(--pluv-border);
    border-radius: 14px;
}

.pluviometria-period-label span {
    color: var(--pluv-text-soft);

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.pluviometria-period-label strong {
    color: var(--pluv-green-dark);

    font-size: 15px;
    line-height: 1.4;
}


/* ==========================================================================
   21. FILTROS — TABLET
   ========================================================================== */

@media (min-width: 769px) {

    .pluviometria-filters {
        padding-top: 38px;
    }

    .pluviometria-filter-form {
        grid-template-columns:
            0.8fr
            1fr
            1.5fr
            auto;

        align-items: end;

        gap: 16px;

        padding: 22px;
    }

    .pluviometria-filter-actions {
        flex-direction: row;

        align-items: center;
    }

    .pluviometria-filter-actions .btn {
        width: auto;

        min-width: 150px;
    }

    .pluviometria-period-label {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;

        gap: 18px;
    }

}


/* ==========================================================================
   22. FILTROS — DESKTOP
   ========================================================================== */

@media (min-width: 1024px) {

    .pluviometria-filter-form {
        grid-template-columns:
            150px
            180px
            minmax(260px, 1fr)
            auto;
    }

}
/* ==========================================================================
   23. GRÁFICO MENSAL — SPRINT 9.3-B2
   ========================================================================== */

.pluviometria-chart-section {
    padding: 54px 0 28px;
}

.pluviometria-chart-section .container {
    position: relative;
}


/* ==========================================================================
   24. RESUMO DO GRÁFICO
   ========================================================================== */

.pluviometria-chart-summary {
    display: grid;
    grid-template-columns: 1fr;

    gap: 12px;

    margin-bottom: 20px;
}

.pluviometria-chart-summary > div {
    position: relative;

    padding: 18px;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f5faf6
        );

    border: 1px solid var(--pluv-border);
    border-radius: 16px;

    box-shadow:
        0 9px 25px rgba(23, 53, 29, 0.055);
}

.pluviometria-chart-summary > div::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 4px;
    height: 100%;

    background:
        linear-gradient(
            180deg,
            var(--pluv-blue),
            var(--pluv-green)
        );
}

.pluviometria-chart-summary span {
    display: block;

    margin-bottom: 7px;

    color: var(--pluv-text-soft);

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.pluviometria-chart-summary strong {
    display: block;

    color: var(--pluv-green-dark);

    font-size: 25px;
    font-weight: 850;
    line-height: 1.15;

    letter-spacing: -0.025em;
}

.pluviometria-chart-summary small {
    display: block;

    margin-top: 5px;

    color: var(--pluv-blue);

    font-size: 13px;
    font-weight: 750;
}


/* ==========================================================================
   25. ÁREA DO GRÁFICO
   ========================================================================== */

.pluviometria-month-chart {
    display: grid;
    grid-template-columns: 1fr;

    gap: 8px;

    padding: 16px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fbfdfb
        );

    border: 1px solid var(--pluv-border);
    border-radius: 20px;

    box-shadow:
        0 15px 38px rgba(23, 53, 29, 0.07);
}


/* ==========================================================================
   26. LINHA DO MÊS
   ========================================================================== */

.pluviometria-month-row {
    display: grid;

    grid-template-columns:
        45px
        minmax(0, 1fr)
        72px;

    align-items: center;

    gap: 10px;

    min-height: 45px;

    padding: 6px 7px;

    border-radius: 10px;

    transition:
        background 0.2s ease,
        transform 0.2s ease;
}

.pluviometria-month-row:hover {
    background:
        rgba(46, 125, 50, 0.035);
}


/* ==========================================================================
   27. MÊS SELECIONADO PELO FILTRO
   ========================================================================== */

.pluviometria-month-row.is-selected {
    background:
        linear-gradient(
            90deg,
            rgba(40, 119, 168, 0.08),
            rgba(46, 125, 50, 0.055)
        );

    outline:
        1px solid
        rgba(40, 119, 168, 0.10);
}


/* ==========================================================================
   28. NOME DO MÊS
   ========================================================================== */

.pluviometria-month-label {
    min-width: 0;
}

.pluviometria-month-label strong {
    display: block;

    color: var(--pluv-green-dark);

    font-size: 13px;
    font-weight: 850;
    line-height: 1.2;
}

.pluviometria-month-label span {
    display: none;

    color: var(--pluv-text-soft);

    font-size: 11px;
    line-height: 1.3;
}


/* ==========================================================================
   29. TRILHO DA BARRA
   ========================================================================== */

.pluviometria-month-track {
    position: relative;

    width: 100%;
    height: 14px;

    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            #edf2ee,
            #e7eee8
        );

    border-radius: 999px;

    box-shadow:
        inset 0 1px 2px
        rgba(23, 53, 29, 0.06);
}


/* ==========================================================================
   30. BARRA
   ========================================================================== */

.pluviometria-month-bar {
    width: var(--pluv-month-width, 0%);
    height: 100%;

    min-width: 0;

    border-radius: inherit;

    background:
        linear-gradient(
            90deg,
            var(--pluv-blue),
            #3495b8,
            var(--pluv-green)
        );

    box-shadow:
        0 2px 8px
        rgba(40, 119, 168, 0.16);

    transition:
        width 0.6s ease;
}


/* ==========================================================================
   31. VALOR DO MÊS
   ========================================================================== */

.pluviometria-month-value {
    color: var(--pluv-blue);

    font-size: 12px;
    font-weight: 850;
    line-height: 1.25;

    text-align: right;

    white-space: nowrap;
}


/* ==========================================================================
   32. TABLET
   ========================================================================== */

@media (min-width: 521px) {

    .pluviometria-chart-summary {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 16px;
    }

    .pluviometria-month-chart {
        padding: 20px;
    }

    .pluviometria-month-row {
        grid-template-columns:
            100px
            minmax(0, 1fr)
            90px;

        gap: 14px;

        min-height: 50px;

        padding: 7px 10px;
    }

    .pluviometria-month-label strong {
        font-size: 14px;
    }

    .pluviometria-month-label span {
        display: block;

        margin-top: 2px;
    }

    .pluviometria-month-value {
        font-size: 13px;
    }

}


/* ==========================================================================
   33. TABLET GRANDE / DESKTOP
   ========================================================================== */

@media (min-width: 769px) {

    .pluviometria-chart-section {
        padding-top: 70px;
        padding-bottom: 38px;
    }

    .pluviometria-chart-summary {
        max-width: 760px;

        margin-left: auto;
        margin-right: auto;
        margin-bottom: 26px;
    }

    .pluviometria-chart-summary > div {
        padding: 21px 22px;
    }

    .pluviometria-chart-summary strong {
        font-size: 29px;
    }

    .pluviometria-month-chart {
        max-width: 1000px;

        margin-inline: auto;

        padding: 26px;

        gap: 7px;
    }

    .pluviometria-month-row {
        grid-template-columns:
            125px
            minmax(0, 1fr)
            105px;

        min-height: 54px;

        gap: 18px;

        padding: 8px 12px;
    }

    .pluviometria-month-track {
        height: 17px;
    }

    .pluviometria-month-label strong {
        font-size: 15px;
    }

    .pluviometria-month-label span {
        font-size: 12px;
    }

    .pluviometria-month-value {
        font-size: 14px;
    }

}


/* ==========================================================================
   34. DESKTOP
   ========================================================================== */

@media (min-width: 1024px) {

    .pluviometria-month-chart {
        padding: 30px 34px;
    }

    .pluviometria-month-row {
        grid-template-columns:
            140px
            minmax(0, 1fr)
            115px;

        min-height: 57px;

        padding-left: 14px;
        padding-right: 14px;
    }

    .pluviometria-month-row:hover {
        transform: translateX(3px);
    }

    .pluviometria-month-track {
        height: 18px;
    }

}


/* ==========================================================================
   35. ACESSIBILIDADE
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

    .pluviometria-month-row,
    .pluviometria-month-bar {
        transition: none;
    }

    .pluviometria-month-row:hover {
        transform: none;
    }

}


/* ==========================================================================
   36. IMPRESSÃO
   ========================================================================== */

@media print {

    .pluviometria-chart-summary > div,
    .pluviometria-month-chart {
        box-shadow: none;
    }

    .pluviometria-month-bar {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

}
/* ==========================================================================
   37. COMPARATIVO ANUAL — SPRINT 9.3-B4
   ========================================================================== */

.pluviometria-annual-section {
    padding: 58px 0 34px;

    background:
        linear-gradient(
            180deg,
            rgba(234, 245, 235, 0.28),
            rgba(255, 255, 255, 0)
        );
}


/* ==========================================================================
   38. RESUMO ANUAL
   ========================================================================== */

.pluviometria-annual-summary {
    display: grid;
    grid-template-columns: 1fr;

    gap: 12px;

    margin-bottom: 20px;
}

.pluviometria-annual-summary > div {
    position: relative;

    min-width: 0;

    padding: 18px 18px 18px 22px;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f6faf7
        );

    border: 1px solid var(--pluv-border);
    border-radius: 16px;

    box-shadow:
        0 10px 26px rgba(23, 53, 29, 0.055);
}

.pluviometria-annual-summary > div::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 4px;
    height: 100%;

    background:
        linear-gradient(
            180deg,
            var(--pluv-green),
            var(--pluv-blue)
        );
}

.pluviometria-annual-summary span {
    display: block;

    margin-bottom: 7px;

    color: var(--pluv-text-soft);

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.pluviometria-annual-summary strong {
    display: block;

    color: var(--pluv-green-dark);

    font-size: 26px;
    font-weight: 850;
    line-height: 1.1;

    letter-spacing: -0.025em;
}

.pluviometria-annual-summary small {
    display: block;

    margin-top: 6px;

    color: var(--pluv-blue);

    font-size: 13px;
    font-weight: 750;
}


/* ==========================================================================
   39. GRÁFICO ANUAL
   ========================================================================== */

.pluviometria-annual-chart {
    display: grid;
    grid-template-columns: 1fr;

    gap: 9px;

    padding: 16px;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fafdfa
        );

    border: 1px solid var(--pluv-border);
    border-radius: 20px;

    box-shadow:
        0 15px 38px rgba(23, 53, 29, 0.07);
}


/* ==========================================================================
   40. LINHA DO ANO
   ========================================================================== */

.pluviometria-annual-row {
    display: grid;

    grid-template-columns:
        62px
        minmax(0, 1fr)
        82px;

    align-items: center;

    gap: 10px;

    min-height: 52px;

    padding: 7px;

    border-radius: 11px;

    transition:
        background 0.2s ease,
        transform 0.2s ease;
}

.pluviometria-annual-row:hover {
    background:
        rgba(46, 125, 50, 0.04);
}


/* ==========================================================================
   41. ANO SELECIONADO
   ========================================================================== */

.pluviometria-annual-row.is-selected {
    background:
        linear-gradient(
            90deg,
            rgba(46, 125, 50, 0.09),
            rgba(40, 119, 168, 0.055)
        );

    outline:
        1px solid rgba(46, 125, 50, 0.12);
}


/* ==========================================================================
   42. IDENTIFICAÇÃO DO ANO
   ========================================================================== */

.pluviometria-annual-year {
    min-width: 0;
}

.pluviometria-annual-year strong {
    display: block;

    color: var(--pluv-green-dark);

    font-size: 15px;
    font-weight: 850;
    line-height: 1.2;
}

.pluviometria-annual-year span {
    display: block;

    margin-top: 3px;

    color: var(--pluv-green);

    font-size: 9px;
    font-weight: 800;
    line-height: 1.2;

    letter-spacing: 0.02em;
    text-transform: uppercase;
}


/* ==========================================================================
   43. TRILHO ANUAL
   ========================================================================== */

.pluviometria-annual-track {
    position: relative;

    width: 100%;
    height: 15px;

    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            #edf2ee,
            #e6ede7
        );

    border-radius: 999px;

    box-shadow:
        inset 0 1px 2px
        rgba(23, 53, 29, 0.07);
}


/* ==========================================================================
   44. BARRA ANUAL
   ========================================================================== */

.pluviometria-annual-bar {
    width: var(--pluv-annual-width, 0%);
    height: 100%;

    border-radius: inherit;

    background:
        linear-gradient(
            90deg,
            var(--pluv-green),
            #3b9461,
            var(--pluv-blue)
        );

    box-shadow:
        0 2px 8px
        rgba(46, 125, 50, 0.17);

    transition:
        width 0.65s ease;
}


/* ==========================================================================
   45. TOTAL DO ANO
   ========================================================================== */

.pluviometria-annual-value {
    color: var(--pluv-blue);

    font-size: 12px;
    font-weight: 850;
    line-height: 1.25;

    text-align: right;

    white-space: nowrap;
}


/* ==========================================================================
   46. CELULAR MUITO PEQUENO
   ========================================================================== */

@media (max-width: 359px) {

    .pluviometria-annual-chart {
        padding: 12px;
    }

    .pluviometria-annual-row {
        grid-template-columns:
            52px
            minmax(0, 1fr)
            70px;

        gap: 7px;

        padding-left: 4px;
        padding-right: 4px;
    }

    .pluviometria-annual-year strong {
        font-size: 13px;
    }

    .pluviometria-annual-year span {
        font-size: 8px;
    }

    .pluviometria-annual-value {
        font-size: 11px;
    }

}


/* ==========================================================================
   47. CELULAR GRANDE
   ========================================================================== */

@media (min-width: 521px) {

    .pluviometria-annual-summary {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 16px;
    }

    .pluviometria-annual-chart {
        padding: 20px;
    }

    .pluviometria-annual-row {
        grid-template-columns:
            90px
            minmax(0, 1fr)
            100px;

        gap: 14px;

        min-height: 56px;

        padding: 8px 10px;
    }

    .pluviometria-annual-year strong {
        font-size: 16px;
    }

    .pluviometria-annual-value {
        font-size: 13px;
    }

}


/* ==========================================================================
   48. TABLET / DESKTOP
   ========================================================================== */

@media (min-width: 769px) {

    .pluviometria-annual-section {
        padding-top: 76px;
        padding-bottom: 46px;
    }

    .pluviometria-annual-summary {
        max-width: 760px;

        margin-left: auto;
        margin-right: auto;
        margin-bottom: 26px;
    }

    .pluviometria-annual-summary > div {
        padding: 22px 24px 22px 28px;
    }

    .pluviometria-annual-summary strong {
        font-size: 30px;
    }

    .pluviometria-annual-chart {
        max-width: 1000px;

        margin-inline: auto;

        padding: 26px;
    }

    .pluviometria-annual-row {
        grid-template-columns:
            120px
            minmax(0, 1fr)
            120px;

        gap: 18px;

        min-height: 60px;

        padding: 9px 13px;
    }

    .pluviometria-annual-year strong {
        font-size: 17px;
    }

    .pluviometria-annual-track {
        height: 18px;
    }

    .pluviometria-annual-value {
        font-size: 14px;
    }

}


/* ==========================================================================
   49. DESKTOP
   ========================================================================== */

@media (min-width: 1024px) {

    .pluviometria-annual-chart {
        padding: 30px 34px;
    }

    .pluviometria-annual-row {
        grid-template-columns:
            135px
            minmax(0, 1fr)
            130px;

        min-height: 62px;

        padding-left: 15px;
        padding-right: 15px;
    }

    .pluviometria-annual-row:hover {
        transform: translateX(3px);
    }

    .pluviometria-annual-track {
        height: 19px;
    }

}


/* ==========================================================================
   50. ACESSIBILIDADE
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

    .pluviometria-annual-row,
    .pluviometria-annual-bar {
        transition: none;
    }

    .pluviometria-annual-row:hover {
        transform: none;
    }

}


/* ==========================================================================
   51. IMPRESSÃO
   ========================================================================== */

@media print {

    .pluviometria-annual-section {
        background: #ffffff;
    }

    .pluviometria-annual-summary > div,
    .pluviometria-annual-chart {
        box-shadow: none;
    }

    .pluviometria-annual-bar {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

}
/* ==========================================================================
   EXPORTAÇÃO CSV
   ========================================================================== */

.pluviometria-export-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    min-height: 48px;

    padding: 12px 18px;

    border: 1px solid rgba(40, 119, 168, 0.22);
    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            #edf7fc,
            #ffffff
        );

    color: var(--pluv-blue);

    font-size: 14px;
    font-weight: 800;

    text-decoration: none;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.pluviometria-export-btn:hover {
    transform: translateY(-2px);

    background: var(--pluv-blue-light);

    box-shadow:
        0 10px 24px rgba(40, 119, 168, 0.13);
}


/* CELULAR */

@media (max-width: 768px) {

    .pluviometria-export-btn {
        width: 100%;
    }

}


/* REDUÇÃO DE MOVIMENTO */

@media (prefers-reduced-motion: reduce) {

    .pluviometria-export-btn {
        transition: none;
    }

    .pluviometria-export-btn:hover {
        transform: none;
    }

}

/* ==========================================================================
   BOTÃO GERAR PDF
   ========================================================================== */

.pluviometria-pdf-btn {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    min-height: 48px;

    padding: 12px 18px;

    border: 1px solid rgba(46, 125, 50, 0.22);
    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            #f1f8f2,
            #ffffff
        );

    color: var(--pluv-green);

    font-size: 14px;
    font-weight: 800;

    text-decoration: none;

    white-space: nowrap;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease;
}


.pluviometria-pdf-btn:hover {
    transform: translateY(-2px);

    background: var(--pluv-green-light);

    border-color: rgba(46, 125, 50, 0.34);

    color: var(--pluv-green-hover);

    box-shadow:
        0 10px 24px
        rgba(46, 125, 50, 0.12);
}


/* CELULAR */

@media (max-width: 768px) {

    .pluviometria-pdf-btn {
        width: 100%;
    }

}


/* REDUÇÃO DE MOVIMENTO */

@media (prefers-reduced-motion: reduce) {

    .pluviometria-pdf-btn {
        transition: none;
    }

    .pluviometria-pdf-btn:hover {
        transform: none;
    }

}

/* ==========================================================================
   52. RELATÓRIO INSTITUCIONAL / PDF — SPRINT 9.4-B2
   ========================================================================== */


/* ==========================================================================
   53. MODO RELATÓRIO — TELA
   ========================================================================== */

.pluviometria-page.is-report-mode {
    background: #ffffff;
    color: #26342b;
}

.pluviometria-page.is-report-mode .pluviometria-hero,
.pluviometria-page.is-report-mode .pluviometria-filters,
.pluviometria-page.is-report-mode .pluviometria-period {
    display: none;
}


/* ==========================================================================
   54. CABEÇALHO DO RELATÓRIO
   ========================================================================== */

.pluviometria-report-header {
    padding: 34px 0 28px;

    background: #ffffff;

    border-bottom: 1px solid #dfe7e0;
}

.pluviometria-report-header .container {
    max-width: 980px;
}

.pluviometria-report-brand {
    display: flex;
    align-items: center;

    gap: 18px;

    margin-bottom: 28px;
}


/* LOGO */

.pluviometria-report-logo {
    flex: 0 0 auto;

    width: 110px;
}

.pluviometria-report-logo .custom-logo-link {
    display: block;
}

.pluviometria-report-logo img,
.pluviometria-report-logo .custom-logo {
    display: block;

    width: auto;
    max-width: 110px;

    height: auto;
    max-height: 90px;

    object-fit: contain;
}


/* IDENTIDADE */

.pluviometria-report-identity {
    min-width: 0;
}

.pluviometria-report-identity strong {
    display: block;

    margin-bottom: 3px;

    color: #17351d;

    font-size: 24px;
    font-weight: 850;
    line-height: 1;
}

.pluviometria-report-identity span {
    display: block;

    color: #526057;

    font-size: 14px;
    line-height: 1.45;
}


/* ==========================================================================
   55. TÍTULO DO RELATÓRIO
   ========================================================================== */

.pluviometria-report-title {
    padding: 24px 0 22px;

    border-top: 1px solid #e4ebe5;
    border-bottom: 1px solid #e4ebe5;
}

.pluviometria-report-title > span {
    display: block;

    margin-bottom: 7px;

    color: #2e7d32;

    font-size: 11px;
    font-weight: 850;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pluviometria-report-title h1 {
    margin: 0 0 10px;

    color: #17351d;

    font-size: clamp(28px, 5vw, 38px);
    line-height: 1.1;

    letter-spacing: -0.03em;
}

.pluviometria-report-title p {
    margin: 0;

    color: #5d6961;

    font-size: 14px;
    line-height: 1.6;
}


/* ==========================================================================
   56. METADADOS DO RELATÓRIO
   ========================================================================== */

.pluviometria-report-meta {
    display: grid;
    grid-template-columns: 1fr;

    gap: 10px;

    margin-top: 22px;
}

.pluviometria-report-meta > div {
    padding: 13px 15px;

    background: #f7faf7;

    border: 1px solid #e0e8e1;
    border-radius: 10px;
}

.pluviometria-report-meta span {
    display: block;

    margin-bottom: 3px;

    color: #758078;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.pluviometria-report-meta strong {
    display: block;

    color: #26372b;

    font-size: 13px;
    line-height: 1.45;
}


/* ==========================================================================
   57. AJUSTES DAS SEÇÕES NO RELATÓRIO
   ========================================================================== */

.pluviometria-page.is-report-mode .pluviometria-summary {
    padding-top: 34px;
}

.pluviometria-page.is-report-mode .pluviometria-summary-grid {
    gap: 12px;
}

.pluviometria-page.is-report-mode .pluviometria-summary-card {
    min-height: 145px;

    padding: 20px 14px;

    box-shadow: none;
}

.pluviometria-page.is-report-mode .pluviometria-summary-card strong {
    font-size: 30px;
}

.pluviometria-page.is-report-mode .pluviometria-chart-section,
.pluviometria-page.is-report-mode .pluviometria-annual-section,
.pluviometria-page.is-report-mode .pluviometria-latest,
.pluviometria-page.is-report-mode .pluviometria-history {
    padding-top: 48px;
    padding-bottom: 26px;
}

.pluviometria-page.is-report-mode .pluviometria-section-heading {
    margin-bottom: 24px;
}

.pluviometria-page.is-report-mode .pluviometria-section-heading h2 {
    font-size: 30px;
}


/* ==========================================================================
   58. GRÁFICOS NO RELATÓRIO
   ========================================================================== */

.pluviometria-page.is-report-mode .pluviometria-chart-summary,
.pluviometria-page.is-report-mode .pluviometria-annual-summary {
    max-width: 100%;
}

.pluviometria-page.is-report-mode .pluviometria-month-chart,
.pluviometria-page.is-report-mode .pluviometria-annual-chart {
    max-width: 100%;

    box-shadow: none;
}

.pluviometria-page.is-report-mode .pluviometria-month-bar,
.pluviometria-page.is-report-mode .pluviometria-annual-bar {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
}


/* ==========================================================================
   59. ÚLTIMO REGISTRO
   ========================================================================== */

.pluviometria-page.is-report-mode .pluviometria-latest-card {
    box-shadow: none;

    border-color: #dfe7e0;

    background: #f8fbf8;
}

.pluviometria-page.is-report-mode .pluviometria-latest-card::before {
    display: none;
}


/* ==========================================================================
   60. TABELA NO RELATÓRIO
   ========================================================================== */

.pluviometria-page.is-report-mode .pluviometria-table-wrapper {
    display: block;

    overflow: visible;

    box-shadow: none;

    border-radius: 10px;
}

.pluviometria-page.is-report-mode .pluviometria-table {
    min-width: 0;
}

.pluviometria-page.is-report-mode .pluviometria-history-cards {
    display: none;
}


/* ==========================================================================
   61. RODAPÉ DO RELATÓRIO
   ========================================================================== */

.pluviometria-report-footer {
    padding: 34px 0 40px;

    background: #ffffff;

    border-top: 1px solid #dfe7e0;
}

.pluviometria-report-footer .container {
    max-width: 980px;
}

.pluviometria-report-source {
    padding: 15px 17px;

    background: #f7faf7;

    border: 1px solid #e0e8e1;
    border-radius: 10px;

    color: #5a675e;

    font-size: 12px;
    line-height: 1.6;
}

.pluviometria-report-source strong {
    color: #17351d;
}

.pluviometria-report-actions {
    display: flex;
    flex-direction: column;

    gap: 10px;

    margin-top: 18px;
}

.pluviometria-report-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 48px;

    padding: 12px 18px;

    border-radius: 12px;

    text-decoration: none;
}

.pluviometria-report-back {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 44px;

    padding: 10px 14px;

    color: #2e7d32;

    font-size: 14px;
    font-weight: 800;

    text-decoration: none;
}

.pluviometria-report-back:hover {
    text-decoration: underline;
}


/* ==========================================================================
   62. TABLET / DESKTOP — RELATÓRIO
   ========================================================================== */

@media (min-width: 769px) {

    .pluviometria-report-header {
        padding-top: 42px;
        padding-bottom: 32px;
    }

    .pluviometria-report-logo {
        width: 125px;
    }

    .pluviometria-report-logo img,
    .pluviometria-report-logo .custom-logo {
        max-width: 125px;
        max-height: 96px;
    }

    .pluviometria-report-identity strong {
        font-size: 27px;
    }

    .pluviometria-report-meta {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        gap: 12px;
    }

    .pluviometria-report-actions {
        flex-direction: row;
        align-items: center;
    }

}


/* ==========================================================================
   63. IMPRESSÃO A4
   ========================================================================== */

@media print {

    @page {
        size: A4 portrait;
        margin: 14mm 12mm 16mm;
    }


    /*
    |--------------------------------------------------------------------------
    | FUNDO
    |--------------------------------------------------------------------------
    */

    html,
    body {
        background: #ffffff !important;
    }


    /*
    |--------------------------------------------------------------------------
    | OCULTA ELEMENTOS DO PORTAL
    |--------------------------------------------------------------------------
    */

    body > header,
    body > footer,

    .site-header,
    .main-header,
    .header,
    .header-wrapper,
    .site-footer,
    .footer,

    .mobile-navigation,
    .mobile-menu-overlay,

    .sorteio-float,
    .sorteios-float,
    .floating-sorteio,
    .floating-button,

    .pluviometria-hero,
    .pluviometria-filters,
    .pluviometria-period,

    .pluviometria-report-actions {
        display: none !important;
    }


    /*
    |--------------------------------------------------------------------------
    | PÁGINA
    |--------------------------------------------------------------------------
    */

    .pluviometria-page.is-report-mode {
        width: 100%;

        overflow: visible;

        background: #ffffff !important;
    }

    .pluviometria-page.is-report-mode .container,
    .pluviometria-report-header .container,
    .pluviometria-report-footer .container {
        width: 100%;
        max-width: none;

        margin: 0;
        padding: 0;
    }


    /*
    |--------------------------------------------------------------------------
    | CABEÇALHO
    |--------------------------------------------------------------------------
    */

    .pluviometria-report-header {
        padding: 0 0 8mm;

        border-bottom:
            1px solid #cfd9d1;
    }

    .pluviometria-report-brand {
        gap: 7mm;

        margin-bottom: 7mm;
    }

    .pluviometria-report-logo {
        width: 30mm;
    }

    .pluviometria-report-logo img,
    .pluviometria-report-logo .custom-logo {
        max-width: 30mm;
        max-height: 24mm;
    }

    .pluviometria-report-identity strong {
        font-size: 18pt;
    }

    .pluviometria-report-identity span {
        font-size: 9pt;
    }

    .pluviometria-report-title {
        padding: 5mm 0;
    }

    .pluviometria-report-title > span {
        font-size: 7pt;
    }

    .pluviometria-report-title h1 {
        margin-bottom: 2mm;

        font-size: 20pt;
    }

    .pluviometria-report-title p {
        font-size: 9pt;
    }


    /*
    |--------------------------------------------------------------------------
    | METADADOS
    |--------------------------------------------------------------------------
    */

    .pluviometria-report-meta {
        grid-template-columns:
            repeat(3, 1fr);

        gap: 3mm;

        margin-top: 5mm;
    }

    .pluviometria-report-meta > div {
        padding: 3mm;

        border-radius: 2mm;
    }

    .pluviometria-report-meta span {
        font-size: 6.5pt;
    }

    .pluviometria-report-meta strong {
        font-size: 8pt;
    }


    /*
    |--------------------------------------------------------------------------
    | INDICADORES
    |--------------------------------------------------------------------------
    */

    .pluviometria-page.is-report-mode
    .pluviometria-summary {
        padding: 8mm 0 4mm;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-summary-grid {
        grid-template-columns:
            repeat(5, 1fr);

        gap: 2.5mm;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-summary-card {
        min-height: 31mm;

        padding: 4mm 2mm;

        border-radius: 3mm;

        break-inside: avoid;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-summary-icon {
        width: 8mm;
        height: 8mm;

        margin-bottom: 2mm;

        font-size: 12pt;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-summary-card strong {
        margin-bottom: 1.5mm;

        font-size: 15pt;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-summary-card
    > span:not(.pluviometria-summary-icon) {
        font-size: 7pt;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-summary-card small {
        font-size: 6.5pt;
    }


    /*
    |--------------------------------------------------------------------------
    | TÍTULOS
    |--------------------------------------------------------------------------
    */

    .pluviometria-page.is-report-mode
    .pluviometria-section-heading {
        margin-bottom: 5mm;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-section-heading > span {
        font-size: 7pt;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-section-heading h2 {
        margin-bottom: 2mm;

        font-size: 16pt;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-section-heading p {
        font-size: 8.5pt;
    }


    /*
    |--------------------------------------------------------------------------
    | SEÇÕES
    |--------------------------------------------------------------------------
    */

    .pluviometria-page.is-report-mode
    .pluviometria-chart-section,

    .pluviometria-page.is-report-mode
    .pluviometria-annual-section,

    .pluviometria-page.is-report-mode
    .pluviometria-latest,

    .pluviometria-page.is-report-mode
    .pluviometria-history {
        padding: 8mm 0 4mm;

        background: #ffffff !important;
    }


    /*
    |--------------------------------------------------------------------------
    | RESUMOS DOS GRÁFICOS
    |--------------------------------------------------------------------------
    */

    .pluviometria-page.is-report-mode
    .pluviometria-chart-summary,

    .pluviometria-page.is-report-mode
    .pluviometria-annual-summary {
        grid-template-columns:
            repeat(2, 1fr);

        gap: 3mm;

        margin-bottom: 5mm;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-chart-summary > div,

    .pluviometria-page.is-report-mode
    .pluviometria-annual-summary > div {
        padding: 3mm 4mm;

        box-shadow: none;

        break-inside: avoid;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-chart-summary strong,

    .pluviometria-page.is-report-mode
    .pluviometria-annual-summary strong {
        font-size: 13pt;
    }


    /*
    |--------------------------------------------------------------------------
    | GRÁFICO MENSAL
    |--------------------------------------------------------------------------
    */

    .pluviometria-page.is-report-mode
    .pluviometria-month-chart {
        padding: 4mm;

        box-shadow: none;

        break-inside: avoid;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-month-row {
        grid-template-columns:
            24mm
            1fr
            23mm;

        min-height: 7mm;

        gap: 3mm;

        padding: 1mm 2mm;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-month-label strong {
        font-size: 8pt;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-month-label span {
        display: none;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-month-track {
        height: 3mm;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-month-value {
        font-size: 7.5pt;
    }


    /*
    |--------------------------------------------------------------------------
    | COMPARATIVO ANUAL
    |--------------------------------------------------------------------------
    */

    .pluviometria-page.is-report-mode
    .pluviometria-annual-chart {
        padding: 4mm;

        box-shadow: none;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-annual-row {
        grid-template-columns:
            22mm
            1fr
            25mm;

        min-height: 8mm;

        gap: 3mm;

        padding: 1mm 2mm;

        break-inside: avoid;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-annual-year strong {
        font-size: 8.5pt;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-annual-year span {
        font-size: 5.5pt;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-annual-track {
        height: 3mm;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-annual-value {
        font-size: 7.5pt;
    }


    /*
    |--------------------------------------------------------------------------
    | ÚLTIMO REGISTRO
    |--------------------------------------------------------------------------
    */

    .pluviometria-page.is-report-mode
    .pluviometria-latest-card {
        padding: 5mm;

        border-radius: 3mm;

        break-inside: avoid;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-latest h2 {
        font-size: 20pt;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-latest p {
        font-size: 8pt;
    }


    /*
    |--------------------------------------------------------------------------
    | TABELA
    |--------------------------------------------------------------------------
    */

    .pluviometria-page.is-report-mode
    .pluviometria-table-wrapper {
        border-radius: 0;

        border-color: #cfd8d0;

        break-inside: auto;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-table {
        width: 100%;

        table-layout: fixed;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-table th {
        padding: 2.5mm 2mm;

        font-size: 6.5pt;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-table td {
        padding: 2.5mm 2mm;

        font-size: 7pt;

        overflow-wrap: anywhere;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-table tr {
        break-inside: avoid;
    }

    .pluviometria-page.is-report-mode
    .pluviometria-table thead {
        display: table-header-group;
    }


    /*
    |--------------------------------------------------------------------------
    | RODAPÉ
    |--------------------------------------------------------------------------
    */

    .pluviometria-report-footer {
        padding: 7mm 0 0;

        border-top:
            1px solid #cfd9d1;

        break-inside: avoid;
    }

    .pluviometria-report-source {
        padding: 3mm 4mm;

        font-size: 7.5pt;

        box-shadow: none;
    }


    /*
    |--------------------------------------------------------------------------
    | CORES
    |--------------------------------------------------------------------------
    */

    .pluviometria-page.is-report-mode *,
    .pluviometria-report-header *,
    .pluviometria-report-footer * {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

}
/* ==========================================================================
   64. CORREÇÕES DO MODO RELATÓRIO — TELA
   ========================================================================== */

/*
|--------------------------------------------------------------------------
| Evita recorte do cabeçalho institucional
|--------------------------------------------------------------------------
*/

.pluviometria-page.is-report-mode .pluviometria-report-header,
.pluviometria-page.is-report-mode .pluviometria-report-header .container,
.pluviometria-page.is-report-mode .pluviometria-report-brand,
.pluviometria-page.is-report-mode .pluviometria-report-logo,
.pluviometria-page.is-report-mode .pluviometria-report-identity {
    overflow: visible;
}


/*
|--------------------------------------------------------------------------
| Logo do relatório
|--------------------------------------------------------------------------
*/

.pluviometria-page.is-report-mode .pluviometria-report-brand {
    min-height: 100px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.pluviometria-page.is-report-mode .pluviometria-report-logo {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 125px;
    min-width: 125px;
    height: 90px;
}

.pluviometria-page.is-report-mode
.pluviometria-report-logo .custom-logo-link {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;
}

.pluviometria-page.is-report-mode
.pluviometria-report-logo img,
.pluviometria-page.is-report-mode
.pluviometria-report-logo .custom-logo {
    display: block;

    width: auto !important;
    max-width: 120px !important;

    height: auto !important;
    max-height: 82px !important;

    object-fit: contain;
}


/*
|--------------------------------------------------------------------------
| Identificação
|--------------------------------------------------------------------------
*/

.pluviometria-page.is-report-mode .pluviometria-report-identity {
    align-self: center;
}

.pluviometria-page.is-report-mode
.pluviometria-report-identity strong {
    margin: 0 0 4px;
}


/*
|--------------------------------------------------------------------------
| Elementos que não pertencem ao relatório
|--------------------------------------------------------------------------
*/

.pluviometria-page.is-report-mode ~ .sorteio-float,
.pluviometria-page.is-report-mode ~ .sorteios-float,
.pluviometria-page.is-report-mode ~ .floating-sorteio {
    display: none !important;
}
/* ==========================================================================
   65. CORREÇÃO DE ESPAÇO PARA HEADER FIXO
   ========================================================================== */

/*
|--------------------------------------------------------------------------
| PÁGINA NORMAL
|--------------------------------------------------------------------------
|
| O header do Portal é fixed.
| Garantimos uma área segura antes do início da Pluviometria.
|
*/

.pluviometria-page {
    padding-top: 80px;
}


/*
|--------------------------------------------------------------------------
| HEADER REDUZIDO AO ROLAR
|--------------------------------------------------------------------------
*/

@media (min-width: 901px) {

    .pluviometria-page {
        padding-top: 80px;
    }

}


/*
|--------------------------------------------------------------------------
| TABLET / MOBILE
|--------------------------------------------------------------------------
*/

@media (max-width: 900px) {

    .pluviometria-page {
        padding-top: 76px;
    }

}


@media (max-width: 600px) {

    .pluviometria-page {
        padding-top: 68px;
    }

}


/* ==========================================================================
   66. MODO RELATÓRIO
   ========================================================================== */

.pluviometria-page.is-report-mode {
    padding-top: 100px;
}


/*
|--------------------------------------------------------------------------
| CABEÇALHO INSTITUCIONAL
|--------------------------------------------------------------------------
*/

.pluviometria-page.is-report-mode
.pluviometria-report-header {
    position: relative;

    z-index: 1;

    padding-top: 28px;
}


.pluviometria-page.is-report-mode
.pluviometria-report-brand {
    margin-top: 0;

    overflow: visible;
}


.pluviometria-page.is-report-mode
.pluviometria-report-logo,
.pluviometria-page.is-report-mode
.pluviometria-report-identity {
    transform: none;
}


/* ==========================================================================
   67. IMPRESSÃO
   ========================================================================== */

@media print {

    /*
    | O header do Portal é ocultado durante a impressão.
    | Portanto, não precisamos reservar seu espaço no PDF.
    */

    .pluviometria-page,
    .pluviometria-page.is-report-mode {
        padding-top: 0 !important;
    }

    .pluviometria-report-header {
        padding-top: 0 !important;
    }

}
/* ==========================================================================
   68. RELATÓRIO INSTITUCIONAL — ACABAMENTO FINAL
   ========================================================================== */


/* --------------------------------------------------------------------------
   Remove elementos do Portal somente na aba do relatório
   -------------------------------------------------------------------------- */

body.aarca-report-mode .site-header,
body.aarca-report-mode header.site-header,
body.aarca-report-mode .main-header,
body.aarca-report-mode .header-wrapper,

body.aarca-report-mode .sorteio-float,
body.aarca-report-mode .sorteios-float,
body.aarca-report-mode .floating-sorteio,
body.aarca-report-mode .floating-button {
    display: none !important;
}


/* --------------------------------------------------------------------------
   Como o header não existe mais, remove o espaço reservado anteriormente
   -------------------------------------------------------------------------- */

body.aarca-report-mode .pluviometria-page.is-report-mode {
    padding-top: 0 !important;

    background: #ffffff;
}


/* --------------------------------------------------------------------------
   Documento centralizado
   -------------------------------------------------------------------------- */

body.aarca-report-mode .pluviometria-report-header .container,
body.aarca-report-mode .pluviometria-report-footer .container,
body.aarca-report-mode
.pluviometria-page.is-report-mode
> section
> .container {
    width: min(100% - 40px, 980px);

    margin-left: auto;
    margin-right: auto;
}


/* --------------------------------------------------------------------------
   Cabeçalho institucional
   -------------------------------------------------------------------------- */

body.aarca-report-mode .pluviometria-report-header {
    padding: 36px 0 30px;

    background: #ffffff;
}


body.aarca-report-mode .pluviometria-report-brand {
    min-height: auto;

    margin: 0 0 26px;

    padding: 0;

    align-items: center;
}


body.aarca-report-mode .pluviometria-report-logo {
    width: 115px;
    min-width: 115px;
    height: 82px;
}


body.aarca-report-mode
.pluviometria-report-logo img,
body.aarca-report-mode
.pluviometria-report-logo .custom-logo {
    max-width: 110px !important;
    max-height: 78px !important;
}


body.aarca-report-mode
.pluviometria-report-identity strong {
    font-size: 26px;
}


body.aarca-report-mode
.pluviometria-report-identity span {
    font-size: 13px;
}


/* --------------------------------------------------------------------------
   Evita cortes de blocos importantes
   -------------------------------------------------------------------------- */

body.aarca-report-mode .pluviometria-summary-card,
body.aarca-report-mode .pluviometria-latest-card,
body.aarca-report-mode .pluviometria-chart-summary > div,
body.aarca-report-mode .pluviometria-annual-summary > div {
    break-inside: avoid;
    page-break-inside: avoid;
}


/* ==========================================================================
   69. IMPRESSÃO FINAL A4
   ========================================================================== */

@media print {

    @page {
        size: A4 portrait;

        margin:
            12mm
            11mm
            15mm;
    }


    html,
    body,
    body.aarca-report-mode {
        margin: 0 !important;
        padding: 0 !important;

        background: #ffffff !important;
    }


    body.aarca-report-mode .pluviometria-page {
        margin: 0 !important;
        padding: 0 !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Largura útil do documento
    |--------------------------------------------------------------------------
    */

    body.aarca-report-mode .pluviometria-report-header .container,
    body.aarca-report-mode .pluviometria-report-footer .container,
    body.aarca-report-mode
    .pluviometria-page.is-report-mode
    > section
    > .container {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Cabeçalho institucional
    |--------------------------------------------------------------------------
    */

    body.aarca-report-mode .pluviometria-report-header {
        padding: 0 0 7mm !important;
    }


    body.aarca-report-mode .pluviometria-report-brand {
        margin-bottom: 5mm !important;

        padding: 0 !important;
    }


    body.aarca-report-mode .pluviometria-report-logo {
        width: 27mm;
        min-width: 27mm;
        height: 20mm;
    }


    body.aarca-report-mode
    .pluviometria-report-logo img,
    body.aarca-report-mode
    .pluviometria-report-logo .custom-logo {
        width: auto !important;
        height: auto !important;

        max-width: 27mm !important;
        max-height: 20mm !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Primeira página
    |--------------------------------------------------------------------------
    */

    body.aarca-report-mode .pluviometria-summary {
        padding-top: 7mm !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Evita títulos órfãos no fim da página
    |--------------------------------------------------------------------------
    */

    body.aarca-report-mode .pluviometria-section-heading {
        break-after: avoid;
        page-break-after: avoid;
    }


    /*
    |--------------------------------------------------------------------------
    | Gráficos
    |--------------------------------------------------------------------------
    */

    body.aarca-report-mode .pluviometria-month-chart,
    body.aarca-report-mode .pluviometria-annual-chart {
        break-inside: avoid;
        page-break-inside: avoid;
    }


    /*
    |--------------------------------------------------------------------------
    | Tabela
    |--------------------------------------------------------------------------
    */

    body.aarca-report-mode .pluviometria-table {
        width: 100% !important;
    }


    body.aarca-report-mode .pluviometria-table thead {
        display: table-header-group;
    }


    body.aarca-report-mode .pluviometria-table tr {
        break-inside: avoid;
        page-break-inside: avoid;
    }


    /*
    |--------------------------------------------------------------------------
    | Botões nunca entram no PDF
    |--------------------------------------------------------------------------
    */

    body.aarca-report-mode .pluviometria-report-actions {
        display: none !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Cores
    |--------------------------------------------------------------------------
    */

    body.aarca-report-mode * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

}
/* ==========================================================================
   70. RELATÓRIO AARCA — ACABAMENTO FINAL DE IMPRESSÃO A4
   ========================================================================== */

@media print {

    /* ----------------------------------------------------------------------
       CONFIGURAÇÃO DA FOLHA
       ---------------------------------------------------------------------- */

    @page {
        size: A4 portrait;
        margin: 12mm 11mm 14mm;
    }

    html,
    body,
    body.aarca-report-mode {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #ffffff !important;

        overflow: visible !important;
    }


    /* ----------------------------------------------------------------------
       DOCUMENTO
       ---------------------------------------------------------------------- */

    body.aarca-report-mode .pluviometria-page,
    body.aarca-report-mode .pluviometria-page.is-report-mode {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;

        background: #ffffff !important;
    }

    body.aarca-report-mode .container,
    body.aarca-report-mode
    .pluviometria-report-header .container,
    body.aarca-report-mode
    .pluviometria-report-footer .container,
    body.aarca-report-mode
    .pluviometria-page.is-report-mode
    > section
    > .container {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    /* ----------------------------------------------------------------------
       CABEÇALHO INSTITUCIONAL
       ---------------------------------------------------------------------- */

    body.aarca-report-mode .pluviometria-report-header {
        margin: 0 !important;

        padding: 0 0 6mm !important;

        border-bottom: 1px solid #d8e1da;

        break-inside: avoid;
        page-break-inside: avoid;
    }

    body.aarca-report-mode .pluviometria-report-brand {
        display: flex !important;
        align-items: center !important;

        min-height: 0 !important;

        gap: 6mm !important;

        margin: 0 0 5mm !important;
        padding: 0 !important;

        break-inside: avoid;
        page-break-inside: avoid;
    }

    body.aarca-report-mode .pluviometria-report-logo {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 27mm !important;
        min-width: 27mm !important;
        height: 20mm !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }

    body.aarca-report-mode
    .pluviometria-report-logo img,
    body.aarca-report-mode
    .pluviometria-report-logo .custom-logo {
        display: block !important;

        width: auto !important;
        height: auto !important;

        max-width: 27mm !important;
        max-height: 20mm !important;

        object-fit: contain !important;
    }

    body.aarca-report-mode
    .pluviometria-report-identity strong {
        margin: 0 0 1mm !important;

        font-size: 17pt !important;
        line-height: 1.05 !important;
    }

    body.aarca-report-mode
    .pluviometria-report-identity span {
        font-size: 8.5pt !important;
        line-height: 1.3 !important;
    }


    /* ----------------------------------------------------------------------
       TÍTULO
       ---------------------------------------------------------------------- */

    body.aarca-report-mode .pluviometria-report-title {
        margin: 0 !important;

        padding: 4mm 0 !important;

        break-inside: avoid;
        page-break-inside: avoid;
    }

    body.aarca-report-mode
    .pluviometria-report-title > span {
        margin-bottom: 1.5mm !important;

        font-size: 7pt !important;
    }

    body.aarca-report-mode
    .pluviometria-report-title h1 {
        margin: 0 0 2mm !important;

        font-size: 19pt !important;
        line-height: 1.12 !important;
    }

    body.aarca-report-mode
    .pluviometria-report-title p {
        margin: 0 !important;

        font-size: 8.5pt !important;
        line-height: 1.4 !important;
    }


    /* ----------------------------------------------------------------------
       PERÍODO / PONTO / EMISSÃO
       ---------------------------------------------------------------------- */

    body.aarca-report-mode .pluviometria-report-meta {
        display: grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 3mm !important;

        margin: 5mm 0 0 !important;
    }

    body.aarca-report-mode
    .pluviometria-report-meta > div {
        min-height: 15mm !important;

        padding: 3mm !important;

        border-radius: 2mm !important;

        break-inside: avoid;
        page-break-inside: avoid;
    }

    body.aarca-report-mode
    .pluviometria-report-meta span {
        font-size: 6pt !important;
    }

    body.aarca-report-mode
    .pluviometria-report-meta strong {
        font-size: 8pt !important;
        line-height: 1.3 !important;
    }


    /* ----------------------------------------------------------------------
       INDICADORES
       ---------------------------------------------------------------------- */

    body.aarca-report-mode .pluviometria-summary {
        margin: 0 !important;

        padding: 7mm 0 4mm !important;
    }

    body.aarca-report-mode
    .pluviometria-summary-grid {
        display: grid !important;

        grid-template-columns:
            repeat(5, minmax(0, 1fr)) !important;

        gap: 2.5mm !important;
    }

    body.aarca-report-mode
    .pluviometria-summary-card {
        min-width: 0 !important;
        min-height: 30mm !important;

        margin: 0 !important;
        padding: 3.5mm 2mm !important;

        box-shadow: none !important;

        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }

    body.aarca-report-mode
    .pluviometria-summary-icon {
        width: 8mm !important;
        height: 8mm !important;

        margin-bottom: 2mm !important;

        font-size: 11pt !important;
    }

    body.aarca-report-mode
    .pluviometria-summary-card strong {
        margin-bottom: 1mm !important;

        font-size: 14pt !important;
        line-height: 1.05 !important;
    }

    body.aarca-report-mode
    .pluviometria-summary-card
    > span:not(.pluviometria-summary-icon) {
        font-size: 6.5pt !important;
        line-height: 1.25 !important;
    }

    body.aarca-report-mode
    .pluviometria-summary-card small {
        font-size: 5.8pt !important;
        line-height: 1.25 !important;
    }


    /* ----------------------------------------------------------------------
       SEÇÕES
       ---------------------------------------------------------------------- */

    body.aarca-report-mode
    .pluviometria-chart-section,

    body.aarca-report-mode
    .pluviometria-annual-section,

    body.aarca-report-mode
    .pluviometria-latest,

    body.aarca-report-mode
    .pluviometria-history {
        margin: 0 !important;

        padding: 7mm 0 4mm !important;

        background: #ffffff !important;
    }


    /* ----------------------------------------------------------------------
       CABEÇALHOS DAS SEÇÕES
       ---------------------------------------------------------------------- */

    body.aarca-report-mode
    .pluviometria-section-heading {
        margin: 0 0 4mm !important;

        break-after: avoid !important;
        page-break-after: avoid !important;
    }

    body.aarca-report-mode
    .pluviometria-section-heading > span {
        font-size: 6.5pt !important;
    }

    body.aarca-report-mode
    .pluviometria-section-heading h2 {
        margin: 1mm 0 1.5mm !important;

        font-size: 15pt !important;
        line-height: 1.15 !important;
    }

    body.aarca-report-mode
    .pluviometria-section-heading p {
        margin: 0 !important;

        font-size: 8pt !important;
        line-height: 1.4 !important;
    }


    /* ----------------------------------------------------------------------
       RESUMOS DOS GRÁFICOS
       ---------------------------------------------------------------------- */

    body.aarca-report-mode
    .pluviometria-chart-summary,

    body.aarca-report-mode
    .pluviometria-annual-summary {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 3mm !important;

        margin: 0 0 4mm !important;
    }

    body.aarca-report-mode
    .pluviometria-chart-summary > div,

    body.aarca-report-mode
    .pluviometria-annual-summary > div {
        min-width: 0 !important;

        padding: 3mm !important;

        box-shadow: none !important;

        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }


    /* ----------------------------------------------------------------------
       GRÁFICO MENSAL
       ---------------------------------------------------------------------- */

    body.aarca-report-mode
    .pluviometria-month-chart {
        width: 100% !important;

        margin: 0 !important;
        padding: 3mm !important;

        box-shadow: none !important;

        overflow: visible !important;

        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }

    body.aarca-report-mode
    .pluviometria-month-row {
        display: grid !important;

        grid-template-columns:
            23mm
            minmax(0, 1fr)
            21mm !important;

        align-items: center !important;

        min-height: 6.5mm !important;

        gap: 3mm !important;

        padding: 0.8mm 1.5mm !important;
    }

    body.aarca-report-mode
    .pluviometria-month-label strong {
        font-size: 7.5pt !important;
    }

    body.aarca-report-mode
    .pluviometria-month-label span {
        display: none !important;
    }

    body.aarca-report-mode
    .pluviometria-month-track {
        height: 2.8mm !important;
    }

    body.aarca-report-mode
    .pluviometria-month-value {
        font-size: 7pt !important;
    }


    /* ----------------------------------------------------------------------
       COMPARATIVO ANUAL
       ---------------------------------------------------------------------- */

    body.aarca-report-mode
    .pluviometria-annual-chart {
        width: 100% !important;

        margin: 0 !important;
        padding: 3mm !important;

        box-shadow: none !important;

        overflow: visible !important;
    }

    body.aarca-report-mode
    .pluviometria-annual-row {
        display: grid !important;

        grid-template-columns:
            20mm
            minmax(0, 1fr)
            23mm !important;

        align-items: center !important;

        min-height: 7mm !important;

        gap: 3mm !important;

        padding: 0.8mm 1.5mm !important;

        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }


    /* ----------------------------------------------------------------------
       ÚLTIMO REGISTRO
       ---------------------------------------------------------------------- */

    body.aarca-report-mode
    .pluviometria-latest-card {
        margin: 0 !important;

        padding: 4mm !important;

        box-shadow: none !important;

        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }


    /* ----------------------------------------------------------------------
       HISTÓRICO — SEM CARDS MOBILE NO PDF
       ---------------------------------------------------------------------- */

    body.aarca-report-mode
    .pluviometria-history-cards {
        display: none !important;
    }


    /* ----------------------------------------------------------------------
       TABELA
       ---------------------------------------------------------------------- */

    body.aarca-report-mode
    .pluviometria-table-wrapper {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;

        overflow: visible !important;

        box-shadow: none !important;
    }

    body.aarca-report-mode
    .pluviometria-table {
        width: 100% !important;
        min-width: 0 !important;

        border-collapse: collapse !important;

        table-layout: fixed !important;
    }

    body.aarca-report-mode
    .pluviometria-table thead {
        display: table-header-group !important;
    }

    body.aarca-report-mode
    .pluviometria-table tfoot {
        display: table-footer-group !important;
    }

    body.aarca-report-mode
    .pluviometria-table tr {
        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }

    body.aarca-report-mode
    .pluviometria-table th {
        padding: 2.3mm 1.8mm !important;

        font-size: 6.3pt !important;
        line-height: 1.25 !important;
    }

    body.aarca-report-mode
    .pluviometria-table td {
        padding: 2.3mm 1.8mm !important;

        font-size: 6.7pt !important;
        line-height: 1.3 !important;

        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }


    /* ----------------------------------------------------------------------
       RODAPÉ INSTITUCIONAL
       ---------------------------------------------------------------------- */

    body.aarca-report-mode
    .pluviometria-report-footer {
        margin-top: 6mm !important;

        padding: 5mm 0 0 !important;

        background: #ffffff !important;

        border-top: 1px solid #d8e1da;

        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }

    body.aarca-report-mode
    .pluviometria-report-source {
        margin: 0 !important;

        padding: 3mm !important;

        font-size: 7pt !important;
        line-height: 1.4 !important;

        box-shadow: none !important;
    }


    /* ----------------------------------------------------------------------
       ELEMENTOS INTERATIVOS
       ---------------------------------------------------------------------- */

    body.aarca-report-mode
    .pluviometria-report-actions,

    body.aarca-report-mode button,

    body.aarca-report-mode
    .pluviometria-clear-filters,

    body.aarca-report-mode
    .pluviometria-export-btn,

    body.aarca-report-mode
    .pluviometria-pdf-btn {
        display: none !important;
    }


    /* ----------------------------------------------------------------------
       CORES PARA IMPRESSÃO
       ---------------------------------------------------------------------- */

    body.aarca-report-mode,
    body.aarca-report-mode * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

}
/* ==========================================================================
   71. IMPRESSÃO — MANTER TÍTULO DO HISTÓRICO JUNTO
   ========================================================================== */

@media print {

    body.aarca-report-mode
    .pluviometria-history
    .pluviometria-section-heading {
        break-inside: avoid !important;
        page-break-inside: avoid !important;

        break-after: avoid !important;
        page-break-after: avoid !important;
    }

    body.aarca-report-mode
    .pluviometria-history
    .pluviometria-section-heading > span,

    body.aarca-report-mode
    .pluviometria-history
    .pluviometria-section-heading h2,

    body.aarca-report-mode
    .pluviometria-history
    .pluviometria-section-heading p {
        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }

}