/* General */
.page-wrapper {
    width: 100vw;
    height: 100vh;
    margin: 0;
    border: none;
    padding: 0;
    background-color: #FDFDFD;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

* {
    text-decoration: none;
    list-style: none;
    color: #000;
    font-family: 'inter', sans-serif;
}

h1, h2, h3, h4 {
    font-family: "M PLUS Rounded 1c", sans-serif;
}

h2 {
    font-size: 50px;
}

h3 {
    font-size: 32px;
}

h4 {
    font-size: 25px;
}

a {
    cursor: pointer;
}

.wp {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    height: 50px;
    width: 50px;
    background-color: #25D366;
    border-radius: 50%;
    bottom: 15%;
    right: -10px;
    z-index: 10000;
    cursor: pointer;
    transition: all .3s;
}

    .wp i {
        color: #FDFDFD;
        font-size: 1.5em;
    }

.wp:hover {
    transform: scale(1.3) translateX(-10px);
}

/* Button */
.button {
    margin: auto;
    display: flex;
    color: #FDFDFD;
    align-items: center;
    justify-content: center;
    background-color: rgba(27, 174, 112);
    transform: translateY(-50px);
    padding: 10px 25px;
    border-radius: 25px;
}

.button:hover {
    transform: scale(1.1) translateY(-50px);
    box-shadow: 0 0 20px 1px #444;
    transition: all .3s;
}

.alt {
    background-color: #E19C36;
}

.alt2 {
    background-color: rgba(255, 255, 255, 0.7);
    color: #090909;
}

/* Triangulos divisorios */
.triangle-down {
    width: 0;
    height: 0;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    border-top: 5vh solid #E19C36; /* Cambia el color aquí según tu necesidad */
}

.tr-alt {
    border-left: 50vw solid #1BAE70;
    border-right: 50vw solid #1BAE70;
    border-top: 5vh solid #FDFDFD; /* Cambia el color aquí según tu necesidad */
}

.tr-alt2 {
    border-left: 50vw solid #FDFDFD;
    border-right: 50vw solid #FDFDFD;
    border-top: 5vh solid #1BAE70; /* Cambia el color aquí según tu necesidad */
}

/* Header */
.header {
    display: flex;
    width: 100vw;
    height: 20vh;
    align-items: center;
    padding: 0 5vw;
}

    .header-logo__container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 30vw;
    }

        .header-logo__container img {
            width: 70%;
        }

    .header-nav__container {
        display: flex;
        align-items: center;
        justify-content: right;
        height: 100%;
        width: 70vw;
    }

        .header-nav {
            display: flex;
            justify-content: space-evenly;
            width: 80%;
        }

            .header-nav__item a {
                font-weight: 500;
            }

            .header-nav__item a:hover {
                color: #bf7c18;
                transition: all .3s;
            }

            .this a {
                color: #E19C36;
            }


/* Section 01 - Main */
.section-01 {
    position: relative;
    width: 100%; /* Ancho total de la sección */
    height: 100vh; /* Altura de la sección */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .slider-container {
        position: relative;
        width: 100%; /* Ancho del contenedor del slider */
        height: 100%; /* Altura del contenedor del slider */
        overflow: hidden;
    }

        .slides {
            display: flex;
            width: 500vw; /* Ancho total del slider */
            height: 100%; /* Altura del slider */
            transition: transform 0.7s ease;
        }

            .main-option {
                width: 100vw;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: space-around;
                overflow: hidden;
            }

                .main-option__content {
                    width: 40%;
                    padding: 8vw;
                    display: flex;
                    flex-direction: column;
                    height: 100%;
                    justify-content: flex-start;
                }

                    .main-option__content h2 {
                        margin-bottom: 40px;
                    }

                .main-option__img {
                    width: 130vh; /* Ajustar el tamaño en proporción 1:1 */
                    height: 130vh; /* Ajustar el tamaño en proporción 1:1 */
                    position: relative;
                    overflow: hidden;
                    border-radius: 50%;
                    margin-top: -30vh; /* Desplazamiento hacia arriba */
                    margin-right: -27vh; /* Desplazamiento hacia la derecha */
                }

                    .main-option__img img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }

    /* Estilo de los botones de navegación */
    .main-left, .main-right {
        position: absolute;
        top: 30vh; /* A 30vh desde la parte superior */
        z-index: 1000; /* Para estar sobre el contenido */
        background-color: rgba(27, 174, 112, .5); /* Fondo semi-transparente */
        border: none;
        font-size: 1em;
        padding: 10px;
        cursor: pointer;
    }

    .main-left {
        left: 0; /* Botón de la izquierda */
        border-radius: 0 5px 5px 0;
    }

    .main-right {
        right: 0; /* Botón de la derecha */
        border-radius: 5px 0 0 5px;
    }

    .main-down {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 65vh; /* A 30vh desde la parte superior */
        z-index: 1000; /* Para estar sobre el contenido */
        background-color: rgba(255, 255, 255, 0.7); /* Fondo semi-transparente */
        border: none;
        font-size: 1em;
        height: 40px;
        width: 40px;
        cursor: pointer;
        border-radius: 50%;
    }

/* Section 02 */
.section-02 {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100vw;
    height: 70vh;
    align-items: center;
    justify-content: center;
    padding: 10vh 11vw;
}

    .section-02 p {
        text-align: center;
        margin-top: 25px;
    }

    .section-02 .main-down {
        top: 110%;
    }

    .onda-superior {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 0;
        width: 50%;
        padding: 0;
        margin: 0;
        display: flex;
    }

        .onda-superior img {
            height: 100%;
            width: 100%;
        }

/* Alternative Main */
.alt-main {
    height: auto;
    padding: 0;
}

    .alt-main h3 {
        margin: 40px;
    }

/* Section 03 */
.onda-inferior {
    position: absolute;
    left: 0;
    top: -1px;
    display: flex;
    width: 50%;
    margin: 0;
    padding: 0;
    z-index: 0;
}

    .onda-inferior img {
        height: 100%;
        width: 100%;
    }

.section-03 {
    position: relative;
    display: flex;
    width: 100vw;
    height: 140vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #E19C36;
}

    .section-03 h3 {
        margin-bottom: 25px;
    }

    .cards-container {
        display: flex;
        width: 85vw;
        max-width: 1200px;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

        .card {
            width: 200px;
            z-index: 1000;
            height: 340px;
            margin: 2vh 1vw;
            display: flex;
            flex-direction: column;
            align-items: center;
            border-radius: 20px;
            box-shadow: 7px 7px 19px 1px rgba(0,0,0,0.6);
            -webkit-box-shadow: 7px 7px 19px 1px rgba(0,0,0,0.6);
            -moz-box-shadow: 7px 7px 19px 1px rgba(0,0,0,0.6);
        }

            .card-icon {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 70%;
                height: 55%;
                padding: 30px;
                position: relative;
            }

                .card-icon img {
                    height: 70%;
                    object-fit:contain;
                    position: absolute;
                    bottom: 0;
                }

            .card-content {
                position: relative;
                width: 80%;
                height: 45%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }

                .card-content .button {
                    position: absolute;
                    bottom: 20px;
                    transform: translateY(0);
                }

                .card-content .button:hover {
                    transform: scale(1.1);
                    opacity: 1;
                    box-shadow: 0 0 20px 1px #666;
                    transition: all .3s;
                }

                .card-content p {
                    text-align: center;
                    font-weight: 700;
                    height: 50%;
                }

                .one {
                    background-color: #78B8C2;
                }
                
                .two {
                    background-color: #7FBDB1;
                }
                
                .three {
                    background-color: #ADBB80;
                }
                
                .four {
                    background-color: #BF9D6B;
                }
                
                .five {
                    background-color: #6B534B;
                }
                
                .six {
                    background-color: #884F67;
                }
                
                .seven {
                    background-color: #616F4E;
                }
                
                .eight {
                    background-color: #6DA64B;
                }
                
                .nine {
                    background-color: #A3BADA;
                }
                
                .ten {
                    background-color: #E6A673;
                }

    .section-03 .main-down {
        position: absolute;
        top: 90%;
    }

    /* trigo background */
    .trigo-left {
        position: absolute;
        width: 30vw;
        left: -50px;
        z-index: 0;
        bottom: 15vh;
    }

    .trigo-right {
        position: absolute;
        width: 20vw;
        right: -30px;
        z-index: 0;
        bottom: 65vh;
    }       
                  
/* section 04 */
.section-04 {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    padding: 10vh 0;
}

    .section-04 h3 {
        margin-bottom: 15px;
    }

    .section-04 p {
        text-align: center;
    }

        .sec-04-p {
            width: 100%;
            padding: 0 10vw;
        }

    .team-container {
        width: 80%;
        margin: auto;
        position: relative;
    }

        .team-member {
            background-color: #E6F157;
            min-width: 230px;
            border-radius: 50px;
            padding: 20px 10px 40px 10px;
            justify-content: center;
            text-align: center;
            margin: 20px;
            display: flex;
            flex-direction: column;
            text-align: center;
            -webkit-box-shadow: 5px 5px 6px 0px rgba(230,213,87,1);
            -moz-box-shadow: 5px 5px 6px 0px rgba(230,213,87,1);        
        }

        .team-member-img {
            border-radius: 50%;
            background-color: #FDFDFD;
            width: 90%;            
            aspect-ratio: 1;
            margin: 20px auto;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            }

        .team-member-content {
            margin: 20px auto;
        }

            .team-member-content h4 {
                font-weight: 400;
            }

            .team-member-content p {
                font-size: 13px;
                margin: 5px;
            }

        /* Estilos para los botones de navegación */
        .slick-prev, .slick-next {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex !important;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 2;
            cursor: pointer;
        }

        .slick-prev {
            left: -60px;
        }

        .slick-next {
            right: -60px;
        }


        .slick-prev:before, .slick-next:before {
            font-size: 40px;
            color: rgba(100, 100, 100, .7);
            opacity: 1;
        }

    .section-04 .main-down {
        top: 90%;
        background-color: rgba(220, 220, 220, 0.7);
    }

/* Herbicidas slider */
.herbicidas-container {
    width: 80%;
    margin: auto;
    position: relative;
}

    .herbicidas-member {
        height: 50vh;
        display: flex!important;
        flex-direction: row;
        background: none;
        justify-content: space-between;
        text-align: center;
        margin: 20px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        width: 100%;      
    }

        .herbicidas-member-img {
            width: 50%;
            height: 100%;
        }

            .herbicidas-member-img img {
                object-fit: cover;
                width: 100%;
                height: 100%;
            }

        .herbicidas-member-content {
            width: 50%;
            padding: 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            .herbicidas-member-content h4 {
                font-weight: 400;
                color: #000;
            }

            .separador {
                width: 200px;
                height: 1px;
                margin: 10px;
                background-color: #1BAE70;
            }

            .herbicidas-member-content p {
                color: #000;
                font-size: 15px;
                margin: 5px;
            }


/* Section 05 */
.section-05 {
    background-color: #1BAE70;
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
}

    .grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        margin-top: 20px;
    }
    .grid img {
        width: 100%;
        height: auto;
        border: 1px solid #ddd;
        border-radius: 5px;
    }

/* Section-06 */
.section-06 {
    height: 70vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10vh 0;
}

    .section-06 h3 {
        margin-bottom: 10vh;
    }

    .section-06-carousel {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100vw;
        height: 30vh;
        background-color: #CBCBCB;
    }

        .socios-container {
            width: 80%;
            margin: auto;
            position: relative;
        }
            .socios-member {
                height: 200px;
                margin: 20px;
                position: relative;
            }

                .socios-member img {
                    position: absolute;
                    height: 80%;
                    object-fit: contain;
                }

/* Section 07 */
.section-07 {
    display: flex;
    height: 70vh;
    width: 100vw;
    overflow: hidden;
    padding: 0;
    align-items: center;
    background-color: #1BAE70;
    position: relative;
}

    .section-07__img {
        width: 60vw;
        height: 130vh;
        border-radius: 50%;
        overflow: hidden;
        transform: translateX(-10vw);
        background-color: #E7F257;
        z-index: 2000;
    }

    .section-07__content {
        display: flex;
        flex-direction: column;
        height: 100%;
        width: 60%;
        align-items: center;
        justify-content: center;
        background-color: #E7F257;
        position: absolute;
        right: 0;
        top: 0;
        margin: 0;
        border-radius: 0 0 80% 0;
    }

        .section-07__content p {
            font-size: 1.2em;
            margin-top: 20px;
            margin-bottom: 40px;
        } 

        .section-07__content .button {
            transform: translateY(0);
            margin: 0;
        }

        .section-07__content .button:hover {
            transform: scale(1.2);
            transition: all .3s;
        }

/* Section 08 / Alternative Main */
.section-08 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100vw;
    height: 60vh;
    overflow: hidden;
}

    .section-08 h1 {
        z-index: 1000;
        color: #FDFDFD;
        text-shadow: 0px 0px 5px rgba(0,0,0,0.58);
    }

    .section-08 img {
        position: absolute;
        z-index: 0;
        width: 100%;
    }

/* Footer */
.footer__container {
    background-color: #1BAE70;
    width: 100vw;
    height: 80vh;
    display: flex;
    flex-direction: column;
    padding: 5vh 10vw;
}

    .footer-logo {
        height: 20%;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

        .footer-logo img {
            width: 300px;
            height: auto;
        }

    .footer-content {
        display: flex;
        width: 100%;
        height: 70%;
        justify-content: space-between;
    }

        .footer-content__c1 {
            display: flex;
            flex-direction: column;
            height: 100%;
            width: 30%;
            justify-content: flex-start;
            align-items: center;
        }

            .sucursal {
                margin: 10px 0;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                width: 100%;
            }

        .footer-content__c2 {
            display: flex;
            flex-direction: column;
            height: 100%;
            width: 30%;
            justify-content: flex-start;
            align-items: center;
        }

            .footer-content__c2 h4 {
                text-align: center;
                margin-bottom: 20px;
            }

            .footer-content__c2 i {
                font-size: 2.2em;
                margin: 0 10px;
                color: #000;
                z-index: 999999;
            }

        .footer-content__c3 {
            display: flex;
            flex-direction: column;
            height: 100%;
            width: 30%;
            justify-content: flex-start;
            align-items: center;
        }

            .footer-content__c3 h4 {
                height: 10%;
            }

            .form {
                display: flex;
                flex-direction: column;
                width: 80%;
                height: 90%;
                justify-content: space-between;
            }

                .form input {
                    width: 100%;
                    height: 40px;
                    display: flex;
                    padding: 10px;
                    margin: 5px;
                    border: none;
                    border-radius: 10px;
                }

                .form textarea {
                    padding: 10px 10px 80px 10px;
                    margin: 5px;
                    width: 100%;
                    border: none;
                    border-radius: 10px;
                }

                .submit {
                    background-color: #E7F257;
                    cursor: pointer;
                    border: none !important;
                    border-radius: 10px !important;
                    margin: 5px !important;
                    padding: 10px !important;
                }

                .submit:hover {
                    background-color: #E19C36;
                    transition: all .3s;
                }

    .footer-end {
        width: 100%;
        height: 10%;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

        .footer-end a:hover {
            color: #E7F257;
            transition: all .3s;
        }


/* Mobile Version */
@media screen and (max-width: 1280px) {

    /* Section 01 - Main */
    .main-option__img {
        margin-top: -40vh; /* Desplazamiento hacia arriba */
        margin-right: -40vh; /* Desplazamiento hacia la derecha */
    }

    /* Section 02 */
    .section-02 .main-down {
        top: 75%;
        background-color: #bbb;
    }

    /* Section 03 */
    .section-03 {
        height: 150vh;
        width: 100%;
    }

        .cards-container {
            width: 95vw;
        }


    /* Section 07 */
        .section-07__img {
            transform: translateX(-15vw);
        }

            .section-07__content h2 {
                font-size: 2.4em;
                margin-top: 20px;
                margin-bottom: 40px;
            } 
}

@media screen and (max-width: 1180px) {

    /* Section 03 */
    .section-03 {
    height: 170vh;
    width: 100%;
    }

        .cards-container {
            width: 85vw;
        }

    .section-03-alt {
        height: 140vh;
    }

    /* Section 07 */
    .section-07 {
        height: 55vh;
    }

}

@media screen and (max-width: 999px) {
    /* Nav */
    .header-logo__container {
        width: 15vw;
    }

        .header-logo__container img {
            width: 100%;
        }

    .header-nav__container {
        justify-content: center;
        width: 85vw;
    }

        .header-nav {
            justify-content: space-between;
        }

    /* Section 01 - Main */
                .main-option {
                    flex-direction: column-reverse;
                    align-items: center;
                    justify-content: space-evenly;
                    overflow: hidden;
                }

                    .main-option__content {
                        width: 100%;
                        display: flex;
                        flex-direction: column;
                        height: 70%;
                        justify-content: flex-start;
                    }

                        .main-option__content h2 {
                            margin-bottom: 40px;
                        }

                    .main-option__img {
                        margin-top: -55vh; /* Desplazamiento hacia arriba */
                        margin-right: 0; /* Desplazamiento hacia la derecha */
                    }

        .main-down {
            top: 85vh; /* A 30vh desde la parte superior */
        }

    /* Section 02 */
    .section-02 {
        height: 60vh;
        padding: 5vh 11vw;
    }

        .section-02 .main-down {
            top: 70%;
        }

    /* Alternative Main */
    .alt-main {
        height: auto;
        padding: 0;
    }

        .alt-main h3 {
            margin: 40px;
        }

    /* Section 03 */
    .section-03 {
        height: 180vh;
    }
        .cards-container {
            width: 90vw;
        }

    .section-03-alt {
        height: 140vh;
    }

    .section-03-alt iframe {
        width: 80%;
    }

    .herbicidas-member {
        height: 80vh;
        display: flex!important;
        flex-direction: column;
        background: none;
        justify-content: space-between;
        text-align: center;
        margin: 20px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        width: 100%;      
    }

        .herbicidas-member-img {
            width: 100%;
            height: 50%;
        }

            .herbicidas-member-img img {
                object-fit: cover;
                width: 100%;
                height: 100%;
            }

        .herbicidas-member-content {
            width: 100%;
            padding: 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            .herbicidas-member-content h4 {
                font-weight: 400;
                color: #000;
            }

            .separador {
                width: 200px;
                height: 1px;
                margin: 10px;
                background-color: #1BAE70;
            }

            .herbicidas-member-content p {
                color: #000;
                font-size: 15px;
                margin: 5px;
            }
                    
    /* Section 07 */
    .section-07 {
        display: flex;
        height: 35vh;
    }

        .section-07__img {
            transform: translateX(-15vw);
        }

    /* Footer */
    .footer__container {
        height: 120vh;
    }

        .footer-logo {
            justify-content: center;
            height: 20%;
        }

        .footer-content {
            flex-direction: column;
            justify-content: space-between;
            height: 80%;
        }

            .footer-content__c1 {
                width: 100%;
                height: 30%;
            }

            .footer-content__c2 {
                width: 100%;
                height: 20%;
            }

            .footer-content__c3 {
                width: 100%;
                height: 50%;
            }

}

@media screen and (max-width: 768px) {
    .main-down {
        display: none;
    }

    /* Main */
    .main-option__img img {
        object-position: top;
    }

    /* Section 02 */
    .section-02 {
        height: 80vh;
    }

        .section-02 h3 {
            text-align: center;
        }
  
    /* Section 03 */
    .section-03 {
        height: auto;
        padding-top: 10vh;
    }

    .section-03-alt {
        height: 140vh;
    }

        .section-03-alt iframe {
            width: 80%;
        }

/* Section 06 */
.section-06 {
    height: auto;
    padding-bottom: 15vh;
}

    /* Section 07 */
.section-07 {
    flex-direction: column;
    height: auto;
    justify-content: center;
}

    .section-07__img {
        width: 100vw;
        height: 40vh;
        border-radius: 0;
        transform: translateX(0);
    }

    .section-07__content {
        height: 40vw;
        width: 100%;
        position: relative;
        border-radius: 0;
        padding: 20vh 0;
    }

        .section-07__content p {
            font-size: 1.2em;
            margin-top: 20px;
            margin-bottom: 40px;
        } 

        .section-07__content .button {
            transform: translateY(0);
            margin: 0;
        }

        .section-07__content .button:hover {
            transform: scale(1.2);
            transition: all .3s;
        }
}