/**
 * CUSTOM CSS - WINGS CARBON
 * 
 * Arquivo de customizações do template JA Landscape (T4 Framework)
 * Para adicionar novas customizações, siga a estrutura abaixo
 * 
 * Data de criação: 21/11/2025
 * Última atualização: 21/11/2025
 */

/* ============================================
   ÍNDICE
   ============================================
   1. SLIDER / CARROSSEL
   2. CORES E TIPOGRAFIA
   3. BOTÕES E INTERAÇÕES
   4. SEÇÕES ESPECÍFICAS
   5. RESPONSIVIDADE
   ============================================ */


/* ============================================
   1. SLIDER / CARROSSEL
   ============================================ */

/**
 * Customização dos títulos do slider principal
 * Alteração: Cor dos títulos de teal para branco
 * Aplicação: Todos os slides (Environmental, Social, Governança)
 */
#t4-slideshow h1.title {
    color: #ffffff;
    font-weight: 700;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    letter-spacing: 0.5px;
}

/**
 * Customização adicional dos títulos do slider em hover (se necessário)
 */
#t4-slideshow .swiper-slide h1.title:hover {
    text-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}

/**
 * Customização do subtítulo/caption do slider (opcional)
 */
#t4-slideshow p.caption {
    color: #ffffff;
    font-size: 1.1rem;
    line-height: 1.6;
}


/* ============================================
   2. CORES E TIPOGRAFIA
   ============================================ */

/* Adicione aqui customizações de cores e fontes globais */
#t4-section-1 .features-item .inner h2 {
  color: #fff !important;
}


/* ============================================
   3. BOTÕES E INTERAÇÕES
   ============================================ */

/* Adicione aqui estilos de botões customizados */


/* ============================================
   4. SEÇÕES ESPECÍFICAS
   ============================================ */

/* Adicione aqui estilos para seções específicas do site */

.sticky-menu {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1050;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  transition: top 0.3s ease-in-out;
}
/* Alteração para o Megamenu fixar fixo ao rolar a página

/* ============================================
   5. RESPONSIVIDADE
   ============================================ */

/**
 * Ajustes para telas pequenas (mobile)
 */
@media (max-width: 768px) {
    #t4-slideshow h1.title {
        font-size: 1.8rem;
    }

    #t4-slideshow p.caption {
        font-size: 1rem;
    }
}

/**
 * Ajustes para telas médias (tablet)
 */
@media (min-width: 769px) and (max-width: 1024px) {
    #t4-slideshow h1.title {
        font-size: 2.5rem;
    }
}

/**
 * Ajustes para telas grandes (desktop)
 */
@media (min-width: 1025px) {
    #t4-slideshow h1.title {
        font-size: 3.5rem;
    }
}