.calendario {
    /* width: 22.25rem; Removido para responsividade */
    /* height: 21rem; Removido para responsividade */
    max-width: 100%; /* Garante que não exceda o container */
    opacity: 1;
    border-radius: 0.875rem;
    border: 0.0625rem solid #E0E0E0; /* Borda mais visível para o card */
    background: #FEFEFE;
    padding: 0.625rem;
    box-sizing: border-box;
    display: grid;
    grid-template-rows: auto 1fr; /* Cabeçalho e corpo do calendário */
    gap: 0.3125rem; /* Espaçamento entre as seções */
    font-family: Arial, sans-serif;
    color: #333;
}

.calendario-header {
    display: grid;
    grid-template-columns: auto 1fr auto auto; /* Botão anterior, mês, botão próximo, ano */
    align-items: center;
    text-align: center;
    padding: 0 0.5rem 0.3125rem 0.5rem; /* Adicionado padding lateral */
    /* border-bottom: 0.0625rem solid #eee; Removido */
}

.calendario-header .nav-mes {
    text-decoration: none;
    color: #1B7727; /* Nova cor */
    width: 1rem; /* Nova largura */
    height: 1rem; /* Nova altura */
    display: flex; /* Para centralizar o conteúdo se for um ícone */
    justify-content: center;
    align-items: center;
    /* top: 0.25rem; e left: 0.25rem; - Propriedades de posicionamento, não aplicadas diretamente aqui */
}

.calendario-header .nav-mes.prev-mes {
    transform: rotate(-180deg); /* Rotaciona a seta anterior */
}

.calendario-header .mes-atual {
    font-family: 'Kanit', sans-serif; /* Nova fonte */
    font-weight: 500; /* Medium */
    font-size: 1.5rem;
    line-height: 100%;
    color: #26323F; /* Nova cor */
}

.calendario-header .selecao-ano-wrapper.cegovbr-agenda-custom-dropdown {
    position: relative;
    display: inline-block; /* Changed to inline-block to allow width to be set by content or child */
    margin-left: auto; /* Alinha o wrapper à direita */
    /* Removed fixed width and height */
    /* Removed overflow: hidden; */
}

.calendario-header .cegovbr-agenda-custom-dropdown-selected {
    width: 4.6875rem; /* As requested */
    height: 2rem; /* Adjusted height to fit padding and font-size */
    padding: 0.4375rem 0.625rem; /* As requested */
    border-radius: 0.5rem; /* As requested */
    border: 0.0625rem solid #1B7727; /* As requested */
    background: transparent; /* As requested */
    font-family: 'Kanit', sans-serif; /* As requested */
    font-weight: 400; /* As requested */
    font-size: 0.875rem; /* As requested */
    line-height: 100%; /* As requested */
    letter-spacing: 0; /* As requested */
    color: #1B7727; /* As requested */
    opacity: 1; /* As requested */
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

.calendario-header .cegovbr-agenda-custom-dropdown-selected .dropdown-arrow {
    font-size: 1.25rem; /* Size of the arrow icon */
    color: #1B7727; /* Color of the arrow icon */
}

.calendario-header .cegovbr-agenda-custom-dropdown-options {
    position: absolute;
    top: 100%; /* Position below the selected value */
    left: 0;
    right: 0;
    background: #FEFEFE; /* As requested for options background */
    border: 0.0625rem solid #C5C5C5; /* As requested for options border */
    border-radius: 0.5rem; /* As requested for options border-radius */
    z-index: 100; /* Ensure it appears above other content */
    max-height: 10.625rem; /* Max height for scrollability, as requested height for select */
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1); /* Optional: add a subtle shadow */
    margin-top: 0.25rem; /* Small gap between selected and options list */
}

.calendario-header .cegovbr-agenda-custom-dropdown-option {
    padding: 0.6875rem 1.25rem; /* As requested for options padding */
    margin-top: 0.1875rem;
    margin-bottom: 0.1875rem;
    font-family: 'Kanit', sans-serif; /* As requested */
    font-weight: 500; /* As requested */
    font-size: 1rem; /* As requested */
    line-height: 100%; /* As requested */
    letter-spacing: 0; /* As requested */
    color: #465564; /* As requested */
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.calendario-header .cegovbr-agenda-custom-dropdown-option:hover {
    /* background-color: #f0f0f0; Light background on hover */
}

.calendario-header .cegovbr-agenda-custom-dropdown-option.cegovbr-agenda-selected {
   /* background-color: #e0e0e0; /* Highlight selected option */
    /*font-weight: 700;  Make selected option bolder */
}

.calendario .semana {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    background: #1B7727; /* Novo background */
    border-top: 0.0625rem solid #C5C5C5; /* Borda superior */
    border-left: 0.0625rem solid #C5C5C5; /* Borda esquerda */
    border-radius: 0.625rem 0.625rem 0 0; /* Novo border-radius para o container */
}

.calendario .semana li {
    padding: 0.3125rem 0;
    font-family: 'Kanit', sans-serif; /* Nova fonte */
    font-weight: 300; /* Light */
    font-size: 1rem;
    line-height: 132%;
    color: #FEFEFE; /* Nova cor do texto */
    /* Adicionar borda direita e inferior para cada item da lista */
    border-right: 0.0625rem solid #C5C5C5;
    /* border-bottom: 0.0625rem solid #C5C5C5; Removido */
}

.calendario .semana li:first-child {
    border-top-left-radius: 0.625rem; /* Aplica o border-radius superior esquerdo */
}

.calendario .semana li:last-child {
    border-top-right-radius: 0.5625rem; /* Aplica o border-radius superior direito */
}

.calendario .dias-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    /* gap: 0.0625rem; Removido */
    text-align: center;
    /* border-left: 0.0625rem solid #C5C5C5; Removido para evitar borda dupla */
    border-right: 0.0625rem solid #C5C5C5;
    border-bottom: 0.0625rem solid #C5C5C5;
    border-bottom-left-radius: 0.625rem;
    border-bottom-right-radius: 0.625rem;
}

.calendario .dias-grid a,
.calendario .dias-grid .dia-vazio {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; /* Preenche a largura da coluna */
    aspect-ratio: 1 / 1; /* Mantém a proporção quadrada */
    text-decoration: none;
    font-family: 'Kanit', sans-serif; /* Nova fonte */
    font-weight: 300; /* Light */
    font-size: 1rem;
    line-height: 132%;
    color: #465564; /* Nova cor do texto */
    border-top: 0.0625rem solid #C5C5C5; /* Borda superior */
    border-left: 0.0625rem solid #C5C5C5; /* Borda esquerda */
    border-radius: 0; /* Removido border-radius para bordas retas */
    transition: background-color 0.2s;
    box-sizing: border-box; /* Garante que padding e border sejam incluídos na largura/altura */
    min-width: 0; /* Permite que o item encolha */
    position: relative; /* Necessário para posicionar o círculo interno */
    text-align: center; /* Centraliza o texto */
    /* background-color: transparent; Removido */
}

/* Estilo para os domingos do mês atual */
.calendario .dias-grid a:nth-child(7n+1):not(.dia-outro-mes) {
    background: #E3E3E3;
    color: #645564;
}

/* Domingos com agenda: background #929292 conforme solicitado */
.calendario .dias-grid a.tem-agenda:nth-child(7n+1):not(.dia-outro-mes) {
   /* background: #929292;*/ /* Background para domingos com agenda */
    color: #FEFEFE;
}

/* Arredonda a primeira célula da última linha do grid */
.calendario .dias-grid > *:nth-last-child(-n + 7):nth-child(7n + 1) {
    border-bottom-left-radius: 0.625rem;
}

/* Arredonda a última célula da última linha do grid */
.calendario .dias-grid > *:nth-last-child(-n + 7):nth-child(7n) {
    border-bottom-right-radius: 0.625rem;
}

/* Estilos base para os círculos internos */
.calendario .dias-grid .dia-hoje-circle,
.calendario .dias-grid .dia-selecionado-circle {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 1.125rem; /* Para fazer um círculo */
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Kanit', sans-serif;
    font-weight: 300; /* Light */
    font-size: 1rem;
    line-height: 132%;
    position: absolute; /* Posiciona o círculo */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centraliza o círculo */
}

/* Estilos para o <a> principal do dia (quando é o dia atual e/ou selecionado) */
.calendario .dias-grid a.hoje,
.calendario .dias-grid a.dia-selecionado {
    background-color: transparent; /* Fundo transparente */
    /* border: none; Removido */
    color: transparent; /* Oculta o número do dia no <a> principal */
    font-weight: normal; /* Resetar o font-weight do <a> */
}

/* 1. Dia de Hoje (quando selecionado) */
/* Seletor: a.hoje.dia-selecionado > .dia-selecionado-circle */
.calendario .dias-grid a.hoje.dia-selecionado .dia-selecionado-circle {
    background: #1B7727; /* Verde */
    border: 0.0625rem solid #26A737; /* Borda verde mais clara */
    color: #FEFEFE; /* Texto branco */
}

/* 2. Dia de Hoje (quando outro dia estiver selecionado - ou seja, o dia de hoje não está selecionado) */
/* Seletor: a.hoje:not(.dia-selecionado) > .dia-hoje-circle */
.calendario .dias-grid a.hoje:not(.dia-selecionado) .dia-hoje-circle {
    background: #465564; /* Cinza */
    border: 0.0625rem solid #C5C5C5; /* Borda cinza claro */
    color: #FEFEFE; /* Texto branco */
}

/* 3. Dia Selecionado (quando não é o dia de hoje) */
/* Seletor: a.dia-selecionado:not(.hoje) > .dia-selecionado-circle */
.calendario .dias-grid a.dia-selecionado:not(.hoje) .dia-selecionado-circle {
    background: transparent; /* Sem background */
    border: 0.0625rem solid #26A737; /* Borda verde mais clara */
    color: #26A737; /* Cor do texto verde mais clara */
}

/* Com compromisso (Default) → fundo branco + tipografia preta. */
.calendario .dias-grid a.tem-agenda:not(.dia-selecionado):not(.hoje) {
   /* background-color: transparent; /* Fundo transparente */
    color: #465564;
}

/**
 * Sinalização de compromisso nos dias da semana (Seg-Sáb) e Domingo
 * Pequena linha verde abaixo do dia
 */
.calendario .dias-grid a.tem-agenda:not(.hoje):not(.dia-selecionado)::after {
    content: '';
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 1rem;
    height: 0.125rem;
    background-color: #1B7727;
    border-radius: 0.0625rem;
}

/* Sem compromisso → fundo cinza + tipografia cinza clara. */
.calendario .dias-grid a.sem-agenda {
    background-color: transparent; /* Fundo transparente */
    color: #465564; /* Cor do texto para dias normais */
    cursor: default; /* Indica que não é clicável para navegação */
}

/* Dias fora do mês e dias vazios - com estilos de layout dos dias normais, mas cor e cursor específicos */
.calendario .dias-grid .dia-vazio,
.calendario .dias-grid .dia-outro-mes {
    color: #929292; /* Cor do texto para dias de outros meses */
    cursor: default; /* Indica que não é clicável */
    background-color: #f9f9f9; /* Fundo transparente */
    display: flex; /* Garante que as propriedades de alinhamento funcionem */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    border-top: 0.0625rem solid #C5C5C5; /* Borda superior */
    border-left: 0.0625rem solid #C5C5C5; /* Borda esquerda */
}

.calendario-body {
    display: grid;
    grid-template-rows: auto 1fr; /* Dias da semana e dias do mês */
}

/* Estilos para o layout de grid do shortcode */
.cegovbr-agenda-grid-container {
    display: grid;
    grid-template-columns: 1fr; /* Padrão para mobile: uma coluna */
    gap: 1.25rem; /* Espaçamento entre as colunas */
    margin-top: 1.25rem; /* Espaçamento superior */
    max-width: 63.125rem; /* Aumentado para acomodar a largura da agenda */
    width: 100%; /* Garante que o grid ocupe o espaço do container pai */
    margin-left: auto; /* Centraliza o container */
    margin-right: auto; /* Centraliza o container */
    padding: 0; /* Removido padding lateral */
}

@media (min-width: 48rem) { /* Exemplo de breakpoint para tablets e desktops */
    .cegovbr-agenda-grid-container {
        grid-template-columns: 22.25rem auto; /* Coluna do calendário fixa, agenda automática */
        gap: 3.375rem; /* Distância de 3.375rem entre o calendário e os compromissos */
        align-items: start; /* Alinha os itens ao topo */
    }
}

.cegovbr-agenda-col-calendario {
    /* Estilos específicos para a coluna do calendário, se necessário */
}

.cegovbr-agenda-col-horarios {
    /* Estilos específicos para a coluna dos horários, se necessário */
}

.calendario-mes-nav {
    width: 10.625rem;
    height: 2.25rem;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: space-between; /* Espaça os botões e o mês */
    margin-left: 0.5rem; /* Nova margem esquerda */
    /* opacity: 1; - Valor padrão, não precisa ser explícito */
    /* angle: 0 deg; - Valor padrão, não precisa ser explícito */
}

/* Estilos para o tooltip customizado */
.cegovbr-agenda-custom-tooltip {
    max-width: 15.625rem; /* Define uma largura máxima para o tooltip */
    height: 2.875rem;
    padding: 1rem 0.8125rem;
    border-radius: 0.5rem;
    background: #FEFEFE;
    border: 0.0625rem solid #C5C5C5;
    position: absolute; /* Posicionamento via JavaScript */
    display: none; /* Oculto por padrão */
    z-index: 9999; /* Acima de outros elementos */
    box-sizing: border-box;
    text-align: center; /* Centraliza o texto */
    white-space: nowrap; /* Impede a quebra de linha */
    font-family: 'Kanit', sans-serif;
    font-weight: 300; /* Light */
    font-size: 0.875rem;
    line-height: 100%;
    color: #757575;
}

/* Estilos para o card da agenda */
.agenda-horarios.agenda-card {
    background: #FEFEFE;
    border: 0.0625rem solid #C5C5C5;
    padding: 1.5rem;
    border-radius: 1rem;
    width: 39.625rem; /* Largura fixa conforme solicitado */
    height: auto; /* Altura se adapta ao conteúdo */
    box-sizing: border-box; /* Garante que o padding não afete a largura total */
}

@media (max-width: 47.9375rem) {
    .agenda-horarios.agenda-card {
        width: 25.875rem;
    }
    .agenda-card-final {
        width: 100%; /* Garante que o card ocupe o espaço disponível */
        max-width: 23.875rem; /* Define a largura máxima para mobile */
    }
}

/* Estilos para o novo card final */
.agenda-card-final {
    width: 100%; /* Garante que o card ocupe o espaço disponível */
    max-width: 36.625rem; /* Define a largura máxima para desktop */
    height: 3.5rem;
    display: flex; /* Para usar o gap e alinhar itens */
    align-items: center;
    justify-content: center; /* Centraliza o conteúdo horizontalmente */
    gap: 0.5rem;
    border-radius: 0.5rem;
    border: 0.0625rem solid #C5C5C5;
    padding: 1rem;
    background: #F9F9F9;
    box-sizing: border-box; /* Garante que padding e border sejam incluídos na largura/altura */
    margin-top: 1.5rem; /* Espaçamento do card anterior */
}

.agenda-card-final .material-symbols-outlined {
    font-size: 1.125rem; /* Tamanho do ícone */
    color: #465564; /* Cor do ícone, se não especificado */
}

.agenda-card-final .agenda-card-final-text {
    font-family: 'Kanit', sans-serif;
    font-weight: 300;
    font-size: 1rem;
    line-height: 132%;
    color: #465564;
    text-align: center; /* Centraliza o texto */
}

/* Estilos para os itens individuais dentro do card */
.agenda-horarios.agenda-card .Card.Informativo.BgBranco.row {
    display: none;
}

.agenda-horarios.agenda-card h2 b.-light {
    font-family: 'Kanit', sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 100%;
    color: #465564;
}

.agenda-horarios.agenda-card h2 {
    display: flex;
    align-items: center;
}

.hoje-tag {
    width: 3.5rem;
    height: 1.9688rem;
    padding: 0.1406rem 0.5625rem;
    border-radius: 0.5625rem;
    border: 0.1406rem solid #1B7727;
    margin-right: 1rem; /* Changed from margin-left to margin-right */

    font-family: 'Kanit', sans-serif;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 100%;
    color: #1B7727;
    
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

/* New Event Card Styles */
.agenda-evento-card {
    display: flex;
    align-items: stretch;
    margin-bottom: 1.5rem;
    min-height: 4.875rem;
    position: relative;
    width: 100%;
}

.agenda-evento-hora {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Align text to the left */
    padding-left: 1rem; /* 1rem distance from the left border */
    flex-shrink: 0; /* Prevent shrinking */
    width: 7.8125rem;
    background: linear-gradient(90deg, #EEEEEE 0%, #D9F2EF 100%);
    border: 0.0625rem solid #C5C5C5;
    border-radius: 1rem;
    z-index: 1; /* Sits behind the details card */
}

.compromissos-passados .agenda-evento-card .agenda-evento-hora {
    background: #FEFEFE;
}

.compromisso-atual .agenda-evento-card .agenda-evento-hora {
    background: #1B7727;
    border: 0.0625rem solid #1B7727;
}

.compromisso-atual .agenda-evento-card .agenda-evento-hora span {
    color: #FEFEFE;
}

.compromisso-atual .agenda-evento-card .agenda-evento-detalhes {
    border: 0.0625rem solid #1B7727;
}

.agenda-evento-hora span {
    font-family: 'Kanit', sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 100%;
    color: #465564;
}

.agenda-evento-detalhes {
    background: #FEFEFE;
    border: 0.0625rem solid #C5C5C5;
    border-radius: 1rem;
    padding: 1rem;
    flex: 1; /* Grow to fill available space */
    margin-left: -2.125rem; /* The overlap amount */
    display: flex;
    flex-direction: column;
    z-index: 2; /* Sits on top of the time card */
}

.agenda-evento-detalhes .evento-titulo {
    font-family: 'Kanit', sans-serif;
    font-weight: 300;
    font-size: 1rem;
    line-height: 132%;
    color: #465564;
    margin: 0;
    padding: 0;
}

.agenda-evento-detalhes .evento-titulo a.evento-titulo-link {
    color: #465564;
    text-decoration: none;
}

.agenda-evento-detalhes .evento-titulo a.evento-titulo-link:hover {
    text-decoration: underline;
}

.agenda-evento-detalhes .evento-local {
    display: flex;
    align-items: center;
    gap: 0.25rem; /* Changed from 0.5rem to 0.25rem */
    margin-top: 0.5rem;
}

.agenda-evento-detalhes .evento-local span {
    font-family: 'Kanit', sans-serif;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 100%;
    color: #465564;
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 1.5rem;  /* Preferred icon size */
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.agenda-evento-detalhes .evento-local .material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-size: 0.8438rem; /* Adjust icon size */
}

.agenda-dia {
    display: flex;
    flex-direction: column;
}

.agenda-section-title {
    font-family: 'Kanit', sans-serif;
    font-weight: 300;
    font-size: 1rem;
    line-height: 132%;
    color: #929292;
    margin-bottom: 1rem;
    margin-top: 1rem; /* Add some space above the title */
}

.categoria-horario:first-child .agenda-section-title {
    margin-top: 0; /* Remove margin for the very first title */
}

/* ====== Alto Contraste ====== */
body.body-contraste .calendario {
    background: #000 !important;
    border-color: #fff !important;
    color: #fff !important;
}

body.body-contraste .calendario-header .mes-atual {
    color: #fff !important;
}

body.body-contraste .calendario-header .nav-mes {
    color: #fff !important;
}

body.body-contraste .calendario-header .cegovbr-agenda-custom-dropdown-selected {
    border-color: #fff !important;
    color: #fff !important;
}

body.body-contraste .calendario-header .cegovbr-agenda-custom-dropdown-selected .dropdown-arrow {
    color: #fff !important;
}

body.body-contraste .calendario .semana {
    background: #000 !important;
    border-color: #fff !important;
}

body.body-contraste .calendario .semana li {
    color: #fff !important;
    border-color: #fff !important;
}

body.body-contraste .calendario .dias-grid {
    border-color: #fff !important;
}

body.body-contraste .calendario .dias-grid a,
body.body-contraste .calendario .dias-grid .dia-vazio,
body.body-contraste .calendario .dias-grid .dia-outro-mes {
    color: #fff !important;
    border-color: #fff !important;
}

body.body-contraste .calendario .dias-grid a:nth-child(7n+1):not(.dia-outro-mes) {
    background: #333 !important;
    color: #fff !important;
}

body.body-contraste .calendario .dias-grid a.hoje:not(.dia-selecionado) .dia-hoje-circle {
    background: #fff !important;
    color: #000 !important;
    border-color: #fff !important;
}

body.body-contraste .calendario .dias-grid a.hoje.dia-selecionado .dia-selecionado-circle {
    background: #fff !important;
    color: #000 !important;
    border-color: #fff !important;
}

body.body-contraste .calendario .dias-grid a.dia-selecionado:not(.hoje) .dia-selecionado-circle {
    border-color: #fff !important;
    color: #fff !important;
}

body.body-contraste .cegovbr-agenda-custom-tooltip {
    background: #000 !important;
    border-color: #fff !important;
    color: #fff !important;
}

body.body-contraste .agenda-horarios.agenda-card {
    background: #000 !important;
    border-color: #fff !important;
}

body.body-contraste .agenda-horarios.agenda-card h2 b.-light {
    color: #fff !important;
}

body.body-contraste .hoje-tag {
    border-color: #fff !important;
    color: #fff !important;
}

body.body-contraste .agenda-evento-hora {
    background: #000 !important;
    border-color: #fff !important;
}

body.body-contraste .agenda-evento-hora span {
    color: #fff !important;
}

body.body-contraste .agenda-evento-detalhes {
    background: #000 !important;
    border-color: #fff !important;
}

body.body-contraste .agenda-evento-detalhes .evento-titulo,
body.body-contraste .agenda-evento-detalhes .evento-titulo a.evento-titulo-link,
body.body-contraste .agenda-evento-detalhes .evento-local span,
body.body-contraste .agenda-evento-detalhes .evento-local .material-symbols-outlined {
    color: #fff !important;
}

body.body-contraste .agenda-evento-detalhes .evento-titulo a.evento-titulo-link:hover {
    text-decoration: underline !important;
}

body.body-contraste .agenda-section-title {
    color: #fff !important;
}

body.body-contraste .agenda-card-final {
    background: #000 !important;
    border-color: #fff !important;
}

body.body-contraste .agenda-card-final .agenda-card-final-text,
body.body-contraste .agenda-card-final .material-symbols-outlined {
    color: #fff !important;
}

body.body-contraste .compromisso-atual .agenda-evento-card .agenda-evento-hora {
    background: #fff !important;
    border-color: #fff !important;
}

body.body-contraste .compromisso-atual .agenda-evento-card .agenda-evento-hora span {
    color: #000 !important;
}

body.body-contraste .compromisso-atual .agenda-evento-card .agenda-evento-detalhes {
    border-color: #fff !important;
}