.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-d89e1b3:#005E77;--e-global-color-270b4ba:#F26C5B;--e-global-color-66eb7f3:#000000;--e-global-color-d0f845c:#FFFFFF;--e-global-typography-primary-font-family:"Red Hat Display";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Red Hat Display";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Red Hat Display";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Red Hat Display";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-family:"Red Hat Display", Sans-serif;}.elementor-kit-5 label{font-family:"Red Hat Display", Sans-serif;}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{font-family:"Red Hat Display", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ====== CARD QUADRADO (CAIXA QUE VIRA) ====== */

.card-quadrado {
width: 100%; /* ocupa a coluna inteira do Listing Grid /
aspect-ratio: 1 / 1; / sempre quadrado /
height: auto;
overflow: hidden; / garante que nada “vaze” pra fora */
}

/* Faz o conteúdo interno preencher o quadrado */
.card-quadrado > * {
height: 100%;
}

/* Imagem sempre preenchendo o card */
.card-quadrado img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

/* (sem max-width pra não interferir no número de colunas) */

/* ====== LISTING GRID DO PORTFÓLIO – ESPAÇAMENTO VERTICAL ====== /
/ Aplica APENAS no front-end (fora do editor do Elementor) */

body:not(.elementor-editor-active) .jet-listing-grid__items {
/* garante que o espaçamento vertical venha só do grid, não de margins extras /
row-gap: 5px !important; / mesmo valor que você definiu no widget */
align-items: start;
}

/* remove o "gap dobrado" padrão do JetEngine entre as linhas */
body:not(.elementor-editor-active) .jet-listing-grid__item {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}

/* zera margens automáticas dos widgets do Elementor dentro de cada item */
body:not(.elementor-editor-active) .jet-listing-grid__item .elementor-widget {
margin-bottom: 0 !important;
}

/* se o template do card tiver section/container com padding vertical, tira também */
body:not(.elementor-editor-active) .jet-listing-grid__item .elementor-section,
body:not(.elementor-editor-active) .jet-listing-grid__item .elementor-container {
padding-top: 0 !important;
padding-bottom: 0 !important;
}

/* garante que figure/imagem não adicione margem extra */
body:not(.elementor-editor-active) .jet-listing-grid__item figure {
margin: 0 !important;
}

/* ============================
   TEXTO EM COLUNAS – PROJETO
   ============================ */

/* Widget de Texto com classe: texto-colunas-projeto */

/* Desktop / telas grandes */
.texto-colunas-projeto {
  column-gap: 60px;      /* espaçamento horizontal entre as colunas */
}

/* Se quiser ajustar também o número de colunas via CSS,
   pode descomentar a linha abaixo e escolher o valor: */
/* .texto-colunas-projeto { column-count: 3; } */


/* Tablet: um pouco menos de espaço pra caber bem */
@media (max-width: 1024px) {
  .texto-colunas-projeto {
    column-gap: 40px;    /* diminui um pouco o gap */
  }
}

/* Mobile: geralmente 1 coluna só pra leitura ficar confortável */
@media (max-width: 767px) {
  .texto-colunas-projeto {
    column-count: 1;     /* força 1 coluna no mobile */
    column-gap: 0;       /* sem “buraco” no meio */
  }
}/* End custom CSS */