.elementor-kit-5{--e-global-color-primary:#5BC5F2;--e-global-color-secondary:#F6F6F6;--e-global-color-text:#575757;--e-global-color-accent:#0A83BF;--e-global-color-69da0d7:#F1F9FE;--e-global-color-a3f3913:#E2F2FC;--e-global-color-2934b5c:#BEE5F9;--e-global-color-dbb6aaa:#84D0F5;--e-global-color-f410b00:#43B8ED;--e-global-color-27e6d61:#1A9DD9;--e-global-color-09aba3b:#0D7FBC;--e-global-color-cc0c81c:#0C6598;--e-global-color-0d1dbb9:#0E577E;--e-global-color-f648426:#124968;--e-global-color-23a935b:#0C2E45;--e-global-color-a5c9639:#F6F6F6;--e-global-color-5ccd9f5:#E7E7E7;--e-global-color-d782c1b:#D1D1D1;--e-global-color-a401005:#B0B0B0;--e-global-color-0efb52f:#888888;--e-global-color-bdf3c8d:#797979;--e-global-color-62cc3a0:#5D5D5D;--e-global-color-8400bcb:#4F4F4F;--e-global-color-bc4f96b:#454545;--e-global-color-7b83448:#3D3D3D;--e-global-color-e2cba69:#262626;--e-global-color-df28944:#FFF4ED;--e-global-color-c799968:#FFE0CC;--e-global-color-49b184a:#FEC8AA;--e-global-color-5cca0da:#FDA174;--e-global-color-fe6efbd:#FB703C;--e-global-color-2ae79f1:#F94A16;--e-global-color-49521f3:#EA300C;--e-global-color-c896635:#C2200C;--e-global-color-d0629ca:#9A1C12;--e-global-color-37b87c5:#7C1A12;--e-global-color-ff49f43:#430907;--e-global-typography-primary-font-family:"DM Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"DM Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-weight:500;color:#575757;font-family:"DM Sans", Sans-serif;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-09aba3b );font-size:1.375rem;font-weight:800;color:var( --e-global-color-69da0d7 );border-radius:4px 4px 4px 4px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-text );font-family:"DM Sans", Sans-serif;font-size:1rem;line-height:1.5rem;}.elementor-kit-5 h1{color:var( --e-global-color-text );font-family:"DM Sans", Sans-serif;font-size:54px;line-height:60px;}.elementor-kit-5 h2{color:var( --e-global-color-text );font-family:"DM Sans", Sans-serif;font-size:1.6rem;font-weight:600;line-height:2rem;}.elementor-kit-5 h3{font-family:"DM Sans", Sans-serif;font-size:1.2rem;font-weight:600;}.elementor-kit-5 h4{font-family:"DM Sans", Sans-serif;font-size:1.1rem;}.elementor-kit-5 h5{font-family:"DM Sans", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;}.elementor-kit-5 h6{font-family:"DM Sans", Sans-serif;font-size:0.9rem;line-height:1rem;}.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:1366px){.elementor-kit-5 h1{font-size:50px;line-height:54px;}}@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-kit-5 h1{font-size:30px;line-height:36px;}.elementor-kit-5 h2{font-size:30px;line-height:36px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html, body{
    max-width: 100%;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

/*==== Header Color ==== */
.header-scrolled {
  background-color: rgba(239, 249, 253, 0.85); /* ou qualquer cor desejada */
  backdrop-filter: blur(10px);               /* aplica blur no que está atrás */
  -webkit-backdrop-filter: blur(10px);       /* suporte para Safari */
  transition: background-color 0.3s ease;
}
/*========== 
========== Barra de Rolagem
============*/
/* Largura da barra de rolagem */
::-webkit-scrollbar {
  width: 8px; /* vertical */
  height: 8px; /* horizontal */
}

/* Fundo da barra de rolagem */
::-webkit-scrollbar-track {
  background: #eef9fe; /* cor de fundo da trilha */
  border-radius: 4px;
}

/* A "alça" da barra (parte que se move) */
::-webkit-scrollbar-thumb {
  background-color: #0a83bf; /* cor da alça */
  border-radius: 4px;
  border: 2px solid #eef9fe; /* espaço entre a alça e a borda */
}

/* Ao passar o mouse na alça */
::-webkit-scrollbar-thumb:hover {
  background-color: #066a98;
}


/* Para Firefox 64+ */
* {
  scrollbar-width: thin; /* "auto" | "thin" | "none" */
  scrollbar-color: #0a83bf #eef9fe; /* thumb | track */
}

/* ==========
=============== MOSTRAR E OCULTAR HERO 
============ */

/* Esconde todas as seções por padrão */
.hero-evento,
.hero-noticias,
.hero-form {
  display: none;
}

/* Se tiver evento futuro, mostra só o evento */
body.tem-eventos-futuros .hero-evento {
  display: block;
}

/* Se não tem evento e sorteou notícias */
body.exibe-hero-noticias .hero-noticias {
  display: block;
}

/* Se não tem evento e sorteou formulário */
body.exibe-hero-form .hero-form {
  display: block;
}




/* ======
====== Altura Maxima da Foto do Palestrante
=====*/
.palestrante img{
    width: auto;
    max-height: 378px;
    
}


/* ============
================ CTA Inscrição
==========*/
.CTAinscricao::after, .cubo::after, .hero::after, .cubo2::after{
    z-index: -1;
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #BDE6FA;
    border-radius: -1px;
    top: -2.5%;
    left: 94%;
    transform: translateX(-50%);
    
    /* aplica a animação */
  animation: floatBG 9s ease-in-out infinite alternate;
}

.CTAinscricao::before, .cubo::before, .hero::before, .cubo2::before{
    z-index: -1;
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #BDE6FA;
    border-radius: 1px;
    top: 94%;
    right: -16%;
    transform: translateX(-50%);
    
    /* aplica a animação */
  animation: floatBG 9s ease-in-out infinite alternate;
}



@keyframes floatBG {
  0%   { 
      transform: translate(0, 0);
      }
  25%  { transform: translate(4px, -4px); }
  50%  { 
      transform: translate(0, -8px);
      }
  75%  { transform: translate(-4px, 4px); }
  100% { 
      transform: translate(0, 0);
      }
}

/* ====================
=============================== Formulários 
==================== */

/* ====== CAMPOS TEXTUAIS (Global + .formulario) ====== */

.elementor-field-textual {
  padding: 10px 10px 10px 10px !important;
  box-sizing: border-box !important;
  position: relative;
  z-index: 1;
  color: #575757 !important;
  transition: box-shadow 0.3s ease, border-color 0.3s ease !important;
  box-shadow: 0 0 0 0 transparent !important;
}

.active .elementor-field-textual {
    padding-bottom: 10px !important;
}

.elementor-field-label {
  position: absolute !important;
  top: 16px !important;
  transform: translateX(10px) !important;
  color: #575757 !important;
  opacity: 1 !important;
  transform: scale(1);
  transform-origin: top left;
  transition: all 0.3s ease-out !important;
  pointer-events: none !important;
  z-index: 2;
}

.elementor-field-group.active .elementor-field-label {
  top: 0px !important;
transform: translateX(10px) scale(0.6) !important;
  opacity: 0 !important;
}

.elementor-field-group.active .elementor-field-textual:focus {
  box-shadow: 0 0 0 1px #84D0F5;
  outline: none !important;
}

.elementor-field-group {
  position: relative !important;
}

/*===== Multi-Checkbox | Formulário de Cadastro ============*/

/* Estiliza os labels como botões */

form:not([name^="[Fucape Convida] Quero Patrocinar"]) .elementor-field-type-checkbox label {
  display: block !important;
  padding: 13px 4px;
  background-color: #F1F9FE;
  border: 1px solid #84D0F5;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s ease;
  font-weight: 500;
  font-size: 12px !important;
}

/* Hover visual */
form:not([name^="[Fucape Convida] Quero Patrocinar"]) .elementor-field-type-checkbox label:hover {
    transition: all 0.5s ease;
    background-color: #BEE5F9;
    border-color: #1A9DD9;
    color: #0C6598 !important;
}


/* Estiliza o label quando o checkbox estiver marcado */
form:not([name^="[Fucape Convida] Quero Patrocinar"]) input[type="checkbox"]:checked:not([name^="form_fields[lgpd"]) + label {
transition: all 0.5s ease;
  background-color: #247DB9 !important;
  border-color: #247DB9 !important;
  color: #FFF !important;
}


/* Esconde os checkboxes */
form:not([name^="[Fucape Convida] Quero Patrocinar"]) .elementor-field-type-checkbox input[type="checkbox"]:not([name="form_fields[lgpd]"]), form:not([name^="[Fucape Convida] Quero Patrocinar"]) .elementor-field-type-checkbox input[type="checkbox"]:not([name="form_fields[lgpd2]"]) {
  display: none !important;
}

/* Corrigindo o padding inline dos labels */
form .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option {
    padding-inline-end: 0px;
}

/* Layout em 2 colunas */
form:not([name^="[Fucape Convida] Quero Patrocinar"]) .elementor-field-type-checkbox .elementor-field-subgroup {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
  padding: 0 !important;
}

/* ====== CHECKBOX ESTILIZADO COM ✔ (Global + .formulario) ====== */



.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option {
  padding-inline-end: 0;
}

/* Estilo do checkbox */

input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 14px;
  height: 14px;
  border: 1px solid #84D0F5;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
  background-color: #fff;
  vertical-align: middle;
}

/* Checkbox marcado */
input[type="checkbox"]:checked {
  background-color: #0D7FBC !important;
  border-color: #0D7FBC;
}

/* ✔ dentro do checkbox marcado */

input[type="checkbox"]:checked::before {
  content: "✔";
  position: absolute;
  left: 3px;
  top: 1px;
  font-size: 8px;
  color: #fff;
}

input[type="checkbox"]:checked + label{
    background-color: transparent !important;
    color: #575757;
    }



/*===== Tooltips ==== */
/* funcional quando o botão estiver desativado =======*/
.button-tooltip {
  position: absolute;
  background-color: #333;
  color: #fff;
  padding: 6px 10px;
  font-size: 13px;
  border-radius: 4px;
  white-space: nowrap;
  z-index: 1000;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s ease;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-8px);
}

/* Tooltip sempre acima, à direita */
.field-tooltip {
  display: none;
  position: absolute;
  bottom: 100%;
  right: 0;
  transform: translateY(-6px);
  background: #e63946;
  color: #fff;
  padding: 6px 10px;
  font-size: 13px;
  border-radius: 4px;
  white-space: nowrap;
  z-index: 1000;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.5s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

/* Setinha do tooltip */
.field-tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  right: 10px;
  border-width: 5px;
  border-style: solid;
  border-color: #e63946 transparent transparent transparent;
}

.input-error {
  border-color: #e63946 !important;
  background-color: #fff0f0 !important;
box-shadow: 0 0 0 1px #e63946 !important;
  outline: none !important;
}


button[disabled],
button:disabled {
  opacity: 0.5;
  cursor: not-allowed !important;
  pointer-events: auto; /* permite exibir tooltip mesmo desabilitado */
  transition: opacity 0.3s ease;
}


/* ====== RESPONSIVO (até 300px) ====== */
@media (max-width: 300px) {
  
  form .elementor-field-type-checkbox .elementor-field-subgroup {
    grid-template-columns: 1fr;
  }

  .elementor-field-option label{
    min-height: 36px !important;
  }
}

@media (max-width: 767px) {
    .elementor-field-option label{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px !important;
  }
}





/* ====================
========== Forçando o Background Branco
==================== */
.branco{
    background-color: #ffffff !important;
}


/* ====================
========== Criação de sombras 
==================== */
.sombra {
    box-shadow: 4px 2px 8px 0 rgba(10, 104, 154, 0.2);
}


/*================================
============= TAGS ==================
==================================*/

.lideranca .elementor-cta__button-wrapper, .empreendedorismo .elementor-cta__button-wrapper, .inteligencia-artificial .elementor-cta__button-wrapper, .vendas .elementor-cta__button-wrapper, .gestao-de-pessoas .elementor-cta__button-wrapper, .customer-experience .elementor-cta__button-wrapper, .personal-branding .elementor-cta__button-wrapper, .inovacao .elementor-cta__button-wrapper, .oratoria-e-comunicacao .elementor-cta__button-wrapper, .planejamento-e-orcamento .elementor-cta__button-wrapper, .tag-trilha, .noticia{
display: flex;
height: 24px;
padding: 4px 16px;
justify-content: center;
align-items: center;
width: auto;
border-radius: 4px;

}

.lideranca .elementor-cta__button, .empreendedorismo .elementor-cta__button, .inteligencia-artificial .elementor-cta__button, .vendas .elementor-cta__button, .gestao-de-pessoas .elementor-cta__button, .customer-experience .elementor-cta__button, .personal-branding .elementor-cta__button, .inovacao .elementor-cta__button, .oratoria-e-comunicacao .elementor-cta__button, .planejamento-e-orcamento .elementor-cta__button, .noticia .elementor-heading-title{
font-family: "DM Sans";
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 0.6px;
}

.lideranca .elementor-cta__button-wrapper, .tag-trilha.lideranca span, .noticia.lideranca{
background: #FFE0CC;
}

.lideranca .elementor-cta__button, .tag-trilha.lideranca span, .lideranca .elementor-heading-title{
color: #FB703C !important;
}

.empreendedorismo .elementor-cta__button-wrapper, .tag-trilha.empreendedorismo span, .noticia.empreendedorismo{
background: #E8F5E9;
}

.empreendedorismo .elementor-cta__button, .tag-trilha.empreendedorismo span, .empreendedorismo .elementor-heading-title{
color: #4CAF50 !important;
}

.Artificial .elementor-cta__button-wrapper, .inteligencia-artificial .elementor-cta__button-wrapper, .tag-trilha.inteligencia-artificial span, .noticia.inteligencia-artificial{
background: #E3F2FD !important;
cursor: default !important;
pointer-events: none;
}
.Artificial .elementor-cta__button, .inteligencia-artificial .elementor-cta__button, .tag-trilha.inteligencia-artificial span, .inteligencia-artificial .elementor-heading-title{
color: #2196F3 !important;
}

.vendas .elementor-cta__button-wrapper, .tag-trilha.vendas span, .noticia.vendas{
background: #FFEBEE;
}
.vendas .elementor-cta__button, .tag-trilha.vendas span, .vendas .elementor-heading-title{
color: #F44336 !important;
}

.gestao-de-pessoas .elementor-cta__button-wrapper, .tag-trilha.gestao-de-pessoas span, .noticia.gestao-de-pessoas{
background: #FFCCBC !important;
}

.gestao-de-pessoas .elementor-cta__button, .tag-trilha.gestao-de-pessoas span, .gestao-de-pessoas .elementor-heading-title{
color: #FF5722 !important;
}

.customer-experience .elementor-cta__button-wrapper, .tag-trilha.customer-experience span, .noticia.customer-experience{
background: #F3E5F5;
}
.customer-experience .elementor-cta__button, .tag-trilha.customer-experience span, .customer-experience .elementor-heading-title{
color: #9C27B0 !important;
}

.personal-branding .elementor-cta__button-wrapper, .tag-trilha.personal-branding span, .noticia.personal-branding, .personal-branding{
background: #FFF8E1;
}
.personal-branding .elementor-cta__button, .tag-trilha.personal-branding span, .personal-branding .elementor-heading-title{
color: #D29E00 !important;
}

.inovacao .elementor-cta__button-wrapper, .tag-trilha.inovacao span, .noticia.inovacao{
background: #E0F7FA;   
}
.inovacao .elementor-cta__button, .tag-trilha.inovacao span, .inovacao .elementor-heading-title{
color: #00BCD4 !important;
}

.oratoria-e-comunicacao .elementor-cta__button-wrapper, .tag-trilha.oratoria-e-comunicacao span, .noticia.oratoria-e-comunicacao{
background: #EDE7F6;
}
.oratoria-e-comunicacao .elementor-cta__button, .tag-trilha.oratoria-e-comunicacao span, .oratoria-e-comunicacao .elementor-heading-title{
color: #673AB7 !important;
}

.planejamento-e-orcamento .elementor-cta__button-wrapper, .tag-trilha.planejamento-e-orcamento span, .noticia.planejamento-e-orcamento{
background: #ECEFF1;
}
.planejamento-e-orcamento .elementor-cta__button, .tag-trilha.planejamento-e-orcamento span, .planejamento-e-orcamento .elementor-heading-title{
color: #607D8B !important;
}




/* ============================
======= BLOG | NOTÍCIAS ==============
===================*/

/*  Tags de Trilha do Evento */
.tag-trilha{
    background-color: #EFF9FD;
}

.tag-trilha{
    height: 28px;
    padding: 4px 4px !important;
}

.tag-trilha span{
    padding: 2px 16px;
    border-radius: 4px;
}

.blog .jet-listing-grid__item{
    position: relative;
    top: 0;
    z-index: 1;
    transition: all .5s ease;
}

/* Lista de Notícias | Blog */
.blog .jet-listing-grid__item:hover{
    border-radius: 8px;
    position: relative;
    top: -20px;
    transition: all .5s ease;
    z-index: 90;
}/* End custom CSS */