@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
.evt-agenda {
    --evt-navy: #242C44;
    --evt-navy-alto: #2F3953;
    --evt-red: #E13024;
    --evt-red-fundo: #8E1B18;
    --evt-ink: #1B2233;
    --evt-muted: #6B7385;
    --evt-line: #E4E7EE;
    --evt-bg: #F4F6FA;
    --evt-raio: 18px;
    --evt-max: 1180px;
    font-family: 'Poppins', system-ui, sans-serif;
    color: var(--evt-ink);
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: var(--evt-bg);
    padding-bottom: 64px;
    overflow-x: clip;
    box-sizing: border-box;
}
.evt-agenda *, .evt-agenda *::before, .evt-agenda *::after {
    box-sizing: border-box;
}
/* ---------- Hero ---------- */
.evt-hero {
    position: relative;
    overflow: hidden;
    background: var(--evt-navy);
    color: #fff;
    padding: 72px 24px 108px;
}
.evt-hero::after {
    content: '';
    position: absolute;
    right: -140px;
    top: -180px;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background: var(--evt-red-fundo);
    opacity: .5;
    pointer-events: none;
}
.evt-hero__interno {
    position: relative;
    z-index: 1;
    max-width: var(--evt-max);
    margin: 0 auto;
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: space-between;
}
.evt-hero__conteudo {
    max-width: 620px;
}
.evt-selo {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .08em;
    padding: 6px 16px;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    margin-bottom: 20px;
}
.evt-hero__titulo {
    font-size: clamp(30px, 4.6vw, 50px);
    font-weight: 700;
    line-height: 1.08;
    margin: 0 0 16px;
    color: #fff;
}
.evt-hero__texto {
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    color: rgba(255,255,255,.78);
}
.evt-placar {
    flex: 0 0 250px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 20px;
    padding: 26px;
}
.evt-placar__rotulo {
    display: block;
    font-size: 13px;
    color: rgba(255,255,255,.72);
}
.evt-placar__numero {
    display: block;
    font-size: 56px;
    font-weight: 700;
    line-height: 1.02;
    margin: 8px 0;
}
.evt-placar__nota {
    display: block;
    font-size: 12px;
    color: rgba(255,255,255,.6);
}
/* ---------- Corpo ---------- */
.evt-corpo {
    max-width: var(--evt-max);
    margin: 0 auto;
    padding: 0 24px;
}
.evt-painel {
    position: relative;
    margin-top: -64px;
    background: #fff;
    border-radius: 22px;
    box-shadow: 0 16px 40px rgba(36,44,68,.12);
    padding: 26px 28px;
}
.evt-painel__linha {
    display: flex;
    gap: 20px;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
}
.evt-visoes {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.evt-pill {
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    padding: 11px 24px;
    border-radius: 999px;
    border: 1px solid var(--evt-line);
    background: #fff;
    color: var(--evt-ink);
    cursor: pointer;
    transition: background .18s, color .18s, border-color .18s;
}
.evt-pill:hover {
    border-color: #C9CFDC;
}
.evt-pill.is-ativa {
    background: var(--evt-red);
    border-color: var(--evt-red);
    color: #fff;
    font-weight: 600;
}
.evt-campo {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.evt-campo__rotulo {
    font-size: 12px;
    font-weight: 500;
    color: var(--evt-muted);
}
.evt-select, .evt-input {
    font-family: inherit;
    font-size: 14px;
    padding: 11px 14px;
    border: 1px solid var(--evt-line);
    border-radius: 10px;
    background: var(--evt-bg);
    color: var(--evt-ink);
    min-width: 200px;
}
/* ---------- Navegação (dia e mês) ---------- */
.evt-navdia, .evt-navmes {
    display: flex;
    gap: 14px;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid var(--evt-line);
}
.evt-navdia[hidden], .evt-navmes[hidden] {
    display: none;
}
.evt-seta {
    font-family: inherit;
    font-size: 16px;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    border: 1px solid var(--evt-line);
    background: #fff;
    color: var(--evt-navy);
    cursor: pointer;
}
.evt-seta:hover {
    background: var(--evt-bg);
}
.evt-navdata {
    min-width: 230px;
}
.evt-navdata strong {
    display: block;
    font-size: 20px;
    font-weight: 600;
}
.evt-navdata span {
    font-size: 13px;
    color: var(--evt-muted);
    text-transform: lowercase;
}
.evt-navcampo {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-left: auto;
}
.evt-navcampo .evt-input {
    min-width: 170px;
}
.evt-hoje {
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 22px;
    border-radius: 10px;
    border: none;
    background: var(--evt-navy);
    color: #fff;
    cursor: pointer;
}
.evt-hoje:hover {
    background: var(--evt-navy-alto);
}
.evt-hoje--fim {
    margin-left: auto;
}
/* ---------- Resultados ---------- */
.evt-resumo {
    font-size: 14px;
    color: var(--evt-muted);
    margin: 28px 4px 18px;
}
.evt-resumo strong {
    color: var(--evt-red);
    font-size: 24px;
    font-weight: 700;
}
.evt-item {
    display: flex;
    gap: 26px;
    background: #fff;
    border: 1px solid var(--evt-line);
    border-radius: var(--evt-raio);
    padding: 22px 26px;
    margin-bottom: 12px;
}
.evt-item__hora {
    flex: 0 0 100px;
    border-right: 2px solid var(--evt-red);
    padding-right: 22px;
}
.evt-item__hora strong {
    display: block;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.2;
}
.evt-item__hora span {
    font-size: 13px;
    color: var(--evt-muted);
}
.evt-item__corpo {
    flex: 1;
    min-width: 0;
}
.evt-item__rotulo {
    font-size: 17px;
    font-weight: 600;
    margin: 0 0 10px;
    line-height: 1.35;
}
.evt-tag {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 12px;
    border-radius: 999px;
    background: var(--evt-bg);
    color: var(--evt-muted);
    margin: 0 8px 6px 0;
}
.evt-tag--local {
    background: rgba(36,44,68,.07);
    color: var(--evt-navy);
    font-weight: 600;
}
.evt-vazio {
    background: #fff;
    border: 1px dashed var(--evt-line);
    border-radius: var(--evt-raio);
    padding: 48px 24px;
    text-align: center;
    color: var(--evt-muted);
}
.evt-vazio strong {
    display: block;
    font-size: 17px;
    color: var(--evt-ink);
    margin-bottom: 6px;
    font-weight: 600;
}
.evt-carregando {
    padding: 44px 0;
    text-align: center;
    color: var(--evt-muted);
    font-size: 14px;
}
.evt-agenda :focus-visible {
    outline: 2px solid var(--evt-red);
    outline-offset: 2px;
}
/* ---------- Calendário mensal ---------- */
.evt-mes-grade {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px;
}
.evt-mes-cab {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--evt-muted);
    text-align: center;
    padding-bottom: 4px;
}
.evt-dia-celula {
    min-height: 118px;
    background: #fff;
    border: 1px solid var(--evt-line);
    border-radius: 12px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-family: inherit;
    text-align: left;
    color: inherit;
}
.evt-dia-celula--vazia {
    background: transparent;
    border-color: transparent;
    min-height: 0;
}
.evt-dia-celula--ocupada {
    cursor: pointer;
    border-color: #D6DBE6;
}
.evt-dia-celula--ocupada:hover {
    border-color: var(--evt-red);
    box-shadow: 0 6px 18px rgba(36,44,68,.10);
}
.evt-dia-celula--hoje {
    border-color: var(--evt-navy);
    border-width: 2px;
}
.evt-dia-num {
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
}
.evt-chip {
    font-size: 11px;
    line-height: 1.35;
    padding: 4px 8px;
    border-radius: 6px;
    background: rgba(225,48,36,.09);
    color: #A6231A;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.evt-chip--mais {
    background: var(--evt-bg);
    color: var(--evt-muted);
    font-weight: 600;
}
/* ---------- Lista agrupada por data ---------- */
.evt-grupo {
    margin-bottom: 32px;
}
.evt-grupo__cab {
    display: flex;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
    padding: 0 4px 12px;
    margin-bottom: 12px;
    border-bottom: 2px solid var(--evt-navy);
}
.evt-grupo__dia {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: var(--evt-navy);
}
.evt-grupo__mes {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--evt-red);
}
.evt-grupo__semana {
    font-size: 14px;
    color: var(--evt-muted);
    text-transform: capitalize;
}
.evt-grupo__contagem {
    margin-left: auto;
    font-size: 12px;
    font-weight: 500;
    color: var(--evt-muted);
}
/* ---------- Responsivo ---------- */
@media (max-width: 900px) {
    .evt-hero {
        padding: 52px 20px 96px;
    }
    .evt-hero__interno {
        flex-direction: column;
        align-items: flex-start;
        gap: 28px;
    }
    .evt-placar {
        flex: 1 1 auto;
        width: 100%;
    }
    .evt-corpo {
        padding: 0 16px;
    }
    .evt-painel {
        padding: 22px 18px;
    }
    .evt-navcampo {
        margin-left: 0;
        width: 100%;
    }
    .evt-hoje--fim {
        margin-left: 0;
    }
    .evt-item {
        flex-direction: column;
        gap: 14px;
    }
    .evt-item__hora {
        border-right: none;
        border-left: 2px solid var(--evt-red);
        padding: 0 0 0 14px;
        flex: 0 0 auto;
    }
    .evt-mes-grade {
        gap: 4px;
    }
    .evt-dia-celula {
        min-height: 74px;
        padding: 6px;
    }
    .evt-chip {
        display: none;
    }
    .evt-dia-celula--ocupada::after {
        content: '';
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--evt-red);
        margin-top: auto;
    }
    .evt-grupo__contagem {
        margin-left: 0;
        width: 100%;
    }
}
@media (prefers-reduced-motion: reduce) {
    .evt-agenda * {
        transition: none !important;
    }
}
/* ==========================================================
STATUS DOS CARDS
Confirmado x Pré-agendado
========================================================== */
/* Estado confirmado */
.evt-item--confirmado {
    border-color: var(--evt-line);
    background: #fff;
}
.evt-item--confirmado .evt-item__hora {
    border-right-color: var(--evt-red);
}
.evt-tag--status {
    font-weight: 600;
}
/* Badge de confirmação */
.evt-tag--confirmado {
    background: rgba(225, 48, 36, .09);
    color: #A6231A;
}
/* Estado em análise / pré-agendamento */
.evt-item--pre {
    background: #FCFCFD;
    border-color: #D5DAE3;
    border-style: dashed;
}
.evt-item--pre .evt-item__hora {
    border-right-color: #98A1B2;
}
.evt-item--pre .evt-item__rotulo {
    color: #3E4657;
}
/* Badge de pré-agendamento */
.evt-tag--pre {
    background: #EEF1F5;
    color: #626B7C;
}
/* Ajuste responsivo da barra lateral */
@media (max-width: 900px) {
    .evt-item--confirmado .evt-item__hora {
        border-left-color: var(--evt-red);
    }
    .evt-item--pre .evt-item__hora {
        border-left-color: #98A1B2;
    }
}
/* ==========================================================
CALENDÁRIO MENSAL — STATUS E PROTEÇÃO DE ESTILO
========================================================== */
/* Evento confirmado */
.evt-chip--confirmado {
    background: rgba(225, 48, 36, .09);
    color: #A6231A;
    border: 1px solid rgba(225, 48, 36, .12);
}
/* Pré-agendamento / em análise */
.evt-chip--pre {
    background: #EEF1F5;
    color: #626B7C;
    border: 1px dashed #D5DAE3;
}
/*
* Os dias ocupados são <button>.
* Protege o calendário contra estilos globais de
* hover/focus/active aplicados pelo tema ou Elementor.
*/
.evt-agenda button.evt-dia-celula--ocupada, .evt-agenda button.evt-dia-celula--ocupada:hover, .evt-agenda button.evt-dia-celula--ocupada:focus, .evt-agenda button.evt-dia-celula--ocupada:active {
    background: #fff;
    color: var(--evt-ink);
}
/* Mantém o feedback visual próprio da agenda */
.evt-agenda button.evt-dia-celula--ocupada:hover {
    border-color: #C5CBD7;
    box-shadow: 0 6px 18px rgba(36,44,68,.10);
}
/* Acessibilidade de teclado */
.evt-agenda button.evt-dia-celula--ocupada:focus-visible {
    background: #fff;
    color: var(--evt-ink);
    outline: 2px solid var(--evt-navy);
    outline-offset: 2px;
}
/* =========================================================
OAB/MS — Aviso institucional de pré-agendamento
========================================================= */
.evt-aviso-preagendamento {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin: 22px 0 18px;
    padding: 18px 20px;
    background: #F7F8FB;
    border: 1px solid #DDE2EA;
    border-left: 4px solid #242C44;
    border-radius: 12px;
    color: #3E4657;
}
.evt-aviso-preagendamento__icone {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    margin-top: 1px;
    background: #242C44;
    color: #FFFFFF;
    border-radius: 50%;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
}
.evt-aviso-preagendamento__conteudo {
    min-width: 0;
}
.evt-aviso-preagendamento__conteudo > strong {
    display: block;
    margin: 0 0 5px;
    color: #242C44;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}
.evt-aviso-preagendamento__conteudo p {
    margin: 0;
    color: #5B6474;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.65;
}
.evt-aviso-preagendamento__conteudo p strong {
    color: #3E4657;
    font-weight: 600;
}
@media (max-width: 700px) {
    .evt-aviso-preagendamento {
        gap: 11px;
        padding: 15px 16px;
        margin: 18px 0 16px;
    }
    .evt-aviso-preagendamento__icone {
        flex-basis: 25px;
        width: 25px;
        height: 25px;
        font-size: 13px;
    }
    .evt-aviso-preagendamento__conteudo > strong {
        font-size: 13px;
    }
    .evt-aviso-preagendamento__conteudo p {
        font-size: 12.5px;
        line-height: 1.6;
    }
}
/* =========================================================
OAB/MS — Refinamento responsivo da navegação
========================================================= */
@media (max-width: 700px) {
    /* -------------------------------------------------------
    VISUALIZAÇÕES: Dia | Mês | Próximas datas
    Sempre na mesma linha
    ------------------------------------------------------- */
    .evt-agenda .evt-visoes {
        display: grid;
        grid-template-columns: auto auto minmax(0, 1fr);
        gap: 7px;
        width: 100%;
    }
    .evt-agenda .evt-pill {
        width: 100%;
        min-width: 0;
        padding-left: 10px;
        padding-right: 10px;
        white-space: nowrap;
        font-size: 12px;
    }
    /* -------------------------------------------------------
    NAVEGAÇÃO POR DIA
    ← | DATA | →
    ------------------------------------------------------- */
    .evt-agenda .evt-navdia {
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr) 40px;
        grid-template-areas: "anterior data proximo" "campo campo campo" "hoje hoje hoje";
        gap: 10px;
        align-items: center;
        width: 100%;
    }
    .evt-agenda #evt-dia-anterior {
        grid-area: anterior;
    }
    .evt-agenda .evt-navdia .evt-navdata {
        grid-area: data;
        min-width: 0;
        text-align: center;
    }
    .evt-agenda #evt-dia-proximo {
        grid-area: proximo;
    }
    .evt-agenda .evt-navdia .evt-navcampo {
        grid-area: campo;
        width: 100%;
    }
    .evt-agenda .evt-navdia .evt-input {
        width: 100%;
    }
    .evt-agenda #evt-dia-hoje {
        grid-area: hoje;
        justify-self: start;
    }
    .evt-agenda .evt-navdia .evt-seta {
        width: 40px;
        height: 40px;
        padding: 0;
    }
    /* -------------------------------------------------------
    NAVEGAÇÃO POR MÊS
    ← | MÊS/ANO | →
    ------------------------------------------------------- */
    .evt-agenda .evt-navmes {
        grid-template-columns: 40px minmax(0, 1fr) 40px;
        grid-template-areas: "anterior data proximo" "atual atual atual";
        gap: 10px;
        align-items: center;
        width: 100%;
    }
    .evt-agenda .evt-navmes:not([hidden]) {
        display: grid;
    }
    .evt-agenda #evt-mes-anterior {
        grid-area: anterior;
    }
    .evt-agenda .evt-navmes .evt-navdata {
        grid-area: data;
        min-width: 0;
        text-align: center;
    }
    .evt-agenda #evt-mes-proximo {
        grid-area: proximo;
    }
    .evt-agenda #evt-mes-hoje {
        grid-area: atual;
        justify-self: start;
    }
    .evt-agenda .evt-navmes .evt-seta {
        width: 40px;
        height: 40px;
        padding: 0;
    }
}
/* Agenda pública — 2026.10.07.3 */
.evt-agenda .evt-navdia[hidden], .evt-agenda .evt-navmes[hidden] {
    display: none !important;
}
.evt-agenda .evt-mes-grade {
    width: 100%;
    min-width: 0;
}
.evt-agenda .evt-dia-celula {
    min-width: 0;
    overflow: hidden;
}
.evt-agenda .evt-chip {
    min-width: 0;
    max-width: 100%;
    width: 100%;
    display: block;
}
.evt-agenda .evt-dia-abrir {
    font: inherit;
    font-weight: 600;
    border: 0;
    background: transparent;
    color: var(--evt-ink);
    text-align: left;
    padding: 0;
    cursor: pointer;
}
.evt-agenda button.evt-chip {
    text-align: left;
    font-family: inherit;
    cursor: pointer;
}
.evt-agenda .evt-detalhes {
    display: block;
    margin-top: 10px;
    padding: 8px 14px;
    border: 1px solid var(--evt-line);
    border-radius: 9px;
    background: #fff;
    color: var(--evt-navy);
    font: 600 12px 'Poppins',system-ui,sans-serif;
    cursor: pointer;
}
.evt-agenda .evt-detalhes:hover {
    background: var(--evt-bg);
}
.evt-agenda .evt-item__rotulo {
    overflow-wrap: anywhere;
}
.evt-modal-publico {
    font: 14px 'Poppins',system-ui,sans-serif;
    color: #242C44;
    width: min(620px,calc(100% - 32px));
    max-height: calc(100dvh - 40px);
    padding: 0;
    border: 1px solid #E4E7EE;
    border-radius: 20px;
    box-shadow: 0 24px 80px #0004;
    overflow: auto;
}
.evt-modal-publico::backdrop {
    background: rgba(20,28,46,.65);
}
.evt-modal-publico__cab {
    padding: 24px;
    border-bottom: 1px solid #E4E7EE;
    display: flex;
    align-items: flex-start;
    gap: 18px;
}
.evt-modal-publico__cab h2 {
    margin: 4px 0 0;
    font-size: 22px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}
.evt-modal-publico__selo {
    font-size: 11px;
    font-weight: 700;
    color: #A6231A;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.evt-modal-publico__fechar {
    margin-left: auto;
    border: 1px solid #E4E7EE;
    border-radius: 10px;
    background: #fff;
    color: #242C44;
    padding: 8px 12px;
    cursor: pointer;
    font: inherit;
}
.evt-modal-publico__dados {
    margin: 0;
    padding: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}
.evt-modal-publico__dados dt {
    font-size: 11px;
    color: #6B7385;
    text-transform: uppercase;
    font-weight: 600;
}
.evt-modal-publico__dados dd {
    margin: 5px 0 0;
    overflow-wrap: anywhere;
}
.evt-modal-publico__rodape {
    border-top: 1px solid #E4E7EE;
    padding: 18px 24px;
    display: flex;
    justify-content: flex-end;
}
.evt-modal-publico :focus-visible {
    outline: 2px solid #E13024;
    outline-offset: 3px;
}
@media(max-width:900px) {
    .evt-agenda .evt-chip {
        display: none;
    }
}
@media(max-width:480px) {
    .evt-modal-publico__dados {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .evt-modal-publico__cab h2 {
        font-size: 18px;
    }
}
/* Pedido003: indisponibilidade tem estado próprio, sem confundir com pré-agenda. */
.evt-agenda .evt-item--indisponivel {
    border-left: 4px solid #D71920;
    background: #fff1f1;
}
.evt-agenda .evt-item--indisponivel .evt-item__hora {
    color: #9d1017;
}
.evt-agenda .evt-tag--indisponivel, .evt-agenda .evt-chip--indisponivel {
    background: #ffe3e5;
    color: #9d1017;
    border: 1px solid #efb7bb;
}
/* Pedido 003 R3: um aviso institucional por bloqueio, com detalhe acessível. */
.evt-agenda .evt-bloqueio {
    display: grid;
    gap: 7px;
    width: 100%;
    margin: 12px 0;
    padding: 20px 22px;
    border: 1px solid #ebc4c7;
    border-left: 4px solid #D71920;
    border-radius: 14px;
    background: #fff5f5;
    color: #003552;
    font: inherit;
    text-align: left;
    cursor: pointer;
}
.evt-agenda .evt-bloqueio:hover {
    background: #ffebed;
    border-color: #D71920;
}
.evt-agenda .evt-bloqueio:focus-visible {
    outline: 3px solid #D71920;
    outline-offset: 3px;
}
.evt-agenda .evt-bloqueio__selo {
    color: #a31119;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.evt-agenda .evt-bloqueio__motivo {
    font-size: 18px;
    font-weight: 600;
    overflow-wrap: anywhere;
}
.evt-agenda .evt-bloqueio__abrangencia {
    font-size: 13px;
    color: #536675;
    overflow-wrap: anywhere;
}
.evt-agenda .evt-bloqueio__abrir {
    color: #a31119;
    font-size: 12px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.evt-agenda .evt-dia-celula--bloqueada {
    background: #fff0f1;
    border-color: #e7a5aa;
}
.evt-agenda .evt-dia-celula--restrita {
    border-color: #e7a5aa;
}
.evt-agenda .evt-dia-bloqueio-nota {
    display: block;
    margin: 3px 0 8px;
    color: #a31119;
    font-size: 11px;
    font-weight: 600;
}
.evt-agenda .evt-dia-celula[data-bloqueios-dia] {
    cursor: pointer;
}
.evt-modal-publico .evt-bloqueio-detalhe {
    padding: 20px 24px;
    border-bottom: 1px solid #e4e7ee;
}
.evt-modal-publico .evt-bloqueio-detalhe h3 {
    margin: 0 0 16px;
    color: #003552;
    font-size: 19px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}
.evt-modal-publico .evt-bloqueio-detalhe .evt-modal-publico__dados {
    padding: 0;
}
.evt-modal-publico .evt-bloqueio-detalhe__abrangencia {
    grid-column: 1 / -1;
}
.evt-modal-publico .evt-bloqueio-detalhe dd {
    overflow-wrap: anywhere;
}
.evt-modal-publico .evt-modal-publico__rodape p {
    margin: 0 auto 0 0;
    color: #536675;
    font-size: 12px;
}
@media (max-width: 600px) {
    .evt-agenda .evt-bloqueio {
        padding: 16px;
    }
    .evt-agenda .evt-dia-bloqueio-nota {
        font-size: 10px;
    }
    .evt-modal-publico .evt-bloqueio-detalhe {
        padding: 18px;
    }
}

/* Pedido 003 R4: intervalo contínuo na visão Próximas datas. */
.evt-agenda .evt-grupo__intervalo {
    display: grid;
    gap: 5px;
    min-width: 0;
}
.evt-agenda .evt-grupo__intervalo strong {
    color: #003552;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.4;
    overflow-wrap: anywhere;
}
.evt-agenda .evt-grupo__intervalo span {
    color: #536675;
    font-size: 12px;
}
.evt-agenda .evt-grupo--intervalo .evt-grupo__cab {
    flex-wrap: wrap;
    gap: 12px;
}
@media (max-width: 600px) {
    .evt-agenda .evt-grupo__intervalo strong {
        font-size: 18px;
    }
}