/**
 * 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=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.header {
  position: absolute;
  width: 100%; }
  .header .col-menu {
    padding: 0.625rem 1.25rem;
    background: #1e2013;
    border-bottom: 0.375rem solid #a4937b; }
    @media print, screen and (min-width: 64em) {
      .header .col-menu {
        padding: 0.9375rem; } }
    @media print, screen and (min-width: 64em) {
      .header .col-menu {
        border-bottom: 0.75rem solid #a4937b; } }
    .header .col-menu img.logotipo {
      width: 2.8125rem; }
      @media print, screen and (min-width: 64em) {
        .header .col-menu img.logotipo {
          width: auto; } }
    .header .col-menu ul.menu {
      justify-content: space-around;
      display: flex;
      padding: 1.25rem 0; }
      .header .col-menu ul.menu li a {
        font-family: 'Montserrat', sans-serif;
        font-size: 1rem;
        color: #ffffff;
        font-weight: 600;
        text-transform: uppercase; }
        .header .col-menu ul.menu li a:hover, .header .col-menu ul.menu li a:focus, .header .col-menu ul.menu li a:active {
          transition: 0.3s;
          color: #a4937b; }
    .header .col-menu .open-menu {
      font-size: 1.875rem;
      color: #ffffff;
      line-height: 3.125rem; }
      @media print, screen and (min-width: 64em) {
        .header .col-menu .open-menu {
          line-height: 5rem; } }

.position-right {
  background: rgba(30, 32, 19, 0.8);
  z-index: 10;
  padding-top: 5.625rem; }
  .position-right ul.menu {
    text-align: right; }
    .position-right ul.menu li a {
      font-family: 'Montserrat', sans-serif;
      font-size: 0.875rem;
      color: #ffffff;
      font-weight: 700;
      display: inline-block; }
      .position-right ul.menu li a:hover, .position-right ul.menu li a:focus, .position-right ul.menu li a:active {
        transition: 0.3s;
        color: #a4937b; }
  .position-right .close-button span {
    font-size: 4.375rem;
    color: #ffffff;
    line-height: 5rem; }
  .position-right .enlaces {
    text-align: right; }

.enlaces {
  color: #ffffff;
  margin: 1.25rem; }
  .enlaces a {
    margin-right: 0.3125rem;
    color: #ffffff; }
    .enlaces a:hover, .enlaces a:focus, .enlaces a:active {
      color: #a4937b; }

.mensaje {
  position: absolute;
  z-index: 20;
  top: 5%;
  width: 18.125rem;
  height: 9.375rem;
  padding: 1.5625rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 0.375rem solid #a4937b; }
  @media print, screen and (min-width: 40em) {
    .mensaje {
      width: 28.75rem; } }
  @media print, screen and (min-width: 64em) {
    .mensaje {
      border-bottom: 0.75rem solid #a4937b; } }
  .mensaje p {
    color: #ffffff;
    font-size: 1.25rem;
    line-height: 1.25rem;
    margin-bottom: 0; }
  .mensaje .close-button {
    font-size: 1.25rem; }

.mensaje.success {
  background: #878a39; }

.mensaje.alert {
  background: #eb004d; }

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

h1 {
  color: #ffffff;
  font-weight: 900;
  font-size: 1.125rem;
  line-height: 1.3125rem; }
  @media print, screen and (min-width: 64em) {
    h1 {
      font-size: 1.875rem;
      line-height: 2.1875rem; } }
  h1 span {
    display: block;
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 2.1875rem; }
    @media print, screen and (min-width: 64em) {
      h1 span {
        font-size: 3.4375rem;
        line-height: 4.125rem; } }

h2 {
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 2.1875rem;
  margin-bottom: 1.25rem; }
  @media print, screen and (min-width: 64em) {
    h2 {
      font-size: 2.8125rem;
      line-height: 3.125rem; } }

h3 {
  font-size: 1.25rem;
  line-height: 1.25rem; }
  @media print, screen and (min-width: 64em) {
    h3 {
      font-size: 1.5625rem;
      line-height: 1.5625rem; } }

p, span, li, strong, blockquote, label {
  font-family: 'Montserrat', sans-serif; }

p, li {
  font-size: 0.9375rem;
  line-height: 1.25rem; }
  @media print, screen and (min-width: 64em) {
    p, li {
      font-size: 1.0625rem;
      line-height: 1.5rem; } }

p a {
  color: inherit; }

form span.form-error {
  display: none; }
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 {
  border-bottom: 0.0625rem solid #eb004d;
  margin-bottom: 0.625rem; }
form .has-error span.form-error {
  font-family: 'Anek Latin', sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
  color: #eb004d;
  font-weight: 300;
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.3125rem; }
form label {
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.0625rem; }
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 {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.0625rem;
  font-weight: 500;
  color: #1e2013;
  background-color: #ffffff;
  border: none;
  height: 2.5rem;
  box-shadow: none; }
  form input[type="text"]:hover, form input[type="text"]:focus, form input[type="password"]:hover, form input[type="password"]:focus, form input[type="date"]:hover, form input[type="date"]:focus, form input[type="datetime"]:hover, form input[type="datetime"]:focus, form input[type="datetime-local"]:hover, form input[type="datetime-local"]:focus, form input[type="month"]:hover, form input[type="month"]:focus, form input[type="week"]:hover, form input[type="week"]:focus, form input[type="email"]:hover, form input[type="email"]:focus, form input[type="number"]:hover, form input[type="number"]:focus, form input[type="search"]:hover, form input[type="search"]:focus, form input[type="tel"]:hover, form input[type="tel"]:focus, form input[type="time"]:hover, form input[type="time"]:focus, form input[type="url"]:hover, form input[type="url"]:focus, form input[type="color"]:hover, form input[type="color"]:focus, form select:hover, form select:focus, form textarea:hover, form textarea:focus {
    border: none;
    background-color: #ffffff;
    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 {
    font-size: 0.875rem;
    color: #4b4c24; }
  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 {
    font-size: 0.875rem;
    color: #4b4c24; }
  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 {
    font-size: 0.875rem;
    color: #4b4c24; }
  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 {
    font-size: 0.875rem;
    color: #4b4c24; }

.button {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.0625rem;
  line-height: 1.5rem;
  padding: 0.625rem 1.875rem; }
  @media print, screen and (min-width: 40em) {
    .button {
      padding: 0.625rem 4.6875rem; } }
  .button.boton-verde {
    color: #ffffff;
    transition: 0.3s;
    background: #878a39; }
    .button.boton-verde:hover, .button.boton-verde:focus, .button.boton-verde:active {
      transition: 0.3s;
      background: #a4937b; }

.separador-5 {
  padding: 0.15625rem 0; }

.separador-10 {
  padding: 0.3125rem 0; }

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

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

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

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

.separador-60 {
  padding: 1.875rem 0; }

.separador-70 {
  padding: 2.1875rem 0; }

.separador-80 {
  padding: 2.5rem 0; }

.separador-90 {
  padding: 2.8125rem 0; }

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

.site-index {
  overflow: hidden; }
  .site-index .banner-hero {
    background: url("../img/banner-hero.jpg");
    padding-top: 12.5rem;
    height: 34.375rem; }
    @media print, screen and (min-width: 64em) {
      .site-index .banner-hero {
        padding-top: 18.75rem;
        height: 50rem; } }
  .site-index .seccion-nosotros {
    background: #4b4d42; }
    .site-index .seccion-nosotros .contenedor {
      background: #a4937b;
      padding: 1.875rem;
      margin-top: -3.125rem;
      margin-bottom: -3.125rem;
      position: relative; }
      @media print, screen and (min-width: 40em) {
        .site-index .seccion-nosotros .contenedor {
          padding: 3.125rem; } }
      .site-index .seccion-nosotros .contenedor h2, .site-index .seccion-nosotros .contenedor p {
        color: #1e2013; }
      .site-index .seccion-nosotros .contenedor h3 {
        color: #ffffff;
        padding: 2.5rem 0; }
      .site-index .seccion-nosotros .contenedor .paisaje {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: -50%; }
      .site-index .seccion-nosotros .contenedor .paisaje-sm {
        margin-bottom: 1.875rem; }
  .site-index .seccion-servicios {
    background: #1e2013;
    padding: 5.625rem 0; }
    @media screen and (max-width: 39.9375em) {
      .site-index .seccion-servicios {
        padding-bottom: 0; } }
    .site-index .seccion-servicios h2, .site-index .seccion-servicios h3, .site-index .seccion-servicios p {
      color: #ffffff; }
    .site-index .seccion-servicios .cont-item {
      padding: 1.875rem 0; }
      .site-index .seccion-servicios .cont-item img {
        display: block; }
        @media screen and (max-width: 39.9375em) {
          .site-index .seccion-servicios .cont-item img {
            margin: 0 auto 1.25rem auto;
            width: 190px; } }
      .site-index .seccion-servicios .cont-item h3 {
        margin-bottom: 1.25rem; }
        @media print, screen and (min-width: 64em) {
          .site-index .seccion-servicios .cont-item h3 {
            margin-top: 2.5rem; } }
  .site-index .seccion-proyectos {
    background: #4b4d42;
    padding-top: 2.5rem; }
    @media print, screen and (min-width: 64em) {
      .site-index .seccion-proyectos {
        padding-top: 5rem; } }
    .site-index .seccion-proyectos img.logotipos {
      margin: 1.875rem 0 3.125rem 0; }
    .site-index .seccion-proyectos h2, .site-index .seccion-proyectos h3, .site-index .seccion-proyectos p {
      color: #ffffff; }
    .site-index .seccion-proyectos h3 {
      margin-top: 1.25rem; }
    .site-index .seccion-proyectos .instagram-wid {
      background: #a4937b;
      padding: 1.25rem 1.875rem;
      margin-top: 3.125rem;
      margin-bottom: -6.875rem;
      position: relative;
      z-index: 1; }
      .site-index .seccion-proyectos .instagram-wid:before {
        background: #a4937b;
        position: absolute;
        content: '';
        width: 100%;
        right: -100%;
        top: 0;
        height: 100%; }
      .site-index .seccion-proyectos .instagram-wid h2, .site-index .seccion-proyectos .instagram-wid .enlaces {
        color: #1e2013; }
      .site-index .seccion-proyectos .instagram-wid .enlaces a {
        color: #1e2013; }
  .site-index .seccion-contacto {
    background: #1e2013;
    padding-top: 10.625rem; }
    .site-index .seccion-contacto h2, .site-index .seccion-contacto h3, .site-index .seccion-contacto p {
      color: #ffffff; }
    .site-index .seccion-contacto h2 {
      margin-bottom: 3.125rem; }
    .site-index .seccion-contacto .aviso {
      font-size: 0.75rem; }
      .site-index .seccion-contacto .aviso:hover, .site-index .seccion-contacto .aviso:focus, .site-index .seccion-contacto .aviso:active {
        transition: 0.3s;
        color: #a4937b; }
    @media print, screen and (min-width: 64em) {
      .site-index .seccion-contacto .datos-contacto {
        float: right;
        padding-right: 3.125rem; } }
    .site-index .seccion-contacto .datos-contacto h3 {
      margin-bottom: 1.875rem; }
    .site-index .seccion-contacto .datos-contacto .enlace {
      color: #ffffff;
      font-family: 'Montserrat', sans-serif;
      font-size: 1.0625rem;
      margin-bottom: 0.9375rem;
      font-weight: 500; }
      .site-index .seccion-contacto .datos-contacto .enlace i {
        margin-right: 0.3125rem; }
      .site-index .seccion-contacto .datos-contacto .enlace a {
        color: #ffffff; }
        .site-index .seccion-contacto .datos-contacto .enlace a:hover, .site-index .seccion-contacto .datos-contacto .enlace a:focus, .site-index .seccion-contacto .datos-contacto .enlace a:active {
          transition: 0.3s;
          color: #a4937b; }
    .site-index .seccion-contacto .mapa {
      height: 26.875rem;
      background: aliceblue;
      margin-top: 3.125rem; }

.site-error {
  background: #4b4d42 url("../img/bg-paisaje-error.png") no-repeat;
  background-size: 28%;
  padding: 9.375rem 0; }
  @media print, screen and (min-width: 64em) {
    .site-error {
      padding: 20rem 0; } }
  .site-error h1, .site-error h2, .site-error p {
    color: #e5e5e5; }

.site-aviso-privacidad h1, .site-aviso-de-privacidad-modal h1 {
  margin-bottom: 1.25rem;
  color: #1e2013; }
.site-aviso-privacidad p a, .site-aviso-de-privacidad-modal p a {
  color: #878a39; }
  .site-aviso-privacidad p a:hover, .site-aviso-privacidad p a:focus, .site-aviso-privacidad p a:active, .site-aviso-de-privacidad-modal p a:hover, .site-aviso-de-privacidad-modal p a:focus, .site-aviso-de-privacidad-modal p a:active {
    transition: 0.3s;
    color: #a4937b; }

.site-aviso-privacidad {
  padding: 7.5rem 0 1.875rem 0; }
  @media print, screen and (min-width: 64em) {
    .site-aviso-privacidad {
      padding: 12.5rem 0 5rem 0; } }

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

.footer {
  background: #1e2013;
  padding-top: 9.375rem;
  overflow: hidden; }
  .footer .bg-contenido {
    background: #000000;
    position: relative;
    top: -9.375rem;
    padding: 0.625rem 0.9375rem; }
    @media screen and (min-width: 40em) and (max-width: 63.9375em) {
      .footer .bg-contenido {
        padding: 1.25rem 7.5rem; } }
    .footer .bg-contenido img.logotipo {
      margin: 1.25rem 0; }
    .footer .bg-contenido p {
      font-size: 0.75rem;
      line-height: 0.9375rem;
      color: #ffffff; }
      @media print, screen and (min-width: 64em) {
        .footer .bg-contenido p {
          font-size: 0.875rem;
          line-height: 1.0625rem; } }
      .footer .bg-contenido p .aviso {
        transition: 0.3s;
        color: #a4937b; }
      .footer .bg-contenido p a:hover, .footer .bg-contenido p a:focus, .footer .bg-contenido p a:active {
        transition: 0.3s;
        color: #878a39; }
    @media print, screen and (min-width: 64em) {
      .footer .bg-contenido .enlaces {
        margin-left: 0; } }
    .footer .bg-contenido ul.menu {
      display: inline-block; }
      @media screen and (max-width: 39.9375em) {
        .footer .bg-contenido ul.menu li {
          display: block; } }
      @media screen and (min-width: 40em) and (max-width: 63.9375em) {
        .footer .bg-contenido ul.menu li {
          display: inline-block; } }
      .footer .bg-contenido ul.menu li a {
        font-family: 'Montserrat', sans-serif;
        color: #ffffff;
        font-size: 0.9375rem; }
        @media print, screen and (min-width: 64em) {
          .footer .bg-contenido ul.menu li a {
            font-size: 1.0625rem; } }
        .footer .bg-contenido ul.menu li a:hover, .footer .bg-contenido ul.menu li a:focus, .footer .bg-contenido ul.menu li a:active {
          transition: 0.3s;
          color: #a4937b; }
      @media print, screen and (min-width: 64em) {
        .footer .bg-contenido ul.menu li:first-child a {
          padding-left: 0; } }
    .footer .bg-contenido .cont-chev-up a {
      color: #ffffff;
      font-size: 1.875rem;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 0.625rem; }
      @media print, screen and (min-width: 64em) {
        .footer .bg-contenido .cont-chev-up a {
          top: 3.125rem; } }
    .footer .bg-contenido:before {
      background: #000000;
      position: absolute;
      content: '';
      width: 100%;
      right: -100%;
      height: 20rem; }
  .footer .bg-bottom {
    background: url("../img/bg-footer.jpg");
    height: 18.75rem; }

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