.elementor-kit-6{--e-global-color-primary:#00151D;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Neue Grotesk";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Neue Grotesk";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Neue Grotesk";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Neue Grotesk";--e-global-typography-accent-font-weight:500;background-color:#000000;font-family:"Neue Grotesk", Sans-serif;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:80%;}.e-con{--container-max-width:80%;--container-default-padding-top:20px;--container-default-padding-right:20px;--container-default-padding-bottom:20px;--container-default-padding-left:20px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}@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 *//* Por exemplo, dentro do Elementor → Configurações do site → CSS personalizado */
  
/* ====== LARGURAS E GUTTERS CORRETOS ====== */

/* 1) Volta o container para largura automática (sem 80%) */
body .elementor-container { 
  width: auto;           /* deixa o Elementor controlar */
  max-width: 1440px;     /* mantém seu cap de largura */
  margin-inline: auto;   /* centraliza */
}

/* 2) Gutter (respiro) lateral responsivo para TODAS as seções */
/* Flexbox container novo (.e-con) */
.e-con {
  padding-inline: clamp(16px, 4vw, 40px);
}

/* Seções/containers antigos (.elementor-section/.elementor-container) */
.elementor-section {
  padding-inline: clamp(16px, 4vw, 40px);
}
.elementor-section .elementor-container {
  padding-inline: 0; /* evita padding duplo se já estiver dentro da seção */
}

/* 3) Respeita áreas seguras de telas com notch/bordas (iOS, etc.) */
:root {
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
}
.e-con, .elementor-section {
  padding-left: max(var(--safe-left), clamp(16px, 4vw, 40px));
  padding-right: max(var(--safe-right), clamp(16px, 4vw, 40px));
}

/* 4) Em telas grandes (≥1600px), você pode reduzir o gutter um pouco se quiser */
@media (min-width:1600px){
  .e-con, .elementor-section {
    padding-inline: clamp(16px, 3vw, 36px);
  }
}


/* Seleciona exatamente o <span> com o degradê inline que você já tem */
h2 span[style*="linear-gradient(90deg, #0a4cff"]{
  position: relative;
  display: inline; /* evita faixa atrás */
  /* força recorte no texto */
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;

  /* === 2 BACKGROUNDS: base + flash animado === */
  background-image:
    linear-gradient(90deg, #0a4cff 0%, #bfc8d8 100%),                /* base */
    linear-gradient(120deg, rgba(255,255,255,0) 0%,
                             rgba(255,255,255,0.7) 50%,
                             rgba(255,255,255,0) 100%);             /* flash */
  background-size: 100% 100%, 30% 100%;
  background-repeat: no-repeat, no-repeat;
  background-position: 0 0, -120% 0; /* flash começa fora à esquerda */
  animation: shineFx 3s linear infinite; /* ~1s movimento + ~2s pausa */
}

/* Anima só o 2º background (flash) */
@keyframes shineFx{
  0%   { background-position: 0 0, -120% 0; }
  10%  { background-position: 0 0, 120% 0; }  /* varre rápido */
  100% { background-position: 0 0, 120% 0; }  /* pausa até reiniciar */
}

/* Base: sem animação/transform no load */
.logo-prizma,
.logo-prizma img {
  display: block !important;
  height: auto !important;
  max-width: none !important;
  width: auto;
  transition: none !important;   /* evita “salto” */
}

/* Mata animação de entrada/motion só na logo */
.logo-prizma, .logo-prizma * {
  animation: none !important;
}

/* ==== 1440 × 900 ==== */
@media (min-width:1430px) and (max-width:1450px) and (min-height:890px) and (max-height:910px) {
  .logo-prizma img { width: 420px !important; }
  .logo-prizma { margin-top: 35px !important; }  /* ↓ desce sem usar transform */
}

/* ==== 1512 × 982 ==== */
@media (min-width:1506px) and (max-width:1518px) and (min-height:976px) and (max-height:988px) {
  .logo-prizma img { width: 440px !important; }
  .logo-prizma { margin-top: 45px !important; }  /* ↓ desce mais um pouco */
}

/* Faixa de segurança 1400–1536 */
@media (min-width:1400px) and (max-width:1536px) {
  .logo-prizma img { min-width: 360px !important; }
}


/* ========================== */
/* HERO NOTEBOOK — FINAL AJUSTE */
/* ========================== */

.hero-notebook,
.hero-notebook img {
  display: block !important;
  height: auto !important;
  max-width: none !important;
  width: auto;
  transition: all 0.2s ease;
}

/* ===== 1440 × 900 ===== */
@media (min-width:1430px) and (max-width:1450px) and (min-height:890px) and (max-height:910px) {
  .hero-notebook,
  .hero-notebook img {
    width: 440px !important;
    transform: translate(50px, 40px); /* direita + baixo */
  }
}

/* ===== 1512 × 982 ===== */
@media (min-width:1506px) and (max-width:1518px) and (min-height:976px) and (max-height:988px) {
  .hero-notebook,
  .hero-notebook img {
    width: 460px !important;
    transform: translate(60px, 50px); /* direita + um pouco mais baixo */
  }
}

/* Faixa de segurança (entre 1400–1536) */
@media (min-width:1400px) and (max-width:1536px) {
  .hero-notebook,
  .hero-notebook img {
    max-width: 480px !important;
  }
}

html, body { overflow-x: hidden; }
*, *::before, *::after { box-sizing: border-box; }


@media (max-width: 560px){
  /* some o container */
  .elementor-element-f547971{
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  /* zera o espaçamento interno do wrapper desse container */
  .elementor-element-f547971 > .e-con-inner{
    padding: 0 !important;
    gap: 0 !important;
  }

  /* se o próximo bloco estiver com margem-top, zera */
  .elementor-element-f547971 + *{
    margin-top: 0 !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Neue Grotesk';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://prizmafx.com.br/wp-content/uploads/2025/10/NeueHaasDisplayRoman.ttf') format('truetype');
}
@font-face {
	font-family: 'Neue Grotesk';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('http://prizmafx.com.br/wp-content/uploads/2025/10/NeueHaasDisplayBold-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Neue Grotesk';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('http://prizmafx.com.br/wp-content/uploads/2025/10/NeueHaasDisplayMediu.ttf') format('truetype');
}
@font-face {
	font-family: 'Neue Grotesk';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('http://prizmafx.com.br/wp-content/uploads/2025/10/NeueHaasDisplayLight.ttf') format('truetype');
}
/* End Custom Fonts CSS */