/**
 * Foundation for Sites by ZURB
 * Version 6.2.4
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
@import url("https://fonts.googleapis.com/css2?family=Raleway: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("https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap");
.sticky-container .sticky {
  background: #64b7b7;
  width: 100% !important;
  z-index: 5; }
  .sticky-container .sticky .header {
    padding: 0.9375rem 0; }
    @media screen and (max-width: 39.9375em) {
      .sticky-container .sticky .header img.logotipo {
        width: 5rem; } }
    .sticky-container .sticky .header ul.menu {
      display: flex;
      justify-content: space-around;
      margin-top: 2.5rem; }
      .sticky-container .sticky .header ul.menu li a {
        font-family: 'Raleway', sans-serif;
        font-size: 1.25rem;
        font-weight: 600;
        transition: 0.3s;
        color: #ffffff;
        padding: 1.25rem 0.625rem; }
        .sticky-container .sticky .header ul.menu li a:hover, .sticky-container .sticky .header ul.menu li a:focus, .sticky-container .sticky .header ul.menu li a:active {
          transition: 0.3s;
          color: #171f18; }
  .sticky-container .sticky.is-stuck .header {
    transition: 0.3s;
    padding: 0.625rem 0;
    box-shadow: 0 0 3px -1px #000; }

.position-left {
  background: url(../img/bg-menu.png) no-repeat;
  z-index: 10;
  padding-top: 3.125rem;
  width: 20rem;
  transform: translateX(-20rem); }
  @media screen and (max-width: 39.9375em) {
    .position-left {
      background: url(../img/bg-menu.png) no-repeat;
      background-size: contain; } }
  @media print, screen and (min-width: 40em) {
    .position-left {
      width: 30.3125rem;
      transform: translateX(-30.3125rem); } }
  .position-left ul.menu {
    margin-top: 2.1875rem; }
    @media print, screen and (min-width: 40em) {
      .position-left ul.menu {
        margin-top: 4.375rem; } }
    .position-left ul.menu li a {
      display: inline-block;
      font-size: 1rem;
      color: #f1f6f3; }
      .position-left ul.menu li a:hover, .position-left ul.menu li a:focus, .position-left ul.menu li a:active {
        color: #0cfafd; }
  .position-left .close-button {
    position: relative;
    left: 0;
    top: 0;
    padding-left: 0.625rem; }
    .position-left .close-button span {
      font-size: 5rem;
      color: #f1f6f3; }
  .position-left.is-transition-push:after {
    box-shadow: none; }

.mensaje {
  background: #256869;
  padding: 1.5625rem 0; }
  .mensaje h3, .mensaje p, .mensaje .close-button {
    color: #ffffff;
    text-align: center; }
  .mensaje h3 {
    font-size: 1.75rem;
    line-height: 1.75rem;
    font-weight: 600; }
  .mensaje p {
    font-size: 1.25rem;
    line-height: 1.25rem;
    margin-bottom: 0; }
  .mensaje .close-button {
    font-size: 1.25rem; }

.mensaje.alert {
  background: #ec5840; }

h1, h2, h3, h4, h5 {
  font-family: 'Raleway', sans-serif; }

h1 {
  font-weight: 700;
  color: #ffffff;
  font-size: 1.875rem;
  line-height: 2.1875rem; }
  @media print, screen and (min-width: 64em) {
    h1 {
      font-size: 2.8125rem;
      line-height: 3.4375rem; } }

h2 {
  font-size: 1.875rem;
  line-height: 2.25rem;
  letter-spacing: 0.4375rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 1.875rem; }
  @media print, screen and (min-width: 64em) {
    h2 {
      font-size: 3.25rem;
      line-height: 3.75rem;
      margin-bottom: 3.125rem; } }
  @media screen and (min-width: 75em) {
    h2 {
      font-size: 3.75rem;
      line-height: 4.5rem; } }

h3, h4 {
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 700; }
  @media print, screen and (min-width: 64em) {
    h3, h4 {
      font-size: 1.25rem;
      line-height: 1.5rem; } }
  @media screen and (min-width: 75em) {
    h3, h4 {
      font-size: 1.5rem;
      line-height: 1.625rem; } }

p, span, li, strong, blockquote, label {
  font-family: 'Raleway', sans-serif;
  color: #171f18;
  font-size: 1rem;
  line-height: 1.1875rem; }
  @media screen and (min-width: 75em) {
    p, span, li, strong, blockquote, label {
      font-size: 1.1875rem;
      line-height: 1.375rem; } }
  p a, span a, li a, strong a, blockquote a, label a {
    color: inherit; }

.no-margin {
  margin: 0; }

form span.form-error {
  display: none; }
form .has-error span.form-error {
  font-family: 'Raleway', sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
  color: #ff0000;
  background: #ffffff;
  display: block;
  margin-bottom: 0.9375rem;
  padding-left: 0.125rem; }
form .has-error input[type="text"], form .has-error input[type="password"], form .has-error input[type="date"], form .has-error input[type="datetime"], form .has-error input[type="datetime-local"], form .has-error input[type="month"], form .has-error input[type="week"], form .has-error input[type="email"], form .has-error input[type="number"], form .has-error input[type="search"], form .has-error input[type="tel"], form .has-error input[type="time"], form .has-error input[type="url"], form .has-error input[type="color"], form .has-error select, form .has-error textarea {
  margin-bottom: 0.125rem; }
form input[type="text"], form input[type="password"], form input[type="date"], form input[type="datetime"], form input[type="datetime-local"], form input[type="month"], form input[type="week"], form input[type="email"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="time"], form input[type="url"], form input[type="color"], form select, form textarea {
  color: #171f18;
  font-family: 'Raleway', sans-serif;
  font-size: 1.3125rem;
  height: 3rem;
  border-radius: 0.375rem;
  background-color: #f1f6f3;
  border-color: #f1f6f3;
  box-shadow: none; }
  form input[type="text"]::-webkit-input-placeholder, form input[type="password"]::-webkit-input-placeholder, form input[type="date"]::-webkit-input-placeholder, form input[type="datetime"]::-webkit-input-placeholder, form input[type="datetime-local"]::-webkit-input-placeholder, form input[type="month"]::-webkit-input-placeholder, form input[type="week"]::-webkit-input-placeholder, form input[type="email"]::-webkit-input-placeholder, form input[type="number"]::-webkit-input-placeholder, form input[type="search"]::-webkit-input-placeholder, form input[type="tel"]::-webkit-input-placeholder, form input[type="time"]::-webkit-input-placeholder, form input[type="url"]::-webkit-input-placeholder, form input[type="color"]::-webkit-input-placeholder, form select::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {
    color: #171f18;
    font-size: 1.3125rem;
    display: block;
    width: 100%;
    text-decoration: underline; }
  form input[type="text"]::-moz-placeholder, form input[type="password"]::-moz-placeholder, form input[type="date"]::-moz-placeholder, form input[type="datetime"]::-moz-placeholder, form input[type="datetime-local"]::-moz-placeholder, form input[type="month"]::-moz-placeholder, form input[type="week"]::-moz-placeholder, form input[type="email"]::-moz-placeholder, form input[type="number"]::-moz-placeholder, form input[type="search"]::-moz-placeholder, form input[type="tel"]::-moz-placeholder, form input[type="time"]::-moz-placeholder, form input[type="url"]::-moz-placeholder, form input[type="color"]::-moz-placeholder, form select::-moz-placeholder, form textarea::-moz-placeholder {
    color: #171f18;
    font-size: 1.3125rem;
    display: block;
    width: 100%;
    text-decoration: underline; }
  form input[type="text"]:-moz-placeholder, form input[type="password"]:-moz-placeholder, form input[type="date"]:-moz-placeholder, form input[type="datetime"]:-moz-placeholder, form input[type="datetime-local"]:-moz-placeholder, form input[type="month"]:-moz-placeholder, form input[type="week"]:-moz-placeholder, form input[type="email"]:-moz-placeholder, form input[type="number"]:-moz-placeholder, form input[type="search"]:-moz-placeholder, form input[type="tel"]:-moz-placeholder, form input[type="time"]:-moz-placeholder, form input[type="url"]:-moz-placeholder, form input[type="color"]:-moz-placeholder, form select:-moz-placeholder, form textarea:-moz-placeholder {
    color: #171f18;
    font-size: 1.3125rem;
    display: block;
    width: 100%;
    text-decoration: underline; }
  form input[type="text"]:-ms-input-placeholder, form input[type="password"]:-ms-input-placeholder, form input[type="date"]:-ms-input-placeholder, form input[type="datetime"]:-ms-input-placeholder, form input[type="datetime-local"]:-ms-input-placeholder, form input[type="month"]:-ms-input-placeholder, form input[type="week"]:-ms-input-placeholder, form input[type="email"]:-ms-input-placeholder, form input[type="number"]:-ms-input-placeholder, form input[type="search"]:-ms-input-placeholder, form input[type="tel"]:-ms-input-placeholder, form input[type="time"]:-ms-input-placeholder, form input[type="url"]:-ms-input-placeholder, form input[type="color"]:-ms-input-placeholder, form select:-ms-input-placeholder, form textarea:-ms-input-placeholder {
    color: #171f18;
    font-size: 1.3125rem;
    display: block;
    width: 100%;
    text-decoration: underline; }
  form input[type="text"]:focus, form input[type="password"]:focus, form input[type="date"]:focus, form input[type="datetime"]:focus, form input[type="datetime-local"]:focus, form input[type="month"]:focus, form input[type="week"]:focus, form input[type="email"]:focus, form input[type="number"]:focus, form input[type="search"]:focus, form input[type="tel"]:focus, form input[type="time"]:focus, form input[type="url"]:focus, form input[type="color"]:focus, form select:focus, form textarea:focus {
    background-color: #f1f6f3;
    border-color: #f1f6f3;
    box-shadow: none; }

.req {
  position: relative;
  padding-left: 3.125rem; }
  .req img {
    position: absolute;
    left: 0;
    top: 0.3125rem;
    width: 1.875rem; }

.button {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 0.625rem; }
  .button.boton-verde {
    color: #ffffff;
    font-size: 1.5625rem;
    padding: 0.9375rem 2.1875rem;
    background: #256869; }
    .button.boton-verde:hover, .button.boton-verde:focus, .button.boton-verde:active {
      background: #171f18; }
  .button.boton-gris {
    color: #f1f6f3;
    background: #256869;
    font-size: 0.75rem;
    padding: 0.625rem 1.25rem;
    letter-spacing: 0.0625rem;
    margin-top: 0.625rem; }
    @media print, screen and (min-width: 40em) {
      .button.boton-gris {
        margin-top: 1.875rem; } }
    .button.boton-gris:hover, .button.boton-gris:focus, .button.boton-gris:active {
      background: #171f18; }

.separador-20 {
  padding: 1.25rem 0; }

.separador-30 {
  padding: 1.25rem 0; }

.separador-50 {
  padding: 3.125rem 0; }

.relativo {
  position: relative; }

.site-index {
  background: #f1f6f3; }
  .site-index .banner {
    position: relative;
    background: url(../img/idx-header.jpg) no-repeat;
    background-position: 50%;
    background-size: cover;
    height: 23.8125rem;
    padding-top: 3.125rem; }
    @media print, screen and (min-width: 40em) {
      .site-index .banner {
        height: 80vh;
        padding-top: 8vh; } }
    .site-index .banner .titulo {
      font-family: 'Raleway', sans-serif;
      font-weight: 900;
      color: #008549;
      margin-bottom: 1.25rem;
      font-size: 1.875rem; }
      @media print, screen and (min-width: 40em) {
        .site-index .banner .titulo {
          font-size: 3.125rem; } }
      @media screen and (min-width: 75em) {
        .site-index .banner .titulo {
          font-size: 4.375rem; } }
    .site-index .banner img.logotipo {
      width: 28.125rem; }
      @media screen and (min-width: 75em) {
        .site-index .banner img.logotipo {
          width: 37.5rem; } }
  .site-index .bg-seo {
    background: #64b7b7;
    position: relative;
    padding: 3.125rem 0; }
    @media print, screen and (min-width: 64em) {
      .site-index .bg-seo {
        height: 53.125rem; } }
    .site-index .bg-seo .col-imagen {
      background: url(../img/sistemas-de-riego-hidroland.jpg) no-repeat;
      background-size: cover;
      height: 34.375rem;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0; }
    @media print, screen and (min-width: 64em) {
      .site-index .bg-seo .cont-texto {
        padding-top: 8.125rem; } }
    .site-index .bg-seo .cont-texto p {
      color: #ffffff; }
  .site-index .bg-servicios {
    padding: 3.125rem 0;
    background: #A5D3A5; }
    .site-index .bg-servicios .cont-imagen {
      height: 7.625rem;
      margin-bottom: 3.125rem;
      position: relative; }
      .site-index .bg-servicios .cont-imagen img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
    .site-index .bg-servicios h3 {
      text-transform: uppercase;
      margin-bottom: 1.25rem;
      color: #171f18; }
    .site-index .bg-servicios .multiple-items p {
      width: 15.625rem; }
    .site-index .bg-servicios .multiple-items img {
      margin-bottom: 1.25rem; }
  .site-index .bg-proyectos {
    background: #64b7b7;
    padding: 3.125rem 0; }
    @media print, screen and (min-width: 64em) {
      .site-index .bg-proyectos {
        padding: 3.125rem 0 10rem 0; } }
    @media print, screen and (min-width: 64em) {
      .site-index .bg-proyectos {
        padding: 3.125rem 0 14.375rem 0; } }
  .site-index .bg-alianzas {
    background: #A5D3A5;
    padding: 3.125rem 0; }
    .site-index .bg-alianzas .cont-imagen {
      position: relative;
      margin-bottom: 1.875rem; }
      @media print, screen and (min-width: 40em) {
        .site-index .bg-alianzas .cont-imagen {
          height: 10rem; } }
      @media print, screen and (min-width: 64em) {
        .site-index .bg-alianzas .cont-imagen {
          height: 12.75rem; } }
      @media print, screen and (min-width: 40em) {
        .site-index .bg-alianzas .cont-imagen img {
          position: absolute;
          top: 50%;
          transform: translateY(-50%); } }
      @media screen and (max-width: 39.9375em) {
        .site-index .bg-alianzas .cont-imagen img {
          width: 6.25rem; } }
      @media screen and (min-width: 40em) and (max-width: 63.9375em) {
        .site-index .bg-alianzas .cont-imagen img {
          width: 7.5rem; } }
  .site-index .bg-form {
    padding: 3.125rem 0 1.25rem 0;
    background: #64b7b7; }
    @media print, screen and (min-width: 64em) {
      .site-index .bg-form {
        padding: 3.125rem 0 7.5rem 0; } }
    .site-index .bg-form h2, .site-index .bg-form p, .site-index .bg-form label, .site-index .bg-form strong {
      color: #f1f6f3; }
    @media print, screen and (min-width: 64em) {
      .site-index .bg-form h2 {
        margin-bottom: 0; } }
    .site-index .bg-form p a {
      font-weight: 600;
      font-size: 1.25rem;
      line-height: 1.375rem; }
      @media print, screen and (min-width: 64em) {
        .site-index .bg-form p a {
          font-size: 1.5625rem;
          line-height: 1.6875rem; } }
      @media screen and (min-width: 75em) {
        .site-index .bg-form p a {
          font-size: 1.875rem;
          line-height: 2rem; } }
      .site-index .bg-form p a:hover, .site-index .bg-form p a:focus, .site-index .bg-form p a:active {
        color: #0cfafd; }
    .site-index .bg-form p.txt-destacado {
      font-size: 2.1875rem;
      line-height: 2.3125rem;
      font-weight: 200;
      margin-bottom: 1.875rem; }
    .site-index .bg-form p.redes i {
      color: #256869;
      font-size: 2.1875rem;
      margin-right: 0.625rem; }
    .site-index .bg-form p.aviso a {
      font-size: 0.875rem;
      font-weight: 200;
      text-decoration: underline; }
      @media print, screen and (min-width: 64em) {
        .site-index .bg-form p.aviso a {
          font-size: 1.125rem; } }
    .site-index .bg-form p.margenes {
      margin: 3.125rem 0; }
    @media screen and (min-width: 75em) {
      .site-index .bg-form .formulario {
        width: 32.5rem; } }
  @media screen and (max-width: 74.9375em) {
    .site-index .lineas-verdes img {
      width: 80%; } }

.slick-prev, .slick-next {
  z-index: 2;
  background: none; }
  .slick-prev:before, .slick-next:before {
    font-size: 1.25rem;
    font-family: 'fontAwesome';
    opacity: 1; }

.slick-next {
  right: 0; }
  .slick-next:before {
    content: '\f054';
    color: #256869; }

.slick-dots {
  bottom: -1.25rem;
  text-align: inherit; }
  .slick-dots li.slick-active button::before {
    opacity: 1;
    color: #171f18; }
  .slick-dots li button::before {
    opacity: 1;
    color: #256869;
    font-size: 0.9375rem; }

.slick-dotted.slick-slider {
  margin-bottom: 0; }

.site-error {
  background-position: 50%;
  height: 100vh;
  padding-top: 12.5rem; }
  @media print, screen and (min-width: 64em) {
    .site-error {
      padding-top: 14.375rem; } }
  .site-error .contenido {
    background: #f4f4f4;
    padding: 1.25rem; }
    @media print, screen and (min-width: 64em) {
      .site-error .contenido {
        padding: 2.5rem 3.125rem; } }
    .site-error .contenido h1 {
      margin-bottom: 0.625rem; }
    @media screen and (max-width: 39.9375em) {
      .site-error .contenido .button {
        font-size: 1rem; } }

.site-aviso-de-privacidad-modal h1, .site-aviso-privacidad h1 {
  color: #171f18; }
.site-aviso-de-privacidad-modal p a, .site-aviso-privacidad p a {
  color: #256869; }
  .site-aviso-de-privacidad-modal p a:hover, .site-aviso-de-privacidad-modal p a:focus, .site-aviso-de-privacidad-modal p a:active, .site-aviso-privacidad p a:hover, .site-aviso-privacidad p a:focus, .site-aviso-privacidad p a:active {
    transition: 0.3s;
    color: #0cfafd;
    text-decoration: underline; }
.site-aviso-de-privacidad-modal .close-button span, .site-aviso-privacidad .close-button span {
  font-size: 4.0625rem; }

.site-aviso-de-privacidad-modal .contenido {
  height: 37.5rem;
  overflow-y: scroll; }

.site-aviso-privacidad {
  padding-top: 6.25rem; }

.footer {
  background: #64b7b7;
  padding-top: 0.9375rem; }
  .footer .cont-legales p, .footer .cont-legales strong {
    font-size: 0.875rem;
    line-height: 1.3125rem;
    color: #ffffff; }
    @media print, screen and (min-width: 64em) {
      .footer .cont-legales p, .footer .cont-legales strong {
        font-size: 1rem; } }
    .footer .cont-legales p.aviso, .footer .cont-legales strong.aviso {
      text-decoration: underline; }
    .footer .cont-legales p a, .footer .cont-legales strong a {
      color: #f1f6f3; }
      .footer .cont-legales p a:hover, .footer .cont-legales p a:focus, .footer .cont-legales p a:active, .footer .cont-legales strong a:hover, .footer .cont-legales strong a:focus, .footer .cont-legales strong a:active {
        transition: 0.3s;
        color: #0cfafd; }

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