
@import url('../fonts/fonts.css');
@import url('pageStyle/menu.css');
@import url('pageStyle/footer.css');
@import url('pageStyle/banner.css');
@import url('pageStyle/acopio.css');
@import url('pageStyle/sobre.css');
@import url('pageStyle/cultivo.css');
@import url('pageStyle/categorias.css');
@import url('pageStyle/listagem.css');
@import url('pageStyle/item.css');
@import url('pageStyle/conecta.css');
@import url('pageStyle/home.css?v=02');

*{
    padding: 0;
    margin: 0;
    font-family: 'montserratregular';

}


:root{
    --cinza-btn : #DDDDDD;
    --cinza     : #666;
    --cinza-tb  : #f0f0f0;
    --cinza-text: #4d4d4d;
    --cinza-item: #3F485E;
    --fundo-2   : #F2F2F2;
    --primary   : #038C33;
    --primary-h : #1B5B35;
    --primary-2 : #195531;
    --azul      : #0036CC;   
    --secondary : #fbc51f;
    --verde     : #01261F;
    --white     : #FFFFFF;
    --black     : #000000;

    --fundo-item: #f7f7f7;
    --label-item: #e6e6e6;
}
.mc{
    margin: 50px 0;
}
/* width */
::-webkit-scrollbar {
    width: 16px;
    height: 2px;
}

/* Track */
::-webkit-scrollbar-track {
/* box-shadow: inset 0 0 2px white;  */
box-shadow: inset 0 0 5px var(--cinza-tb); 
/* border-radius: 10px; */
}

/* Handle */
::-webkit-scrollbar-thumb {
background: var(--primary); 
/* border-radius: 10px; */
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: var(--primary-h); 
}

.primary{
    color: var(--primary);
}
.secondary{
    color: var(--secondary);
}
.cinza_texto{color: var(--cinza-text);}
.c_cinza{color: var(--cinza);}
.c_cinza_item{color: var(--cinza-item);}
.f60{font-size: clamp(1.87em, 3.077vw, 3.75em);}
.f60-2{font-size: clamp(2.87em,3.077vw,3.75em);   }
.f50{font-size: clamp(1.563em,2.564vw,3.125em); }
/* .f45-2{font-size: clamp(1.406em,2.308vw,2.813em); } */
.f45{font-size: clamp(1.406em,2.308vw,2.813em); }
.f42{font-size: clamp(1.725em,2.154vw,2.625em);}
.f34{font-size: clamp(1.6em,1.744vw,2.125em);   }
.f30{font-size: clamp(1.4em,1.538vw,1.875em);   }
.f25{font-size: clamp(1.253em,1.282vw,1.563em)    }
.f22{font-size: clamp(1.2em,1.128vw,1.313em)    }
.f20{font-size: clamp(1em,0.513vw,1.25em)!important}
.f20i{font-size: clamp(1em,1.513vw,1.25em)!important}
.f18{font-size: clamp(0.87em,0.462vw,1.125em);  }
.f12{font-size: clamp(0.5em,0.615vw,0.75em);  }

a,.action_item{
    display: flex;
    align-items: center;
    color: white;
    text-decoration: none;
    transition: all 0.1s ease-in-out;
}
section{margin-top: 100px;}
img{
    display: block;
    width: auto;
    max-height: 100%;
    max-width: 100%;
}
.bg_cinza{
    background-color: var(--fundo-2);
}
.bg_primary{background-color: var(--primary-h);}
.no:hover{transform: scale(1.00) !important;}
.no{transition: none;}
a.action_item:hover,.action_item:hover>a{
    /* transform: scale(1.05); */
    color: var(--secondary);
    /* background-color: rebeccapurple; */
}

.bordas{
    border:1px solid red
}
.bordas> *{
    border:1px solid blue
}

.bordas> *>*{
    border:1px solid green
}


.bold{font-weight: bold;}

.subcontainer {
    max-width: 625px;
    width: 100%;
    margin: 0 0 0 auto ;
}
.container{
    max-width: 1250px;
}

.rand_button{
    color: var(--secondary);
    border: 1px solid var(--secondary);
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    padding: 0.75em;
    border-radius: 50%;
    transition: all 0.3s ease;
}
body{
    padding: 0 !important;
}