*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* h1,
h2,
h3,
h4 {
  font-family: var(--ff-secondary);
} */

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul,
ol{
  list-style: none;
}

/* Set core root defaults */
html{
  scroll-behavior: smooth;
  overflow-x: hidden !important;
}

html > *{
  overflow-x: hidden;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  font-family: 'Open Sans', sans-serif;
  
}


/* A elements that don't have a class get default styles */
a{
  text-decoration: none;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}



/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/*Fin de css reset*/
/*Fin de css reset*/

/*Colores*/
:root{
    --verde-oscuro: #3d7438;
    --verde-medio: #598e41;
    --verde-poda: #88c663;
    --verde-claro: #c6e874;
    --amarillo: #d7df22;
    --gris-oscuro: #545554;
    --gris-claro: #d7d8d8;
    --blanco-claro: #f2f2f2;
    --blanco-puro: #ffffff;
  }
  
  /*Tamaños fuentes*/
  :root{
    --fe: clamp(1.8rem, 10vw + .5rem, 5rem);
    --fg: clamp(1.5rem, 6vw + .5rem, 3rem);
    --fm: clamp(1.3rem, 3vw + .5rem, 1.6rem);
    --fp: clamp(1.2rem, 1.5vw + .5rem, 1.3rem);
    --fpb: clamp(1.2rem, 1.5vw + .5rem, 1.3rem);
    --fmp: clamp(.8rem, 1.2vw + .5rem, 1rem);
  }
  
  h1{
    font-size: var(--fe);
  }
  
  h2{
    font-size: var(--fg);
  }
  
  h3{
    font-size: var(--fm);
  }
  
  h4{
    font-size: var(--fpb);
    font-weight: bold;
  }
  
  p{
    font-size: var(--fp);
  }
  
  a{
    font-size: var(--fm);
  }

  body{
    font-family: 'Open Sans', sans-serif;
  }

/*Estilos pagina*/


.g-recaptcha{
  margin-bottom: 2rem;
}

.cabeceraSuperior{ 
    display: block;
    width: 100%;
    position: absolute;
    z-index: 99999 !important;
    overflow: hidden !important;
    /* filter: drop-shadow(0px 4px 30px  rgba(0, 0, 0, .6)); */
}

@media (max-width:900px){
  .cabeceraSuperior{ 
    all: unset;
    position: absolute;
    top: 0;
    left: 100%;
    transform: translate(-100%, 0);
    height: 320px;
    
    
    /* filter: drop-shadow(0px 4px 30px  rgba(0, 0, 0, .6)); */
  }
} 

@media (max-width:600px){
  .cabeceraSuperior{ 
    all: unset;
    position: absolute;
    top: 0;
    left: 100%;
    transform: translate(-100%, 0);
    height: 250px;
    
    
    /* filter: drop-shadow(0px 4px 20px  rgba(0, 0, 0, .6)); */
  }
} 

@media (max-width:300px){
  .cabeceraSuperior{ 
    all: unset;
    position: absolute;
    top: 0;
    left: 100%;
    transform: translate(-100%, 0);
    height: 200px;
    
    
    /* filter: drop-shadow(0px 3px 10px  rgba(0, 0, 0, .6)); */
  }
} 


.cabeceraInferior{
  display: block;
  width: 100%;
  position: absolute;
  z-index: 99999 !important;
  overflow: hidden !important;
  bottom: 0;
  /* filter: drop-shadow(0px -10px 50px  rgba(0, 0, 0, .6)); */
}

@media (max-width:900px){
  .cabeceraInferior{ 
    all: unset;
    position: absolute;
    bottom: 0;
    right: 100%;
    transform: translate(100%, 0);
    width: 1200px;

    
  }
} 

@media (max-width:600px){
  .cabeceraInferior{ 
    all: unset;
    position: absolute;
    bottom: 0;
    right: 100%;
    transform: translate(100%, 0);
    width: 1000px;
    
    
  }
} 

@media (max-width:300px){
  .cabeceraInferior{ 
    all: unset;
    position: absolute;
    bottom: 0;
    right: 100%;
    transform: translate(100%, 0);
    width: 900px;
    
    
  }
} 
/**Fin controlador cabecera inferior/





/*Controlador slider*/
.slider .indicators {
    display: none;
}


.slider {
    width: 100%;
    height: 100vh !important;
    z-index: -9 !important;
}




.slides{
    height: 100% !important; 
    z-index: -9 !important;  
}


.slider img{
    background: rgba(61, 116, 56, .5);
    background-blend-mode: multiply;
}

.caption{
  all: unset;
  display: flex; 
  flex-direction: column;
  justify-content: center;
  position: absolute !important;
  top: 40vh!important;
  left: 50%;
  transform: translate(-50%, -50%);
  
}

.caption h3{
  font-size: var(--fe);
  line-height: normal;
  font-weight: 700;
  margin-bottom: -1rem;
}

.caption h5{
  font-size: var(--fm);
  line-height: normal;
  font-weight: 300;
  font-weight: 400;
}

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





/* @media(max-width:600px){
.slides{
    height: unset !important;
    
} 
} */
  /*Controlador slider*/



header{
  position: relative;
  overflow-x: hidden !important;
}

.logoMovil{
  display: none;
}  

#movil{
  display: none;
}

/*menu redes sociales PC*/
.menuRedesS{
position: relative;
}

.menuRedesS{
  position: fixed;
  background-color: var(--gris-oscuro);
  top: 40%;
  right: 0;
  z-index: 99999999;
  width: fit-content;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0 5px 15px -1px rgba(0, 0, 0, 0.60);
  border-top: #6d6d6d solid 1px;
}

.menuRedesS img{
  height: 50px;
  padding: .5rem;
}

@media (max-width:900px){
.menuRedesS{
  display: none;
  }
}
/*menu redes sociales PC*/

/*controlador menu movil*/
@media (max-width:900px){

  #movil{
    position: absolute;
    z-index: 99999999;
  }

  #movil{
    display: block;
  }

  #movil button{
    all: unset;
    position: fixed;
    right: 0;
    top: 0;
    margin: 1rem 1rem 0 0;
  }

  #movil button img{
    height: 2rem;
    border: solid 1px var(--verde-claro);
    padding: .5rem;
    border-radius: 5px;
    background-color: var(--verde-poda);
    /* background-color: rgba(198, 232, 116, .4); */
  }


  #movil menu{
    position: fixed;
    background-color: var(--gris-oscuro);
    right: 0;
    top: 80px;
    box-shadow: 0 0 20px -5px rgba(25, 27, 20, 0.75);
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
    padding: .5rem 0;
  }

  #movil menu ul{
    display: flex;
    flex-direction: column;
    gap: .8rem;
  }

  #movil ul li a{
    padding: 1.5rem;
    color: var(--blanco-claro);
    font-size: var(--fp);
    font-weight: 300;
  }
  

  #movil menu ul li a::before{
    content: '» ';
    color: var(--verde-claro);
  }

#movil button + menu {
  transform: translateX(100%);
  transition: all 250ms ease-in-out;
}

  #movil button:hover + menu,
  #movil button:focus + menu{
    transition: all 250ms ease-in-out;
    /* transition-delay: 150ms; */
    transform: translateX(0);
  }
}

.arriba{
  position: relative;
  width: 60px;
  border-radius: 100px;
  border: solid 2px var(--verde-poda);
  cursor: pointer;
  box-shadow: rgba(84, 85, 84, .1) 0 0 20px;
}

.arriba img{
  object-fit: contain;
  padding: .6rem;
}

.arriba{
  display: block;
  position: fixed;
  background-color: var(--blanco-claro);
  right: 0;
  bottom: 0;
  margin-bottom: 2em;
  margin-right: 2em;
  z-index: 99999999;
  transition: all 250ms ease-in-out;
}

.arriba:hover{
  transform: scale(1.1);
  transition: all 250ms ease-in-out;
  background-color: var(--blanco-puro);
}


@media (max-width:900px){
  .arriba{
    width: 50px;
    border-radius: 100px;
    border: solid 2px var(--verde-poda);
    box-shadow: none;
    margin-bottom: 1em;
    margin-right: 1em;
  }
  .arriba img{
    object-fit: contain;
    padding: .4rem;
  }

}



@media (max-width:900px){
  .logoMovil{
    all: unset;
    display: block;
    position: fixed !important;
    width: 160px !important;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    padding: .6rem;
    margin-top: -5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    
    z-index: 999999;
    background-color: var(--blanco-puro);
    /* filter: drop-shadow(0 0px 10px  #88c663); */
    
  }
}

@media (max-width:600px){
  .logoMovil{
    display: block;
    position: absolute;
    top: 0;
    left: 25%;
    transform: translate(-35%, 0);
    padding-top: 1rem;
    width: 200px;

  }
}


/**** on scroll*/
.navbar {
  color: white;
  background-color: transparent;
  transition: all ease-in-out 200ms;
  max-width: 900px;
}

.BgColour {
  /* border-bottom-left-radius: .5rem;
  border-bottom-right-radius: .5rem; */
  /* background-color: rgba(242, 242, 242, .90); */
  background-color: rgba(89, 142, 65, .90);
  box-shadow: 0 2px 25px -5px rgba(0, 0, 0, 0.35);
  border-bottom: rgba(136, 198, 99, .6) solid 1px;
  /* border-left: rgba(136, 198, 99, .4) solid 1px;
  border-right: rgba(136, 198, 99, .4) solid 1px; */
  transition: all ease-in-out 200ms;
  max-width: 100%;
}


/*****/

menu{
  
  width: 100%;
  /* max-width: 900px; */
  margin: auto;
  padding: 1rem 2rem;
  position: fixed;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  z-index: 999999;
}

@media (max-width:900px){
  menu{
    all: unset;
    display: none;
  } 
}

header menu{
  display: flex;
  justify-content: space-around;
  
}

header menu ul{
  display: flex;
  /* background-color: antiquewhite; */
  justify-content: flex-end;
  gap: 2rem;
  align-items: center;
}

header menu ul li a{
  color: var(--blanco-puro);
  font-size: var(--fp);
  font-weight: 400;
  transition: all ease-in-out 300ms;
  position: relative;
}

header menu ul li a::before{
  content: ' ';
  border-bottom: var(--verde-poda) solid 1px;
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  transform: scaleX(0);
  transition: all ease-in-out 300ms;
}


header menu ul li a:hover::before{
  transform: scaleX(100%);
  transition: all ease-in-out 200ms;
}





header menu ul li a:hover{
  text-shadow: #ffffff  0 0 4px;
  transition: all ease-in-out 200ms;
}


menu img{
  display: block;
  max-height: 4rem;
  filter: drop-shadow(0 0px 10px  #88c663);
  /* background-color: #88c663; */
  
}

.contenido1{
  min-height: 100vh;
  width: 100%;
  background-color: var(--verde-medio);
  padding: 10rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.contenido1 section{
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  gap: 2rem;
}

.contenido1 section img{
  width: min(600px, 90% );
  margin: auto auto 4em auto;
  filter: drop-shadow(0 0px 10px  #88c663);
}

.contenido1 section h4{
  font-size: var(--fm);
  letter-spacing: calc(1vw - .3rem);
  font-weight: 300;
  color: var(--verde-claro);
  max-width: 1200px;
  margin: auto auto 4rem auto;
  text-align: center;
}

@media(max-width:700px){
  .contenido1 section h4{
    letter-spacing: normal;
  }
  
}

.contenido1 section p{
  color: var(--blanco-puro);
  font-weight: 400;
  font-size: var(--fp);
  text-align: center;
  display: block;
  margin: auto auto 4rem auto;
  max-width: 900px;
}

@media(max-width:600px){
  .contenido1 section p{
    text-align: left;
  } 
}

section .globo1{
  background-color: var(--verde-claro);
  border-radius: 1rem;
  max-width: 600px;
  margin: auto auto 8rem auto;
}

.contenido1 div{
  position: relative;
}

section .globo1::after{
  content: '';
  position: absolute;
  top: 100%;
  left: calc(50% - 30px);
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid  var(--verde-claro);
}


section .globo1::before{
  content: url('../img/g-sombra.png');
  position: absolute;
  width: 700px;
  height: auto;
  top: 60%;
  left: 50%;
  transform: translate(-50%, 70%);
}


.contenido1 section .globo1 p{
  padding: 0;
  margin: 0;
  font-size: var(--fm);
  font-weight: 700;
  color: var(--verde-oscuro);
  padding: 2rem 2rem;
  text-align: center;
}

.contenido1 section a{
 background-color: var(--blanco-claro); 
 width: 100%;
 width: fit-content;
 display: flex;
 flex: 0 100%;
 gap: 1rem;
 border-radius: 50px;
 margin: auto;
 overflow: hidden;
 align-items: center;
 margin-bottom: 4rem;
 box-shadow: inset 0px 0px 0px 6px var(--verde-oscuro);

 /* outline: solid 2px var(--verde-oscuro); */
 
}

.contenido1 section a p{
  all: unset;
  color: var(--verde-oscuro);
  font-size: var(--fp);
  font-weight: 600;
  display: block;
  height: 100%;
  padding-right: 2rem;
  transition: all 350ms ease-in-out;
}

.contenido1 section a img{
  all: unset;
  width: 100%;
  max-width: 50px;
  background-color: var(--verde-oscuro);
  padding: 1rem 1rem 1rem 2rem; 
}

/* .contenido1 section a:hover{
  background-color: var(--verde-oscuro);
} */

.contenido1 section div a:hover > p{
  color: var(--blanco-puro);
  transition: all 350ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

.contenido1 section div a{
  position: relative;
  z-index: 1;
}

.contenido1 section div a::after{
  content: " ";
  position: absolute;
  background-color: var(--verde-oscuro);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transform: scaleX(0);
  transform-origin: left;
  transition: all 350ms ease-in-out;
}

.contenido1 section div a:hover::after{
  transition: all 350ms cubic-bezier(0.075, 0.82, 0.165, 1);
  transform: scaleX(1);
}


.recuadro{
  font-size: var(--fp);
  font-weight: 600 !important;
  color: var(--blanco-claro);
  padding: 1rem 1.5rem;
  border: solid 1px var(--verde-claro);
  width: fit-content;
  text-align: center !important;
}

.pasto{
  background-image: url('../img/i-grass.svg');
  background-color: var(--verde-medio);
  background-size: cover;
  background-position: center;
  display: block;
  height: 50px;
}

.contenido2{
  /* min-height: 100vh; */
  width: 100%;
  background-color: var(--verde-oscuro);
  padding: 10rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.contenido2 h1{
  color: var(--blanco-puro);
  font-weight: 700;
  text-align: center;
  margin-bottom: 6rem;
}

.contenido2 .textoEmpresa{
  display: grid;
  grid-template-columns: 50% 50%;
  justify-content: space-around;
  max-width: 900px;
  margin: auto;
  gap: 2rem;
  border:  solid 1px var(--verde-claro);
  padding: 2rem 4rem;
  margin-bottom: 3rem;
}

@media(max-width:600px){
  .contenido2 .textoEmpresa{
    grid-template-columns: 100%;
    padding: 2rem 1.5rem;
    margin: auto 1rem 4rem 1rem;
  }
  .contenido2{
    padding: 10rem 0;
  }


}



.textoEmpresa p{
  color: var(--blanco-claro);
  font-size: var(--fp);
  font-weight: 300;
}

.contenido2 h3{
  color: var(--blanco-puro);
  font-weight: 300;
  text-align: center;
  margin-bottom: 6rem;
}







/**Galeria***********/
.galeria {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  gap:1px;
  width: 100%;
  max-width: 1200px;
  margin: auto;
}

.galeria picture{
  aspect-ratio: 2 / 1;
  }

@media(max-width:600px){
  .galeria {
    grid-template-columns: 50% 50%;
  }
}

@media(max-width:300px){
  .galeria {
    grid-template-columns: 100%;
  }
}

.i-1{
  background-image: url('../img/galeria/g-1.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.i-2{
  background-image: url('../img/galeria/g-2.jpg');
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
}
.i-3{
  background-image: url('../img/galeria/g-3.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.i-4{
  background-image: url('../img/galeria/g-4.jpg');
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
}
.i-5{
  background-image: url('../img/galeria/g-5.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.i-6{
  background-image: url('../img/galeria/g-6.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.i-7{
  background-image: url('../img/galeria/g-7.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.i-8{
  background-image: url('../img/galeria/g-8.jpg');
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
}
.i-9{
  background-image: url('../img/galeria/g-9.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.i-10{
  background-image: url('../img/galeria/g-10.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.i-11{
  background-image: url('../img/galeria/g-11.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.i-12{
  background-image: url('../img/galeria/g-12.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.i-13{
  background-image: url('../img/galeria/g-13.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.i-14{
  background-image: url('../img/galeria/g-14.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.i-15{
  background-image: url('../img/galeria/g-15.jpg');
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
}

/*fin galeria**/


.contenido3{
  /* min-height: 100vh; */
  
  width: 100%;
  background-color: var(--blanco-claro);
  padding: 10rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  
}

.contenido3 h1{
  color: var(--verde-oscuro);
  font-weight: 700;
  text-align: center;
  margin-bottom: 6rem;
}

.contenido3 h3{
  color: var(--gris-oscuro);
  font-weight: 300;
  text-align: center;
  margin-bottom: 6rem;
}

.contenido3 > p{
  font-size: var(--fp);
  max-width: 900px;
  padding: 3rem 3rem;
  color: var(--blanco-claro);
  /* border: solid 2px var(--verde-poda); */
  margin: auto auto 8rem auto;
  background-color: var(--verde-medio);
  box-shadow: rgba(198, 232, 116, .4) 0 0 20px 1px;
  position: relative;
}

.globo2::after{
  content: ' ';
  position: absolute !important;
  top: 100%;
  left: calc(50% - 30px);
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid var(--verde-medio);
}


.contenido3::before{
  content: url( '../img/i-servicios-superior.svg');
  max-width: 600px;
  width: 70vw;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
}

.contenido3::after{
  content: url( '../img/i-servicios-inferior.svg');
  max-width: 600px;
  width: 70vw;
  height: auto;
  position: absolute;
  bottom: -6px;
  left: 0;
}

.serviciosCard{
  display: grid;
  grid-template-columns: 20% 20% 20% 20%;
  margin: auto;
  gap: 4rem;
  justify-content: center;
}

.servicio{
  text-align: center;
}

.servicio:hover img{
  transform: scale(1.2);
  transition: all 250ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.servicio:hover p{
  color: var(--verde-oscuro);
  transition: all 250ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

.servicio img{
  max-width: 10rem;
  margin: auto;
  padding-bottom: 1rem;
  transition: all 250ms cubic-bezier(0.075, 0.82, 0.165, 1);
}



.servicio p{
  font-size: var(--fp);
  border-top: solid 1px var(--gris-claro);
  padding-top: 1rem;
  transition: all 250ms cubic-bezier(0.075, 0.82, 0.165, 1);
}


@media(max-width:900px){
  .serviciosCard{
    grid-template-columns: 30% 30% 30%;
    margin: auto;
    gap: 3rem;
  }
}

@media(max-width:600px){
  .serviciosCard{
    grid-template-columns: 45% 45%;
    margin: auto;
    gap: 2rem;
  }
}

@media(max-width:300px){
  .serviciosCard{
    grid-template-columns: 100%;
    margin: auto;
    gap: 2rem;
  }
}


.contenido4{
  width: 100%;
  background-color: var(--verde-oscuro);
  padding: 10rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative; 
}


.contenido4 .infoContacto{
  display: grid;
  grid-template-columns: 25% 25% 25%;
  justify-content: center;
  /* background-color: #ffffff; */
  gap: 1rem;
}

.infoContacto{
  margin-bottom: 4rem;
  
}

.contenido4 .infoContacto div{
  /* background-color: aqua; */
  display: flex;
  justify-content: center;
  gap: 1rem;
}

.contenido4 .infoContacto div a{
  color: var(--blanco-claro);
  font-size: var(--fm);
  font-weight: 400;
}

.contenido4 .infoContacto img{
  max-width: 40px;
}


@media(max-width:900px){
  .contenido4 .infoContacto{
    grid-template-columns: 80%;
    justify-content: center;
    gap: 2rem;
  }

}

.contenido4 h1{
  color: var(--blanco-puro);
  text-align: center;
  font-size: var(--fe);
  font-weight: 700;
  margin-bottom: 6rem;
}

.contenido4 h4{
  all: unset;
  color: var(--verde-claro);
  max-width: 900px;
  font-size: var(--fp);
  font-weight: 400;
  margin: auto;
  margin-bottom: 6rem;
  position: relative;
  padding-bottom: 1rem;
}

form{
  all: unset;
  margin: 0;
  padding: 0;
  width: 90%;
  max-width: 900px;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}


.contenido4 h4::after{
  content: ' ';
  position: absolute !important;
  top: 100%;
  left: calc(50% - 30px);
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid var(--verde-claro);
}

form label{
  
  font-size: var(--fp) !important;
  font-weight: 700 !important;
  color: var(--gris-claro) !important;
  margin-bottom: 1rem !important;
}

input {
  all: unset !important;
  color: var(--blanco-puro) !important;
  font-size: var(--fp) !important;
  font-weight: 400 !important;
  margin-bottom: 3rem !important;
  border: none !important;
  border-bottom: var(--verde-poda) solid 1px !important;
  color: var(--gris-oscuro) !important;
  padding: .8rem 1rem !important;
  background-color: var(--blanco-claro) !important;
  border-radius: 1rem !important;
}

/* input:focus {
    outline: none !important;
    outline:1px solid var(--verde-poda) !important;
    box-shadow: 0 0 10px var(--verde-medio)!important;
  } */


::placeholder{
  color: var(--gris-oscuro) !important; 
  opacity: .55;
  font-size: var(--fp) !important;
  font-weight: 300 !important;
}

textarea{
  all: unset !important;
}

textarea{
  min-height: 250px !important;  
  padding: 1rem !important;
  font-size: var(--fp) !important;
  color: var(--gris-oscuro) !important;
  outline: unset !important;
  outline:  solid #376832 2px !important;
  border: none !important;
  border-radius: 1rem !important;
  margin-bottom: 2rem !important;
  background-color: var(--blanco-claro) !important;
}


form label:nth-of-type(5){
  margin-bottom: 1rem !important;
}

/**Estilo para checkbox****************/

input[type="checkbox"]{
  border-bottom: none !important;
  appearance: none !important;
  width: 40px !important;
  height: 40px !important;
  padding: unset !important;
  border-radius: 5px !important;
  cursor: pointer !important;
  background-color: var(--blanco-claro) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  outline: solid 1px var(--verde-claro) !important;
  
}



input[type="checkbox"]::after{
  font-family:"Font Awesome 5 Free";
  content: "\f00c";
  font-weight: 900 !important;
  font-size: 2rem;
  color: var(--gris-oscuro) !important;
  display: none;
}

/* input[type="checkbox"]:hover{
  background-color: var(--verde-medio) !important;
} */

/* input[type="checkbox"]:checked{
  background-color: var(--verde-oscuro) !important;
} */

input[type="checkbox"]:checked:after{
  display: block !important;
}



input[type="submit"]{
 background-color: var(--blanco-claro) !important;
 color: var(--verde-oscuro) !important;
 width: fit-content !important;
 padding: 1rem 4rem !important;
 font-size: var(--fp) !important;
 font-weight: 700 !important;
 border-bottom: none !important;
 cursor: pointer !important;
 transition: all 200ms ease-in-out !important;
 border-radius: 5px !important;
}

input[type="submit"]:hover{
  background-color: var(--verde-claro) !important;
  transition: all 200ms ease-in-out !important;
 }


 .pasto2{
  background-image: url('../img/i-grass-claro.svg');
  background-color: var(--verde-oscuro);
  background-size: cover;
  background-position: center;
  display: block;
  height: 50px;
}



.contenido5{
  width: 100%;
  background-color: var(--verde-medio);
  padding: 10rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative; 
}

.contenido5 h1{
  text-align: center;
  color: var(--blanco-puro);
  font-size: var(--fe);
  font-weight: 700;
  margin-bottom: 2rem;
}

.contenido5 h3{
  font-size: var(--fm);
  color: var(--verde-claro);
  text-align: center;
  margin-bottom: 2rem;
}


.contenido5 a{
  background-color: var(--blanco-claro); 
  width: 100%;
  width: fit-content;
  display: flex;
  flex: 0 100%;
  gap: 1rem;
  border-radius: 50px;
  margin: auto;
  overflow: hidden;
  align-items: center;
  margin-bottom: 4rem;
  box-shadow: inset 0px 0px 0px 6px var(--blanco-claro);
 
  /* outline: solid 2px var(--verde-oscuro); */
  
 }
 
 .contenido5 a p{
   all: unset;
   color: var(--verde-oscuro);
   font-size: var(--fp);
   font-weight: 600;
   display: block;
   height: 100%;
   padding-right: 2rem;
   transition: all 350ms ease-in-out;
 }
 
 .contenido5 a img{
   all: unset;
   width: 100%;
   max-width: 50px;
   background-color: var(--amarillo);
   padding: 1rem 1rem 1rem 2rem; 
 }
 
 /* .contenido1 section a:hover{
   background-color: var(--verde-oscuro);
 } */
 
 .contenido5 a:hover > p{
   color: var(--blanco-puro);
   transition: all 350ms cubic-bezier(0.075, 0.82, 0.165, 1);
 }
 
 .contenido5 a{
   position: relative;
   z-index: 1;
 }
 
 .contenido5 a::after{
   content: " ";
   position: absolute;
   background-color: var(--verde-oscuro);
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: -1;
   transform: scaleX(0);
   transform-origin: left;
   transition: all 350ms ease-in-out;
 }
 
 .contenido5 a:hover::after{
   transition: all 350ms cubic-bezier(0.075, 0.82, 0.165, 1);
   transform: scaleX(1);
 }

 .pasto3{
  background-image: url('../img/i-grass-claro.svg');
  background-color: var(--blanco-claro);
  background-size: cover;
  background-position: center;
  display: block;
  height: 50px;
  transform: rotate(180deg);
}



 .contenido6{
  width: 100%;
  background-color: var(--blanco-claro);
  padding: 10rem 1rem 0 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative; 
}


 .contenido6 p{
  font-size: var(--fp);
  max-width: 600px;
  padding: 3rem 3rem;
  color: var(--blanco-claro);
  /* border: solid 2px var(--verde-poda); */
  margin: auto auto 8rem auto;
  background-color: var(--verde-oscuro);
  box-shadow: rgba(198, 232, 116, .4) 0 0 20px 1px;
  position: relative;
  text-align: center;
  border-radius: 1rem;
}

.globo3::after{
  content: ' ';
  position: absolute !important;
  top: 100%;
  left: calc(50% - 30px);
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid var(--verde-oscuro);
}


 iframe{
   width: 100%;
   height: 600px;
   min-height: 30vh;
 }

.proximamente{
  background-color: var(--verde-poda);
  padding: 10rem 2rem;
}

 .proximamente h1{
   font-size: var(--fe);
  color: var(--gris-oscuro);
  font-weight: 700;
  text-align: center;
  margin-bottom: 4rem;
 }

 .proximamente p{
  all: unset ;
  display: block;
  font-size: var(--fm);
  text-align: center;
  color: var(--blanco-puro);
}

.proximamente img{
  max-width: 150px;
  margin: auto;
}


 .pasto4{
  background-image: url('../img/i-grass-blanco.svg');
  background-color: var(--verde-poda);
  background-size: cover;
  background-position: center;
  display: block;
  height: 50px;
}

 .contenido7{
  width: 100%;
  background-color: var(--blanco-puro);
  padding: 10rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative; 
}

.contenido7 h1{
  color: var(--gris-oscuro);
  font-weight: 300;
  font-size: var(--fe);
  text-align: center;
  margin-bottom: 6rem;
}

.contenido7 h3{
  max-width: 900px;
  font-size: var(--fm);
  color: var(--gris-oscuro);
  font-weight: 700;
  text-align: center;
  line-height: normal;
  margin: auto auto 6rem auto;
 font-size: var(--fm);
}

.Poda{
  font-weight: 700;
  color: var(--verde-poda);
}

.contenido7 blockquote{
  all: unset;
  color: var(--gris-oscuro);
  max-width: 600px;
  margin: auto auto 6rem auto;
  font-size: var(--fm);
  font-weight: 300;
}



blockquote:before{
  content: open-quote;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-weight: 700;
  color: var(--verde-medio);
  padding-right: .5rem;
}

blockquote:after{
  content: close-quote;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-weight: 700;
  color: var(--verde-medio);
  padding-left: .5rem;
}

.contenido7 p{
  color: var(--gris-oscuro);
  font-size: var(--fp);
  text-align: center;
  margin: auto auto 10rem auto;
  max-width: 900px;
  padding: 2rem;
  border: solid var(--gris-oscuro) 1px;
}




.clientes {
  display: grid;
  grid-template-columns: 20% 20% 20% 20%;
  width: 90%;
  max-width: 1200px;
  margin: auto auto 6rem auto;
  gap: 5vw;
}

@media(max-width:900px){
  .clientes {
    grid-template-columns: 30% 30% 30% ;
    width: 90%;
    max-width: 1200px;
    margin: auto;
    gap: 5vw;
  }


  .contenido7{
    padding: 10rem 1rem;
  }

}

.brand-carousel{
  margin-bottom:0;
}

@media(max-width:600px){
  .clientes {
    grid-template-columns: 45% 45% ;
    width: 90%;
    max-width: 1200px;
    margin: auto;
    gap: 10vw;
  }
}



.clientes picture{
  aspect-ratio: 2 / 1;
  align-items: center; 
  max-width: 200px;
}


.contenido8{
  width: 100%;
  background-color: var(--gris-oscuro);
  padding: 10rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  
}

.pie{
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns:  25% 20% 20%;   
  gap: 8vw;
}


.pie section > img{
  max-width: 300px;
  margin-bottom: 1rem;
}

.pie section ul li img{
  height: 40px;
  margin-right: .5rem;
}

.pie section ul{
  display: flex;
  flex-direction: column;
}

.pie section ul li{
  display: flex ;
  color: var(--blanco-claro);
  align-items: center;
  margin-bottom: 1rem;
}

.pie section ul li a{
  color: var(--blanco-claro);
  font-size: var(--fmp);
  display: flex;
  align-items: center;
}

.pie h4{
  color: var(--verde-claro);
  font-size: var(--fp);
  font-weight: 700;
}

.pie > section p{
  color: var(--blanco-claro);
  font-size: var(--fmp);
  margin-bottom: 1rem;
  font-weight: 400;
}

.pie > section{
  width: 100%;
  max-width: 350px;
}

@media(max-width:600px){
  .pie{
    margin: auto;
    display: grid;
    grid-template-columns:  100%;   
    gap: 2vw;
  }

  .contenido8{
    padding: 4rem 1rem;
  }
}

.copy{
  background-color: #2c2c2c;
  display: flex;
  padding: 1rem;
  gap: 1rem;
  justify-content: center;
  align-items: baseline;
  width: 100%;
}

.copy img{
  width: 80px;
}

.copy p{
  font-size: var(--fmp);
  color: #6d6d6d;
}


@media(max-width:900px){
  .copy{
    background-color: #2c2c2c;
    display: flex;
    flex-direction: column;
    align-items: center;
  }


}