:root {
    --verde1: #526415;
    --verde2: #AE9B17;
    --crema: #FFF7E7;
    --cafe: #66613F; 
    --verde3: #ADC55A;
    --plomo: #FCFEFE;
}


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a:link, a:visited, a:active {
    text-decoration:none !important;
    color: var(--negro) !important;
}


.montserrat-1 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}

.montserrat-2 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.nokora-thin {
  font-family: "Nokora", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.nokora-light {
  font-family: "Nokora", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.nokora-regular {
  font-family: "Nokora", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.nokora-bold {
  font-family: "Nokora", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.nokora-black {
  font-family: "Nokora", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.adlam-display-regular {
  font-family: "ADLaM Display", system-ui;
  font-weight: 400;
  font-style: normal;
}

.titu-pro{
    text-align: center;
    font-size: 45px;
    color:#526415;
    align-items: center;
    padding-top: 50px;
    font-weight: 700;
}

.producto-det{
    text-align: center;
}

.titdp{
    font-size: 20px;
    color: var(--verde1);
    font-weight: 600;
}


.titrec{
    font-size: 20px;
    color: var(--verde1);
    font-weight: 600;
    padding: 20px;
}

.botondp{
    background-color: var(--verde2);
    padding: 10px;
    font-weight: 600;
    color:var(--crema);
    margin-top: 10px;
}


.titu-rec{
    text-align: center;
    font-size: 45px;
    color:#526415;
    align-items: center;
    padding-top: 10px;
    font-weight: 700;
}

.premio-det{
    text-align: center;
}



/* HEADER */


.menu8nob{
    display: none;
}

.iconprincipal img{
    width: 300px;
}

.iconomobprincipal img{
    width: 200px;
}

.sidemednu{
    padding-top:7px;
}

.item-memo{
    display:inline-block;
}

.menu-mobile-f{
    height: 100px;
    background-color: #AE9B17;
    display: none;
}

.mobmenu{
    display: none;
}

.menudeks{
    background-color: var(--verde2);
    height: 100px;
    color: var(--crema);
    font-size: 20px;
}

.menu-part{
    display: inline-block;
    padding: 25px;
}


.inicio1{
    background-color: var(--verde1);
    color: var(--crema);
    padding-top:100px;
    
    
}

.nosotr{
    padding: 20px;
    background-color:var(--verde2);
    color: var(--crema);
    width: 200px;
    margin-top: 20px;
    font-weight: 600;
    text-align: center;
}

.inicio2{
    background-color: var(--crema);
    overflow: hidden;

}

.textoini1{
    text-align: center;
    font-size: 20px;
    padding-top: 50px;
}

.titulodilo{
    font-size: 30px;
    color: var(--cafe);

}

.ini8{
    padding-top:200px;
    text-align: center;
}



.a10anos{

    display: flex;
    justify-content: center;
    align-items: center;
    
}

.joel1{
    position: absolute; 
    top: 0;
    width: 80%; 
    text-align: center;
    
    
}

.frut1{
    text-align: center;
    background-color: var(--crema);
}

.ban89{
    padding: 50px;
}

.frut3{
    background-color: var(--crema);
    text-align: justify;
    padding-bottom: 100px;
}

.reconocimient{
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}


/* FIN INICIO */


/* INICIO SOMOS */


.somos12{
    background-color: var(--verde1);
    color: var(--crema);
    padding-top: 100px;
    padding-bottom: 100px;
}
.somos23{
    background-color: var(--verde1);
    color: var(--crema);
    padding-top: 100px;
    
}

.titu-som{
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 4vmin;
    font-weight: 100;
}


.desk-som{
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 2vmin;
    font-weight: 100;
    text-align: left;
    text-align: justify;
}

.desk-som2{
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 2vmin;
    font-weight: 500;
    text-align: left;
    text-align: justify;
    color: var(--verde1);
}



.sm7{
    padding-left: 100px !important;
    padding-right: 100px !important;
}

.caract{
    background-color: var(--crema);
    color: var(--verde1);
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
}


/* FIN SOMOS */

/* PRODUCTOS */

.catalogo{
    background-color: var(--crema);
    padding-top: 100px;
}

.fotoprodd img{
    max-height: 300px;
}

.fotoprodd{
    align-items: center;
    text-align: center;
}


.nomprodd{
    text-align: center;
    font-size: 20px;
    color: var(--verde1);
    
}
.botonprodd{
    padding: 10px;
    background-color: #ADC55A;
    border-radius: 10px;
    text-align: center;
    margin-top: 20px;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
}

.rocatalogo{
    padding-bottom: 80px;
}


/* FIN PRODUCTOS */


/* detalle producto */

.botonproa{
    padding: 30px;
    background-color: #ADC55A;
    border-radius: 10px;
    text-align: center;
    margin-top: 20px;
    width: 270px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-weight: 700;
    font-size: 25px !important;

}

.hiimoo{
    display: none;
}


.fotoproa{
    align-items: center;
    text-align: center;
}

.contact1{
    background-color: var(--crema);
     padding: 30px;
}

.contenecontac2{
    background-color: var(--verde3);
    padding: 30px;
    border-radius: 10px;
    font-weight: 400;
    padding-bottom: 100px;
}

.botcon{
    padding: 10px;
    color: var(--crema);
    background-color: var(--verde1);
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
    border-radius: 10px;
    font-weight: 500;
}

.nomcon{
    font-weight: 750;
    font-size: 20px;
    color: var(--verde1);
}


.datcon{
   font-weight: 500;
    font-size: 20px;
    color: var(--verde1); 
    padding-top: 10px;
}

.titulcon{
    font-size: 35px;
    color: var(--crema);
    font-weight: 750;

}

.iconcon{
    padding-bottom: 20px;
}

.rss{
    display: inline-block;
}

/* fin detalle producto */

/* FOOTER */


.footer-cl{
    background-color: var(--cafe);

}

.datosfu{
    color:var(--crema);
    font-size: 18px;
    padding: 20px;
    padding-top: 50px;
    font-weight: 400;
}

.itemcontact{
    padding: 10px 0;
}


/* LOADER */

.preloadingspace{
    background-color:var(--crema);
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index:  10000;
    color: var(--verdec);
    clip-path: circle(150% at 100% 0);
    transition: clip-path 2s ease-in-out;
    -webkit-transition: clip-path 2s ease-in-out;
    -moz-transition: clip-path 2s ease-in-out;
    -ms-transition: clip-path 2s ease-in-out;
    -o-transition: clip-path 2s ease-in-out;
}

.preloadingspace img{
    width: 300px;
}

.preloadingspace2{
    clip-path: circle(0% at 100% 100%);
}

.charging{
     color: var(--verdec);
    font-size:20px;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-top: 30px;
    animation: fadeIn 1s infinite;
    -webkit-animation: fadeIn 1s infinite;
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }

  /* FIN LOADER */


/* HAM MENU */


.off-screen-menu{
    background-color: var(--verde3);
    color:var(--crema);
    height: 100vh;
    width: 100%;
    max-width: 990px;
    position: fixed;  
    top: -990px;
    z-index: 10000 !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 3rem;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
    font-size: 30px;

    align-content: center;
}

.navmob{
    padding: 1rem;
    display: flex;
    text-decoration: none;
    
}


.off-screen-menu.active {
    top: 0;
}


.off-screen-menu a{
    text-decoration: none;
    color: var(--verde1) !important; 
    
}

.off-screen-menu a:hover{
    text-decoration: none;
    color: var(--verdea) !important;
    
}


.off-screen-menu ul{
  
    text-decoration: none;
    list-style-type: none;    
}
.off-screen-menu li{
  
    text-decoration: none;
    list-style-type: none;
    
}

.cerrar-menov{

    font-family: "Racing Sans One", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.mobile__firstslide{
        display: none;
        padding-bottom: 50px;
    }


/* FIN HAM */




@media (max-width:570px){
    .laz2 img{
        display: none;
    }


    .ini8 {
         padding-top:20px;
    
    }

    .logini9{
        text-align: center;
    }

    .titulodilo{
        padding-top: 100px;
    }

    .inicio1{
        padding-bottom: -5px;
    }

    .textoini1{
        padding:30px;
    }

    .frut3 img{
        padding-top: 80px;
    }

    .premio-det{
        padding: 20px;
    }

    .titu-som{
        font-size: 25px;
        padding: 10px;
        padding-top: 30px;
        
        
    }

    .somos12{
        padding-top: 50px;
    }

    .somos23{
        padding-top: 50px;
    }

    .desk-som{
        font-size: 20px;
    }

    .desk-som2{
        font-size: 20px;
    }

    .sm7{
    padding: 0 !important;
    }

    .hiimoo{
        display: block;
        margin-bottom: 100px;
    }

    .hiidk{
        display: none;
    }

    .mobicon{
        padding-top: 70px;
    }
    
    .iconprincipal{
    margin-left: auto;
    margin-right: auto;
    text-align: center;

    }


    .menudeks{
        font-size: 20px;
    }

}



@media (max-width:1220px){
    .menudeks{
        font-size: 20px;
    }

}



@media (max-width:800px){
    .sidemednu{
       display: none;
    }

    .mobmenu{
        display: block;
    }

    .menudeks{
        display: none;
    }

    .menu8nob{
        display:block;
    }

    .menu-mobile-f{
        display: block;
    }

     .desktop__firstslide{
        display: none;
    }

    .mobile__firstslide{
        display: block;
    }


}