.elementor-42 .elementor-element.elementor-element-5b3034d{--display:flex;}.elementor-42 .elementor-element.elementor-element-07ec3c8{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-42 .elementor-element.elementor-element-ccc12f2{width:100%;max-width:100%;}.elementor-42 .elementor-element.elementor-element-ccc12f2 > .elementor-widget-container{margin:20px 20px 20px 20px;padding:0px 0px 0px 0px;}.elementor-42 .elementor-element.elementor-element-ccc12f2.elementor-element{--align-self:stretch;}/* Start custom CSS for wp-widget-eo_calendar_widget, class: .elementor-element-ccc12f2 *//* ===========================
   CALENDÁRIO + POPOVER DE EVENTOS (HOVER)
   =========================== */

/* Paleta e estilos já existentes (mantidos) */
:root{
  --grad: linear-gradient(to right, #6A50A7, #53BCE2, #55B868, #A22D52, #F1943C, #EC407A, #FBC02D);
  --grad-cta: linear-gradient(135deg, #6A50A7, #EC407A);
  --grad-cta-hover: linear-gradient(135deg, #53BCE2, #F1943C);
  --bg: #fff;
  --text: #333;
  --muted: #f0f0f0;
  --border: #eee;
  --muted-2: #f9f9f9;
  --brand: #6A50A7;
  --today: #FBC02D;
  --shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* ===== Container do calendário ===== */
.eo-widget-cal-wrap {
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  border-radius: 12px;
  overflow: visible; /* importante: permite o popover "sair" do container */
  border: none;
  box-shadow: var(--shadow);
  background-color: var(--bg);
  width: 100%;
  max-width: 560px;
  margin: 20px auto;
  position: relative;
}

/* Versões de tamanho opcionais */
.eo-widget-cal-wrap.eo-widget--compact { max-width: 380px; font-size: .95em; }
.eo-widget-cal-wrap.eo-widget--wide    { max-width: 860px; font-size: 1.02em; }

/* ===== Cabeçalho do mês ===== */
#wp-calendar caption {
  text-align: center;
  font-size: 1.8em;
  padding: 12px;
  font-weight: bold;
  background: var(--grad);
  color: #fff;
  border-radius: 12px 12px 0 0;
  letter-spacing: .3px;
}

/* ===== Tabela ===== */
#wp-calendar {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}
#wp-calendar thead th {
  background-color: var(--muted);
  padding: 10px;
  font-weight: 700;
  color: var(--text);
  text-transform: uppercase;
  font-size: 0.85em;
}
#wp-calendar td, #wp-calendar th {
  text-align: center;
  padding: 12px;
  border: 1px solid var(--border);
  vertical-align: middle;
  color: var(--text);
  word-wrap: break-word;
  position: relative; /* para ancorar o popover por célula */
}

/* Hoje */
#wp-calendar .today {
  background-color: var(--today) !important;
  font-weight: bold;
  color: #fff;
  border-radius: 50%;
}

/* Links de eventos */
#wp-calendar td.event a {
  display: block;
  padding: 6px 8px;
  border-radius: 6px;
  color: #fff !important;
  font-weight: 700;
  text-decoration: none;
  background: var(--grad-cta);
  outline: none;
  transition: transform .2s ease, box-shadow .2s ease, background .25s ease;
}
#wp-calendar td.event a:hover {
  background: var(--grad-cta-hover);
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.12);
}
#wp-calendar td.event a:focus-visible {
  box-shadow: 0 0 0 3px rgba(83,188,226,0.45);
}

/* Dias fora do mês */
#wp-calendar td.pad { background-color: var(--muted-2); border: none; color: #888; }

/* Rodapé navegação */
#wp-calendar tfoot td { border: none; padding: 12px; }
#wp-calendar tfoot td a {
  color: var(--brand);
  font-weight: 700;
  text-decoration: none;
  outline: none;
  transition: opacity .2s ease;
}
#wp-calendar tfoot td a:hover { text-decoration: underline; }
#wp-calendar tfoot td a:focus-visible {
  box-shadow: 0 0 0 3px rgba(106,80,167,0.35);
  border-radius: 6px;
}

/* ===== POPOVER DA LISTA DE EVENTOS ===== */
.eo-popover {
  position: fixed; /* posicionamos no viewport p/ evitar cortes */
  z-index: 9999;
  max-width: min(32rem, 92vw);
  background: #ffffff;
  color: #111;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
  padding: 10px 10px 8px;
  display: none; /* aparece só no hover/foco */
}
.eo-popover[data-show="true"] { display: block; }

.eo-popover__header {
  font-weight: 800;
  font-size: .95rem;
  margin: 4px 8px 8px;
  color: #333;
}

.eo-popover__list {
  list-style: none;
  margin: 0;
  padding: 0 6px 6px;
  max-height: 320px;
  overflow-y: auto;
}

.eo-popover__item + .eo-popover__item { margin-top: 6px; }

.eo-popover__link {
  display: block;
  text-decoration: none;
  padding: 8px 10px;
  border-radius: 8px;
  line-height: 1.25;
  font-weight: 600;
  color: #fff;
  background: var(--grad-cta);
  transition: transform .15s ease, background .2s ease, box-shadow .2s ease;
}
.eo-popover__link:hover { background: var(--grad-cta-hover); transform: translateY(-1px); }
.eo-popover__meta {
  display: block;
  font-size: .8rem;
  opacity: .9;
  margin-top: 2px;
  color: #f6f6f6;
}

/* Seta opcional do popover */
.eo-popover::after {
  content: "";
  position: absolute;
  width: 10px; height: 10px;
  background: #ffffff;
  border-left: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  transform: rotate(45deg);
  /* A posição exata é definida via JS com translate */
}

/* Responsividade */
@media (max-width: 640px) {
  .eo-widget-cal-wrap { max-width: 95%; margin: 16px auto; font-size: .95em; }
  #wp-calendar thead th, #wp-calendar td, #wp-calendar th { padding: 8px; }
  #wp-calendar caption { font-size: 1.4em; padding: 10px; }
}

/* Acessibilidade: preferências do usuário */
@media (prefers-reduced-motion: reduce) {
  #wp-calendar td.event a, #wp-calendar tfoot td a, .eo-popover__link { transition: none; }
}
@media (prefers-contrast: more) {
  #wp-calendar td.event a:focus-visible, #wp-calendar tfoot td a:focus-visible {
    box-shadow: 0 0 0 3px #000;
  }
}/* End custom CSS */