@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url("responsive.css");


html {
    scroll-behavior: smooth;
}

body {
    font-family: "Barlow", sans-serif;
    background: #e3e9e2;
    margin: 0px;

}

.container {
    max-width: 80%;
    margin: auto;
}

.row {
    display: flex;

}


.col {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-left: -15px;
    margin-right: -15px;
}


.mt-1 {
    margin-top: 1rem;
}

.mt-2 {
    margin-top: 2rem;
}

.mt-3 {
    margin-top: 3rem;
}

.mt-4 {
    margin-top: 4rem;
}


.mt-5 {
    margin-top: 5rem;
}

.mb-1 {
    margin-bottom: 1rem;
}

.mb-2 {
    margin-bottom: 2rem;
}

.mb-3 {
    margin-bottom: 3rem;
}

.mb-4 {
    margin-bottom: 4rem;
}

.mb-5 {
    margin-bottom: 5rem;
}

.flex-justify-end {
    justify-content: flex-end !important;
}


.flex-align-end {
    align-items: end !important;
}


.flex-align-center {
    align-items: center !important;
}


.btn {
    padding: 0.7rem 2rem;
    font-size: 1.063rem;
    text-align: center;
    display: flex;
    align-items: center;
    color: #fff;
    border-radius: 30px;
    text-decoration: none;
	transition: 0.2s;
}


.green {
    color: #80e200;
}

.btn.border:hover{
	background: #68cb00;
	color: #fff;
	border-color: #68cb00 !important;
}


.green2 {
    color: #34a700;
}

.light {
    font-weight: 500;
}


.titulo_seccion {
    display: flex;
    justify-content: center;
}


.titulo_seccion .linea_titulo {

    border-width: 5px;
    border-color: rgb(52, 167, 0);
    border-style: solid;
    width: 100%;
    height: 0;

}


.titulo_seccion {
    display: flex;
    justify-content: center;
}


.titulo_seccion h2 {
    font-size: 3rem;
    color: rgb(52, 167, 0);
    font-weight: 700;
    line-height: 1.818;
    text-align: center;
    margin-bottom: 0.6rem;
    margin-top: 0;

}



/* CABECERA */

header {
    background: #277601;
    background-image: -moz-linear-gradient(122.655deg, rgb(79, 220, 6) 0%, rgb(26, 84, 0) 100%);
    background-image: -webkit-linear-gradient(122.655deg, rgb(79, 220, 6) 0%, rgb(26, 84, 0) 100%);
    background-image: -ms-linear-gradient(122.655deg, rgb(79, 220, 6) 0%, rgb(26, 84, 0) 100%);
    border-radius: 0 0 0 15rem;
    position: relative;
    clip-path: fill-box;
}


header .container {

    position: relative;
    z-index: 2;
    padding-top: 2.5rem;

}

#video {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: 1;
    opacity: 0.3;
}




nav {
    display: flex;
    align-items: center;

}


nav ul {
    display: flex;
    list-style: none;
    align-items: center;
    padding: 0px;
    margin: 0px;
}



nav ul li.logo::after {
    content: "";
    height: 45px;
    width: 1px;
    background: #fff;
    display: inline-block;
}

nav ul a {
    color: #fff;
    text-decoration: none;
    margin-right: 2.5rem;
    font-size: 1.25rem;
}



nav ul .logo img {
   width: 178px;
}

.acciones_header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}




.btn.border {
    border: 1px solid #fff;
    font-weight: 700;
    margin-right: 2.5rem;
}


.btn.bg {
    background: #68cb00;
}

.btn img {
    margin-right: 0.7rem;
}

.texto_header {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.titulo {
    display: flex;
    align-items: center;
}

.titulo h1 {
    font-size: 3.25rem;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0px;
    font-size: 4.3rem;
    font-weight: bold;
    line-height: 1.071;

}




.descripcion p {
    font-size: 1.5rem;
    line-height: 1.4;
    color: #fff;
}

.formulario_header {
    display: flex;
    justify-content: flex-end;
    margin-top: 2.5rem;
}

.form-wrap {
    background: #e1efe3;
    padding: 2rem;
    border-radius: 20px;
}

.form-wrap h2 {
    color: #34a700;
    text-transform: uppercase;
    font-size: 2.1rem;
	margin-bottom:0px;
    line-height: 1.143;
}


.form-wrap .input {
    flex-wrap: wrap;
    display: flex;
}


.form-wrap input {
    width: 100%;
    border-radius: 10px;
    padding: 1rem;
    border: 0px;
}

.form-wrap label {
    width: 100%;
    color: #707070;
    font-size: 1rem;
    margin-left: 1.5rem;
    text-transform: uppercase;
    margin-bottom: 0.6rem;
    margin-top: 1.4rem;
    display: block;
}

.enviar_formulario {
    margin-top: 1.4rem;
    border-radius: 8px;
    width: 100%;
    text-align: center;
    border: 0px;
    background: #68cb00;
    font-weight: 600;
    justify-content: center;
}

/* PRODUCTOS */


.productos .header-productos {
    text-align: center;
}






.productos .card {

    background-image: -moz-linear-gradient(-90deg, rgb(104, 203, 0) 0%, rgb(38, 105, 2) 100%);
    background-image: -webkit-linear-gradient(-90deg, rgb(104, 203, 0) 0%, rgb(38, 105, 2) 100%);
    background-image: -ms-linear-gradient(-90deg, rgb(104, 203, 0) 0%, rgb(38, 105, 2) 100%);
    padding: 5rem 2rem;
    border-radius: 25px;


}



.productos .header-productos .descripcion_section_productos {
    display: flex;
    justify-content: center;
}


.productos .header-productos .descripcion_section_productos p {
    font-size: 1.5rem;
    color: rgb(112, 112, 112);
    line-height: 1.4;
    text-align: center;
    width: 80%;
}



html .productos .card_titulo {

    font-size: 2.2rem;
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.222;
    text-align: left;
    padding-left: 2rem;
    padding-right: 2rem;

}

.productos .card_titulo {
    margin-top: 0;
    margin-bottom: 0.5rem;
 
}
 

.productos .card_titulo h3 {
    margin-bottom: 0.5rem;
    margin-top: 2rem;
}

.card_img {
    display: flex;
    justify-content: center;
	border-radius:25px;
	border: 2px solid #80e200;
	height: 270px;

}

.productos .card_img img {
    width: 100%;
	object-fit:cover;
}

.productos .card_descripcion {
    font-size: 1.3rem;
    color: rgb(255, 255, 255);
    line-height: 1.4;
    text-align: left;
    padding-left: 2rem;
    padding-right: 2rem;


}

.productos .ver_productos {
    display: flex;
    justify-content: center;
}

.productos .ver_productos a {

    font-size: 1.3rem;
    color: rgb(37, 37, 39);
    text-align: center;
    border-color: rgb(37, 37, 39);
    border-width: 3px;
    width: 300px;
    display: flex;
    justify-content: center;
    margin-right: 0px;
}


/* VENTAJAS */


.ventajas .row {

    flex-wrap: wrap;
}


html .ventajas  .ventajascol .col {
    flex-basis: 30% !important;
    flex: 1;
 
}

.ventajas .titulo_ventajas {
    font-size: 1.7rem;
    color: rgb(52, 167, 0);
    font-weight: 700;
    line-height: 1;
    text-align: left;
}



.ventajas .titulo_ventajas h3,
.ventajas .descripcion_ventajas p {
    margin: 0.5rem 0;
}

.ventajas .descripcion_ventajas {

    font-size: 1.3rem;
    color: rgb(112, 112, 112);
    line-height: 1.4;
    text-align: left;


}



.ventajas .icon {
    margin-top: 4rem;
    margin-bottom: 1.1rem;
}

/* BANNER 1 */




.banner .banner_bg {
    border-radius: 70px;
    max-height: 500px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    box-shadow: 0px 10px 23px 0px rgba(37, 37, 39, 0.4);

}

.banner .banner_bg .row {

    position: relative;
    z-index: 3;
    padding: 10%;
    flex-direction: column;
}

.banner .banner_bg.dark {
    background: url("imagenbg1.jpg") no-repeat;
    background-size: cover;
}

.banner .banner_bg.dark::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.700);
    position: absolute;
    z-index: 1;
}


.banner .banner_bg.dark p {
    color: #fff;
    text-align: center;

}


.banner .titulo_seccion h2 {

    color: rgb(255, 255, 255);
    font-weight: 600;
    line-height: 1.091;
    text-align: center;


}

.banner .linea_titulo {
    max-width: 330px;
    border-width: 3px;
    margin: auto;
    border-color: #68cb00;
}


.banner .descripcion_banner {

    font-size: 1.3rem;
    font-family: "Barlow";
    color: rgb(255, 255, 255);
    line-height: 1.5;
    text-align: center;
}

.banner .ver_mas {
    display: flex;
    justify-content: center;
}


.banner .btn.border {
    margin-right: 0;
    border-width: 3px;
    text-transform: uppercase;
    font-size: 1.3rem;
}


/* BANNER 2 */


.banner .banner_bg.green {
    background: url("imagenbg2.jpg") no-repeat;
    background-size: cover;
}

.banner .banner_bg.green::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(52, 167, 0, 0.700);
    position: absolute;
    z-index: 1;
}





/* CALL TO ACTION */

.call_to_action {

    background-image: -moz-linear-gradient(89deg, rgb(52, 167, 0) 0%, rgb(26, 84, 0) 100%);
    background-image: -webkit-linear-gradient(89deg, rgb(52, 167, 0) 0%, rgb(26, 84, 0) 100%);
    background-image: -ms-linear-gradient(89deg, rgb(52, 167, 0) 0%, rgb(26, 84, 0) 100%);
    width: 100%;
    max-height: 480px;
    clip-path: margin-box;
}

.call_to_action .img_calltoaction {
    margin-top: -40px;
}


.call_to_action .titulo_calltoaction {

    font-size: 3rem;
    color: rgb(255, 255, 255);
    font-weight: 600;
    line-height: 1.182;

}

.call_to_action .titulo_calltoaction h3 {
    margin: 2rem;
}

.call_to_action .text_calltoaction {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 480px;
    justify-content: center;
    text-align: center;
}

.call_to_action .text_calltoaction .ver_mas {
    font-size: 1.375rem;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    width: 75%;
}


.call_to_action .text_calltoaction .ver_mas .btn.border {
    border: 3px solid #fff;
    text-align: center;
    justify-content: center;
    width: 100%;
    margin-right: 0;
    font-size: 1.3rem;
    border-radius: 100px;
}

/* Footer */

footer {

    background: #003600;
    width: 100%;
    height: 190px;
    padding-top: 30px;

}


.border-footer {
    background: #80e200;
    height: 2px;
    width: 100%;
}


footer .descripcion_footer {
    font-size: 1.563rem;
    line-height: 0.96;
    color: rgb(255, 255, 255);
}

footer .col {
    display: flex;
    flex-direction: column;
    justify-content: center;

    height: 190px;
}


footer .btn {
    justify-content: center;
    max-width: 200px;
    color: rgb(0, 54, 0);
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: right;
    height: 15px;

}

footer .social_footer {
    list-style: none;
    display: flex;
    gap: 25px;
    padding: 0px;
}