.elementor-13670 .elementor-element.elementor-element-8e20ac5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13670 .elementor-element.elementor-element-8e20ac5:not(.elementor-motion-effects-element-type-background), .elementor-13670 .elementor-element.elementor-element-8e20ac5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#08140A;}.elementor-13670 .elementor-element.elementor-element-e292476{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.8;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:1px;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-13670 .elementor-element.elementor-element-e292476:not(.elementor-motion-effects-element-type-background), .elementor-13670 .elementor-element.elementor-element-e292476 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#08140A00;background-image:url("https://www.agrosaber.net.br/wp-content/uploads/2026/06/c7b6499c-47bf-4a36-8eb5-2cb4cc984d2f.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-13670 .elementor-element.elementor-element-e292476::before, .elementor-13670 .elementor-element.elementor-element-e292476 > .elementor-background-video-container::before, .elementor-13670 .elementor-element.elementor-element-e292476 > .e-con-inner > .elementor-background-video-container::before, .elementor-13670 .elementor-element.elementor-element-e292476 > .elementor-background-slideshow::before, .elementor-13670 .elementor-element.elementor-element-e292476 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13670 .elementor-element.elementor-element-e292476 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0A110D00;--background-overlay:'';}.elementor-13670 .elementor-element.elementor-element-e292476.e-con{--align-self:center;}.elementor-13670 .elementor-element.elementor-element-fefe578{--display:flex;--min-height:292px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), poppis;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-13670 .elementor-element.elementor-element-5707243{font-family:"Poppins", poppis;font-weight:400;}.elementor-13670 .elementor-element.elementor-element-5707243 p{margin-block-end:0px;}.elementor-13670 .elementor-element.elementor-element-c1a616e{--display:flex;--min-height:292px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13670 .elementor-element.elementor-element-e28c437{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13670 .elementor-element.elementor-element-9663239 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1366px){.elementor-13670 .elementor-element.elementor-element-e292476{--min-height:350px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13670 .elementor-element.elementor-element-e292476:not(.elementor-motion-effects-element-type-background), .elementor-13670 .elementor-element.elementor-element-e292476 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}}@media(max-width:767px){.elementor-13670 .elementor-element.elementor-element-e292476{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-13670 .elementor-element.elementor-element-c1a616e{--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}}@media(max-width:478px){.elementor-13670 .elementor-element.elementor-element-fefe578{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13670 .elementor-element.elementor-element-db1ec04 > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(min-width:479px){.elementor-13670 .elementor-element.elementor-element-e292476{--content-width:100%;}.elementor-13670 .elementor-element.elementor-element-fefe578{--width:40%;}.elementor-13670 .elementor-element.elementor-element-c1a616e{--width:40%;}}@media(max-width:1366px) and (min-width:479px){.elementor-13670 .elementor-element.elementor-element-e28c437{--width:100%;}}@media(max-width:767px) and (min-width:479px){.elementor-13670 .elementor-element.elementor-element-fefe578{--width:100%;}.elementor-13670 .elementor-element.elementor-element-c1a616e{--width:100%;}}@media(min-width:1440px){.elementor-13670 .elementor-element.elementor-element-8e20ac5{--width:1400px;}.elementor-13670 .elementor-element.elementor-element-e292476::before, .elementor-13670 .elementor-element.elementor-element-e292476 > .elementor-background-video-container::before, .elementor-13670 .elementor-element.elementor-element-e292476 > .e-con-inner > .elementor-background-video-container::before, .elementor-13670 .elementor-element.elementor-element-e292476 > .elementor-background-slideshow::before, .elementor-13670 .elementor-element.elementor-element-e292476 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13670 .elementor-element.elementor-element-e292476 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.agrosaber.net.br/wp-content/uploads/2026/06/c7b6499c-47bf-4a36-8eb5-2cb4cc984d2f.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-13670 .elementor-element.elementor-element-e292476{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13670 .elementor-element.elementor-element-fefe578{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-13670 .elementor-element.elementor-element-c1a616e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13670 .elementor-element.elementor-element-e28c437{--padding-top:80px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-fefe578 *//*=========================================================
=
= HERO ESQUERDO V3
=
= PARTE 01
=
=========================================================*/


/*=========================================================
CONTAINER
=========================================================*/

.hero-left{

    position:relative;

    z-index:5;

    width:100%;
    padding: 20px;
    max-width:550px !important;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:flex-start;

   
    border-radius:28px;

    background:rgba(12,18,15,.38);

    backdrop-filter:blur(18px);

    -webkit-backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.06);

    box-shadow:

        0 25px 60px rgba(0,0,0,.30),

        inset 0 1px rgba(255,255,255,.04);

}


/*=========================================================
BADGE
=========================================================*/

.hero-left-badge{
 
    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:8px 18px;

    margin-bottom:20px;

    border-radius:999px;

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    backdrop-filter:blur(12px);

    -webkit-backdrop-filter:blur(12px);

    box-shadow:

        0 12px 25px rgba(0,0,0,.18),

        inset 0 1px rgba(255,255,255,.04);

}


.hero-left-badge i{

    color:#35D978;

    font-size:14px;

}


.hero-left-badge span{

    color:#FFFFFF;

    font-size:14px;

    font-weight:600;

    letter-spacing:.3px;

}


/*=========================================================
TÍTULO
=========================================================*/

.hero-left-title{

    position:relative !important;

    margin:0 !important;

    color:#FFFFFF !important;

    font-size:clamp(24px,4vw,52px) !important;

    font-weight:800 !important;

    line-height:1 !important;

    letter-spacing:-2px !important;

    text-transform:uppercase !important;

}


/*=========================================================
PALAVRA VERDE
=========================================================*/

.hero-left-title span{

    display:block;

    margin-top: 4px !important;

    background:

        linear-gradient(

            180deg,

            #45E689,

            #16914C

        );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

    background-clip:text;
   
}


/*=========================================================
LINHA
=========================================================*/

.hero-left-title::after{

    content:"";

    display:block;

    width:110px;

    height:4px;

    margin-top:20px;

    border-radius:999px;

    background:

        linear-gradient(

            90deg,

            #35D978,

            transparent

        );

}
/*=========================================================
=
= HERO ESQUERDO V3
=
= PARTE 02
=
=========================================================*/


/*=========================================================
GLOW
=========================================================*/

.hero-left::before{

    content:"";

    position:absolute;

    top:-140px;

    left:-180px;

    width:520px;

    height:520px;

    border-radius:50%;

    background:

        radial-gradient(

            circle,

            rgba(53,217,120,.08),

            transparent 72%

        );

    pointer-events:none;

    z-index:-1;

}


/*=========================================================
DESCRIÇÃO
=========================================================*/

.hero-left-description{

    position:relative;

    max-width:560px !important;

    margin-top:28px !important;

    padding-left:8px !important;

    color:rgba(255,255,255,.82);

    font-size:14px !important;

    font-weight:400;

    line-height:1.2;

}


/*=========================================================
LINHA LATERAL
=========================================================*/

.hero-left-description::before{

    content:"";

    position:absolute;

    left:0;

    top:6px;

    width:4px;

    height:78%;

    border-radius:999px;

    background:

        linear-gradient(

            180deg,

            #35D978,

            transparent

        );

}


/*=========================================================
DESTAQUE
=========================================================*/

.hero-left-description strong{

    color:#FFFFFF;

    font-weight:600;
  
}


/*=========================================================
SELEÇÃO DE TEXTO
=========================================================*/

.hero-left-description::selection{

    background:#2BC96E;

    color:#FFFFFF;

}

.hero-left-title::selection{

    background:#2BC96E;

    color:#FFFFFF;

}

.hero-left-badge::selection{

    background:#2BC96E;

    color:#FFFFFF;

}
/*=========================================================
=
= HERO ESQUERDO V3
=
= PARTE 03
=
= RESPONSIVIDADE
=
=========================================================*/


/*=========================================================
WIDESCREEN
>=1440px
=========================================================*/

@media(min-width:1440px){

    .hero-left{

        max-width:550px;

    }

    .hero-left-title{

        font-size:74px;

    }

    .hero-left-description{

        max-width:650px;

        font-size:18px;

    }

}


/*=========================================================
DESKTOP
<=1366px
=========================================================*/

@media(max-width:1366px){

    .hero-left{

        max-width:700px;

    }

    .hero-left-title{

        font-size:64px;

    }

}


/*=========================================================
NOTEBOOK
<=1200px
=========================================================*/

@media(max-width:1200px){

    .hero-left{

        max-width:620px;

    }

    .hero-left-title{

        font-size:56px;

    }

    .hero-left-description{

        font-size:17px;

    }

}


/*=========================================================
TABLET PAISAGEM
<=1024px
=========================================================*/

@media(max-width:1024px){

    .hero-left{

        max-width:100%;

    }

    .hero-left-title{

        font-size:48px;

    }

    .hero-left-description{

        max-width:100%;

    }

}


/*=========================================================
TABLET RETRATO
<=991px
=========================================================*/

@media(max-width:991px){

    .hero-left{
        
        max-width: 400px!important;
         
        align-items:center;

        text-align:center;

    }

    .hero-left-title::after{

        margin-left:auto;

        margin-right:auto;

    }

    .hero-left-description{

        padding-left:0;

        margin-top:28px;

    }

    .hero-left-description::before{

        display:none;

    }

}


/*=========================================================
MOBILE PAISAGEM
<=767px
=========================================================*/

@media(max-width:767px){

    .hero-left-title{

        font-size:42px;

        letter-spacing:-1px;

    }

    .hero-left-description{

        font-size:16px;

        line-height:1.8;

    }

    .hero-left-badge{

        margin-bottom:22px;

    }

}


/*=========================================================
MOBILE RETRATO
<=478px
=========================================================*/

@media(max-width:479px){
    
    .hero-left{
       max-width: 90%!important;
       
    }
   

    .hero-left-description{

        font-size:14px !important;

        line-height:1.4;

    }
    .hero-left-description strong{

    color:#FFFFFF;
    font-size: 20px;
    font-weight:600;
 
 
}

    .hero-left-badge{

        padding:8px 14px;

    }

    .hero-left-badge span{

        font-size:14px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e292476 *//*=========================================================
=
= HERO AGROSABER
=
= Responsável por:
=
= • Película Cinematográfica
= • Vinheta
= • Organização do Conteúdo
=
=========================================================*/


/*=========================================================
CONTAINER
=========================================================*/

.elementor-13670 .elementor-element.elementor-element-e292476{

    position:relative !important;

    overflow:hidden !important;

    background-color:#0A110D !important;

    padding:55px 0 !important;

}


/*=========================================================
CONTEÚDO
=========================================================*/

.elementor-13670 .elementor-element.elementor-element-e292476 > .e-con-inner,
.elementor-13670 .elementor-element.elementor-element-e292476 > .elementor-container,
.elementor-13670 .elementor-element.elementor-element-e292476 > *{

    position:relative !important;

    z-index:5 !important;

}


/*=========================================================
PELÍCULA CINEMATOGRÁFICA
=========================================================*/

.elementor-13670 .elementor-element.elementor-element-e292476::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:1;

    pointer-events:none;

    background:

     background: linear-gradient(
    180deg,
    rgba(10,17,13,.03) 0%,
    rgba(10,17,13,.08) 20%,
    rgba(10,17,13,.18) 45%,
    rgba(10,17,13,.40) 65%,
    rgba(10,17,13,.75) 82%,
    rgba(10,17,13,.95) 94%,
    #0A110D 100%
);

}


/*=========================================================
/*=========================================================
VINHETA LATERAL
=========================================================*/

.elementor-13670 .elementor-element.elementor-element-e292476::after{

    content:"";

    position:absolute;

    inset:0;

    z-index:2;

    pointer-events:none;

    background:

        radial-gradient(

            ellipse at center,

            rgba(255,255,255,0) 38%,

            rgba(10,17,13,.05) 72%,

            rgba(10,17,13,.18) 100%

        );

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9663239 */.elementor-13670 .elementor-element.elementor-element-9663239{

    position:relative !important;

   margin-top:-40px !important;

    z-index:20 !important;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e28c437 *//*=========================================================
TRANSIÇÃO HERO → BIBLIOTECA
=========================================================*/

.elementor-13670 .elementor-element.elementor-element-e28c437{

    position:relative !important;

   margin-top:0 !important;

    z-index:1 !important";

}

/*=========================================================
FADE SUPERIOR
=========================================================*/

.elementor-13670 .elementor-element.elementor-element-e28c437::before{

    content:"";

    position:absolute;

    top:-120px;

    left:0;

    width:100%;

    height:120px;

    pointer-events:none;

    z-index:1;

    background:

        linear-gradient(

            180deg,

            rgba(10,17,13,0),

            rgba(10,17,13,.25),

            rgba(10,17,13,.55),

            rgba(10,17,13,.85),

            #0A110D

        );

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e20ac5 *//*=========================================================
=
= CONTAINER MASTER
=
= HERO + BIBLIOTECA
=
=========================================================*/


/*=========================================================
CONTAINER
=========================================================*/

.elementor-13670 .elementor-element.elementor-element-8e20ac5{

    position:relative !important;

    overflow:hidden !important;

    width:100% !important;

    background:#0A110D !important;

}


/*=========================================================
CONTEÚDO
=========================================================*/

.elementor-13670 .elementor-element.elementor-element-8e20ac5 > *{

    position:relative;

    z-index:2;

}/* End custom CSS */