.elementor-264 .elementor-element.elementor-element-288dac12:not(.elementor-motion-effects-element-type-background), .elementor-264 .elementor-element.elementor-element-288dac12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#06180f;}.elementor-264 .elementor-element.elementor-element-288dac12 > .elementor-container{max-width:1500px;}.elementor-264 .elementor-element.elementor-element-288dac12{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-95px;margin-bottom:0px;padding:95px 0px 250px 0px;}.elementor-264 .elementor-element.elementor-element-288dac12 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-264 .elementor-element.elementor-element-1b4ade0f > .elementor-element-populated{padding:0px 0px 0px 0px;}/* Start custom CSS *//* IVY — CSS do Arquivo de Casos (colar em Elementor > Site Settings > Custom CSS,
   ou no template "Arquivo de Casos" > Advanced > Custom CSS).
   Aplica-se ao Loop Grid (Post Type = Case Study) + Taxonomy Filter que adicionas à mão — ver IVY Case Archive Template.html. */

.elementor-location-archive{background:#06180f;color:#f4f1ea}

/* ── Taxonomy Filter → barra de botões ───────────────────── */
.e-filter{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid rgba(244,241,234,.12);margin:0 !important}
.e-filter-item{appearance:none;background:transparent;border:0;border-right:1px solid rgba(244,241,234,.12);
  color:rgba(244,241,234,.55);font-family:"JetBrains Mono",monospace;font-size:11px;text-transform:uppercase;
  letter-spacing:.14em;padding:20px 24px;cursor:pointer;transition:color .3s,background .3s}
.e-filter-item:hover{color:#f4f1ea}
.e-filter-item.e-active,.e-filter-item.elementor-item-active{color:#06180f !important;background:#cae949 !important}

/* ── Loop Grid → container ───────────────────────────────── */
/* auto-fit colapsa colunas vazias sozinho — com 1 caso fica a 100%, com 2 a 50/50, com 3+
   cai para 3 por linha (min 300px cada). Não depende de contar filhos (a tentativa anterior
   com :has() falhava porque o Elementor mete elementos extra dentro do grid). */
.elementor-loop-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr)) !important;gap:1px !important;background:rgba(244,241,234,.12)}

/* ── Card (aplica dentro do template do Loop Item) ───────── */
.e-loop-item{background:#06180f;position:relative;overflow:hidden;display:flex;flex-direction:column}
.e-loop-item .elementor-widget-theme-post-featured-image{position:relative;aspect-ratio:4/5;overflow:hidden}
.e-loop-item .elementor-widget-theme-post-featured-image img{width:100%;height:100%;object-fit:cover;
  filter:brightness(.72) saturate(1.05);transition:transform 1s cubic-bezier(.22,1,.36,1),filter .5s}
.e-loop-item:hover .elementor-widget-theme-post-featured-image img{transform:scale(1.06);filter:brightness(.88) saturate(1.1)}

/* título por cima da imagem, estilo cartão editorial */
.e-loop-item .elementor-widget-theme-post-title{position:absolute;left:20px;right:20px;bottom:20px;z-index:3;
  background:rgba(6,24,15,.55);backdrop-filter:blur(6px);padding:14px 16px;border-radius:4px}
.e-loop-item .elementor-widget-theme-post-title .elementor-heading-title{
  font-family:"Fraunces",serif;font-weight:300;font-size:clamp(22px,3vw,32px);line-height:1.05;
  letter-spacing:-.02em;color:#f4f1ea !important;margin:0}
.e-loop-item .elementor-widget-theme-post-info{position:absolute;left:20px;right:20px;bottom:80px;z-index:3;
  display:flex;justify-content:space-between;padding-top:0}
.e-loop-item .elementor-post-info__item,.e-loop-item .elementor-icon-list-text{
  font-family:"JetBrains Mono",monospace;font-size:10px;text-transform:uppercase;letter-spacing:.12em;
  color:rgba(244,241,234,.55) !important}

/* véu escuro por trás do texto, para garantir legibilidade sobre a foto */
.e-loop-item .elementor-widget-theme-post-featured-image::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(6,24,15,.35) 0%,transparent 35%,transparent 55%,rgba(6,24,15,.9) 100%);
  pointer-events:none}

/* garantir que a coluna do card não corta o texto absoluto */
.e-loop-item,.e-loop-item .elementor-widget-wrap{min-height:100%}

/* fallback: se o teu tema não carrega Fraunces/JetBrains Mono globalmente, adiciona-as em
   Elementor > Site Settings > Fonts, ou o texto acima cai para serif/monospace do sistema. *//* End custom CSS */