/*
    Verde principal:  #94CD17
    Verde secundario: #52891A
    Crema:            #F5F5F5
*/
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.ttf') format('truetype'),
         url('../fonts/Poppins-Bold.ttf') format('truetype'),
         url('../fonts/Poppins-Italic.ttf') format('truetype'),
         url('../fonts/Poppins-BoldItalic.ttf') format('truetype'),
         url('../fonts/Poppins-Light.ttf') format('truetype'),
         url('../fonts/Poppins-SemiBold.ttf') format('truetype'),
         url('../fonts/Poppins-Medium.ttf') format('truetype'),
         url('../fonts/Poppins-Thin.ttf') format('truetype'),
         url('../fonts/Poppins-Black.ttf') format('truetype'),
         url('../fonts/Poppins-ExtraBold.ttf') format('truetype'),
         url('../fonts/Poppins-ExtraLight.ttf') format('truetype');
}
body::-webkit-scrollbar{
    width: 10px;
}
body::-webkit-scrollbar-thumb {
    background: #94CD17;
    height: 20px;
}

p, h1, h2, h3, h4, h5{
    margin: 0;
    font-family: 'Poppins', sans-serif;
}
a{
    font-family: 'Poppins', sans-serif;
}
.titulos{
    font-weight: bold;
    font-size: calc(1.5rem + 1vw);
}
.textos{
    font-size: 1.2rem;
    font-weight: 600;
}
.contenedor{
    max-width: 1600px;
    padding-left: 8rem;
    padding-right: 8rem;
    margin-left: auto;
    margin-right: auto;
}
/*==========================*/
header{
    background-color: white;
    box-shadow: 0px 2px 5px -2px black;
}
/*--------*/
.header-barra-1{
    background-color: #94CD17;
}
.header-barra-1-div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: .2rem;
    padding-bottom: .2rem;
}
.header-col-1 img{
    transition: all .15s ease-in-out
}
.header-col-1 img:hover{
    transform: scale(1.05);
}
.header-col-1-a img{
    width: 15vw;
    min-width: 150px;
    max-width: 230px;
}
.header-barra-navegacion{
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}
.header-barra-1-div-int{
    gap: 3rem;
    display: flex;
    text-decoration: none;
    color: white !important;
    font-size: 0.9rem;
}
.header-barra-1-div-redes{
    gap: 1rem;
    display: flex;
    text-decoration: none;
}
.header-barra-1-a img{
    max-width: 16px;
    max-height: 16px;
}
.header-barra-1-a img{
    transition: all .15s ease-in-out;
}
.header-barra-1-a img:hover{
    transform: scale(1.2);
}
/*---------*/
.header-col-2{
    height: 15vw;
    max-height: 70px;
}
.header-navdiv{
    height: 100%;
    justify-content: space-between;
    display: flex;
    margin: 0;
}
.header-nav-enlace{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 150px;
    height: 100%;

    font-size: 1rem;
    font-weight: 500;
    color: black !important;
    text-decoration: none;
    
    justify-content: center;
    position: relative;
    transition: all .15s ease-in-out;
}
.header-nav-enlace:nth-child(1){
    --animate-duration: 0.5s;
}
.header-nav-enlace:nth-child(2){
    --animate-duration: 0.65s;
}
.header-nav-enlace:nth-child(3){
    --animate-duration: 0.8s;
}
.header-nav-enlace:nth-child(4){
    --animate-duration: 0.95s;
}
.header-nav-enlace:nth-child(5){
    --animate-duration: 1.10s;
}
.header-nav-enlace:nth-child(6){
    --animate-duration: 1.25s;
}

.header-nav-enlace:hover{
    color: #94CD17 !important;
}

.header-nav-enlace::after{
    position: absolute;
    bottom: 0;
    content: '';
    display: block;
    transform: scale(0, 1);
    width: 100%;
    height: 5px;
    background-color: #94CD17;
    transition: all .15s ease-in-out;
}
.header-nav-enlace:hover::after{
    transform: scale(1, 1);
}

.nav-link-activo{
    color: #94CD17 !important;
}
.nav-link-activo::after{
    background-color: #94CD17;
    transform: scale(1, 1);
}
.nav-link-activo::after{
    background-color: #94CD17;
    transform: scale(1, 1);
}

.nav-icono-rs-1{
    margin-right: 30px;
}
/*--------*/
.btn-abrir-menu{
    display: none !important;
    visibility: hidden !important;
    background: none !important;
    color: rgba(0, 0, 0, .5) !important;
    border-color: rgba(0, 0, 0, .3) !important;
    font-size: 2rem !important;
    padding: 0px 10px !important;
}
.header-offcanvas{
    font-family: 'Poppins', sans-serif;
    background-color: #93cd17cb;
}
.offcanvas-enlace{
    color: white !important;
    font-size: 2rem;
    font-weight: bold;
    transition: all .15s ease-in-out;
    transform: scale(.9);
}
.offcanvas-enlace:hover{
    transform: scale(1.05);
}
.offcanvas-enlace-activo{
    color: #2a5300 !important;
    font-weight: bold;
    transform: scale(1.05);
}
.off-canvas-contenedor-rs{
    margin-top: 10px;
}

/*============ Footer ============*/
footer{
    background-color: #52891A;
}
.footer-div{
    display: flex;
    flex-direction: column;
    padding-top: 3rem;
    padding-bottom: 3rem;
    gap: 3rem;
}
/*--------------*/
.footer-div-int{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-div-int-a{
    transition: all .15s ease-in-out;
}
.footer-div-int-a:hover{
    transform: scale(1.05);
}
.footer-div-int-a img{
    width: 20vw;
    min-width: 200px;
    max-width: 250px;
}
.footer-div-redes{
    display: flex;
    gap: 2rem;
}
.footer-redes-a img{
    height: 3vw;

    min-height: 16px;
    min-width: 16px;

    max-width: 36px;
    max-height: 36px;

    transition: all .15s ease-in-out;
}
.footer-redes-a img:hover{
    transform: scale(1.1);
}
/*--------------*/
.footer-div-int2{
    display: flex;
    justify-content: space-between;
    color: white;
}
.footer-div-int2-subdiv{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.footer-div-int2-subdiv h2{
    font-size: 1.5rem;
}
.footer-div-int2-subdiv:nth-child(1){
    width: 33.33333%
}
.footer-div-int2-subdiv p,
.footer-div-int2-subdiv a{
    font-size: 1rem;
}
.footer-div-int2-subdiv h2{
    margin-bottom: 1rem;
}
.footer-div-int2-btn{
    display: flex;
    align-items: center;
    border: 1px solid white;
    border-radius: .5rem;
    padding: .25rem .5rem;
    width: min-content;
    transition: all .15s ease-in-out;
}
.footer-div-int2-btn:hover{
    transform: scale(1.1);
}
/*----*/
.footer-div-int2-a{
    color: white !important;
    text-decoration: none;
    width: max-content;
    position: relative;
}

.footer-div-int2-a::after{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 0%;
    border-bottom: 2px solid white;
    transition: all .3s ease-in-out;
}
.footer-div-int2-a:hover::after{
    width: 100%;
}
/*--------------*/
.footer-div-int3{
    border: 1px solid white;
}
/*--------------*/
.footer-div-int4{
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.footer-div-int4 h5{
    font-size: 1rem;
}
.footer-div-int4 h4{
    font-size: 1.25rem;
}







/*===============*/
@media (max-width: 1920px) {

}

@media (max-width: 1600px) {

}

@media (max-width: 1440px) {
    .contenedor{
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

@media (max-width: 1300px) {
    .contenedor{
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (max-width: 1200px) {

}

@media (max-width: 1142px) {
    div .header-col-3{
        display: none !important;
        visibility: hidden !important;
    }
    .header-nav-enlace{
        font-size: 0.95rem;
        width: 130px;
    }
}

@media (max-width: 992px) {
    .contenedor{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .titulos{
        font-size: 2.5rem;
    }
    /*-----*/
    .header-navdiv{
        align-items: center;
    }
    .header-nav-enlace{
        display: none;
    }

    .btn-abrir-menu{
        display: inline !important;
        visibility: visible !important;
    }
    .header-contenedor-menus{
        display: none !important;
        visibility: hidden !important;
    }
    .header-barra-navegacion{
        justify-content: space-between;
    }
}
@media (max-width: 880px) {
    .footer-div-int2{
        flex-direction: column;
        align-items: center;
        gap: 4rem;
    }
    .footer-div-int2-subdiv{
        width: 100% !important; 
        align-items: center;
        text-align: center;
    }
}
@media (max-width: 768px) {
    .footer-div-int4{
        flex-direction: column;
        text-align: center;
        gap: 1rem;
        align-items: center;
    }
}

@media (max-width: 576px) {
    .header-barra-navegacion{
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    .header-barra-1{
        display: none;
    }
}

@media (max-width: 425px) {
    .footer-div-int{
        flex-direction: column;
        align-items: center;
        gap: 2rem;
    }
}

@media (max-width: 375px) {

}

@media (max-width: 320px) {

}