/* =========================================
   1. RESET GLOBAL
   ========================================= */
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, sans-serif; }
html, body { width: 100%; max-width: 100vw; overflow-x: hidden; background-color: #ffffff; }

/* =========================================
   2. CABEÇALHO BRANCO PREMIUM
   ========================================= */
.cabecalho-principal { 
    position: relative; width: 100%; z-index: 10; display: flex; justify-content: space-between; 
    align-items: center; padding: 20px 8%; background-color: #ffffff; box-shadow: 0 4px 15px rgba(0,0,0,0.05); 
}

.logo-pequena { display: flex; align-items: center; gap: 15px; }
.logo-pequena img { height: 100px; width: auto; margin-left: -20px; filter: drop-shadow(0px 4px 10px rgba(0,0,0,0.1)); }

.menu-wrapper { display: flex; align-items: center; gap: 40px; }
.menu-navegacao ul { display: flex; gap: 30px; list-style: none; }
.menu-navegacao a { color: #1F2937; text-decoration: none; font-weight: 600; font-size: 15px; transition: color 0.3s ease; }
.menu-navegacao a:hover { color: #E67E22; }

.icone-menu-mobile { display: none; font-size: 38px; color: #1F2937; cursor: pointer; transition: color 0.3s ease; }
.icone-menu-mobile:hover { color: #E67E22; }

/* =========================================
   3. HERO SECTION
   ========================================= */
.hero-section { 
    background-image: url('../../hero/aderiFundo3.png'); /* Atualizado o caminho da imagem caso a pasta hero fique na raiz */
    background-size: 125% auto; 
    background-position: 0% center; 
    height: 85vh; 
    width: 100%; 
    position: relative; 
    display: flex; 
    align-items: center; 
    overflow: hidden; 
}

.hero-layout { display: flex; justify-content: space-between; align-items: center; padding: 0 8%; width: 100%; }
.hero-conteudo { width: 70%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; color: #ffffff; }
.hero-conteudo h1 { font-size: 52px; font-weight: 800; line-height: 1.1; margin-bottom: 30px; text-shadow: 2px 4px 10px rgba(0,0,0,0.6); } 
.hero-conteudo p { font-size: 18px; margin-bottom: 50px; max-width: 600px; line-height: 1.5; color: #ffffff; text-shadow: 1px 2px 8px rgba(0,0,0,0.8); } 

.slogan-aderi { font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 600; font-style: italic; color: #ffffff; margin-top: 60px; letter-spacing: 1px; text-shadow: 2px 4px 10px rgba(0,0,0,0.6); } 
.destaque-laranja { color: #E67E22; }

.hero-botoes { display: flex; gap: 20px; }
.btn-primario { display: inline-block; background-color: #E67E22; color: #ffffff; padding: 14px 32px; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 16px; transition: all 0.3s ease; border: 2px solid #E67E22; box-shadow: 0 4px 15px rgba(0,0,0,0.3); }
.btn-primario:hover { background-color: #D35400; border-color: #D35400; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(230, 126, 34, 0.5); }
.btn-secundario { display: inline-block; background-color: transparent; color: #ffffff; padding: 14px 32px; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 16px; border: 2px solid #ffffff; transition: all 0.3s ease; text-shadow: 1px 2px 5px rgba(0,0,0,0.5); box-shadow: 0 4px 15px rgba(0,0,0,0.2); }
.btn-secundario:hover { background-color: #ffffff; color: #1a1a1a; transform: translateY(-3px); text-shadow: none; }

/* =========================================
           AJUSTES SWIPER E PAINEL AGRO (SLIDE 2)
           ========================================= */
        .myHeroSwiper { width: 100%; height: 85vh; overflow: hidden; }
        
        .hero-slide-1 { 
            background-image: url('../../hero/aderiFundo3.png'); 
            background-size: 125% auto; background-position: 0% center; 
            display: flex; align-items: center; width: 100%; height: 100%;
        }
        
        /* Fundo mais escuro para os dados saltarem aos olhos */
        .hero-slide-2 {
            background-color: #0A1E0F; 
            background-image: linear-gradient(to right, rgba(10,30,15,0.95), rgba(10,30,15,0.7)), url('../../hero/aderiFundo3.png');
            background-size: cover; background-position: center;
            display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;
        }

        .painel-agro-wrapper { width: 100%; padding: 0 8%; color: #ffffff; }
        .painel-agro-wrapper h2 { font-size: 46px; font-weight: 800; margin-bottom: 10px; }
        .painel-agro-wrapper p { font-size: 18px; color: #D1D5DB; margin-bottom: 40px; }

        .cards-agro { display: flex; gap: 30px; flex-wrap: wrap; }
        
        /* Efeito Premium de Vidro Fosco */
        .card-agro { 
            background: rgba(255, 255, 255, 0.05); 
            backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            padding: 30px; border-radius: 20px; flex: 1; min-width: 280px;
            display: flex; flex-direction: column; gap: 10px;
            transition: transform 0.3s ease, border-color 0.3s;
        }
        .card-agro:hover { transform: translateY(-5px); border-color: #E67E22; }
        .card-agro i { font-size: 40px; color: #E67E22; margin-bottom: 10px; }
        .titulo-card { font-size: 14px; color: #9CA3AF; text-transform: uppercase; letter-spacing: 1px; }
        .card-agro strong { font-size: 32px; font-weight: 800; color: #ffffff; }

        /* Estilizando a paginação do Swiper com as cores da Aderi */
        .swiper-pagination-bullet { background-color: #ffffff !important; opacity: 0.5; }
        .swiper-pagination-bullet-active { background-color: #E67E22 !important; opacity: 1; }

/* =========================================
   4. SEÇÕES E CONTEÚDO
   ========================================= */
.secao-sobre, .secao-servicos, .secao-produtos { padding: 100px 8%; background-color: #ffffff; }
.secao-pilares { padding: 100px 8%; background-color: #F9FAFB; }

.container-sobre { display: flex; justify-content: space-between; align-items: center; gap: 60px; }
.sobre-imagem-wrapper { width: 45%; position: relative; }
.sobre-imagem-wrapper::before { content: ''; position: absolute; top: -20px; left: -20px; width: 100%; height: 100%; background-color: #094211; border-radius: 24px; z-index: 0; }
.foto-principal { width: 100%; height: 550px; object-fit: cover; object-position: center 25%; border-radius: 24px; position: relative; z-index: 1; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); filter: grayscale(100%) contrast(115%); transition: all 0.5s ease; }
.foto-principal:hover { filter: grayscale(0%) contrast(100%); transform: scale(1.03); }

.badge-experiencia { position: absolute; bottom: -30px; right: -30px; background-color: #ffffff; padding: 20px 30px; border-radius: 16px; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15); display: flex; align-items: center; gap: 15px; z-index: 2; border: 2px solid #E67E22; }
.icone-badge { font-size: 44px; color: #E67E22; }
.badge-texto { display: flex; flex-direction: column; }
.badge-numero { font-size: 28px; font-weight: 800; color: #1F2937; line-height: 1; }
.badge-legenda { font-size: 14px; color: #6B7280; font-weight: 500; margin-top: 4px; }

.sobre-conteudo { width: 55%; }
.subtitulo-secao { color: #059669; font-weight: 700; font-size: 14px; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 15px; }
.sobre-conteudo h2, .cabecalho-secao-centro h2, .titulos-esq h2 { font-size: 42px; font-weight: 800; color: #1F2937; line-height: 1.2; margin-bottom: 25px; }
.sobre-conteudo p, .descricao-secao { font-size: 16px; color: #4B5563; line-height: 1.7; margin-bottom: 20px; }

.sobre-destaques { display: flex; gap: 30px; margin-top: 40px; }
.destaque-item { display: flex; align-items: flex-start; gap: 15px; width: 50%; }
.icone-destaque { font-size: 32px; color: #059669; background-color: #ECFDF5; padding: 12px; border-radius: 12px; }
.destaque-texto h4 { font-size: 18px; font-weight: 700; color: #1F2937; margin-bottom: 8px; }
.destaque-texto p { font-size: 14px; color: #6B7280; line-height: 1.5; margin-bottom: 0; }

/* Pilares e Serviços */
.cabecalho-secao-centro { text-align: center; margin-bottom: 60px; }
.titulo-pilares { font-size: 48px; font-weight: 900; color: #0A1E0F; margin-top: 10px; letter-spacing: -1.5px; text-transform: none; }
.grid-pilares { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.grid-servicos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }

.card-pilar, .card-servico { background-color: #ffffff; padding: 40px 30px; border-radius: 24px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); text-align: center; transition: all 0.4s ease; border: 2px solid transparent; }
.card-servico { text-align: left; border-radius: 20px; border: 1px solid #F3F4F6; }
.card-pilar:hover, .card-servico:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(5, 150, 105, 0.1); border-color: #059669; }

.icone-wrapper { width: 80px; height: 80px; background-color: #FFF7ED; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0 auto 30px auto; }
.icone-wrapper i { font-size: 40px; color: #E67E22; }
.icone-servico-wrapper { width: 60px; height: 60px; background-color: #ECFDF5; border-radius: 12px; display: flex; justify-content: center; align-items: center; margin-bottom: 25px; }
.icone-servico-wrapper i { font-size: 32px; color: #059669; }

.card-pilar h3, .card-servico h3 { font-size: 20px; font-weight: 700; color: #1F2937; margin-bottom: 15px; }
.card-pilar p, .card-servico p { font-size: 15px; color: #6B7280; line-height: 1.6; }

.lista-valores { list-style: none; text-align: left; display: flex; flex-direction: column; gap: 12px; }
.lista-valores li { font-size: 15px; color: #4B5563; display: flex; align-items: center; gap: 10px; }
.lista-valores li i { color: #059669; font-size: 20px; }

/* Produtos */
.cabecalho-produtos { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 50px; }
.link-catalogo { color: #059669; font-weight: 700; text-decoration: none; font-size: 16px; display: flex; align-items: center; gap: 6px; transition: color 0.3s ease; }
.link-catalogo:hover { color: #E67E22; }
.grid-produtos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.card-produto { height: 420px; border-radius: 20px; background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: flex-end; padding: 35px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); transition: transform 0.4s ease, box-shadow 0.4s ease; }
.card-produto:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,0,0,0.2); }
.conteudo-produto h3 { color: #ffffff; font-size: 24px; font-weight: 700; margin-bottom: 15px; }

.tags-produto { display: flex; gap: 10px; flex-wrap: wrap; }
.tags-produto span { background-color: rgba(255, 255, 255, 0.15); backdrop-filter: blur(8px); color: #ffffff; font-size: 12px; font-weight: 600; padding: 6px 14px; border-radius: 50px; border: 1px solid rgba(255, 255, 255, 0.3); }

/* Diferenciais */
.secao-diferenciais { padding: 100px 8%; background-color: #0A1E0F; }
.secao-diferenciais .subtitulo-secao { color: #F59E0B; }
.secao-diferenciais h2 { color: #ffffff; }
.grid-ovais { display: flex; justify-content: center; gap: 40px; margin-top: 60px; flex-wrap: wrap; }
.card-oval { width: 340px; height: 500px; border-radius: 170px; background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: flex-end; padding: 50px 30px; text-align: center; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4); transition: transform 0.5s ease, box-shadow 0.5s ease; }
.card-oval:hover { transform: translateY(-15px); box-shadow: 0 30px 50px rgba(230, 126, 34, 0.3); }
.conteudo-oval h3 { color: #ffffff; font-size: 26px; font-weight: 800; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px; }
.conteudo-oval p { color: #E5E7EB; font-size: 15px; line-height: 1.6; }

/* =========================================
   5. RODAPÉ E EXTRAS
   ========================================= */
.rodape-principal { background-color: #0A1E0F; color: #ffffff; padding: 80px 8% 40px 8%; }
.container-rodape { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: 60px; margin-bottom: 60px; }
.coluna-rodape h3 { color: #E67E22; font-size: 18px; font-weight: 700; margin-bottom: 25px; text-transform: uppercase; letter-spacing: 1px; }
.logo-rodape { font-family: 'Comfortaa', cursive; font-weight: 700; font-size: 24px; margin-bottom: 20px; display: block; }
.texto-sobre-rodape { color: #9CA3AF; font-size: 15px; line-height: 1.6; margin-bottom: 25px; }

.links-rodape { list-style: none; }
.links-rodape li { margin-bottom: 15px; }
.links-rodape a { color: #D1D5DB; text-decoration: none; transition: color 0.3s ease; font-size: 15px; }
.links-rodape a:hover { color: #E67E22; padding-left: 5px; }

.info-contato { display: flex; flex-direction: column; gap: 15px; }
.item-contato { display: flex; align-items: flex-start; gap: 12px; color: #D1D5DB; font-size: 15px; }
.item-contato i { color: #E67E22; font-size: 20px; margin-top: 3px; }

.base-rodape { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 30px; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #ffffff; gap: 30px; font-size: 14px; }

.redes-sociais { display: flex; gap: 20px; }
.redes-sociais a { color: #ffffff; font-size: 24px; transition: transform 0.3s ease, color 0.3s ease; }
.redes-sociais a:hover { color: #E67E22; transform: translateY(-5px); }

.whatsapp-fixo { position: fixed; bottom: 30px; right: 30px; background-color: #25d366; color: #fff; width: 60px; height: 60px; border-radius: 50px; display: flex; justify-content: center; align-items: center; font-size: 35px; box-shadow: 0 10px 25px rgba(0,0,0,0.3); z-index: 1000; transition: all 0.3s ease; text-decoration: none; }
.whatsapp-fixo:hover { transform: scale(1.1) rotate(15deg); background-color: #128c7e; }
@keyframes balancar { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } }
.animar-zap { animation: balancar 0.5s ease infinite; }

/* =========================================
   6. RESPONSIVIDADE BLINDADA (CELULAR)
   ========================================= */
@media (max-width: 768px) {
    body, html { overflow-x: hidden; }

    /* Cabeçalho e Menu */
    .cabecalho-principal { flex-direction: row !important; justify-content: space-between !important; align-items: center !important; padding: 15px 5%; }
    .cabecalho-principal .btn-primario { display: none !important; } 
    .icone-menu-mobile { display: block !important; } 
    .logo-pequena img { height: 60px !important; margin-left: 0 !important; }

    /* Menu Dropdown Mobile */
    .menu-navegacao { 
        display: flex !important; flex-direction: column; position: absolute; top: 100%; left: 0; width: 100%; 
        background-color: #ffffff; box-shadow: 0 10px 15px rgba(0,0,0,0.1); max-height: 0; overflow: hidden; 
        transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out; z-index: 99;
    }
    .menu-navegacao.ativo { max-height: 400px; padding: 20px 0; }
    .menu-navegacao ul { flex-direction: column; gap: 20px; align-items: center; width: 100%; padding: 0; }

    /* ===== Carrossel / Hero Mobile (corrige imagem e altura quebrada) ===== */
    .hero-section, .myHeroSwiper { height: auto !important; min-height: 85vh; overflow: hidden !important; }
    .myHeroSwiper .swiper-wrapper { height: auto !important; }
    .swiper-slide.hero-slide-1, .swiper-slide.hero-slide-2 { height: auto !important; min-height: 85vh; padding: 70px 0 !important; }

    /* Slide 1: imagem cobrindo certinho + overlay escuro para o texto branco ficar legível */
    .hero-slide-1 {
        background-image: linear-gradient(to bottom, rgba(0,0,0,0.45), rgba(0,0,0,0.85)), url('../../hero/aderiFundo3.png') !important;
        background-size: cover !important;
        background-position: center !important;
        justify-content: center !important;
    }

    .hero-layout { flex-direction: column !important; padding: 0 5% !important; text-align: center !important; }
    .hero-conteudo { width: 100% !important; align-items: center !important; }
    .hero-conteudo h1 { font-size: 34px !important; margin-bottom: 20px !important; text-shadow: none !important; } 
    .hero-conteudo p { font-size: 16px !important; margin-bottom: 40px !important; text-shadow: none !important; } 
    .slogan-aderi { font-size: 20px !important; margin-top: 40px !important; text-shadow: none !important; } 
    .hero-botoes { display: flex !important; flex-direction: column !important; width: 100% !important; gap: 15px !important; }
    .btn-primario, .btn-secundario { width: 100% !important; padding: 15px !important; box-sizing: border-box !important; }

    /* Slide 2: Painel Mercado & Clima empilhado e proporcional */
    .painel-agro-wrapper { padding: 0 5% !important; text-align: center; }
    .painel-agro-wrapper h2 { font-size: 30px !important; }
    .painel-agro-wrapper p { font-size: 16px !important; margin-bottom: 30px !important; }
    .cards-agro { flex-direction: column; gap: 20px; }
    .card-agro { min-width: 0 !important; width: 100%; align-items: center; text-align: center; }
    .card-agro strong { font-size: 26px; }

    /* Ajustes Gerais de Seção */
    .secao-sobre, .secao-servicos, .secao-produtos, .secao-pilares, .secao-diferenciais { padding: 50px 5% !important; }
    .sobre-conteudo h2, .cabecalho-secao-centro h2, .titulos-esq h2, .titulo-pilares { font-size: 28px !important; line-height: 1.3 !important; }
    .container-sobre { flex-direction: column; gap: 40px; }
    .sobre-imagem-wrapper, .sobre-conteudo, .destaque-item { width: 100%; }
    .sobre-conteudo { text-align: left; }
    .foto-principal { height: 300px; }
    .sobre-destaques { flex-direction: column; gap: 20px; }
    .badge-experiencia { bottom: -15px; right: 10px; transform: scale(0.8); }

    /* Grids Mobile */
    .grid-pilares, .grid-servicos, .grid-produtos { grid-template-columns: 1fr; gap: 30px; }
    .cabecalho-produtos { flex-direction: column; align-items: flex-start; gap: 15px; }
    .grid-ovais { flex-direction: column; align-items: center; gap: 30px; }
    .card-oval { width: 100%; max-width: 320px; height: 400px; }

    /* Rodapé Mobile */
    .rodape-principal { padding: 50px 5% 30px 5%; }
    .container-rodape { grid-template-columns: 1fr; gap: 40px; text-align: center; }
    .base-rodape { flex-direction: column; text-align: center; gap: 15px; }
    .redes-sociais { justify-content: center; }
    .info-contato { align-items: center; }
}

.btn-area-cliente {
  display: inline-block;
  background-color: transparent;
  color: #E67E22;
  padding: 10px 24px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
  border: 2px solid #E67E22;
  transition: all 0.3s ease;
}

.btn-area-cliente:hover {
  background-color: #E67E22;
  color: #ffffff;
}