.elementor-10518 .elementor-element.elementor-element-7ca79a6{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10518 .elementor-element.elementor-element-840f5af{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;text-align:center;}.elementor-10518 .elementor-element.elementor-element-840f5af .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:42px;font-weight:600;color:#31756E;}.elementor-10518 .elementor-element.elementor-element-9ad9356{--display:flex;}.elementor-10518 .elementor-element.elementor-element-9ad9356.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10518 .elementor-element.elementor-element-483c5e8{--display:flex;}@media(min-width:768px){.elementor-10518 .elementor-element.elementor-element-9ad9356{--width:107.861%;}}/* Start custom CSS *//* ===== ARQUIVO – Casa do Artista (Flexbox responsivo) ===== */

/* Wrapper + variáveis */
#arquivo-wrapper {
  width: 100%;
  box-sizing: border-box;
  --gap: 24px;           /* espaçamento entre cartões */
  --cols-desktop: 4;     /* nº colunas desktop */
  --cols-tablet: 2;      /* nº colunas tablet */
  --cols-mobile: 1;      /* nº colunas mobile */
}

/* === FILTROS === */
#arquivo-wrapper .filtros-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 25px;
  gap: 20px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  box-sizing: border-box;
}
#arquivo-wrapper .filtro-bloco { display:flex; flex-direction:column; align-items:flex-start; flex:1 1 auto; min-width:220px; }
#arquivo-wrapper .filtro-bloco label { font-weight:700; margin-bottom:6px; font-size:1em; color:#333; }
#arquivo-wrapper .filtro-grupo { display:flex; flex-wrap:wrap; gap:8px; }
#arquivo-wrapper .filtro-btn {
  appearance:none; -webkit-appearance:none;
  padding:8px 14px; border:none; background:#31756e; color:#fff; border-radius:5px;
  font-size:0.95em; line-height:1.2; cursor:pointer; transition:background-color .2s, transform .06s;
  text-decoration:none; white-space:nowrap;
}
#arquivo-wrapper .filtro-btn:hover { background:#265c56; }
#arquivo-wrapper .filtro-btn:active { transform:translateY(1px); }
#arquivo-wrapper .filtro-btn.ativo { background:#1d4e48; font-weight:700; }
#arquivo-wrapper .filtro-btn:focus-visible { outline:2px solid #1d4e48; outline-offset:2px; }

@media (max-width: 768px) {
  #arquivo-wrapper .filtros-container { flex-direction:column; align-items:stretch; }
  #arquivo-wrapper .filtro-bloco { width:100%; min-width:0; }
}

/* === RESULTADOS – Flex Grid === */
#arquivo-wrapper .arquivo-grid {
  display:flex !important;  /* força frente ao Elementor */
  flex-wrap:wrap;
  align-items:stretch;
  gap: var(--gap);
  padding:20px;
  margin-top:30px;
  box-sizing:border-box;
}

/* Cartão = 4 colunas em desktop */
#arquivo-wrapper .arquivo-grid .item-arquivo {
  /* (100% - gaps de 4 colunas = 3 espaços) / 4 */
  flex: 1 1 calc((100% - (var(--cols-desktop) - 1) * var(--gap)) / var(--cols-desktop));
  max-width: calc((100% - (var(--cols-desktop) - 1) * var(--gap)) / var(--cols-desktop));
  box-sizing: border-box;
}

/* Mensagens (estado) ocupam toda a largura */
#arquivo-wrapper .arquivo-grid > p {
  flex: 1 1 100%;
  max-width: 100%;
  margin: 6px 0 0;
  color: #555;
  font-size: 0.95rem;
}

/* ===== Breakpoints (Tablet/Mobile) ===== */
@media (max-width: 1024px) {
  /* 2 colunas em tablet */
  #arquivo-wrapper .arquivo-grid .item-arquivo {
    flex-basis: calc((100% - (var(--cols-tablet) - 1) * var(--gap)) / var(--cols-tablet));
    max-width:  calc((100% - (var(--cols-tablet) - 1) * var(--gap)) / var(--cols-tablet));
  }
}
@media (max-width: 600px) {
  /* 1 coluna em mobile */
  #arquivo-wrapper .arquivo-grid .item-arquivo {
    flex-basis: calc((100% - (var(--cols-mobile) - 1) * var(--gap)) / var(--cols-mobile));
    max-width:  calc((100% - (var(--cols-mobile) - 1) * var(--gap)) / var(--cols-mobile));
  }
  /* fontes ligeiramente menores no mobile */
  #arquivo-wrapper .item-arquivo h3 { font-size: 1rem; }
  #arquivo-wrapper .item-arquivo .resumo { font-size: .9rem; }
}

/* ===== Patch anti-Elementor (mais especificidade + !important nos widths) ===== */
.elementor #arquivo-wrapper .arquivo-grid .item-arquivo {
  flex-basis: calc((100% - (var(--cols-desktop) - 1) * var(--gap)) / var(--cols-desktop)) !important;
  max-width:  calc((100% - (var(--cols-desktop) - 1) * var(--gap)) / var(--cols-desktop)) !important;
}
@media (max-width: 1024px) {
  .elementor #arquivo-wrapper .arquivo-grid .item-arquivo {
    flex-basis: calc((100% - (var(--cols-tablet) - 1) * var(--gap)) / var(--cols-tablet)) !important;
    max-width:  calc((100% - (var(--cols-tablet) - 1) * var(--gap)) / var(--cols-tablet)) !important;
  }
}
@media (max-width: 600px) {
  .elementor #arquivo-wrapper .arquivo-grid .item-arquivo {
    flex-basis: calc((100% - (var(--cols-mobile) - 1) * var(--gap)) / var(--cols-mobile)) !important;
    max-width:  calc((100% - (var(--cols-mobile) - 1) * var(--gap)) / var(--cols-mobile)) !important;
  }
}

/* === Cartões === */
#arquivo-wrapper .item-arquivo {
  background:#fff;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 4px 10px rgba(0,0,0,0.08);
  display:flex; flex-direction:column;
  transition:transform .2s ease;
  height:100%;
}
#arquivo-wrapper .item-arquivo:hover { transform: translateY(-5px); }

#arquivo-wrapper .item-arquivo img {
  width:100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display:block;
  background:#f2f2f2;
}

/* Título e resumo com truncagem para evitar colunas muito altas */
#arquivo-wrapper .item-arquivo h3 {
  font-size:1.1rem;
  margin:12px 16px 0 16px;
  color:#222;
  font-weight:600;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
#arquivo-wrapper .item-arquivo .datas-evento {
  margin:6px 16px 0;
  font-size:.85rem; font-weight:500; color:#666;
}
#arquivo-wrapper .item-arquivo .resumo {
  margin:10px 16px;
  color:#555; font-size:.95rem; line-height:1.45;
  display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;
  flex-grow:1;
}
@media (max-width: 600px) {
  #arquivo-wrapper .item-arquivo .resumo { -webkit-line-clamp: 3; }
}

#arquivo-wrapper .item-arquivo a {
  display:block;
  margin:12px 16px 16px 16px;
  color:#31756e; font-weight:700; text-decoration:none; transition:color .2s ease;
}
#arquivo-wrapper .item-arquivo a:hover { color:#1d4e48; }

/* === Botão "Carregar mais" === */
#arquivo-wrapper #botao-mais,
#arquivo-wrapper .botao-mais-arquivo {
  margin: 40px auto 20px;
  display:block;
  padding:10px 20px;
  font-size:1rem;
  background:#31756e; color:#fff;
  border:none; border-radius:5px;
  cursor:pointer; transition:background-color .2s ease;
}
#arquivo-wrapper #botao-mais:hover,
#arquivo-wrapper .botao-mais-arquivo:hover { background:#265c56; }
#arquivo-wrapper #botao-mais:disabled { opacity:.6; cursor:not-allowed; }

/* ===== FIM ===== *//* End custom CSS */