/* Sass Document */
* {
  box-sizing: border-box; }
  *::selection {
    background: #F6F6F6;
    color: #121c09; }

body {
  font-size: 16px;
  line-height: 23px;
  overflow-x: hidden;
  color: #121c09;
  overscroll-behavior: none;
  font-family: "Lato", serif;
  font-weight: 400;
  font-style: normal; }

img {
  max-width: 100%; }

a {
  text-decoration: none;
  transition: all 0.3s ease;
  color: #121c09; }
  a:hover {
    text-decoration: none;
    color: #121c09; }

ul, li {
  list-style: none;
  margin: 0;
  padding: 0; }

html, body {
  overflow-x: hidden; }
  @media (min-width: 1024px) {
    html, body {
      overflow-x: initial; } }

/*------------------------------------base------------------------------------- */
.negro {
  color: #121c09; }

.bg-negro {
  background: #121c09; }

.blanco {
  color: #fff; }

.bg-blanco {
  background: #fff; }

.gris {
  color: #F6F6F6; }

.bg-gris {
  background: #F6F6F6; }

.verdec {
  color: #80b246; }

.verde {
  color: #364a22; }

.amarillo {
  color: #b8dd84; }

.bg-verdec {
  background: #80b246; }

.crema {
  color: #e9f3d6; }

.bg-crema {
  background: #e9f3d6; }

.bg-verde {
  background: #364a22; }

.bg-amarillo {
  background: #b8dd84; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 700; }

.titulo, .bold {
  font-family: "Lato", serif;
  font-weight: 700;
  font-style: normal; }

[text-split] {
  opacity: 0; }

html [text-split] {
  opacity: 1; }

.word {
  overflow: hidden;
  padding-bottom: 0.1em;
  margin-bottom: -0.1em;
  transform-origin: bottom; }

.f14 {
  font-size: 14px; }

.f12 {
  font-size: 12px; }

/*------------------------------------fin base------------------------------------- */
.navbar {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 100;
  background: white;
  transition: all 0.3s ease; }
  .navbar-brand .logo--blanco {
    width: 200px;
    transition: all 0.3s ease; }
  .navbar .nav-link {
    color: #80b246;
    opacity: 0.7; }
    .navbar .nav-link.active {
      color: #364a22;
      opacity: 1; }
    .navbar .nav-link:hover {
      color: #121c09;
      opacity: 1; }
  .navbar.fijo {
    background: white; }
    .navbar.fijo .nav-link {
      color: #80b246; }
      .navbar.fijo .nav-link.active {
        color: #121c09;
        opacity: 1; }
      .navbar.fijo .nav-link:hover {
        color: #121c09;
        opacity: 1; }
    .navbar.fijo .navbar-brand .logo--blanco {
      width: 150px; }

.navbar-toggler {
  border: 0;
  padding: 0; }

.hambur {
  cursor: pointer; }

.nav-movil {
  position: fixed;
  top: 135px;
  height: 0px;
  opacity: 0;
  overflow: hidden;
  width: 100%;
  margin: auto;
  left: 0;
  right: 0;
  border-radius: 8px;
  z-index: 80;
  transition: all 0.3s ease;
  display: block; }
  @media (min-width: 1024px) {
    .nav-movil {
      display: none; } }
  .nav-movil.ver {
    opacity: 1;
    height: 230px; }

.nav-link {
  color: #364a22; }

.nav-pills .nav-link.active {
  color: #fff;
  background: #121c09; }

.whats {
  position: fixed;
  z-index: 10;
  right: 20px;
  bottom: 20px;
  width: 55px;
  height: 55px;
  background: #80b246;
  border-radius: 60px;
  display: flex;
  justify-content: center;
  align-items: center; }

.cta {
  background: #658837;
  color: #fff;
  padding: 9px 16px;
  border-radius: 8px;
  font-size: 14px; }
  .cta:hover {
    background: #121c09;
    color: #fff; }

.cta2 {
  background: #364a22;
  color: #fff;
  padding: 9px 16px;
  border-radius: 8px;
  font-size: 14px; }
  .cta2:hover {
    background: #80b246;
    color: #121c09; }

.cta3 {
  background: #fff;
  color: #80b246;
  padding: 9px 16px;
  border-radius: 8px;
  font-size: 14px; }
  .cta3:hover {
    background: #fff;
    color: #364a22; }

.cta4 {
  background: #80b246;
  color: #364a22;
  padding: 9px 16px;
  border-radius: 8px;
  font-size: 14px; }
  .cta4:hover {
    background: #fff;
    color: #364a22; }

.titulo-slide {
  font-size: 30px;
  line-height: 100%; }
  @media (min-width: 1400px) {
    .titulo-slide {
      font-size: 60px; } }

.bb-1 {
  border-bottom: 1px solid #ccc; }

.pading-y {
  padding: 5% 0; }

@media (min-width: 1700px) {
  .container {
    max-width: 1500px; } }
.img--slide {
  border-bottom: 7px solid #80b246;
  position: relative;
  z-index: 1;
  height: 600px; }
  @media (min-width: 1024px) {
    .img--slide {
      height: 90vh; } }
  .img--slide img {
    object-fit: cover;
    height: 100%;
    width: 100%; }

.frase-s {
  position: absolute;
  width: 70%;
  margin: auto;
  top: 28%;
  bottom: 0;
  left: 0%;
  right: 0;
  z-index: 3;
  text-align: center;
  color: #fff; }
  @media (min-width: 1024px) {
    .frase-s {
      right: initial;
      left: 16%;
      text-align: left;
      width: 40%; } }

.overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3); }

.marquee {
  width: 100%;
  overflow: hidden; }

.marquee__content {
  display: flex;
  align-items: center;
  list-style: none;
  animation: scrolling 60s linear infinite; }

.carousel-control-next, .carousel-control-prev {
  width: 8%;
  z-index: 99; }

@keyframes scrolling {
  0% {
    transform: translateX(0vw); }
  100% {
    transform: translateX(-195vw); } }
.marquee__content:hover {
  animation-play-state: paused; }

.marquee__item {
  flex-shrink: 0;
  margin: 0 0 0 30px; }

.iconos {
  border-top: 1px solid #edeff2;
  border-bottom: 1px solid #edeff2; }

.servicios--cuadro {
  border-radius: 8px;
  height: 150px;
  cursor: pointer;
  position: relative;
  display: flex;
  top: 0;
  align-items: center;
  justify-content: start;
  transition: all 0.3s ease;
  text-align: center; }
  .servicios--cuadro .mas {
    transition: all 0.3s ease;
    width: 30px;
    height: 30px;
    border-radius: 60px;
    color: #364a22;
    position: absolute;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0;
    top: 0;
    margin: auto;
    right: 20px;
    background: #fff; }
  .servicios--cuadro .overlay {
    border-radius: 8px;
    background: #364a22;
    background: linear-gradient(0deg, #364a22 0%, rgba(54, 74, 34, 0.5) 100%);
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    opacity: 1;
    transition: all 0.3s ease; }
  .servicios--cuadro h3 {
    position: relative;
    transition: all 0.3s ease;
    z-index: 2;
    color: #e9f3d6;
    margin-left: 20px;
    margin-top: 0; }
  .servicios--cuadro:hover {
    top: -10px;
    box-shadow: 0 30px 30px rgba(0, 0, 0, 0.4); }
    .servicios--cuadro:hover .mas {
      width: 40px;
      height: 40px; }
    .servicios--cuadro:hover .overlay {
      opacity: 0; }
    .servicios--cuadro:hover h3 {
      margin-top: -10px; }
  .servicios--cuadro.activo {
    top: -10px;
    box-shadow: 0 30px 30px rgba(0, 0, 0, 0.4); }
    .servicios--cuadro.activo .overlay {
      opacity: 0; }
    .servicios--cuadro.activo h3 {
      margin-top: -10px; }
.servicios__deporte {
  background: url(../images/turf-deporte.jpg) no-repeat center/cover; }
.servicios__residencial {
  background: url(../images/turf-residencial.jpg) no-repeat center/cover; }

.servicios--cuadro2 {
  border-radius: 12px;
  height: 250px;
  position: relative;
  display: flex;
  top: 0;
  align-items: end;
  justify-content: start;
  transition: all 0.3s ease; }
  @media (min-width: 1024px) {
    .servicios--cuadro2 {
      height: 350px; } }
  .servicios--cuadro2 .overlay {
    border-radius: 8px;
    background: #364a22;
    background: linear-gradient(0deg, #364a22 0%, rgba(54, 74, 34, 0) 100%);
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    opacity: 1;
    transition: all 0.3s ease; }
  .servicios--cuadro2 h3 {
    position: relative;
    transition: all 0.3s ease;
    z-index: 2;
    color: #e9f3d6;
    margin-left: 20px;
    margin-bottom: 20px; }
  .servicios--cuadro2.ser--pasto {
    background: url(../images/ser--pasto1.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--futbol {
    background: url(../images/ser--pasto2.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--canchas {
    background: url(../images/ser--pasto3.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--padel {
    background: url(../images/ser--pasto4.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--beisbal {
    background: url(../images/ser--pasto5.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--areas {
    background: url(../images/ser--pasto6.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--usos {
    background: url(../images/ser--pasto7.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--8 {
    background: url(../images/ser--8.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--9 {
    background: url(../images/ser--9.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--10 {
    background: url(../images/ser--10.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--11 {
    background: url(../images/ser--11.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--12 {
    background: url(../images/ser--12.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--13 {
    background: url(../images/ser--13.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--14 {
    background: url(../images/ser--14.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--15 {
    background: url(../images/ser--15.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--16 {
    background: url(../images/ser--16.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--17 {
    background: url(../images/ser--17.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--18 {
    background: url(../images/ser--18.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--19 {
    background: url(../images/ser--19.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--20 {
    background: url(../images/ser--20.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--21 {
    background: url(../images/ser--21.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--22 {
    background: url(../images/ser--22.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--23 {
    background: url(../images/ser--23.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--24 {
    background: url(../images/ser--24.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--25 {
    background: url(../images/ser--25.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--26 {
    background: url(../images/ser--26.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--27 {
    background: url(../images/ser--27.jpg) no-repeat center/cover; }
  .servicios--cuadro2.ser--28 {
    background: url(../images/ser--28.jpg) no-repeat center/cover; }

.c2 {
  background: #fff;
  border: 1px solid #e7eaed;
  border-radius: 14px;
  padding: 35px;
  position: relative;
  height: 100%; }

.a:hover .c {
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.3);
  margin-top: -20px; }

.c {
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0);
  transition: all 0.3s ease;
  background: #f8f8f8;
  border: 1px solid #e7eaed;
  border-radius: 14px;
  padding: 35px;
  position: relative;
  height: 100%;
  margin-top: 0; }
  .c--ic {
    margin-bottom: 40px; }
  .c__raya {
    height: 5px;
    width: 90%;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0; }

.color__sintetico {
  background: #82ac48; }

.color__pintura {
  background: #efab44; }

.color__atletismo {
  background: #db3832; }

.color__equipamiento {
  background: #80589e; }

.color__modulares {
  background: #57595c; }

.color__albercas {
  background: #00abe9; }

.color__accesorios {
  background: #da308a; }

.color__pegamento {
  background: #638d35; }

.color__mantenimiento {
  background: #111; }

.cotiza {
  background: #121c09;
  background: linear-gradient(0deg, #121c09 0%, #121c09 50%, #93d051 50%, #93d051 52%, white 52%, white 100%); }
  .cotiza__form {
    border-radius: 12px; }
  .cotiza__bg--home {
    background: url(../images/cotiza--home.jpg) no-repeat center/cover; }
  .cotiza__bg--conocenos {
    background: url(../images/cotiza--conocenos.jpg) no-repeat center/cover; }
  .cotiza__bg--proyectos {
    background: url(../images/cotiza--proyectos.jpg) no-repeat center/cover; }
  .cotiza__bg--residencial {
    background: url(../images/cotiza--residencial.jpg) no-repeat center/cover; }

.input {
  width: 100%;
  background: #4d692c;
  border: 0;
  padding: 8px 10px;
  border-radius: 8px;
  color: #fff; }

input[type="submit"] {
  background: #e9f3d6;
  color: #364a22;
  border: 0;
  padding: 8px 20px;
  border-radius: 8px;
  transition: all 0.3s ease; }
  input[type="submit"]:hover {
    background: #80b246;
    color: #fff; }

form span {
  color: red;
  font-size: 13px; }

.input2 {
  width: 100%;
  background: #f8f8f8;
  border: 0;
  padding: 8px 10px;
  border-radius: 8px;
  color: #364a22; }

input[type="submit"].inputsub {
  background: #364a22;
  color: #e9f3d6;
  border: 0;
  padding: 8px 20px;
  border-radius: 8px;
  transition: all 0.3s ease; }
  input[type="submit"].inputsub:hover {
    background: #80b246;
    color: #fff; }

footer {
  background: #121c09;
  color: #fff; }
  footer a:hover {
    color: #fff; }

.mision {
  background: #f8f8f8; }

figure {
  margin: 0;
  display: grid;
  overflow: hidden;
  grid-template-rows: 1fr auto;
  margin-bottom: 10px;
  break-inside: avoid;
  border-radius: 8px; }

figure > img {
  grid-row: -1;
  grid-column: 1; }

.cc {
  column-count: 2;
  column-gap: 10px; }
  @media (min-width: 1024px) {
    .cc {
      column-count: 3; } }

.contacto {
  background: #121c09;
  background: linear-gradient(0deg, #121c09 0%, #121c09 50%, #93d051 50%, #93d051 52%, white 52%, white 100%); }

.estamos h1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin: auto;
  bottom: 0;
  text-align: center;
  right: 0;
  height: 50px; }
.estamos img {
  position: relative;
  z-index: 1; }

.bb.carousel-control-prev, .bb.carousel-control-next {
  position: relative;
  background: #fff;
  opacity: 1; }

.sticky {
  top: 150px;
  position: sticky; }

.node {
  pointer-events: none;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  display: block;
  transition: opacity 300ms linear;
  opacity: 0;
  width: 2px;
  height: 2px; }

.node.moving {
  opacity: 1; }

.node::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: transparent;
  border-radius: 50%;
  top: 0;
  left: 0;
  border: 1px solid #e9f3d6;
  transform: scale(1.5);
  opacity: 0;
  mix-blend-mode: difference;
  transition: opacity 300ms linear, transform 300ms linear, border 300ms linear, background-color 300ms linear; }

.node.expand::before {
  height: 70px;
  width: 70px;
  transform: translate(-50%, -50%);
  border-radius: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #364a22;
  color: #fff;
  opacity: 1;
  border: 0;
  content: "+";
  font-size: 16px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  mix-blend-mode: difference; }

/*# sourceMappingURL=estilos.css.map */