/* Custom Fixes (Scalit) - ajustes focados em responsividade (mobile/tablet) sem impactar desktop */

/* --------- Header (mobile) --------- */
@media (max-width: 575.98px) {
  body.page-solucoes header .header-right .header-button,
  body.page-sobre header .header-right .header-button,
  body.page-contato header .header-right .header-button {
    display: none !important; /* remove o CTA duplicado no topo (mobile) */
  }
}

/* --------- Offcanvas contact info polish --------- */
.offcanvas__contact h4 { letter-spacing: 0.2px; }
.offcanvas__contact .header-button .theme-btn span { text-transform: uppercase; }

/* --------- CTA (antes do footer) - botão invertido apenas nessa seção --------- */
.cta-pre-footer .gt-btn.style5{
  background: #182e51 !important;
  color: #00c49b !important;
  border: 2px solid #182e51 !important;
}
.cta-pre-footer .gt-btn.style5 i { color: var(--theme) !important; }

/* Evita sobreposição do CTA sobre o marquee no mobile */
@media (max-width: 575.98px) {
  body.page-home .cta-pre-footer,
  body.page-sobre .cta-pre-footer {
    margin-top: -60px !important; /* menos negativo que o padrão */
  }
  body.page-home .marque-section-3,
  body.page-sobre .marque-section-3 {
    padding-bottom: 60px !important;
  }
}

/* --------- Home: reduzir espaçamentos apenas no mobile --------- */
@media (max-width: 575.98px) {
  body.page-home .section-padding { padding-top: 55px !important; padding-bottom: 0px !important; }
  body.page-home .space { padding-top: 55px !important; padding-bottom: 0px !important; }
  body.page-home .brand-slider-section { padding-top: 10px !important; padding-bottom: 10px !important; }
}

/* --------- Brand slider: centralizar logos no mobile --------- */
#brandSliderOne .swiper-slide{
  display: flex;
  justify-content: center;
  align-items: center;
}
#brandSliderOne .brand-logo{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* --------- Soluções (mobile) --------- */
@media (max-width: 575.98px) {
  body.page-solucoes .work-process-section { margin-bottom: 22px; }
  body.page-solucoes .work-process-container-wrapper.style2 { padding-bottom: 0 !important; }
  body.page-solucoes .pricing-card .gt-btn.style1.w-100 { margin-top: 18px !important; }
}

/* --------- Sobre: ícones e cards --------- */
body.page-sobre .scalit-icon i{
  font-size: 44px;
  color: var(--theme2);
}
@media (max-width: 575.98px) {
  /* Ajuste do respiro do topo da seção turquesa (missão/visão/valores) */
  body.page-sobre .work-process-section.bg-theme-color2 .work-process-wrapper.style1{
    padding-top: 55px !important;
  }
}
/* Cards de nichos: fundo turquesa fixo e sem sombra */
body.page-sobre .service-box-items{
  background: #173053 !important;
  box-shadow: none !important;
}
body.page-sobre .service-box-items .content h4 a,
body.page-sobre .service-box-items .content p{
  color: #ffffff !important;
}

/* --------- Contato: reduzir espaço entre título e campos (mobile) --------- */
@media (max-width: 575.98px) {
  body.page-contato .contact-content h2 { margin-bottom: 10px !important; }
  body.page-contato .contact-content p { margin-bottom: 18px !important; }
  body.page-contato .contact-form-items .form-clt span{
    display: block;
    margin-bottom: 6px !important;
  }
  body.page-contato .contact-form-items .form-clt input,
  body.page-contato .contact-form-items .form-clt textarea{
    margin-top: 0 !important;
  }
}



/* --------- Soluções: bloco único com 2 serviços (desktop) --------- */
@media (min-width: 1400px) {
  /* Evita corte do conteúdo no desktop (o template fixa height + clip-path) */
  body.page-solucoes .work-process-wrapper.style2.scalit-solucoes-duo{
    height: auto !important;
    -webkit-clip-path: none !important;
            clip-path: none !important;
  }
}

/* Divisor sutil entre os 2 serviços dentro do mesmo bloco */
body.page-solucoes .scalit-service-divider{
  width: 100%;
  height: 1px;
  background: rgba(255,255,255,.12);
  margin: 46px 0;
}
@media (max-width: 575.98px) {
  body.page-solucoes .scalit-service-divider{ margin: 28px 0; }
}


/* --------- Soluções: nichos (5 cards na mesma linha no desktop) --------- */
body.page-solucoes .nichos-grid{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 22px;
}

/* Ajustes responsivos */
@media (max-width: 1199.98px){
  body.page-solucoes .nichos-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 991.98px){
  body.page-solucoes .nichos-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px){
  body.page-solucoes .nichos-grid{ grid-template-columns: 1fr; }
}


/* Nichos (Soluções) - garantir ícones visíveis mesmo quando servidor bloqueia SVG via <img> */
body.page-solucoes .service-box-items .icon .nicho-icon-svg{
  width: 40px;
  height: 40px;
  display: block;
}


/* --------- Index: Hero dashboard carousel --------- */
.hero-thumb .hero-thumb-swiper { width: 100%; }
.hero-thumb .hero-thumb-swiper .main-thumb img{
  width: 100%;
  height: auto;
  display: block;
}
.hero-thumb .hero-thumb-swiper .swiper-pagination{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  text-align: center;
}
.hero-thumb .hero-thumb-swiper .swiper-pagination-bullet{
  opacity: .35;
}
.hero-thumb .hero-thumb-swiper .swiper-pagination-bullet-active{
  opacity: 1;
}

/* --------- Index: Brand logos alignment (center) --------- */
.brand-slider-section .slider-area,
.brand-slider-section .brand-slider-container-wrapper .container,
.brand-slider-section .brand-slider-container-wrapper .row {
  margin-left: auto;
  margin-right: auto;
}
.brand-slider-section .swiper{
  margin-left: auto;
  margin-right: auto;
}
.brand-slider-section .swiper-wrapper{
  align-items: center;
}
.brand-slider-section .brand-logo{
  display:flex;
  align-items:center;
  justify-content:center;
}

/* --------- Soluções: Dashboard gallery (isolado do blog) --------- */
.dashboard-gallery-section{ overflow: hidden; }
.dashboard-gallery-header{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; }
.dashboard-gallery-header .section-title{ margin-bottom:0; }
.dashboard-gallery-card{
  display:block;
  width:100%;
  border-radius: 16px;
  overflow:hidden;
  box-shadow: 0 18px 40px rgba(14, 24, 44, 0.12);
  transform: translateZ(0);
}
.dashboard-gallery-card img{
  width:100%;
  height:auto;
  display:block;
}
.dashboard-gallery-card:hover{
  box-shadow: 0 22px 48px rgba(14, 24, 44, 0.16);
}

@media (max-width: 767.98px){
  .dashboard-gallery-header{ flex-direction:column; align-items:flex-start; }
  .dashboard-gallery-header .arrow-btn{ width:100%; text-align:left !important; }
}


/* --------- Infex: Formulário download de e-book --------- */

/* Garante que o texto digitado no Modal de Download seja visível (Escuro) */
#leadGateModal .form-control {
    color: #1a1a1a !important; /* Cor do texto quase preto */
    background-color: #ffffff !important; /* Fundo branco para garantir contraste */
    border: 1px solid #ced4da !important;
}

/* Garante que o texto dos labels também esteja visível */
#leadGateModal .form-label {
    color: #333333 !important;
    font-weight: 600;
}

/* Estilo para quando o usuário clicar no campo (focus) */
#leadGateModal .form-control:focus {
    color: #000000 !important;
    background-color: #fff !important;
    border-color: #384BFF !important; /* Cor azul do seu template */
    box-shadow: 0 0 0 0.25rem rgba(56, 75, 255, 0.25);
}

/* Estilo para o título e subtítulo do modal */
#leadGateTitle {
    color: #111111 !important;
}

#leadGateSubtitle {
    color: #444444 !important;
}