/* ========================================
   Eventos Slider - Global Gap
   ======================================== */

.splide__track .splide__list {
    gap: var(--core-gap, 24px);
}

/* ========================================
   Button Wrapper (Próximos Eventos)
   ======================================== */

.eventos-button-wrapper {
    display: flex;
}

.eventos-button-wrapper--left {
    justify-content: flex-start;
}

.eventos-button-wrapper--center {
    justify-content: center;
}

.eventos-button-wrapper--right {
    justify-content: flex-end;
}

.eventos-button-wrapper--full {
    justify-content: stretch;
}

.eventos-button-wrapper--full .core-button {
    width: 100%;
}

/* ======================================== */

.ae-wrapper {
    width: 100%
}
/* pílulas */
.fc .fc-daygrid-event{
  padding:0 10px!important;
  border-radius: var(--ae-card-radius, 15px) !important;
  background: var(--ae-cor-base, #63ab43) !important;
  color: var(--ae-cor-base-contrast, #fff) !important;
  border: 0 !important;
}
.adsi-destaques-grelha-opcaob .adsi-destaque-item {
    border-radius: 15px;
    overflow: hidden;
}
/* sem horas e sem dot */
.fc .fc-daygrid-event .fc-event-time{display:none!important}
.fc .fc-daygrid-event-dot{display:none!important}

/* tooltip */
.fc-tooltip{
  position:fixed; z-index:9999; pointer-events:none;
  background: var(--ae-cor-black, #111);
  color: var(--ae-cor-white, #fff);
  border-radius: 10px; padding: 30px; width: 260px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  transform: translate(12px,12px);
}
.fc-tooltip img{
  display:block; width:100%; height:auto; border-radius:8px; margin-bottom:8px;
}
.fc-tooltip .fc-tooltip-title{
  font-weight:600; font-size:14px; line-height:1.2;
}
.fc-tooltip .fc-tooltip-time{
  margin-top:6px; font-size:12px; opacity:.85;
}

/* grid & headers */
.fc .fc-scrollgrid table{margin-bottom:0}
.fc .fc-daygrid-day-frame{
  min-height:160px; padding:10px;
  background: var(--ae-cor-white, #fff);
}
.fc .fc-daygrid-day-events{min-height:36px}
.fc-liquid-hack td {background: var(--ae-cor-white, #fff)}
.fc .fc-daygrid-day-number, 
.fc .fc-col-header-cell-cushion  {
  color: var(--ae-cor-black, #444);
}

/* header alinhamento & reset */
th .fc-scrollgrid-sync-inner { text-align:right; padding:10px }
th .fc-scrollgrid-sync-inner a { padding:0 }

/* container neutro */
#full-calendar{ position:relative; contain:layout paint; }

/* fade só no grid (toolbar normal) */
#full-calendar .fc-view-harness{ min-height:640px; transition:opacity .5s ease; }
#full-calendar.is-loading .fc-view-harness{ opacity:.9; }

/* estados úteis */
.fc .fc-day-today .fc-daygrid-day-frame{
  background: color-mix(in srgb, var(--ae-cor-base, #63ab43) 10%, var(--ae-cor-white, #fff)) !important;
}
.fc .fc-daygrid-event:hover{
  filter: brightness(0.95);
}

/* mobile */
@media (max-width:640px){
  .fc .fc-daygrid-day-frame{min-height:80px}
  .fc .fc-daygrid-day-events{min-height:28px}
}

/* “Primário” (prev/next/today por omissão) */
.fc .fc-toolbar .fc-button-primary{
    background: var(--ae-cor-base, #63ab43);
    color: var(--ae-cor-white, #fff);
    border-color: var(--ae-cor-white, #fff);
    height: 50px;
    line-height: 100%;
    border-radius: 8px;
}

/* Hover */
.fc .fc-toolbar .fc-button:hover,
.fc .fc-toolbar .fc-button-primary:hover{
    background: var(--ae-cor-complementar, #63ab43);
    color: var(--ae-cor-base-contrast, #fff);
    border-color: var(--ae-cor-white, #fff);
}

/* Activo (ex.: botão da vista actual) */
.fc .fc-toolbar .fc-button.fc-button-active,
.fc .fc-toolbar .fc-button-primary.fc-button-active{
    background: var(--ae-cor-complementar, #63ab43);
    color: var(--ae-cor-base-contrast, #fff);
    border-color: var(--ae-cor-white, #fff);
}















/* Layout B — usa variáveis globais do plugin/Core */
.event-slide--b { 
  position: relative; 
  display: block; 
}

/* media (imagem) */
.event-slide--b .event-slide-media {
  position: relative;
  width: 80%;
  margin: 0 auto;
  z-index: 2;
}
.event-slide--b .event-slide-img {
  overflow: hidden;
  border-radius: var(--ae-card-radius, 20px);
}
.event-slide--b .event-slide-img img {
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform .5s ease;
}
.event-slide--b:hover .event-slide-img img { 
  transform: scale(1.05); 
}

/* moldura animada */
.event-slide--b .event-slide-img--rounded { position: relative; }
.event-slide--b .event-slide-img--rounded::after {
  content: "";
  position: absolute; inset: 0;
  border: 7px solid var(--ae-cor-base, #63ab43);
  border-radius: var(--ae-card-radius, 20px);
  transform: scaleX(.9);
  opacity: 0;
  transition: all .4s linear;
  pointer-events: none;
}
.event-slide--b:hover .event-slide-img--rounded::after {
  transform: scaleX(1);
  opacity: 1;
}

/* date box centrada */
.event-slide--b .event-datebox {
    position: absolute;
    left: 0; right: 0; bottom: -20px;
    width: 145px; margin: 0 auto;
    background: var(--ae-cor-base, #63ab43);
    color: var(--ae-cor-base-contrast, #fff);
    border-radius: 7px;
    box-shadow: 0 15px 40px 10px rgba(0,0,0,.07);
    padding: 10px 0;
    display: flex; 
    align-items: center; 
    justify-content: center;
    z-index: 999;
}
.event-slide--b .event-datebox p {
    margin: 0; 
    font-weight: 500; 
    font-size: 16px; 
    line-height: 21px;
    display: inline-flex; 
    align-items: center; 
    gap: 10px;
}
.event-slide--b .event-datebox i { font-size: 17px; }

/* card de conteúdo */
.event-slide--b .event-slide-txt {
  background: var(--ae-cor-white, #fff);
  border-radius: 15px;
  padding: 184px 20px 40px;     /* espaço para a datebox */
  margin-top: -130px;           /* “abraça” a imagem */
  position: relative;
  z-index: 0; /* cria stacking context base do overlay */
  box-shadow: var(--ae-card-shadow, 0 20px 60px 10px rgba(0,0,0,.07));
  transition: color .2s linear, background .2s linear, border-color .2s linear, transform .2s ease;
  color: inherit; /* não forçar branco por omissão */
}

/* overlay de hover (escuro) */
.event-slide--b .event-slide-txt::before {
  content: "";
  position: absolute; inset: 0;
  background: var(--ae-cor-black, #212226);
  border-radius: var(--ae-card-radius, 20px);
  transform: scaleX(.9);
  opacity: 0;
  z-index: 0; /* sobre o fundo do card, abaixo do conteúdo */
  transition: all .4s linear;
}
.event-slide--b:hover .event-slide-txt::before {
  transform: scaleX(1);
  opacity: 1;
}

/* garantir que o conteúdo fica acima do overlay */
.event-slide--b .event-slide-txt > header,
.event-slide--b .event-slide-header,
.event-slide--b .event-meta-list,
.event-slide--b .event-slide-actions {
  position: relative;
  z-index: 1;
}

/* títulos */
.event-slide--b .event-slide-title {
  font-size: 24px; 
  line-height: 30px; 
  font-weight: 600; 
  margin: 0;
  text-align: center;
}

/* cor base dos links do título (seletores robustos) */
.event-slide--b .event-slide-title a:link,
.event-slide--b .event-slide-title a:visited,
.event-slide--b .event-slide-txt h3 a:link,
.event-slide--b .event-slide-txt h3 a:visited {
  color: var(--ae-cor-black, #212226);
  transition: color .2s linear;
}

/* hover: texto claro por cima do overlay escuro */
.event-slide--b:hover .event-slide-title a:link,
.event-slide--b:hover .event-slide-title a:visited,
.event-slide--b:hover .event-slide-txt h3 a:link,
.event-slide--b:hover .event-slide-txt h3 a:visited {
  color: var(--ae-cor-white, #fff) !important;
}

/* meta (hora/local/estado) */
.event-slide--b .event-meta-list {
  list-style: none; margin: 18px 0 0; padding: 0;
  display: grid; gap: 6px;
}
.event-slide--b .event-meta {
  display: flex; align-items: center; justify-content: center; gap: 10px;
}
.event-slide--b .event-meta__icon { font-size: 18px; color: var(--ae-cor-base, #63ab43); }
.event-slide--b .event-meta__text {
  font-size: 16px; line-height: 21px; font-weight: 500;
  color: var(--ae-cor-black, #212226);
  transition: color .2s linear;
}
.event-slide--b:hover .event-meta__text { color: var(--ae-cor-white, #fff); }

/* botão */
.event-slide--b .event-slide-actions { margin-top: 27px; line-height: 0; text-align: center; }
.event-slide--b .event-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 20px 30px;
  border: 1px solid #E5E5E5;
  border-radius: 25px;
  background: var(--ae-cor-white, #fff);
  color: var(--ae-cor-black, #212226);
  font-weight: 600; text-decoration: none;
  transition: all .2s linear;
}
.event-slide--b:hover .event-btn {
  border-color: var(--ae-cor-base, #63ab43);
  background: var(--ae-cor-base, #63ab43);
  color: var(--ae-cor-base-contrast, #fff);
}

/* responsivo */
@media (max-width: 480px){
  .event-slide--b .event-slide-txt { padding: 160px 16px 32px; margin-top: -110px; }
  .event-slide--b .event-slide-title { font-size: 20px; line-height: 26px; }
  .event-slide--b .event-datebox { width: 135px; }
}

.ae-archive-header { 
    margin-top: 40px;
    margin-bottom: 1.25rem; 
}

.ae-archive-header__media {
  position: relative;
  background: var(--ae-hdr-bg) no-repeat center/cover;
  overflow: hidden;
}
.ae-archive-header__overlay {
  position: absolute; inset: 0; background: var(--ae-hdr-overlay, rgba(0,0,0,.4));
}
.ae-archive-header__inner {
  position: relative; z-index: 1;
  display: grid;
}
.ae-archive-header__title {
  margin: 0;
  color: var(--ae-hdr-title-color, #fff);
  font-size: clamp(1.4rem, 2vw, 2rem);
  line-height: 1.2;
}

/* alinhamentos utilitários */
.ae-archive-header__inner.is-top    { align-content: start; }
.ae-archive-header__inner.is-middle { align-content: center; }
.ae-archive-header__inner.is-bottom { align-content: end; }
.ae-archive-header__inner.is-left   { justify-items: start; text-align: left; }
.ae-archive-header__inner.is-center { justify-items: center; text-align: center; }
.ae-archive-header__inner.is-right  { justify-items: end; text-align: right; }

/* single events */
.ae-meta-box{display:flex;flex-flow:column;width:100%}
.ae-meta-box .meta-item{display:inline-flex;width:100%}
.event-recurrence{padding:20px 30px;background:#f4f4f4;border-radius:5px;margin-bottom:10px}
.event-recurrence h3{margin-bottom:5px}
.event-recurrence dl{display:inline-flex;width:100%}
.event-recurrence dd{margin-bottom:0}
.event-recurrences .terminado.event-recurrence{background:#fff;border:1px #ddd solid}
.event-recurrences .month-heading{padding:10px 30px;background:#333;color:#fff;border-radius:5px;margin-bottom:10px;margin-top:30px}
/* single events - end */



/* ========== Event status ========== */
.event-overall-status {
  padding: 10px 20px;
  background: #fff;
  border-radius: 25px;
}

/* ========== Event archive header (layout geral) ========== */
.event-archive-header {
  display: grid;
  align-items: center;
  gap: 30px;
  margin-bottom: 30px;
}

/* Nav: um único bloco (desktop e mobile) */
.event-archive-nav {
  margin: 10px auto;
  display: grid;
  align-items: center;
  grid-template-columns: auto auto 1fr; /* voltar | status | menu/burger */
  gap: .75rem;
  position: relative;
}

/* Lista de itens do menu (desktop por omissão) */
.event-archive-menu {
  display: flex;
  gap: .5rem;
  list-style: none;
  margin: 0;
  padding: 0;
  justify-self: end;
}

/* Ícones e links do nav */
.event-archive-nav i { font-size: 1rem; }
.event-archive-nav a {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-weight: 500;
  padding: 10px 20px;
  background: #fff;
  border-radius: 8px;
  color: var(--ae-cor-base);
}
.event-archive-nav a:hover,
.event-archive-nav a.current {
  background: var(--ae-cor-base);
  color: #fff;
}

/* Botão burger (oculto no desktop) */
.event-nav-toggle {
  display: none;
  width: 44px; height: 44px;
  border-radius: 8px;
  background: #fff;
  color: var(--ae-cor-base);
  justify-self: end;
  align-items: center; justify-content: center;
  gap: 4px;
  cursor: pointer;
}
.event-nav-toggle:focus { outline: 2px solid var(--ae-cor-base); outline-offset: 2px; }
.event-nav-toggle-bar {
    display: block;
    width: 18px; 
    height: 2px;
    background: var(--ae-cor-base); 
    border-radius: 2px;
}
.event-nav-toggle-bar:hover {
    background: var(--ae-cor-base) !important;
}

/* ========== Mobile (burger abre dropdown) ========== */
@media (max-width: 768px) {
  .event-archive-menu {
    position: absolute;
    right: 0; top: 100%;
    min-width: 220px;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(0,0,0,.08);
    padding: .5rem;
    display: none; /* escondido por omissão */
    flex-direction: column;
    z-index: 50;
  }
  .event-archive-menu.is-open { display: flex; }
  .event-archive-menu li a {
    display: block;
    padding: .6rem .75rem;
    border-radius: 8px;
  }
    .event-archive-menu li a:hover { background: #f5f7f5; }
    
    .event-nav-toggle { 
        display: flex;
        flex-flow: column; 
    }
}

/* ========== Botões ==========
   (mantido separado do estilo de links genéricos para poderes trocar a cor depois) */
.eventos-btn-voltar {
  padding: 10px 20px;
  background: #fff;
  border-radius: 8px;
}

/* ========== Containers utilitários ========== */
.ae-container-inside {
  max-width: 1320px;
  margin: auto;
}

/* ========== Search topo ========== */
#top-eventos-search { 
    margin-bottom: 30px; 
}
#top-eventos-search input {
    background: #fff;
    border: 1px #ddd solid;
    border-radius: 6px;
}
#top-eventos-search .eventos-search-form fieldset {
  border: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 2rem;
  row-gap: 1rem;
}
#top-eventos-search .eventos-search-date-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
#top-eventos-search .eventos-search-form label {
  margin-bottom: 4px;
  font-weight: 500;
}
#top-eventos-search .eventos-search-form input[type="text"],
#top-eventos-search .eventos-search-form input[type="date"] {
  padding: 8px;
  font-size: 14px;
  width: 100%;
  height: 50px;
}
#top-eventos-search .eventos-search-button-row button {
  padding: 10px 16px;
  font-size: 14px;
  width: 100%;
  height: 50px;
  cursor: pointer;
}

/* Paginação */
.event-pagination { text-align: center; margin-top: 30px; }

/* ========== (Opcional) Calendário clássico legado ========== */
.calendario-view { text-align: center; max-width: 100%; margin: 0 auto 20px; }
.calendario-view .calendario-view-header { padding: 10px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; background: #f4f4f4; }
.calendario-view table { width: 100%; min-height: 300px; border-collapse: collapse; }
.calendario-view th, .calendario-view td { padding: 10px; border: 1px solid #ccc; width: 14.28%; text-align: center; vertical-align: middle; }
.calendario-view .especial.today { background-color: #ffecb3; }
.calendario-view .especial { background-color: #fff; color: var(--ae-cor-base); font-weight: bold; cursor: default; }
.calendario-view .especial:hover { background-color: var(--ae-cor-base); color: #fff; cursor: pointer; }

/* ========== Proporções de imagem ========== */
.proporcao-101  { aspect-ratio: 1 / 1; }
.proporcao-169  { aspect-ratio: 16 / 9; overflow: hidden; }
.proporcao-916  { aspect-ratio: 9 / 16; }
.proporcao-403  { aspect-ratio: 4 / 3; }
.proporcao-114  { aspect-ratio: 1 / 1.414; }

/* ========== Cards/Event slides ========== */
.event-slide { position: relative; display: grid; }
.event-slide-img { overflow: hidden; }
.event-slide-img img {
  object-fit: cover; width: 100%; height: 100%;
  transition: transform .3s ease; transform-origin: center center;
}
.event-link {
    display: block;
    height: 100%
}
.event-link:hover img { transform: scale(1.1); }

/* Versão com faixa inferior escura (mantida apenas uma vez) */
.event-slide-txt {
  position: absolute; bottom: 0; left: 0; width: 100%;
  z-index: 1; color: #fff; padding: 20px; box-sizing: border-box;
  background: var(--ae-cor-base); min-height: 88px;
}
.event-dates {
  position: absolute; top: 20px; left: 20px;
  background: var(--ae-cor-base); color: #fff; display: flex; gap: 6px;
  text-align: center; line-height: 1.2; font-size: 1.1rem;
  text-transform: uppercase; font-weight: bold; padding: 10px; z-index: 1;
}
.event-dates .event-date { display: flex; flex-flow: column; min-width: 60px; }
.event-dates-blocks { position: absolute; top: 20px; left: 20px; }
.event-dates-blocks .event-date-block {
  background: var(--ae-cor-base); color: #fff; margin-bottom: 2px; padding: 5px 10px;
}
.event-date-block.expired { text-decoration: line-through; }

/* ========== Header com nav integrado ========== */
.event-archive-header--with-nav .event-archive-header__inner {
  display: flex; align-items: center; justify-content: space-between;
  gap: 1.25rem; flex-wrap: wrap;
}
.event-archive-header--with-nav .event-archive-title { margin: 0; }
.event-archive-header__nav .event-archive-nav { margin: 0; }
.event-archive-header__nav .event-archive-menu {
  display: flex; gap: .75rem; align-items: center; margin: 0;
}
@media (max-width: 640px) {
  .event-archive-header--with-nav .event-archive-header__inner {
    flex-direction: column; align-items: flex-start;
  }
  .event-archive-header__nav .event-archive-menu {
    gap: .5rem; flex-wrap: wrap;
  }
}

/* ========== Layout de listas ==========
   (sem duplicação; apenas media-queries específicas) */
.eventos-posts-layouta .archive-post-list {
  display: grid; gap: 40px;
}

@media (min-width: 921px) {
  .event-archive-header { grid-template-columns: 1fr auto; }
  #top-eventos-search .eventos-search-form fieldset {
    grid-template-columns: 1fr 2fr 1fr; align-items: end;
  }
  .eventos-search-date-row { display: contents; }

  .main-content-wrapper-4.eventos-posts-layouta .archive-post-list { grid-template-columns: repeat(4, 1fr); }
  .main-content-wrapper-3.eventos-posts-layouta .archive-post-list { grid-template-columns: repeat(3, 1fr); }
  .main-content-wrapper-2.eventos-posts-layouta .archive-post-list { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 768px) and (max-width: 920px) {
  .main-content-wrapper-4.eventos-posts-layouta .archive-post-list { grid-template-columns: 1fr 1fr; }
}

@media (min-width: 1024px) {
  .events-slider-pagination {
    grid-template-columns: 1fr 1fr 1fr; gap: 30px; margin: 30px 0;
  }
}

/* ========== Eventos: Search (Material-like) ========== */
.eventos-top-search.eventos-search {
  margin-bottom: 30px;
}

/* Forçar o fieldset a não usar grid legado no contexto do topo */
.eventos-search .eventos-search-form fieldset {
  display: block !important;
  grid-template-columns: initial !important;
  column-gap: initial !important;
  row-gap: initial !important;
}

/* grid base usando a estrutura do Core (.adsi-dir-search-form ul > li) */
.eventos-search .eventos-search-form ul {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px 16px;
  margin: 0 !important;
  padding: 0;
}

/* Alta especificidade para a secção de topo da página de arquivo */
#top-eventos-search .eventos-search .eventos-search-form ul {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px 16px;
  align-items: flex-end;
}
.eventos-search .eventos-search-form ul li {
  list-style: none;
  padding: 0;
}

/* layouts */
.eventos-search--sidebar .eventos-search-form ul { 
  flex-direction: column;
}
.eventos-search--inline .eventos-search-form ul {
  flex-direction: row;
  align-items: flex-end;
}
.eventos-search--inline .eventos-search-form ul > li { width: auto !important; max-width: none; }

/* labels */
.eventos-search .eventos-search-form label {
  display: block;
  margin-bottom: 4px;
  font-weight: 500;
  color: #444;
}

/* inputs/selects com “underline” e altura consistente */
.eventos-search .eventos-search-form ul input,
.eventos-search .eventos-search-form ul select {
  width: 100% !important;
  height: 50px;
  padding: 8px 12px !important;
  background: #fff;
  border: 0;
  border-bottom: 2px solid #e0e0e0;
  border-radius: 8px; /* alinhado com diretório */
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.eventos-search .eventos-search-form ul input:focus,
.eventos-search .eventos-search-form ul select:focus {
  outline: none;
  border-bottom-color: var(--ae-cor-base, #63ab43);
  box-shadow: 0 1px 0 0 var(--ae-cor-base, #63ab43);
}

/* botão primário */
.eventos-search .eventos-search-form button[type="submit"] {
  height: 50px;
  padding: 0 20px;
  border: 0;
  border-radius: 8px; /* alinhado com diretório */
  background: var(--ae-cor-base, #63ab43);
  color: var(--ae-cor-base-contrast, #fff);
  font-weight: 600;
  cursor: pointer;
  transition: filter .2s ease, background .2s ease;
}
.eventos-search .eventos-search-form button[type="submit"]:hover {
  filter: brightness(0.95);
}

/* responsivo: inline colapsa para 1 coluna em ecrãs pequenos */
@media (max-width: 768px) {
  .eventos-search--inline .eventos-search__field,
  .eventos-search--inline .eventos-search__field--search,
  .eventos-search--inline .eventos-search__actions { flex-basis: 100% !important; min-width: 100% !important; }
}

/* acessibilidade: esconder apenas visualmente */
.eventos-search .sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0);
  white-space: nowrap; border: 0;
}

/* ====== Overrides para espelhar o diretório (Material-like outlined) ====== */
.eventos-search {
  width: 100%;
}
.eventos-search .eventos-search-form fieldset { border: 0; padding: 0; }

/* Container visual similar ao diretório */
.eventos-top-search.eventos-search {
  background: #fff;
  border-radius: 10px;
  border: 1px #ddd solid;
  padding: 30px;
}

/* Base dos campos */
.eventos-search label { display: inline-block; margin-bottom: 6px; font-weight: 600; }
.eventos-search .eventos-search-form ul input[type="search"],
.eventos-search .eventos-search-form ul input[type="date"],
.eventos-search .eventos-search-form ul select {
  width: 100%;
  padding: 10px 12px;
  border: 1.5px solid rgba(0,0,0,0.28);
  border-radius: 8px;
  font-size: 1rem;
  background: #fff;
  box-sizing: border-box;
  min-height: 44px;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.eventos-search .eventos-search-form ul input[type="search"]:focus,
.eventos-search .eventos-search-form ul input[type="date"]:focus,
.eventos-search .eventos-search-form ul select:focus {
  outline: none;
  border-color: var(--ae-primary, #2563eb);
  box-shadow: 0 0 0 3px rgba(37,99,235,0.15);
}

/* Floating label (md-input): label após o input e placeholder=" " */
.eventos-search .md-input { position: relative; }
.eventos-search .md-input input[type="search"] {
  padding: 18px 14px 10px; /* espaço para o label flutuar */
  border: 1.5px solid rgba(0,0,0,0.28); /* outlined como no diretório */
  border-radius: 8px; /* alinhado com diretório */
  background: #fff;
}
.eventos-search .md-input label {

  position: absolute;
  left: 12px;
  top: -7px;
  padding: 0 6px;
  font-size: 12px;
  background: #fff;
  color: #6b7280;
  line-height: 120%;



  
}


/* md-select: outlined com label âncora superior */
.eventos-search .md-select { position: relative; }
.eventos-search .md-select label {
  position: absolute;
  left: 12px;
  top: -7px;
  padding: 0 6px;
  font-size: 12px;
  background: #fff;
  color: #6b7280;
  line-height: 120%;
}

/* Botão elevado semelhante */
.eventos-search .eventos-search__submit {
  display: inline-block;
  background: var(--ae-primary, #2563eb);
  color: #fff;
  border: 1px solid var(--ae-primary, #2563eb);
  border-radius: 8px;
  cursor: pointer;
  box-sizing: border-box;
  min-height: 44px;
  padding: 10px 16px;
  font-weight: 600;
  transition: filter .2s ease, box-shadow .2s ease, background .2s ease;
}
.eventos-search .eventos-search__submit:hover {
  filter: brightness(0.95);
  box-shadow: 0 4px 10px rgba(37,99,235,0.3);
}

/* Layouts: sidebar (empilhado) e inline (horizontal responsivo) */
.eventos-search--sidebar .eventos-search__field { margin-bottom: 12px; }

.eventos-search--inline .eventos-search-form ul {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px 16px;
  align-items: flex-end;
}
.eventos-search--inline .eventos-search-form ul > li {
  width: auto;
}
.eventos-search--inline .eventos-search__field { flex: 1 1 220px; min-width: 220px; }
.eventos-search--inline .eventos-search__field--search { flex: 2 1 320px; }
.eventos-search--inline .eventos-search__actions { margin-top: 0; align-self: stretch; display: flex; flex: 0 0 auto; }
.eventos-search--inline .eventos-search__submit { height: 100%; }

@media (max-width: 640px) {
  .eventos-search--inline .eventos-search__field,
  .eventos-search--inline .eventos-search__field--search { flex-basis: 100%; min-width: 100%; }
}

/* ========== Layout D (Material Design) ========== */
.event-slide--layout-d .event-md-card {
  display: block;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
  overflow: hidden;
}
/* 16:9 aspect ratio for media (no absolute positioning to avoid overlap) */
.event-slide--layout-d .event-md-media {
  display: block;
  width: 100%;
  overflow: hidden;
}
.event-slide--layout-d .event-md-media .event-slide-img { margin: 0; height: 100%; }
.event-slide--layout-d .event-md-media .event-slide-img img { width: 100%; height: 100%; object-fit: cover; display: block; }

.event-slide--layout-d .event-md-body {
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.event-slide--layout-d .event-md-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.event-slide--layout-d .event-md-title { display: flex; align-items: start; gap: 10px; flex-flow: column; }
.event-slide--layout-d .event-md-title .event-slide-title { margin: 0; }

/* Chip badge for status */
.event-slide--layout-d .chip {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  background: #E8F0FE;
  color: var(--ae-primary, #2563eb);
}

/* MD elevated button */
.event-slide--layout-d .md-btn {
  border-radius: 8px;
  background: var(--ae-primary, #2563eb);
  border: 1px solid var(--ae-primary, #2563eb);
  color: #fff;
  box-shadow: 0 2px 6px rgba(37,99,235,0.25);
}
.event-slide--layout-d .md-btn:hover { filter: brightness(0.95); box-shadow: 0 4px 10px rgba(37,99,235,0.3); }

/* Accessible focus */
.event-slide--layout-d .event-link:focus { outline: none; box-shadow: 0 0 0 3px rgba(37,99,235,0.3); border-radius: 8px; }

/* No special responsive needed; already vertical */