*{
    font-family: "Inter", serif;  
}
.header_main ul{
    display: flex;
    align-items: center;
    padding: 0px;
    margin: 0px;
    list-style: none;
    width: fit-content;
    float: right;
}
.header_main ul li{
    padding: 0px 20px;
}
.header_main ul li a{
    font-family: "Inter", serif;
    color: #000000;
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
}
/* Cursor animado */
@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

.section_banner img{
    height: 750px;
    object-fit: cover;
}
.offcanvas-body ul{
        padding: 0px !important;
    margin: 0px !important;
    list-style: none !important;
    float: left !important;
    text-align: left !important;
    display: block;
}
.offcanvas-body ul li{
    padding: 8px 0px;
}
.opaci{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    background-color: #00000026;
}
.section_banner_titulo{
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
}
.section_banner_titulo h3{
    font-family: "Montserrat", serif;
    color: #ffffff;
    font-size: 50px;
    font-weight: 800;
}
.section_banner_titulo p{
    font-family: "Montserrat", serif;
    color: #ffffff;
    margin: 0px;
    font-size: 27px;
}

/**/
/* Efecto de desplazamiento desde la derecha */
@keyframes slideInRight {
    0% {
        transform: translateX(100%); /* Comienza desde la derecha */
        opacity: 0;
    }
    100% {
        transform: translateX(0); /* Llega a su posición original */
        opacity: 1;
    }
}
@keyframes slideInLeft {
    0% {
        transform: translateX(-100%); /* Comienza desde la derecha */
        opacity: 0;
    }
    100% {
        transform: translateX(0); /* Llega a su posición original */
        opacity: 1;
    }
}
@keyframes ultra {
    100% {
        transform: scale(1.05);
    }
}
.slide-in-right {
    opacity: 0;
    transform: translateX(100%);
    transition: all 0.5s ease-out;
}
.slide-in-left {
    opacity: 0;
    transform: translateX(100%);
    transition: all 0.5s ease-out;
}
/* Aplica la animación cuando la imagen entra en el viewport */
.visible {
    opacity: 1;
    transform: translateX(0);
    animation: slideInRight 1s forwards; /* Duración de la animación */
}
.visibled {
    opacity: 1;
    transform: translateX(0);
    animation: slideInLeft 1s forwards; /* Duración de la animación */
}
.overflow{
    overflow: hidden;
}
.info_historia h1{
    color: #1B9C38;
    font-size: 48px;
    text-transform: uppercase;
    font-weight: 700; 
    margin: 0px 0px 30px;
}
.info_historia p{
    font-size: 20px;
    text-align: justify;
    margin: 0px;  
}
.info_historia h5{
    color: #1B9C38;
    font-weight: 700;
}
.info_historia ul{
    padding: 0px;
    list-style: none;
    margin: 0px;
}
.info_historia ul li{
    font-weight: 700;
    font-size: 22px;
}

.info_nosotros h1{
    color: #49372A;
    font-size: 48px;
    text-transform: uppercase;
    font-weight: 700; 
    margin: 0px 0px 30px 0px;
}
.info_nosotros p{
    font-size: 20px;
    text-align: justify; 
    margin: 0px;  
}
.info_nosotros ul{
    margin: 20px 0px;
}
.info_nosotros ul li{
    font-size: 20px;
    text-align: justify;
}


/* */

.section_mision_vision_valores{
    padding: 80px 0px;
    background: url(../img/fondo_mision_vision_valores.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.section_mision_vision_valores .cuadro_blanco{
    background-color: #ffffff;
    padding: 20px;
    text-align: center;
    border-radius: 8px;
}
.section_mision_vision_valores .cuadro_blanco:hover{
    transform: scale(1.05); 
}
.section_mision_vision_valores .cuadro_blanco h3{
    font-size: 40px;
    color: #373737;
    font-weight: 700;
}
.section_mision_vision_valores .cuadro_blanco p{
    font-size: 20px;
}
.section_mision_vision_valores .no_centrado{
    text-align: left;
}
.section_mision_vision_valores .no_centrado h3{
    text-align: center;
}

/**/

.section_certificaciones{
    padding: 80px 0px;
}
.section_certificaciones .fondo_certificado{
    background-color: #f1f1f1;
    border-radius: 8px;
}
.section_certificaciones .fondo_certificado .titulo_certificado{
    background-color: #757575;
    padding: 15px;
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
}
.section_certificaciones .info_section h3{
    color: #49372A;
    font-weight: 800;
}
.section_certificaciones .info_section p{
    font-size: 16px;
    font-weight: 400;
}
.section_certificaciones .fondo_certificado img:hover{
    transform: scale(1.15); 
}

/**/
.section_socios h3{
    color: #49372A;
    font-weight: 700;
    width: fit-content;
    margin: auto;   
    position: relative; 
}
.section_socios h3 img{
    position: absolute;
    bottom: -23px;
    width: 41%;
    right: 3px;
}
.section_socios .item_socio .item_img{
overflow: hidden;
    height: 455px;
}
.section_socios .item_socio img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.section_socios .item_socio img:hover{
    transform: scale(1.15); 
}
.section_socios .item_socio .nam_socio{
    background-color: #757575;
    padding: 15px;
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
}

/**/
.section_productos .titulo_h3 h3{
    color: #49372A;
    font-weight: 800;
}
.section_productos .titulo_h3 h5{
    font-size: 28px;
    color: #49372A;
    font-weight: 700;
}
.item_variedad{
    background-color: #000000;
    font-size: 32px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    border-radius: 8px;
    padding: 5px;
}
.item_variedad:hover{
    background-color: #ffffff;
    border: 1px solid #000000;
    color: #000000;
}
.item_row_producto h3{
    color: #1B9C38;
    font-weight: 700;
}
.item_row_producto h4{
    font-size: 20px;
    font-weight: bold;
    color: #49372A;
}
.informacion_producto .flex_inf{
    display: flex;
    padding: 10px 0px;
}
.informacion_producto .flex_inf .defecto_inf{
    width: 150px;
    font-weight: bold;
}
.informacion_producto .flex_inf  .db_inf{
    width: 250px;
}
.productt:hover{
    
}


/**/

.section_caracteristicas{
    background-color: #1B9C38;
    padding: 60px 0px;
}
.section_caracteristicas h3{
    color: #ffffff;
    font-weight: bolder;
    font-size: 42px;
}
.section_caracteristicas .cuadro_blanco{
    padding: 15px;
    background-color: #ffffff;
    border-radius: 8px;
    font-weight: 600;
    text-align: center;
}
.section_caracteristicas .cuadro_blanco:hover{
    transform: scale(1.05); 
    border: 1px solid #000000;
}
.section_caracteristicas .cuadro_blanco img{
    margin: 0px 0px 15px 0px;
}
.section_caracteristicas .cuadro_blanco p{
    font-size: 15px;
}

/**/
.section_contacto h3{
    color: #14A434;
    font-weight: 700;
}
.section_contacto form input, .section_contacto form textarea{
    background-color: #EEEEEE;
    border: none;
    padding: 15px 10px;
}
.section_contacto form textarea{
    height: 180px;
}
.section_contacto .btn_valles{
    background-color: #49372A;
    color: #ffffff;
    padding: 12px 36px;
    border-radius: 31px;
    font-size: 16px;
}


/**/
.section_detalles p a{
    text-decoration: none;
    color: #000000;
}

/**/
.footer_main{
    position: relative;
    background-color: #49372A;
    padding: 80px 0px;
}
.footer_main .logo_footer{
    position: absolute;
    left: 0px;
    top: 0px;
}
.footer_main ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.footer_main ul li{
    padding: 8px 0px;
}
.footer_main ul li a{
    color: #ffffff;
    text-decoration: none;
    font-size: 20px;
}
.footer_main ul li a:hover{
    text-decoration: underline;
}
.footer_main .ultimo_ul li{
    padding: 10px 0px;
}
.footer_main .ultimo_ul li a{
    font-size: 16px;
}
.footer_main .ultimo_ul li a img{
    width: 30px;
}