/* =============================================================================
   Genética Pampeana — app-responsive.css
   Vk2 Studio Web
============================================================================= */

@media screen and (min-width: 1651px) and (max-width: 1850px) {
    /* (reservado — sem regras herdadas nesta faixa) */
}

@media screen and (min-width: 1451px) and (max-width: 1650px) {
    .main { width: 1200px; }
    
    /* =============================================================================
    Home
    ============================================================================= */
    .homeBanner, .homeBanner-slide{ height: 650px; }
    .homeBanner-content{ width: 700px; padding: 90px 0 0px 40px; }
    .homeBanner-title{ font-size: 100px; }

    .homeRaiz-description { margin-bottom: 60px; }
    .homeRaiz-inner { top: 60px; }
    .homeRaiz-inner { width: 1100px; margin-left: -550px; }
    .homeRaiz-boxTitle { width: 740px; height: 80px; margin-left: -370px; }

    .homeParaquem{ padding: 80px 0 100px; }
    .homeParaquemCard { width: 280px; height: 440px; }

    .homeBlogCard-img, .homeBlogCard-img picture { height: 245px; }

    /* BANNER INTERNO */
    .bannerInterno-wrap, .bannerInterno-imageWrap { width: 1300px ;height: 244px; }
    .bannerInterno-title { font-size: 32px; }

    /* =============================================================================
    Empresa
    ============================================================================= */
    .atuacao-mapWrap{ width: 90%; }

    /* =============================================================================
    Produtividade
    ============================================================================= */
    .produtividade-btn { width: 95px; }

    
}

@media screen and (min-width: 1251px) and (max-width: 1450px) {
    .main { width: 1100px; }

    /* HEADER */
    .header-navList{ gap: 20px; }

    /* FOOTER */
    .footer-inner{ padding: 80px 0 80px; }
    .footer-redes{ margin-bottom: 45px; }
    .footer-termosLink, .footer-link, .footer-contatoInfo{ font-size: 14px; }
    .footer-link{ gap: 15px 10px; }
    .footer-links li{ width: 35%; }

    /* =============================================================================
    Home
    ============================================================================= */

    .homeBanner, .homeBanner-slide{ height: 650px; }
    .homeBanner-content{ width: 700px; padding: 90px 0 0px 40px; }
    .homeBanner-title{ font-size: 100px; }

    .homeRaiz-description { margin-bottom: 60px; }
    .homeRaiz-inner { top: 60px; }
    .homeRaiz-inner { width: 1100px; margin-left: -550px; }
    .homeRaiz-boxTitle { width: 740px; height: 80px; margin-left: -370px; }

    .homeParaquem{ padding: 80px 0 100px; }
    .homeParaquemCard { width: 250px; height: 420px; }

    .homeCta{ padding: 70px 0 50px; }
    
    .homeBlog{ padding: 90px 0 50px; }
    .homeBlog-destaque { gap: 60px; }
    .homeBlog-destaqueImg { width: 520px; height: 360px; }
    .homeBlog-destaqueContent { width: 460px; }
    
    .blogCard{ width: 30%; }
    .homeBlogCard-img, .homeBlogCard-img picture { height: 245px; }

    /* BANNER INTERNO */
    .bannerInterno-wrap, .bannerInterno-imageWrap { width: 1100px ;height: 205px; }
    .bannerInterno-content { top: 40px; left: 50px; }
    .bannerInterno-title { font-size: 32px; }
    .bannerInterno-border { margin-bottom: 55px; }

    /* =============================================================================
    Empresa
    ============================================================================= */
    .atuacao-mapWrap{ width: 90%; }

    /* =============================================================================
    Produtividade
    ============================================================================= */
    .produtividade-btn { width: 135px; }
    .produtividade-formGroup { flex-direction: column; align-items: flex-start; }
    .produtividade-btn { height: 45px; }

    /* =============================================================================
    Notícias
    ============================================================================= */
    .blogCard-img, .blogCard-img picture { height: 235px; }

    /* =============================================================================
    Notícias Detalhe
    ============================================================================= */
    .blogDetalhe-galeriaItem { height: 215px; }
    .blogMaisRecentes { padding: 0px 0 80px; }
}

/* =============================================================================
   1024px — 1250px
============================================================================= */
@media screen and (min-width: 1024px) and (max-width: 1250px) {
    .main { width: 90%; }
 
    /* HEADER — menu mobile */
    .header-navList { display: none; }
    .header-menuBtn { display: flex; }
    .header-nav {
        display: block;
        position: fixed;
        top: 80px;
        left: 0;
        width: 100%;
        height: calc(100vh - 80px);
        background-color: #fafafa;
        z-index: 999;
        overflow-y: auto;
        padding: 24px;
        transform: translateY(-110%);
        transition: transform 0.35s ease;
        pointer-events: none;
    }
    .header-nav--aberto {
        transform: translateY(0);
        pointer-events: all;
    }
    .header-nav--aberto .header-navList {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }
    .header-navListItem { width: 100%; border-bottom: 1px solid rgba(0,0,0,0.08); }
    .header-navListItemLink { display: block; padding: 16px 0; }
    .header-navListItemLink::after { display: none; }
        
    /* Footer — menu mobile */
    .footer-redes{ margin-bottom: 35px; }
    .footer-links{ gap: 15px 10px; }
    .footer-link, .footer-termosLink, .footer-contatoInfo{ font-size: 16px; }
    .whatsLink{ bottom: 20%; }

     
    /* =============================================================================
    Home
    ============================================================================= */

    .homeBanner, .homeBanner-slide{ height: 580px; }
    .homeBanner-content{ width: 500px; padding: 90px 0 0px 30px; }
    .homeBanner-title{ font-size: 72px; }

    .homeRaiz{ min-height: 1100px; }
    .homeRaiz-overlay{ height: 560px; }
    .homeRaiz-inner { width: 920px; margin-left: -460px;  top: 60px; }
    .homeRaiz-title { font-size: 36px; }
    .homeRaiz-description { margin-bottom: 30px; font-size: 18px; }
    .homeRaiz-boxTitle { width: 740px; height: 60px; margin-left: -370px; top: -35px; }
    
    .homeRaiz-boxList{ padding-top: 55px; }

    .homeParaquem{ padding: 80px 0 100px; }
    .homeParaquem-title{ margin-bottom: 40px; }
    .homeParaquemCard { width: 210px; height: 340px; }
    .homeParaquemCard-title{ font-size: 22px; }

    .homeCta{ padding: 70px 0 50px; }
    
    .homeBlog{ padding: 90px 0 50px; }
    .homeBlog-destaque { gap: 60px; }
    .homeBlog-destaqueImg { width: 470px; height: 290px; }
    .homeBlog-destaqueContent { width: 460px; }
    
    .blogCard{ width: 30%; }
    .homeBlogCard-img, .homeBlogCard-img picture { height: 185px; }
    .homeBlogCard-title{ font-size: 16px; }
 

    /* BANNER INTERNO */
    .bannerInterno-wrap, .bannerInterno-imageWrap { width: 900px ;height: 169px; }
    .bannerInterno-content { top: 40px; left: 50px; }
    .bannerInterno-title { font-size: 32px; }
    .bannerInterno-border { margin-bottom: 25px; }

    /* =============================================================================
    Empresa
    ============================================================================= */
    .atuacao-mapWrap{ width: 90%; top: 220px; }
    .empresaHistoria-galeriaItem{ height: 231px; }
    .atuacao { padding: 50px 0 0; margin-bottom: 0; }

    /* =============================================================================
    Cultivares
    ============================================================================= */
    .cultivarCard{ width: 50%; }

    /* =============================================================================
    Cultivares Detalhes
    ============================================================================= */
    .cultivarDetalhe-doencasGrid { flex-direction: column; }
    .cultivarDetalhe-doencasFotos { justify-content: center; width: 100%; max-width: 100%; }
    .cultivarDetalhe-doencasItem { width: 100%; }

    /* =============================================================================
    Produtividade
    ============================================================================= */
    .produtividade-btn { width: 135px; }
    .produtividade-formGroup { flex-direction: column; align-items: flex-start; }
    .produtividade-btn { height: 45px; }

    /* =============================================================================
    Licenciados
    ============================================================================= */
    .licenciadoCard { min-width: 450px; }
    .licenciadosLista-grid { gap: 15px; }
    
    /* =============================================================================
    Notícias
    ============================================================================= */
    .blogCard-img, .blogCard-img picture { height: 205px; }

    /* =============================================================================
    Notícias Detalhe
    ============================================================================= */
    .blogDetalhe-galeriaItem { height: 115px; }
    .blogMaisRecentes { padding: 0px 0 80px; }
}
 
/* =============================================================================
   800px — 1023px
============================================================================= */
@media screen and (min-width: 800px) and (max-width: 1023px) {
    .main { width: 90%; }
 
    /* HEADER — menu mobile */
    .header-navList { display: none; }
    .header-menuBtn { display: flex; }
    .header-nav {
        display: block;
        position: fixed;
        top: 80px;
        left: 0;
        width: 100%;
        height: calc(100vh - 80px);
        background-color: #fafafa;
        z-index: 999;
        overflow-y: auto;
        padding: 24px;
        transform: translateY(-110%);
        transition: transform 0.35s ease;
        pointer-events: none;
    }
    .header-nav--aberto {
        transform: translateY(0);
        pointer-events: all;
    }
    .header-nav--aberto .header-navList {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }
    .header-navListItem { width: 100%; border-bottom: 1px solid rgba(0,0,0,0.08); }
    .header-navListItemLink { display: block; padding: 16px 0; }
    .header-navListItemLink::after { display: none; }
        
    /* Footer — menu mobile */
    .footer-redes{ margin-bottom: 35px; }
    .footer-links{ gap: 15px 10px; }
    .footer-link, .footer-termosLink, .footer-contatoInfo{ font-size: 20px; width: 100%; text-align: center; margin: 0; display: block; }
    .whatsLink{ bottom: 20%; }
    .footer-inner { box-sizing: border-box; justify-content: center; flex-direction: column; align-content: center; align-items: center; padding-bottom: 60px; }
    .footer-col { justify-content: center; align-items: center; width: 100%; }
    .footer-col--contato{ padding-top: 30px; }
    .footer-redesLink { margin-bottom: 0; }
    .footer-links li { width: 45%; width: 100%; }
    .footer-bottomInner { flex-direction: column; gap: 30px; }
     
    /* =============================================================================
    Home
    ============================================================================= */

    .homeBanner, .homeBanner-slide{ height: 580px; }
    .homeBanner-content{ width: 500px; padding: 90px 0 0px 30px; }
    .homeBanner-title{ font-size: 72px; }

    .homeRaiz{ min-height: auto; width: 100%; align-items: center; justify-content: center; align-content: center; }
    .homeRaiz-overlay{ display: none; }
    .homeRaiz-icon{ background-color: rgba(0, 141, 59, 1); }
    .homeRaiz-inner { display: flex; position: unset; margin-left: unset;}
    .homeRaiz-title { font-size: 36px; color: var(--verde); }
    .homeRaiz-description { margin-bottom: 30px; font-size: 18px; color: var(--cinza-claro); }
    .homeRaiz-boxTitle { width: 740px; height: 60px; margin-left: -370px; top: -35px; }
    
    .homeRaiz-boxList{ padding-top: 55px; flex-direction: column;}
    .homeRaiz-boxCard { flex-direction: row; width: 100%; max-width: 100%; gap: 30px; }
    .homeRaiz-border { display: none; }
    .homeRaiz-boxCardData { flex-direction: column; width: calc(100% - 350px); }
    .homeRaiz-boxCardLogo { width: 200px; margin-bottom: 0; }
    .homeRaiz-boxCardCol{ padding: 10px 0; }
    .homeRaiz-boxCardLabel { font-size: 14px; }
    .homeRaiz-boxCardValue { font-size: 14px; }

    .homeParaquem{ padding: 60px 0 80px; }
    .homeParaquem-title{ margin-bottom: 40px; text-align: center;}
    .homeParaquemCard { width: 210px; height: 340px; }
    .homeParaquemCard-title{ font-size: 22px; }

    .homeCta{ padding: 70px 0 50px; }
    .homeCta-title{ font-size: 42px; }
    
    .homeBlog{ padding: 60px 0 50px; }
    .homeBlog-destaque { gap: 30px; flex-direction: column;}
    .homeBlog-destaqueImg { width: 470px; height: 290px; }
    .homeBlog-destaqueContent { width: 460px; align-items: center; align-content: center; justify-content: center; }
    .homeBlog-destaqueTitle { text-align: center; }
    .homeBlog-destaqueDescription { margin-bottom: 20px; text-align: center; }
    .homeBlog-grid { gap: 10px; flex-direction: column; justify-content: center; align-content: center; align-items: center; }
    
    .blogCard{ width: 30%; }
    .homeBlogCard { width: 100%; max-width: 640px; display: flex; justify-content: center; align-content: center; align-items: flex-start; flex-direction: column; }
    .homeBlog-link {display: flex; flex-direction: row; gap: 30px; }
    .homeBlogCard-img, .homeBlogCard-img picture { height: 205px; margin-bottom: 0; max-width: 300px; }
    .homeBlogCard-title{ font-size: 16px; }

    /* BANNER INTERNO */
    .bannerInterno-wrap { width: 90%; height: 300px; }
    .bannerInterno-imageWrap{ width: 100%; height: 300px; }
    .bannerInterno-content { top: 100px; left: 50px; }
    .bannerInterno-title { font-size: 32px; }
    .bannerInterno-border { margin-bottom: 75px; }

    /* =============================================================================
    Empresa
    ============================================================================= */
    .atuacao-mapWrap{ width: 90%; top: 220px; height: 490px; }
    .empresaHistoria-galeriaItem{ height: 200px; width: 45%; }
    .atuacao { padding: 50px 0 0; margin-bottom: 0; }
    .atuacao-title{ font-size: 52px; }

    /* =============================================================================
    Cultivares
    ============================================================================= */
    .cultivarCard{ width: 45%; }
    .cultivarCard-link{ padding: 20px 30px 10px; }
    
    /* =============================================================================
    Cultivares Detalhes
    ============================================================================= */
    .cultivarDetalhe-topoInner { flex-direction: column; align-items: center; }
    .cultivarDetalhe-caracteristicasTitle { text-align: center; }
    .cultivarDetalhe-caracteristicasTitl{ margin: 15px auto 0; }
    .cultivarDetalhe-caracteristicasGrid { justify-content: space-around; gap: 30px 0px; }
    .cultivarDetalhe-doencasGrid { flex-direction: column; }
    .cultivarDetalhe-doencasFotos { justify-content: center; width: 100%; max-width: 100%; }
    .cultivarDetalhe-doencasItem { width: 100%; }

    /* =============================================================================
    Produtividade
    ============================================================================= */
    .produtividade-btn { width: 135px; }
    .produtividade-formGroup { flex-direction: column; align-items: flex-start; }
    .produtividade-btn { height: 45px; }
    .produtividadeCard-values { align-items: flex-start; gap: 25px; flex-wrap: wrap; }
    .produtividadeCard-col { width: 47%; flex: auto; }
    
    /* =============================================================================
    Licenciados
    ============================================================================= */
    .licenciadosIntro { padding: 0px 0 80px; }
    .licenciadosLista-input, .licenciadosLista-select { height: 55px; width: 255px; }
    .licenciadosLista-select { margin-left: 0px; }
    .licenciadoCard { width: 45%; min-width: 100px; flex-direction: column; gap: 10px; }
    .licenciadoCard-logo { width: 100%; height: 215px; }

    /* =============================================================================
    Notícias
    ============================================================================= */
    .blogCard-img, .blogCard-img picture { height: 165px; }

    /* =============================================================================
    Notícias Detalhe
    ============================================================================= */
    .blogDetalhe-imgWrap, .blogDetalhe-imgWrap picture{ height: 365px; }
    .blogDetalhe-galeriaGrid{ flex-wrap: wrap; }
    .blogDetalhe-galeriaItem { height: 115px; }
    .blogMaisRecentes { padding: 0px 0 80px; }

    /* =============================================================================
    Contato
    ============================================================================= */
    .contatoMapa-inner { flex-direction: column; }
}
 
/* =============================================================================
   600px — 799px
============================================================================= */
@media screen and (min-width: 600px) and (max-width: 799px) {
   .main { width: 90%; }
 
    /* HEADER — menu mobile */
    .header-navList { display: none; }
    .header-menuBtn { display: flex; }
    .header-nav {
        display: block;
        position: fixed;
        top: 80px;
        left: 0;
        width: 100%;
        height: calc(100vh - 80px);
        background-color: #fafafa;
        z-index: 999;
        overflow-y: auto;
        padding: 24px;
        transform: translateY(-110%);
        transition: transform 0.35s ease;
        pointer-events: none;
    }
    .header-nav--aberto {
        transform: translateY(0);
        pointer-events: all;
    }
    .header-nav--aberto .header-navList {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }
    .header-navListItem { width: 100%; border-bottom: 1px solid rgba(0,0,0,0.08); }
    .header-navListItemLink { display: block; padding: 16px 0; }
    .header-navListItemLink::after { display: none; }
        
    /* Footer — menu mobile */
    .footer-redes{ margin-bottom: 35px; }
    .footer-links{ gap: 15px 10px; }
    .footer-link, .footer-termosLink, .footer-contatoInfo{ font-size: 20px; width: 100%; text-align: center; margin: 0; display: block; }
    .whatsLink{ bottom: 20%; }
    .footer-inner { box-sizing: border-box; justify-content: center; flex-direction: column; align-content: center; align-items: center; padding-bottom: 60px; }
    .footer-col { justify-content: center; align-items: center; width: 100%; }
    .footer-col--contato{ padding-top: 30px; }
    .footer-redesLink { margin-bottom: 0; }
    .footer-links li { width: 45%; width: 100%; }
    .footer-bottomInner { flex-direction: column; gap: 30px; }
     
    /* =============================================================================
    Home
    ============================================================================= */

    .homeBanner, .homeBanner-slide{ height: 450px; }
    .homeBanner-content{ width: 430px; padding: 60px 0 0px 30px; }
    .homeBanner-title{ font-size: 72px; }

    .homeRaiz{ min-height: auto; width: 100%; align-items: center; justify-content: center; align-content: center; }
    .homeRaiz-overlay{ display: none; }
    .homeRaiz-icon{ background-color: rgba(0, 141, 59, 1); }
    .homeRaiz-inner { display: flex; position: unset; margin-left: unset; padding-top: 30px; }
    .homeRaiz-title { font-size: 36px; color: var(--verde); }
    .homeRaiz-description { margin-bottom: 30px; font-size: 18px; color: var(--cinza-claro); }
    .homeRaiz-boxTitle { width: 100%; height: auto; margin-left: 0; margin-top: 30px; position: unset; background-color: transparent; color: var(--verde); }
    .homeRaiz-box{ margin-top: 0; }
    .homeRaiz-boxList{ padding-top: 40px; flex-direction: column;}
    .homeRaiz-boxCard { flex-direction: column; width: 100%; max-width: 100%; gap: 10px; }
    .homeRaiz-border { display: none; }
    .homeRaiz-boxCardData { flex-direction: column; width: 100%; }
    .homeRaiz-boxCardLogo { width: 200px; margin-bottom: 0; }
    .homeRaiz-boxCardCol{ padding: 10px 0; }
    .homeRaiz-boxCardLabel { font-size: 14px; }
    .homeRaiz-boxCardValue { font-size: 14px; }

    .homeParaquem{ padding: 60px 0 80px; }
    .homeParaquem-title{ margin-bottom: 40px; text-align: center;}
    .homeParaquemCard { width: 210px; height: 340px; }
    .homeParaquemCard-title{ font-size: 22px; }

    .homeCta{ padding: 70px 0 50px; }
    .homeCta-title{ font-size: 42px; }
    
    .homeBlog{ padding: 60px 0 50px; }
    .homeBlog-destaque { gap: 30px; flex-direction: column;}
    .homeBlog-destaqueImg { width: 470px; height: 290px; }
    .homeBlog-destaqueContent { width: 460px; align-items: center; align-content: center; justify-content: center; }
    .homeBlog-destaqueTitle { text-align: center; }
    .homeBlog-destaqueDescription { margin-bottom: 20px; text-align: center; }
    .homeBlog-grid { gap: 10px; flex-direction: column; justify-content: center; align-content: center; align-items: center; }
    
    .homeBlogCard { width: 100%; max-width: 640px; display: flex; justify-content: center; align-content: center; align-items: flex-start; flex-direction: column; }
    .homeBlog-link {display: flex; flex-direction: row; gap: 30px; }
    .homeBlogCard-img, .homeBlogCard-img picture { height: 205px; margin-bottom: 0; max-width: 300px; }
    .homeBlogCard-title{ font-size: 16px; }


    /* BANNER INTERNO */
    .bannerInterno-wrap { width: 90%; height: 225px; }
    .bannerInterno-imageWrap{ width: 100%; height: 225px; }
    .bannerInterno-content { top: 80px; left: 50px; }
    .bannerInterno-title { font-size: 32px; }
    .bannerInterno-border { margin-bottom: 35px; }

    /* =============================================================================
    Empresa
    ============================================================================= */
    .atuacao-mapWrap{ width: 90%; top: 220px; height: 340px; }
    .empresaHistoria-galeriaItem{ height: 200px; width: 45%; }
    .atuacao { padding: 50px 0 0; margin-bottom: 0; height: 530px;}
    .atuacao-title{ font-size: 52px; }

    /* =============================================================================
    Cultivares
    ============================================================================= */
    .cultivarCard{ width: 45%; }
    .cultivarCard-logo{ width: 100%; }
    .cultivarCard-link{ padding: 20px 20px 10px; }
    .cultivarCard-item { flex-direction: column; align-content: center; gap: 5px; flex-wrap: wrap; width: 100%; }
    .cultivarCard-itemLabel { text-align: center; }
    .cultivarCard-itemValue { width: 100%; text-align: center; }

    /* =============================================================================
    Cultivares Detalhes
    ============================================================================= */
    .cultivarDetalhe-topoInner { flex-direction: column; align-items: center; }
    .cultivarDetalhe-caracteristicasTitle { text-align: center; }
    .cultivarDetalhe-caracteristicasTitl{ margin: 15px auto 0; }
    .cultivarDetalhe-caracteristicasGrid { justify-content: space-around; }
    .cultivarDetalhe-doencasGrid { flex-direction: column; }
    .cultivarDetalhe-doencasFotos { justify-content: center; width: 100%; max-width: 100%; }
    .cultivarDetalhe-doencasItem { width: 100%; }
    .cultivarDetalhe-caracteristicasValue { width: 100%; }
    .cultivarDetalhe-caracteristicasItem { gap: 0px 15px; }

    /* =============================================================================
    Produtividade
    ============================================================================= */
    .produtividade-btn { width: 135px; }
    .produtividade-formGroup { flex-direction: row; align-items: center; }
    .produtividade-btn { height: 45px; }
    .produtividadeCard-values { align-items: flex-start; gap: 25px; flex-wrap: wrap; }
    .produtividadeCard-col { width: 47%; flex: auto; }
    .produtividade-form { flex-direction: column; align-items: flex-start; align-content: flex-start; justify-content: flex-start; gap: 5px; }
    .produtividade-formLabel { width: 60px; }
    .produtividade-input, .produtividade-select { height: 45px; width: 330px; }
    .produtividadeMapa-painel { width: 90%; display: block; position: unset; }
    .produtividadeMapa-wrap { height: auto; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center; }
    #produtividadeMap { height: 320px; }

    /* =============================================================================
    Licenciados
    ============================================================================= */
    .licenciadosIntro { padding: 0px 0 80px; }
    .licenciadosLista-input, .licenciadosLista-select { height: 55px; width: 255px; }
    .licenciadosLista-select { margin-left: 0px; }
    .licenciadoCard { width: 45%; min-width: 100px; flex-direction: column; gap: 10px; }
    .licenciadoCard-logo { width: 100%; height: 175px; }
    .licenciadosLista-grid { gap: 15px; align-content: flex-start; align-items: flex-start; }

    /* =============================================================================
    Notícias
    ============================================================================= */
    .blogCard-img, .blogCard-img picture { height: 165px; }
    .blogCard { width: 45%; }

    /* =============================================================================
    Notícias Detalhe
    ============================================================================= */
    .blogDetalhe-imgWrap, .blogDetalhe-imgWrap picture{ height: 305px; }
    .blogDetalhe-galeriaGrid{ flex-wrap: wrap; }
    .blogDetalhe-galeriaItem { height: 115px; }
    .blogMaisRecentes { padding: 0px 0 80px; }

    /* =============================================================================
    Contato
    ============================================================================= */
    .contatoMapa-inner { flex-direction: column; }
    .contatoMapa-inner{ gap: 20px; }
    .contatoMapa-mapWrap{ height: 290px; }

}
 
/* =============================================================================
   460px — 599px
============================================================================= */
@media screen and (min-width: 460px) and (max-width: 599px) {
    .main { width: 90%; }
 
    /* HEADER — menu mobile */
    .header-navList { display: none; }
    .header-menuBtn { display: flex; }
    .header-nav {
        display: block;
        position: fixed;
        top: 80px;
        left: 0;
        width: 100%;
        height: calc(100vh - 80px);
        background-color: #fafafa;
        z-index: 999;
        overflow-y: auto;
        padding: 24px;
        transform: translateY(-110%);
        transition: transform 0.35s ease;
        pointer-events: none;
    }
    .header-nav--aberto {
        transform: translateY(0);
        pointer-events: all;
    }
    .header-nav--aberto .header-navList {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }
    .header-navListItem { width: 100%; border-bottom: 1px solid rgba(0,0,0,0.08); }
    .header-navListItemLink { display: block; padding: 16px 0; }
    .header-navListItemLink::after { display: none; }
        
    /* Footer — menu mobile */
    .footer-redes{ margin-bottom: 35px; }
    .footer-links{ gap: 15px 10px; }
    .footer-link, .footer-termosLink, .footer-contatoInfo{ font-size: 20px; width: 100%; text-align: center; margin: 0; display: block; }
    .whatsLink{ bottom: 20%; }
    .footer-inner { box-sizing: border-box; justify-content: center; flex-direction: column; align-content: center; align-items: center; padding-bottom: 60px; }
    .footer-col { justify-content: center; align-items: center; width: 100%; }
    .footer-col--contato{ padding-top: 30px; }
    .footer-redesLink { margin-bottom: 0; }
    .footer-links li { width: 45%; width: 100%; }
    .footer-bottomInner { flex-direction: column; gap: 30px; }
    .footer-copy { text-align: center; }
     
    /* =============================================================================
    Home
    ============================================================================= */

    .homeBanner, .homeBanner-slide{ height: 345px; }
    .homeBanner-content{ width: 430px; padding: 60px 0 0px 30px; }
    .homeBanner-title{ font-size: 42px; }
    .homeBanner-description { display: none; }

    .homeRaiz{ min-height: auto; width: 100%; align-items: center; justify-content: center; align-content: center; }
    .homeRaiz-overlay{ display: none; }
    .homeRaiz-icon{ background-color: rgba(0, 141, 59, 1); }
    .homeRaiz-inner { display: flex; position: unset; margin-left: unset; padding-top: 30px; }
    .homeRaiz-title { font-size: 36px; color: var(--verde); }
    .homeRaiz-description { margin-bottom: 30px; font-size: 18px; color: var(--cinza-claro); }
    .homeRaiz-boxTitle { width: 100%; height: auto; margin-left: 0; margin-top: 30px; position: unset; background-color: transparent; color: var(--verde); }
    .homeRaiz-box{ margin-top: 0; }
    .homeRaiz-boxList{ padding-top: 40px; flex-direction: column;}
    .homeRaiz-boxCard { flex-direction: column; width: 100%; max-width: 100%; gap: 10px; }
    .homeRaiz-border { display: none; }
    .homeRaiz-boxCardData { flex-direction: column; width: 100%; }
    .homeRaiz-boxCardLogo { width: 200px; margin-bottom: 0; }
    .homeRaiz-boxCardCol{ padding: 10px 0; }
    .homeRaiz-boxCardLabel { font-size: 14px; }
    .homeRaiz-boxCardValue { font-size: 14px; }

    .homeParaquem{ padding: 60px 0 80px; }
    .homeParaquem-title{ margin-bottom: 40px; text-align: center; font-size: 44px; }
    .homeParaquem-title strong { font-size: 21px; }
    .homeParaquemCard { width: 190px; height: 290px; }
    .homeParaquemCard-title{ font-size: 22px; }

    .homeCta{ padding: 70px 0 50px; }
    .homeCta-box{ padding: 43px 30px; }
    .homeCta-title{ font-size: 30px; }
    .homeCta-description { margin-bottom: 30px; }
    
    .homeBlog{ padding: 60px 0 50px; }
    .homeBlog-title { font-size: 32px; }
    .homeBlog-destaqueTitle { font-size: 22px; margin-bottom: 15px; }
    .homeBlog-destaque { gap: 30px; flex-direction: column;}
    .homeBlog-destaqueImg { width: 100%; height: 270px; }
    .homeBlog-destaqueContent { width: 100%; align-items: center; align-content: center; justify-content: center; }
    .homeBlog-destaqueTitle { text-align: center; }
    .homeBlog-destaqueDescription { margin-bottom: 20px; text-align: center; }
    .homeBlog-grid { gap: 10px; flex-direction: column; justify-content: center; align-content: center; align-items: center; }
    
    .blogCard{ width: 30%; }
    .homeBlogCard { width: 100%; max-width: 640px; display: flex; justify-content: center; align-content: center; align-items: flex-start; flex-direction: column; }
    .homeBlogCard-content{ display: flex; flex-direction: column; align-items: center; }
    .homeBlog-link {display: flex; flex-direction: column; gap: 30px; align-content: center; align-items: center; padding: 20px 0; border-bottom: 1px solid #c2c2c2; }
    .homeBlogCard-img, .homeBlogCard-img picture { height: 205px; margin-bottom: 0; max-width: 300px; }
    .homeBlogCard-title{ font-size: 16px; text-align: center; }

    /* BANNER INTERNO */
    .bannerInterno-wrap { width: 90%; height: 173px; }
    .bannerInterno-imageWrap{ width: 100%; height: 173px; }
    .bannerInterno-content { top: 50px; left: 50px; }
    .bannerInterno-title { font-size: 32px; }
    .bannerInterno-border { margin-bottom: 10px; }

    /* =============================================================================
    Empresa
    ============================================================================= */
    .empresaHistoria{ padding: 0 0 30px; }
    .atuacao-mapWrap{ width: 90%; top: 220px; height: 270px; }
    .empresaHistoria-galeriaItem{ height: 130px; width: 45%; min-width: 200px;  }
    .atuacao { padding: 50px 0 0; margin-bottom: 0; height: 450px;}
    .atuacao-title{ font-size: 42px; }
    .atuacao-description { font-size: 16px; }

    /* =============================================================================
    Cultivares
    ============================================================================= */
    .cultivarCard{ width: 100%; }
    .cultivarCard-logo{ width: 100%; }
    .cultivarCard-link{ padding: 20px 20px 10px; }
    .cultivarCard-item { flex-direction: row; align-content: center; gap: 5px; flex-wrap: wrap; width: 100%; }
    .cultivarCard-itemLabel { text-align: center; }
    .cultivarCard-itemValue { width: 100%; text-align: center; }

    /* =============================================================================
    Cultivares Detalhes
    ============================================================================= */
    .cultivarDetalhe-topoInner { flex-direction: column; align-items: center; }
    .cultivarDetalhe-caracteristicasTitle { text-align: center; }
    .cultivarDetalhe-caracteristicasTitl{ margin: 15px auto 0; }
    .cultivarDetalhe-caracteristicasGrid { justify-content: space-around; }
    .cultivarDetalhe-doencasGrid { flex-direction: column; }
    .cultivarDetalhe-doencasFotos { justify-content: center; width: 100%; max-width: 100%; }
    .cultivarDetalhe-doencasItem { width: 100%; }
    .cultivarDetalhe-caracteristicasValue { width: 100%; }
    .cultivarDetalhe-caracteristicasItem { gap: 0px 15px; }
    .cultivarDetalhe-caracteristicasTitleBar{ margin: 15px auto 0; }

    /* =============================================================================
    Produtividade
    ============================================================================= */
    .produtividade{ padding: 40px 0 0; }
    .produtividade-btn { width: 135px; }
    .produtividade-formGroup { flex-direction: row; align-items: center; }
    .produtividade-btn { height: 45px; }
    .produtividadeCard{ gap: 35px; }
    .produtividadeCard-values { align-items: flex-start; gap: 25px; flex-wrap: wrap; }
    .produtividadeCard-col { width: 47%; flex: auto; }
    .produtividade-form { flex-direction: column; align-items: flex-start; align-content: flex-start; justify-content: flex-start; gap: 5px; }
    .produtividade-formLabel { width: 60px; }
    .produtividade-input, .produtividade-select { height: 45px; width: 200px; }
    .produtividadeMapa-painel { width: 90%; display: block; position: unset; }
    .produtividadeMapa-wrap { height: auto; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center; }
    #produtividadeMap { height: 320px; }
    .produtividadeMapa-title strong { text-align: center; }
    .produtividadeMapa-title { font-size: 54px; text-align: center; }

    /* =============================================================================
    Licenciados
    ============================================================================= */
    .licenciadosIntro { padding: 0px 0 80px; }
    .licenciadosLista-input, .licenciadosLista-select { height: 55px; width: 255px; }
    .licenciadosLista-select { margin-left: 0px; }
    .licenciadoCard { width: 45%; min-width: 100px; flex-direction: column; gap: 10px; }
    .licenciadoCard-logo { width: 100%; height: 135px; }
    .licenciadosLista-grid { gap: 15px; align-content: flex-start; align-items: flex-start; }
    .licenciadosHighlight { width: 100%; flex-direction: row; justify-content: center; }
    .licenciadosIntro-highlights { gap: 14px; }

    /* =============================================================================
    Notícias
    ============================================================================= */
    .blogCard-img, .blogCard-img picture { height: 140px; }
    .blogCard { width: 45%; gap: 5px; }
    button.blogCard-link { width: 100%; height: 45px; }
    .blog-grid { gap: 20px 5px; }
    .blogCard-link { gap: 5px 0; }
    .blogCard-img { margin-bottom: 0; }
    .blogCard-content { gap: 10px; }
    .blog { padding: 0px 0 80px; }

    /* =============================================================================
    Notícias Detalhe
    ============================================================================= */
    .blogDetalhe-imgWrap, .blogDetalhe-imgWrap picture{ height: 245px; }
    .blogDetalhe-galeriaGrid{ flex-wrap: wrap; }
    .blogDetalhe-galeriaItem { height: 120px; width: 45%; }
    .blogMaisRecentes { padding: 0px 0 80px; }

    /* =============================================================================
    Contato
    ============================================================================= */
    .contatoMapa-inner { flex-direction: column; }
    .contatoMapa-inner{ gap: 20px; }
    .contatoMapa-mapWrap{ height: 200px; }
    .contatoForm{ padding-bottom: 0; }
    .contatoForm-input, .contatoForm-textarea { width: 100%; }
    .contatoForm-row { gap: 10px; margin-bottom: 10px; }
    .contatoMapa { padding: 20px 0; }
    .contatoMapa-title{ margin-bottom: 10px; }
    .contatoMapa-endereco, .contatoMapa-telefone{ margin-bottom: 5px; }

}
 
/* =============================================================================
   0 — 459px
============================================================================= */
@media screen and (min-width: 0) and (max-width: 459px) {
    .main { width: 90%; }
 
    /* HEADER — menu mobile */
    .header-navList { display: none; }
    .header-menuBtn { display: flex; }
    .header-nav {
        display: block;
        position: fixed;
        top: 80px;
        left: 0;
        width: 100%;
        height: calc(100vh - 80px);
        background-color: #fafafa;
        z-index: 999;
        overflow-y: auto;
        padding: 24px;
        transform: translateY(-110%);
        transition: transform 0.35s ease;
        pointer-events: none;
    }
    .header-nav--aberto {
        transform: translateY(0);
        pointer-events: all;
    }
    .header-nav--aberto .header-navList {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }
    .header-navListItem { width: 100%; border-bottom: 1px solid rgba(0,0,0,0.08); }
    .header-navListItemLink { display: block; padding: 16px 0; }
    .header-navListItemLink::after { display: none; }
        
    /* Footer — menu mobile */
    .footer-redes{ margin-bottom: 35px; }
    .footer-links{ gap: 15px 10px; }
    .footer-link, .footer-termosLink, .footer-contatoInfo{ font-size: 20px; width: 100%; text-align: center; margin: 0; display: block; }
    .whatsLink{ bottom: 20%; }
    .footer-inner { box-sizing: border-box; justify-content: center; flex-direction: column; align-content: center; align-items: center; padding-bottom: 60px; }
    .footer-col { justify-content: center; align-items: center; width: 100%; }
    .footer-col--contato{ padding-top: 30px; }
    .footer-redesLink { margin-bottom: 0; }
    .footer-links li { width: 45%; width: 100%; }
    .footer-bottomInner { flex-direction: column; gap: 30px; }
    .footer-copy { text-align: center; }
     
    /* =============================================================================
    Home
    ============================================================================= */

    .homeBanner, .homeBanner-slide{ height: 345px; }
    .homeBanner-content{ width: 430px; padding: 60px 0 0px 30px; }
    .homeBanner-title{ font-size: 42px; }
    .homeBanner-description { display: none; }

    .homeRaiz{ min-height: auto; width: 100%; align-items: center; justify-content: center; align-content: center; }
    .homeRaiz-overlay{ display: none; }
    .homeRaiz-icon{ background-color: rgba(0, 141, 59, 1); }
    .homeRaiz-inner { display: flex; position: unset; margin-left: unset; padding-top: 30px; }
    .homeRaiz-title { font-size: 36px; color: var(--verde); }
    .homeRaiz-description { margin-bottom: 30px; font-size: 18px; color: var(--cinza-claro); }
    .homeRaiz-boxTitle { width: 100%; height: auto; margin-left: 0; margin-top: 30px; position: unset; background-color: transparent; color: var(--verde); }
    .homeRaiz-box{ margin-top: 0; }
    .homeRaiz-boxList{ padding-top: 40px; flex-direction: column;}
    .homeRaiz-boxCard { flex-direction: column; width: 100%; max-width: 100%; gap: 10px; }
    .homeRaiz-border { display: none; }
    .homeRaiz-boxCardData { flex-direction: column; width: 100%; }
    .homeRaiz-boxCardLogo { width: 200px; margin-bottom: 0; }
    .homeRaiz-boxCardCol{ padding: 10px 0; }
    .homeRaiz-boxCardLabel { font-size: 14px; }
    .homeRaiz-boxCardValue { font-size: 14px; }

    .homeParaquem{ padding: 60px 0 80px; }
    .homeParaquem-title{ margin-bottom: 40px; text-align: center; font-size: 44px; }
    .homeParaquem-title strong { font-size: 21px; }
    .homeParaquemCard { width: 240px; height: 370px; }
    .homeParaquemCard-title{ font-size: 22px; }

    .homeCta{ padding: 70px 0 50px; }
    .homeCta-box{ padding: 43px 30px; }
    .homeCta-title{ font-size: 30px; }
    .homeCta-description { margin-bottom: 30px; }
    
    .homeBlog{ padding: 60px 0 50px; }
    .homeBlog-title { font-size: 32px; }
    .homeBlog-destaqueTitle { font-size: 22px; margin-bottom: 15px; }
    .homeBlog-destaque { gap: 30px; flex-direction: column;}
    .homeBlog-destaqueImg { width: 100%; height: 270px; }
    .homeBlog-destaqueContent { width: 100%; align-items: center; align-content: center; justify-content: center; }
    .homeBlog-destaqueTitle { text-align: center; }
    .homeBlog-destaqueDescription { margin-bottom: 20px; text-align: center; }
    .homeBlog-grid { gap: 10px; flex-direction: column; justify-content: center; align-content: center; align-items: center; }
    
    .blogCard{ width: 30%; }
    .homeBlogCard { width: 100%; max-width: 640px; display: flex; justify-content: center; align-content: center; align-items: flex-start; flex-direction: column; }
    .homeBlogCard-content{ display: flex; flex-direction: column; align-items: center; }
    .homeBlog-link {display: flex; flex-direction: column; gap: 30px; align-content: center; align-items: center; padding: 20px 0; border-bottom: 1px solid #c2c2c2; }
    .homeBlogCard-img, .homeBlogCard-img picture { height: 205px; margin-bottom: 0; max-width: 300px; }
    .homeBlogCard-title{ font-size: 16px; text-align: center; }

    /* BANNER INTERNO */
    .bannerInterno-wrap { width: 90%; height: 148px; }
    .bannerInterno-imageWrap{ width: 100%; height: 148px; }
    .bannerInterno-content { top: 50px; left: 50px; }
    .bannerInterno-title { font-size: 32px; }
    .bannerInterno-border { margin-bottom: 10px; }
    .bannerInterno-description{ display: none; }

    /* =============================================================================
    Empresa
    ============================================================================= */
    .empresaHistoria{ padding: 0 0 30px; }
    .atuacao-mapWrap{ width: 90%; top: 220px; height: 270px; }
    .empresaHistoria-galeriaItem{ height: 100px; width: 45%; min-width: 170px;  }
    .atuacao { padding: 50px 0 0; margin-bottom: 0; height: 450px;}
    .atuacao-title{ font-size: 42px; }
    .atuacao-description { font-size: 16px; }

    /* =============================================================================
    Cultivares
    ============================================================================= */
    .cultivarCard{ width: 100%; }
    .cultivarCard-logo{ width: 100%; }
    .cultivarCard-link{ padding: 20px 20px 10px; }
    .cultivarCard-item { flex-direction: row; align-content: center; gap: 5px; flex-wrap: wrap; width: 100%; }
    .cultivarCard-itemLabel { text-align: center; }
    .cultivarCard-itemValue { width: 100%; text-align: center; }

    /* =============================================================================
    Cultivares Detalhes
    ============================================================================= */
    .cultivarDetalhe-topoInner { flex-direction: column; align-items: center; }
    .cultivarDetalhe-caracteristicasTitle { text-align: center; }
    .cultivarDetalhe-caracteristicasTitl{ margin: 15px auto 0; }
    .cultivarDetalhe-caracteristicasGrid { justify-content: space-around; }
    .cultivarDetalhe-doencasGrid { flex-direction: column; }
    .cultivarDetalhe-doencasFotos { justify-content: center; width: 100%; max-width: 100%; }
    .cultivarDetalhe-doencasItem { width: 100%; }
    .cultivarDetalhe-caracteristicasValue { width: calc(100% - 200px); }
    .cultivarDetalhe-caracteristicasItem { gap: 0px 15px; width: 100%; }
    .cultivarDetalhe-caracteristicasTitleBar{ margin: 15px auto 0; }
    .cultivarDetalhe-mainLogo { width: 100%; }

    /* =============================================================================
    Produtividade
    ============================================================================= */
    .produtividade{ padding: 0; }
    .produtividade-btn { width: 135px; }
    .produtividade-formGroup { flex-direction: column; align-items: center; width: 100%; gap: 5px; }
    .produtividade-btn { width: 100%; height: 45px; }
    .produtividadeCard{ gap: 35px; }
    .produtividadeCard-values { align-items: flex-start; gap: 25px; flex-wrap: wrap; }
    .produtividadeCard-col { width: 47%; flex: auto; }
    .produtividade-form { flex-direction: column; align-items: flex-start; align-content: flex-start; justify-content: flex-start; gap: 10px; }
    .produtividade-formLabel { width: 60px; }
    .produtividade-input, .produtividade-select { height: 45px; width: 100%; }
    .produtividadeMapa-painel { width: 90%; display: block; position: unset; }
    .produtividadeMapa-wrap { height: auto; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center; }
    #produtividadeMap { height: 320px; }
    .produtividadeMapa-title strong { text-align: center; }
    .produtividadeMapa-title { font-size: 54px; text-align: center; }
    .produtividadeCard { flex-direction: column; }
    .produtividadeCard-label { text-align: center; }
    .produtividadeCard-value { text-align: center; }

    /* =============================================================================
    Licenciados
    ============================================================================= */
    .licenciadosIntro { padding: 0px 0 80px; }
    .licenciadosLista-input, .licenciadosLista-select { height: 55px; width: 100%; }
    .licenciadosLista-select { margin-left: 0px; }
    .licenciadoCard { width: 45%; min-width: 100px; flex-direction: column; gap: 10px; }
    .licenciadoCard-logo { width: 100%; height: 125px; }
    .licenciadosLista-grid { gap: 15px; align-content: flex-start; align-items: flex-start; }
    .licenciadosHighlight { width: 100%; flex-direction: row; justify-content: center; }
    .licenciadosIntro-highlights { gap: 14px; }
    .licenciadosLista-btn { width: 100%; margin-bottom: 10px; }

    /* =============================================================================
    Notícias
    ============================================================================= */
    .blogCard { width: 100%; gap: 10px; }
    button.blogCard-link { width: 100%; height: 45px; }
    .blog-grid { gap: 20px 5px; }
    a.blogCard-link { flex-direction: collun; gap: 10px; justify-content: center; align-content: center; align-items: center; }
    .blogCard-img, .blogCard-img picture { margin-bottom: 0; width: 100%; height: 210px; }
    .blogCard-content { gap: 10px; }
    .blog { padding: 0px 0 80px; }

    /* =============================================================================
    Notícias Detalhe
    ============================================================================= */
    .blogDetalhe{ padding-bottom: 0; }
    .blogDetalhe-imgWrap, .blogDetalhe-imgWrap picture{ height: 175px; }
    .blogDetalhe-galeriaGrid{ flex-wrap: wrap; }
    .blogDetalhe-galeriaItem { height: 120px; width: 45%; }
    .blogMaisRecentes { padding: 0px 0 80px; }

    /* =============================================================================
    Contato
    ============================================================================= */
    .contatoForm{ padding: 0; }
    .contatoMapa-inner { flex-direction: column; }
    .contatoMapa-inner{ gap: 20px; }
    .contatoMapa-mapWrap{ height: 200px; }
    .contatoForm{ padding-bottom: 0; }
    .contatoForm-input, .contatoForm-textarea { width: 100%; }
    .contatoForm-row { gap: 10px; margin-bottom: 10px; }
    .contatoMapa { padding: 20px 0; }
    .contatoMapa-title{ margin-bottom: 10px; }
    .contatoMapa-endereco, .contatoMapa-telefone{ margin-bottom: 5px; }
}