.elementor-350 .elementor-element.elementor-element-e16c4d8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-350 .elementor-element.elementor-element-3345f0f{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-350 .elementor-element.elementor-element-68ab63b{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-350 .elementor-element.elementor-element-cb29f01 .elementor-button{background-color:transparent;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );text-shadow:0px 0px 24px #F1ECF5;fill:#FFFFFF;color:#FFFFFF;background-image:radial-gradient(at center center, #2F8BB8 23%, #033758 94%);border-radius:4px 4px 4px 4px;padding:9px 9px 9px 9px;}.elementor-350 .elementor-element.elementor-element-cb29f01 .elementor-button:hover, .elementor-350 .elementor-element.elementor-element-cb29f01 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-primary );box-shadow:0px 0px 10px 0px rgba(255, 252.13972409192132, 252.13972409192132, 0.92);}.elementor-350 .elementor-element.elementor-element-cb29f01.elementor-element{--align-self:flex-start;}.elementor-350 .elementor-element.elementor-element-cb29f01 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-350 .elementor-element.elementor-element-cb29f01 .elementor-button .elementor-button-content-wrapper{gap:7px;}.elementor-350 .elementor-element.elementor-element-cb29f01 .elementor-button:hover svg, .elementor-350 .elementor-element.elementor-element-cb29f01 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-350 .elementor-element.elementor-element-6350fd6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-350 .elementor-element.elementor-element-e9c0c97{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-350 .elementor-element.elementor-element-32f4357{--display:flex;}.elementor-350 .elementor-element.elementor-element-1762014{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-350 .elementor-element.elementor-element-16b0275{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-350 .elementor-element.elementor-element-e9330f0{--display:flex;}.elementor-350 .elementor-element.elementor-element-bb2c283{--display:flex;--background-transition:0.3s;--overlay-opacity:0.5;}.elementor-350 .elementor-element.elementor-element-bb2c283:hover{background-color:var( --e-global-color-primary );box-shadow:0px 0px 12px 16px rgba(55.54976684181473, 108.94840123656137, 138.24307861328123, 0.5);}.elementor-350 .elementor-element.elementor-element-bb2c283::before, .elementor-350 .elementor-element.elementor-element-bb2c283 > .elementor-background-video-container::before, .elementor-350 .elementor-element.elementor-element-bb2c283 > .e-con-inner > .elementor-background-video-container::before, .elementor-350 .elementor-element.elementor-element-bb2c283 > .elementor-background-slideshow::before, .elementor-350 .elementor-element.elementor-element-bb2c283 > .e-con-inner > .elementor-background-slideshow::before, .elementor-350 .elementor-element.elementor-element-bb2c283 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-350 .elementor-element.elementor-element-3c0ecda{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-350 .elementor-element.elementor-element-3c0ecda:hover::before{filter:brightness( 133% ) contrast( 56% ) saturate( 80% ) blur( 6.3px ) hue-rotate( 27deg );}.elementor-350 .elementor-element.elementor-element-03b8d8e{text-align:center;}.elementor-350 .elementor-element.elementor-element-6faeb44{--display:flex;}.elementor-350 .elementor-element.elementor-element-6faeb44:hover{box-shadow:0px 0px 10px 8px rgba(126, 126, 126, 0.5);}.elementor-350 .elementor-element.elementor-element-eac7432{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-350 .elementor-element.elementor-element-7426ec8.elementor-element{--align-self:flex-start;}.elementor-350 .elementor-element.elementor-element-7426ec8{text-align:center;}.elementor-350 .elementor-element.elementor-element-dd7c481{--display:flex;}.elementor-350 .elementor-element.elementor-element-dd7c481:hover{box-shadow:0px 0px 10px 8px rgba(126, 126, 126, 0.5);}.elementor-350 .elementor-element.elementor-element-a587aee{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-350 .elementor-element.elementor-element-f55dd2b.elementor-element{--align-self:center;}.elementor-350 .elementor-element.elementor-element-f55dd2b{text-align:center;}.elementor-350 .elementor-element.elementor-element-b5205a3{--display:flex;}.elementor-350 .elementor-element.elementor-element-b5205a3:hover{box-shadow:0px 0px 10px 8px rgba(126, 126, 126, 0.5);}.elementor-350 .elementor-element.elementor-element-066ecae{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-350 .elementor-element.elementor-element-f7fab0e{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}@media(min-width:768px){.elementor-350 .elementor-element.elementor-element-3345f0f{--width:50%;}.elementor-350 .elementor-element.elementor-element-6350fd6{--width:50%;}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-350 .elementor-element.elementor-element-68ab63b{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-350 .elementor-element.elementor-element-cb29f01 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-350 .elementor-element.elementor-element-1762014{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-350 .elementor-element.elementor-element-f7fab0e{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-350 .elementor-element.elementor-element-68ab63b{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-350 .elementor-element.elementor-element-cb29f01 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-350 .elementor-element.elementor-element-1762014{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-350 .elementor-element.elementor-element-f7fab0e{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for container, class: .elementor-element-e16c4d8 *//* Seção escura com profundidade (igual ao estilo do herói) */
.panel-escura{
  background: radial-gradient(900px 420px at 50% -10%, #102639 0%, #0D1D2A 55%, #0B1823 100%);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 28px;
  padding: clamp(24px, 4vw, 56px);
  box-shadow:
    0 24px 64px rgba(0,0,0,.35),
    0 10px 28px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.04);
}

/* Tipografia dentro do painel */
.panel-escura h2, .panel-escura h3{ color:#EAF0F5; letter-spacing:.2px; }
.panel-escura p{ color:#C7D3DC; line-height:1.7; }
.panel-escura p b, .panel-escura p strong{ color:#F2F6FA; }

/* Foto da esquerda */
.panel-escura .about-photo img{
  display:block;
  width:100%;
  height:auto;
  border-radius: 18px;
  box-shadow: 0 14px 40px rgba(0,0,0,.35);
}

/* Opcional: limitar largura interna pra ficar mais elegante */
.panel-escura .elementor-container{
  max-width: 1200px;
  margin-inline: auto;
}

/* Mobile: suaviza raios e espaçamento */
@media (max-width: 767px){
  .panel-escura{ padding:20px; border-radius:20px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb2c283 *//* ===== Variáveis (fácil de ajustar) ===== */
:root{
  --hero-a:#102639;      /* topo do gradiente */
  --hero-b:#0D1D2A;      /* meio */
  --hero-c:#0B1823;      /* base */
  --card-bg: rgba(255,255,255,.04);         /* fundo do card com “sopro” branco */
  --card-border: rgba(255,255,255,.10);     /* borda translúcida */
  --card-hover-bg: rgba(255,255,255,.08);   /* leve clareada no hover */
}

/* ===== Seção com fundo hero-dark ===== */
.grid-hero{
  position: relative;
  border-radius: 24px;
  padding: clamp(24px, 4vw, 56px);
  background: radial-gradient(1100px 600px at 50% -10%,
              var(--hero-a) 0%, var(--hero-b) 55%, var(--hero-c) 100%);
}

/* Glow branco bem sutil por cima da seção (opcional) */
.grid-hero::before{
  content:"";
  position:absolute; inset:0;
  border-radius: inherit;
  pointer-events:none;
  /* “sombreado branco” geral da área */
  box-shadow: inset 0 0 120px rgba(255,255,255,.05);
}

/* ===== Malha (grade) ===== */
.grid-hero .grid{
  display: grid;
  grid-template-columns: repeat(12, minmax(0,1fr));
  gap: clamp(12px, 2vw, 24px);
}

/* ===== Card da grade ===== */
.grid-hero .grid-card{
  /* colunas (ajuste como preferir) */
  grid-column: span 4;

  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 16px;

  /* “sombreado branco” + sombra de profundidade */
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06),
    0 12px 28px rgba(0,0,0,.28);

  transition:
    box-shadow .25s ease,
    background .25s ease,
    transform .12s ease;
}

/* Hover: sombreado cinza mais claro e leve lift */
.grid-hero .grid-card:hover{
  background: var(--card-hover-bg);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.16),        /* realça o “halo” claro */
    0 18px 46px rgba(0,0,0,.40),            /* profundidade */
    0 10px 36px rgba(160,170,180,.18);      /* cinza claro extra */
  transform: translateY(-2px);
}

/* Responsivo */
@media (max-width:1024px){
  .grid-hero .grid-card{ grid-column: span 6; }
}
@media (max-width:767px){
  .grid-hero{ border-radius:16px; }
  .grid-hero .grid-card{ grid-column: span 12; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb2c283 *//* ===== Variáveis (fácil de ajustar) ===== */
:root{
  --hero-a:#102639;      /* topo do gradiente */
  --hero-b:#0D1D2A;      /* meio */
  --hero-c:#0B1823;      /* base */
  --card-bg: rgba(255,255,255,.04);         /* fundo do card com “sopro” branco */
  --card-border: rgba(255,255,255,.10);     /* borda translúcida */
  --card-hover-bg: rgba(255,255,255,.08);   /* leve clareada no hover */
}

/* ===== Seção com fundo hero-dark ===== */
.grid-hero{
  position: relative;
  border-radius: 24px;
  padding: clamp(24px, 4vw, 56px);
  background: radial-gradient(1100px 600px at 50% -10%,
              var(--hero-a) 0%, var(--hero-b) 55%, var(--hero-c) 100%);
}

/* Glow branco bem sutil por cima da seção (opcional) */
.grid-hero::before{
  content:"";
  position:absolute; inset:0;
  border-radius: inherit;
  pointer-events:none;
  /* “sombreado branco” geral da área */
  box-shadow: inset 0 0 120px rgba(255,255,255,.05);
}

/* ===== Malha (grade) ===== */
.grid-hero .grid{
  display: grid;
  grid-template-columns: repeat(12, minmax(0,1fr));
  gap: clamp(12px, 2vw, 24px);
}

/* ===== Card da grade ===== */
.grid-hero .grid-card{
  /* colunas (ajuste como preferir) */
  grid-column: span 4;

  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 16px;

  /* “sombreado branco” + sombra de profundidade */
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06),
    0 12px 28px rgba(0,0,0,.28);

  transition:
    box-shadow .25s ease,
    background .25s ease,
    transform .12s ease;
}

/* Hover: sombreado cinza mais claro e leve lift */
.grid-hero .grid-card:hover{
  background: var(--card-hover-bg);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.16),        /* realça o “halo” claro */
    0 18px 46px rgba(0,0,0,.40),            /* profundidade */
    0 10px 36px rgba(160,170,180,.18);      /* cinza claro extra */
  transform: translateY(-2px);
}

/* Responsivo */
@media (max-width:1024px){
  .grid-hero .grid-card{ grid-column: span 6; }
}
@media (max-width:767px){
  .grid-hero{ border-radius:16px; }
  .grid-hero .grid-card{ grid-column: span 12; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb2c283 *//* ===== Variáveis (fácil de ajustar) ===== */
:root{
  --hero-a:#102639;      /* topo do gradiente */
  --hero-b:#0D1D2A;      /* meio */
  --hero-c:#0B1823;      /* base */
  --card-bg: rgba(255,255,255,.04);         /* fundo do card com “sopro” branco */
  --card-border: rgba(255,255,255,.10);     /* borda translúcida */
  --card-hover-bg: rgba(255,255,255,.08);   /* leve clareada no hover */
}

/* ===== Seção com fundo hero-dark ===== */
.grid-hero{
  position: relative;
  border-radius: 24px;
  padding: clamp(24px, 4vw, 56px);
  background: radial-gradient(1100px 600px at 50% -10%,
              var(--hero-a) 0%, var(--hero-b) 55%, var(--hero-c) 100%);
}

/* Glow branco bem sutil por cima da seção (opcional) */
.grid-hero::before{
  content:"";
  position:absolute; inset:0;
  border-radius: inherit;
  pointer-events:none;
  /* “sombreado branco” geral da área */
  box-shadow: inset 0 0 120px rgba(255,255,255,.05);
}

/* ===== Malha (grade) ===== */
.grid-hero .grid{
  display: grid;
  grid-template-columns: repeat(12, minmax(0,1fr));
  gap: clamp(12px, 2vw, 24px);
}

/* ===== Card da grade ===== */
.grid-hero .grid-card{
  /* colunas (ajuste como preferir) */
  grid-column: span 4;

  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 16px;

  /* “sombreado branco” + sombra de profundidade */
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06),
    0 12px 28px rgba(0,0,0,.28);

  transition:
    box-shadow .25s ease,
    background .25s ease,
    transform .12s ease;
}

/* Hover: sombreado cinza mais claro e leve lift */
.grid-hero .grid-card:hover{
  background: var(--card-hover-bg);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.16),        /* realça o “halo” claro */
    0 18px 46px rgba(0,0,0,.40),            /* profundidade */
    0 10px 36px rgba(160,170,180,.18);      /* cinza claro extra */
  transform: translateY(-2px);
}

/* Responsivo */
@media (max-width:1024px){
  .grid-hero .grid-card{ grid-column: span 6; }
}
@media (max-width:767px){
  .grid-hero{ border-radius:16px; }
  .grid-hero .grid-card{ grid-column: span 12; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb2c283 *//* ===== Variáveis (fácil de ajustar) ===== */
:root{
  --hero-a:#102639;      /* topo do gradiente */
  --hero-b:#0D1D2A;      /* meio */
  --hero-c:#0B1823;      /* base */
  --card-bg: rgba(255,255,255,.04);         /* fundo do card com “sopro” branco */
  --card-border: rgba(255,255,255,.10);     /* borda translúcida */
  --card-hover-bg: rgba(255,255,255,.08);   /* leve clareada no hover */
}

/* ===== Seção com fundo hero-dark ===== */
.grid-hero{
  position: relative;
  border-radius: 24px;
  padding: clamp(24px, 4vw, 56px);
  background: radial-gradient(1100px 600px at 50% -10%,
              var(--hero-a) 0%, var(--hero-b) 55%, var(--hero-c) 100%);
}

/* Glow branco bem sutil por cima da seção (opcional) */
.grid-hero::before{
  content:"";
  position:absolute; inset:0;
  border-radius: inherit;
  pointer-events:none;
  /* “sombreado branco” geral da área */
  box-shadow: inset 0 0 120px rgba(255,255,255,.05);
}

/* ===== Malha (grade) ===== */
.grid-hero .grid{
  display: grid;
  grid-template-columns: repeat(12, minmax(0,1fr));
  gap: clamp(12px, 2vw, 24px);
}

/* ===== Card da grade ===== */
.grid-hero .grid-card{
  /* colunas (ajuste como preferir) */
  grid-column: span 4;

  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 16px;

  /* “sombreado branco” + sombra de profundidade */
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06),
    0 12px 28px rgba(0,0,0,.28);

  transition:
    box-shadow .25s ease,
    background .25s ease,
    transform .12s ease;
}

/* Hover: sombreado cinza mais claro e leve lift */
.grid-hero .grid-card:hover{
  background: var(--card-hover-bg);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.16),        /* realça o “halo” claro */
    0 18px 46px rgba(0,0,0,.40),            /* profundidade */
    0 10px 36px rgba(160,170,180,.18);      /* cinza claro extra */
  transform: translateY(-2px);
}

/* Responsivo */
@media (max-width:1024px){
  .grid-hero .grid-card{ grid-column: span 6; }
}
@media (max-width:767px){
  .grid-hero{ border-radius:16px; }
  .grid-hero .grid-card{ grid-column: span 12; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb2c283 *//* ===== Variáveis (fácil de ajustar) ===== */
:root{
  --hero-a:#102639;      /* topo do gradiente */
  --hero-b:#0D1D2A;      /* meio */
  --hero-c:#0B1823;      /* base */
  --card-bg: rgba(255,255,255,.04);         /* fundo do card com “sopro” branco */
  --card-border: rgba(255,255,255,.10);     /* borda translúcida */
  --card-hover-bg: rgba(255,255,255,.08);   /* leve clareada no hover */
}

/* ===== Seção com fundo hero-dark ===== */
.grid-hero{
  position: relative;
  border-radius: 24px;
  padding: clamp(24px, 4vw, 56px);
  background: radial-gradient(1100px 600px at 50% -10%,
              var(--hero-a) 0%, var(--hero-b) 55%, var(--hero-c) 100%);
}

/* Glow branco bem sutil por cima da seção (opcional) */
.grid-hero::before{
  content:"";
  position:absolute; inset:0;
  border-radius: inherit;
  pointer-events:none;
  /* “sombreado branco” geral da área */
  box-shadow: inset 0 0 120px rgba(255,255,255,.05);
}

/* ===== Malha (grade) ===== */
.grid-hero .grid{
  display: grid;
  grid-template-columns: repeat(12, minmax(0,1fr));
  gap: clamp(12px, 2vw, 24px);
}

/* ===== Card da grade ===== */
.grid-hero .grid-card{
  /* colunas (ajuste como preferir) */
  grid-column: span 4;

  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 16px;

  /* “sombreado branco” + sombra de profundidade */
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06),
    0 12px 28px rgba(0,0,0,.28);

  transition:
    box-shadow .25s ease,
    background .25s ease,
    transform .12s ease;
}

/* Hover: sombreado cinza mais claro e leve lift */
.grid-hero .grid-card:hover{
  background: var(--card-hover-bg);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.16),        /* realça o “halo” claro */
    0 18px 46px rgba(0,0,0,.40),            /* profundidade */
    0 10px 36px rgba(160,170,180,.18);      /* cinza claro extra */
  transform: translateY(-2px);
}

/* Responsivo */
@media (max-width:1024px){
  .grid-hero .grid-card{ grid-column: span 6; }
}
@media (max-width:767px){
  .grid-hero{ border-radius:16px; }
  .grid-hero .grid-card{ grid-column: span 12; }
}/* End custom CSS */