@import "assets/css/foundation.css";
@import "assets/css/app.css";
@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap");
html, body {
  background: #FDFCFC;
  color: #7E7F82;
}
html h1, html h2, html h3, html h4, html h5, html p, html ul, html ol, html li, html a, html nav, html label, html fieldset, html legend, html span, body h1, body h2, body h3, body h4, body h5, body p, body ul, body ol, body li, body a, body nav, body label, body fieldset, body legend, body span {
  font-family: "Figtree", sans-serif;
}
html h1, html h2, html h3, html h4, html h5, body h1, body h2, body h3, body h4, body h5 {
  margin-bottom: 0;
  line-height: 1;
}
html em, body em {
  font-style: normal;
  border-bottom: 1px solid;
}

.enfasis {
  color: #78B52E;
  font-weight: 600;
}

.whatsapp_button {
  background: #78B52E;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 10px #7E7F82;
          box-shadow: 0 0 10px #7E7F82;
  position: fixed;
  bottom: 1em;
  left: 1em;
}
.whatsapp_button a {
  padding: 1em;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.whatsapp_button:hover {
  background: #87cb34;
  -webkit-box-shadow: 0 0 5px #7E7F82;
          box-shadow: 0 0 5px #7E7F82;
}
@media only screen and (max-width: 42em) {
  .whatsapp_button {
    right: 1em;
    left: inherit;
  }
}

a.cta {
  background: #8EA7C3;
  color: #FFFFFF;
  padding: 0.8em;
  font-weight: 700;
  text-transform: uppercase;
}
a.cta:hover {
  background: #7896b7;
}

a.cta_v {
  background: #78B52E;
  color: #FFFFFF;
  padding: 0.8em;
  font-weight: 700;
  text-transform: uppercase;
}
a.cta_v:hover {
  background: #6ca329;
}

a.cta_low {
  color: #78B52E;
  border-bottom: 1px solid;
}

a.cta_blanco {
  background: #FFFFFF;
  padding: 0.8em;
  color: #78B52E;
  font-weight: 700;
  text-transform: uppercase;
}

a.cta_wp {
  background: #78B52E;
  color: #FFFFFF;
  padding: 1em 2.2em 1em 3.6em;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  margin-top: 2em;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
a.cta_wp:before {
  content: "";
  width: 1.4em;
  height: 1.4em;
  background: url("assets/imgs/icono_whatsapp.svg");
  background-size: contain;
  display: block;
  position: absolute;
  left: 1.6em;
  top: 0.9em;
}
a.cta_wp:hover {
  background: #87cb34;
}

a.cta_wp_c {
  background: #78B52E;
  color: #FFFFFF;
  padding: 1em 2.2em 1em 3.6em;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
a.cta_wp_c:before {
  content: "";
  width: 1.4em;
  height: 1.4em;
  background: url("assets/imgs/icono_whatsapp.svg");
  background-size: contain;
  display: block;
  position: absolute;
  left: 1.6em;
  top: 0.9em;
}
a.cta_wp_c:hover {
  background: #87cb34;
}

.bloque_cta {
  background: url("assets/imgs/fondo_gris.png");
  padding: 5em 0;
  color: #FFFFFF;
  text-align: center;
}

.bloque_verde {
  background: url("assets/imgs/fondo_verde.png");
  color: #FFFFFF;
  padding: 5em 0;
}

.cta_contacto {
  background: url("assets/imgs/Fondo_Cta_Contacto.png") no-repeat;
  background-position-y: -22em;
  background-position-x: center;
  padding-top: 10em;
  padding-bottom: 0;
}
@media only screen and (max-width: 42em) {
  .cta_contacto {
    background-position-y: 0;
    padding-top: 2em;
  }
}
.cta_contacto .forma_contacto {
  background: #FFFFFF;
  padding: 2em 5em;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #EDEDED;
          box-shadow: 0 0 10px #EDEDED;
}
@media only screen and (max-width: 42em) {
  .cta_contacto .forma_contacto {
    padding: 2em;
  }
}

.cta_call {
  background: url("assets/imgs/fondo_gris.png");
  color: #FFFFFF;
  padding: 15em 0 10em 0;
  text-align: center;
  margin-top: -10em;
}
.cta_call h3 {
  font-size: 2.5em;
}

.cta_servicios {
  background: url("assets/imgs/fondo_gris.png");
  color: #FFFFFF;
  padding: 5em 0 5em 0;
  text-align: center;
}

header.main {
  background: url("assets/imgs/FondoHeader.png");
  background-size: cover;
  padding: 2em 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
}
@media only screen and (max-width: 42em) {
  header.main {
    position: relative;
  }
}
header.main .contnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
header.main .logo {
  text-align: center;
}
header.main nav.main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media only screen and (max-width: 42em) {
  header.main nav.main {
    display: none;
  }
}
header.main nav.main a {
  color: #7E7F82;
  text-transform: uppercase;
  display: inline-block;
  padding: 0.6em 0.5em;
  position: relative;
  z-index: 10;
}
header.main nav.main a:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #7E7F82;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  z-index: -99;
}
header.main nav.main a:hover {
  color: #FFFFFF;
}
header.main nav.main a:hover:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
header.main nav.main a.core {
  font-weight: 900;
}
header.main nav.main a.icono:after {
  background: #EDEDED;
}
header.main nav.main a.icono:hover {
  color: #FFFFFF;
}
header.main .open_menu {
  cursor: pointer;
  border: 1px solid #EDEDED;
  padding: 1em 1.5em;
  border-radius: 8px;
}

.menu_movil {
  background: rgba(255, 255, 255, 0.95);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  visibility: hidden;
}
.menu_movil nav.movil {
  margin-top: 2em;
}
.menu_movil nav.movil a {
  display: block;
  color: #7E7F82;
  font-size: 1.2em;
  padding: 0.5em 0;
}
.menu_movil nav.movil a:hover {
  background: #7E7F82;
  color: #FFFFFF;
}
.menu_movil .redes {
  margin-top: 4em;
  margin-bottom: 1em;
}
.menu_movil address p {
  font-style: normal;
}
.menu_movil .close_menu {
  background: #EDEDED;
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  padding: 1em;
}
.menu_movil[data-visible=true] {
  opacity: 1;
  visibility: visible;
}

footer.main {
  background: #EDEDED;
  padding: 4em 0;
}
footer.main nav.footer a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #7E7F82;
  font-size: 120%;
}
footer.main nav.footer a:hover {
  background: #e5e5e6;
}
footer.main nav.footer a.core {
  font-weight: 700;
}
@media only screen and (max-width: 42em) {
  footer.main nav.footer {
    margin-bottom: 5em;
  }
}
footer.main address {
  font-style: normal;
}
footer.main .redes {
  margin-top: 5em;
}
footer.main .info .cta_wp {
  margin: 0;
}

.hero_home {
  min-height: 630px;
  background: url("assets/imgs/Banner_Principal.png") no-repeat;
  background-size: cover;
  background-position: bottom center;
  padding-top: 15em;
}
.hero_home .caption {
  background: #FFFFFF;
  padding: 1em 2em;
}
.hero_home .caption h1 {
  font-weight: 300;
  margin: 0;
}
.hero_home .caption .enfasis {
  text-transform: uppercase;
  line-height: 1;
}
.hero_home .caption p {
  margin-bottom: 0;
}
@media only screen and (max-width: 42em) {
  .hero_home {
    min-height: auto;
    padding-bottom: 5em;
    padding-top: 5em;
    margin-bottom: 1em;
  }
  .hero_home .caption h1 {
    font-size: 2.5em;
  }
  .hero_home .caption .enfasis {
    margin-top: 0.5em;
  }
}

.pilares-home {
  margin-top: -150px;
}
.pilares-home .renta {
  margin-top: -30px;
}
.pilares-home .centronegocios {
  margin-top: 130px;
}
.pilares-home .hampton {
  margin-top: 20px;
}
.pilares-home .espacios {
  margin-top: -15px;
}
@media only screen and (max-width: 42em) {
  .pilares-home {
    margin-top: 0;
  }
  .pilares-home .renta, .pilares-home .centronegocios, .pilares-home .hampton, .pilares-home .espacios {
    margin-top: 0;
    margin-bottom: 1em;
  }
}

.pilar {
  background: #FFFFFF;
  border: 1px solid #78B52E;
}
.pilar a {
  color: #7E7F82;
  border-bottom: 1px solid;
}
.pilar .contenido_pilar {
  padding: 1em;
}
.pilar .contenido_pilar h2 {
  font-size: 1.4em;
  font-weight: 600;
}
@media only screen and (max-width: 42em) {
  .pilar .contenido_pilar p {
    display: none;
  }
}

.ubicacion-home {
  background: url("assets/imgs/Fondo_Ubicacion.png") no-repeat;
  background-position: right top;
  background-size: cover;
  min-height: 950px;
}
.ubicacion-home h3 {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 3em;
}
.ubicacion-home .info_ubicacion {
  padding-top: 10em;
}
@media only screen and (max-width: 42em) {
  .ubicacion-home {
    background-size: contain;
    background-position: center bottom;
    min-height: auto;
    padding-bottom: 10em;
  }
}

.oficinas_renta_home {
  background: url("assets/imgs/fondo_verde.png") repeat #78B52E;
  background-position: center top;
  padding: 20em 0;
  color: #FFFFFF;
  position: relative;
}
.oficinas_renta_home h4 {
  font-size: 3em;
  text-transform: uppercase;
  font-weight: 700;
}
.oficinas_renta_home p.sub {
  font-size: 150%;
  text-transform: uppercase;
  margin-bottom: 0;
}
.oficinas_renta_home p {
  font-size: 1.5em;
  line-height: 1.2;
}
.oficinas_renta_home .espacios {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 1em;
}
.oficinas_renta_home .espacios p {
  font-size: 1.2em;
}
.oficinas_renta_home .espacios .espacio p {
  line-height: 1;
  margin-top: 0.5em;
}
@media only screen and (max-width: 42em) {
  .oficinas_renta_home {
    padding: 0em 0;
  }
  .oficinas_renta_home .info_renta_home {
    padding: 4em 0;
  }
}
.oficinas_renta_home:before {
  content: "";
  width: 45%;
  height: 100%;
  background: url("assets/imgs/renta_oficinas_ciudad_Carmen.png") no-repeat;
  background-size: cover;
  background-position: center center;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 42em) {
  .oficinas_renta_home:before {
    width: 100%;
    height: 20em;
    position: relative;
    display: block;
    z-index: 999;
    margin: auto;
  }
}

.porque_takin {
  padding: 13em 0 10em 0;
  background: url("assets/imgs/PorqueTakin.png") no-repeat;
  background-position: right bottom;
}
.porque_takin h3 {
  font-size: 3em;
  font-weight: 800;
}
.porque_takin .razones {
  margin-bottom: 3em;
}
.porque_takin .razones .razon {
  margin-bottom: 1em;
  padding-left: 3em;
  position: relative;
}
.porque_takin .razones .razon p {
  margin-bottom: 0;
  line-height: 1.2;
}
.porque_takin .razones .razon p.em {
  font-size: 200%;
}
.porque_takin .razones .razon:before {
  content: "";
  display: inline-block;
  width: 2em;
  height: 2em;
  background: url("assets/imgs/icono_check.svg") no-repeat;
  background-size: contain;
  position: absolute;
  left: 0.5em;
  top: 0.5em;
}
@media only screen and (max-width: 42em) {
  .porque_takin {
    background-size: contain;
    padding: 8em 0 18em 0;
  }
}

.cta_agenda {
  background: #7E7F82;
  color: #FFFFFF;
  text-align: center;
  padding: 6em 0;
}
.cta_agenda h4 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 3em;
}

.top-page {
  min-height: 850px;
  justify-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.top-page h1 {
  font-weight: 300;
}
.top-page h1 span {
  font-size: 50%;
  display: block;
  color: #78B52E;
  text-transform: uppercase;
  font-weight: 500;
}
@media only screen and (max-width: 42em) {
  .top-page {
    min-height: auto;
    padding: 4em 0;
  }
}

.top-page_single {
  min-height: 380px;
  justify-items: center;
  -ms-flex-line-pack: end;
      align-content: end;
}
.top-page_single h1 {
  font-weight: 300;
}
.top-page_single h1 span {
  font-size: 50%;
  display: block;
  color: #78B52E;
  text-transform: uppercase;
  font-weight: 500;
}

.top-page-gracias {
  min-height: 480px;
  justify-items: center;
  -ms-flex-line-pack: end;
      align-content: end;
}
.top-page-gracias h1 {
  font-weight: 300;
  font-size: 2em;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
.top-page-gracias h1 span {
  font-size: 50%;
  display: block;
  color: #78B52E;
  text-transform: uppercase;
  font-weight: 500;
}
@media only screen and (max-width: 42em) {
  .top-page-gracias {
    min-height: auto;
  }
  .top-page-gracias .ctas .cta_wp {
    width: 100%;
    text-align: center;
  }
}

.top-disponibilidad {
  min-height: 400px;
  -ms-flex-line-pack: end;
      align-content: end;
  padding-bottom: 2em;
  border-bottom: 1px solid #EDEDED;
  margin-bottom: 3em;
}
@media only screen and (max-width: 42em) {
  .top-disponibilidad {
    min-height: auto;
  }
}

.top-info {
  margin-top: 1em;
}

.top-renta-oficinas {
  background: url("assets/imgs/Fondo_Renta_Oficinas.png") no-repeat bottom right;
  background-size: cover;
}
@media only screen and (max-width: 42em) {
  .top-renta-oficinas {
    background: url("assets/imgs/Fondo_Renta_Movil.png") no-repeat center bottom #FFFFFF;
  }
}

.ctas {
  color: #78B52E;
  margin-top: 3em;
}
.ctas a {
  margin-right: 1em;
}

.top-centro-negocios {
  background: url("assets/imgs/fondo_centro_negocios.png") no-repeat right bottom;
}
@media only screen and (max-width: 42em) {
  .top-centro-negocios {
    background: url("assets/imgs/Fondo_Centro_Negocios_Movil.png") no-repeat;
  }
}

.soluciones {
  background: url("assets/imgs/fondo_verde.png");
  color: #FFFFFF;
  padding: 0;
}
@media only screen and (max-width: 42em) {
  .soluciones {
    padding: 0 0 2em 0;
  }
}
.soluciones .soluciones-centro {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.soluciones h2 {
  font-weight: 300;
  font-size: 3.5em;
  margin-bottom: 0.2em;
}
@media only screen and (max-width: 42em) {
  .soluciones h2 {
    font-size: 2.3em;
    margin-top: 1em;
    margin-bottom: 0.5em;
  }
}
.soluciones ul {
  list-style-image: url("assets/imgs/icono_check_b.svg");
  font-size: 1.5em;
  margin-left: 2em;
}
@media only screen and (max-width: 42em) {
  .soluciones ul {
    font-size: 1.1em;
    list-style-image: url("assets/imgs/icono_check_s.svg");
  }
}
.soluciones ul li {
  margin-bottom: 0.3em;
}

.valores-centro {
  padding: 5em 0;
}
.valores-centro .intro-valores {
  text-align: center;
  margin-bottom: 2em;
}
.valores-centro .intro-valores p {
  font-size: 180%;
}
@media only screen and (max-width: 42em) {
  .valores-centro .intro-valores p {
    line-height: 1.2;
    font-size: 140%;
  }
}
.valores-centro .intro-valores h3 {
  font-weight: 700;
  font-size: 2.5em;
}
@media only screen and (max-width: 42em) {
  .valores-centro .intro-valores h3 {
    margin-bottom: 0.4em;
  }
}
.valores-centro .ventaja_centro img {
  margin-bottom: 1em;
}
.valores-centro .ventaja_centro p {
  line-height: 1.1;
}
.valores-centro .ventaja_centro h4 {
  margin-bottom: 0.2em;
}
@media only screen and (max-width: 42em) {
  .valores-centro .ventaja_centro h4 {
    font-weight: bold;
  }
}
@media only screen and (max-width: 42em) {
  .valores-centro .ventaja_centro {
    text-align: center;
    width: 80%;
    margin: auto;
  }
}

.cta_centro {
  text-align: center;
  padding-top: 3em;
}
.cta_centro h3 {
  font-weight: 600;
  font-size: 3em;
}
.cta_centro p.em {
  font-size: 130%;
}

.servicios-takin {
  background: url("assets/imgs/fondo_verde.png") repeat;
  color: #FFFFFF;
  padding-top: 5em;
  padding-bottom: 5em;
}
.servicios-takin h3 {
  font-weight: 600;
  font-size: 1.5em;
}
.servicios-takin .servicio-takin img {
  margin-bottom: 1em;
}
@media only screen and (max-width: 42em) {
  .servicios-takin .servicio-takin {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 0.3fr 1em 1fr;
    grid-template-columns: 0.3fr 1fr;
    grid-gap: 1em;
    margin-bottom: 1em;
  }
  .servicios-takin .servicio-takin img {
    margin: 0 auto;
    -ms-grid-row-align: start;
    -ms-grid-column-align: start;
    place-self: start;
  }
}

.ecosistema {
  background: url("assets/imgs/fondo_ecosistema.png") no-repeat center bottom;
}
.ecosistema h2 {
  font-size: 4em;
}
.ecosistema p.em {
  font-size: 150%;
}
.ecosistema ul {
  list-style-image: url("assets/imgs/icono_check_g.svg");
  font-size: 1.5em;
  margin-left: 2em;
}
.ecosistema .infoecosistema {
  padding-left: 2em;
  height: 100%;
  padding-bottom: 20em;
  padding-top: 25em;
}
@media only screen and (max-width: 42em) {
  .ecosistema {
    background-size: 150%;
  }
  .ecosistema .infoecosistema {
    padding-top: 5em;
  }
}

.top-ubicacion {
  background: url("assets/imgs/FondoUbicacion.png") no-repeat center bottom;
}
@media only screen and (max-width: 42em) {
  .top-ubicacion {
    background: url("assets/imgs/Fondo_Ubicacion_Movil.png") no-repeat center bottom;
  }
}

.cta_conexion {
  text-align: center;
}

@media only screen and (max-width: 42em) {
  .tipos-espacios .tipos .tipo {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 0.3fr 1fr;
    grid-template-columns: 0.3fr 1fr;
  }
  .tipos-espacios .tipos .tipo .infoTipo h2 {
    font-weight: 600;
    font-size: 1em;
  }
}

.logistica {
  background: url("assets/imgs/FondoLogistica.png") no-repeat center bottom;
  padding-bottom: 30em;
  padding-top: 5em;
  text-align: center;
}
.logistica .minutos {
  margin-top: 3em;
}
.logistica .minuto {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.3fr 1fr;
  grid-template-columns: 0.3fr 1fr;
  border: 1px solid #7E7F82;
  width: 70%;
  padding: 1em;
  margin: 0 auto 1em auto;
  text-align: left;
  font-size: 1.4em;
  background: #FFFFFF;
}
.logistica .minuto p {
  line-height: 1.3;
}
.logistica .minuto .m {
  font-size: 2em;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
.logistica .minuto .m span {
  display: block;
  font-size: 30%;
}
@media only screen and (max-width: 42em) {
  .logistica .minuto {
    -ms-grid-columns: 0.4fr 1fr;
    grid-template-columns: 0.4fr 1fr;
    width: 90%;
  }
}

.top-contacto {
  background: url("assets/imgs/FondoContacto.png") no-repeat center bottom;
  background-size: cover;
}
@media only screen and (max-width: 42em) {
  .top-contacto {
    background: url("assets/imgs/Fondo_Contacto_Movil.png") no-repeat center bottom;
  }
}

.contacto {
  background: url("assets/imgs/Fondo_Cta_Contacto.png") no-repeat center bottom;
  padding-top: 2em;
  padding-bottom: 8em;
}
.contacto .forma_contacto {
  background: #FFFFFF;
  padding: 2em 5em;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #EDEDED;
          box-shadow: 0 0 10px #EDEDED;
  margin-top: -14em;
}
.contacto .forma_contacto .top_form {
  text-align: center;
  padding-top: 1em;
  margin-bottom: 5em;
}
@media only screen and (max-width: 42em) {
  .contacto .forma_contacto {
    margin-top: 0;
    padding: 1em;
  }
}
.contacto .contact-card {
  border: 1px solid #7E7F82;
  margin-bottom: 1em;
  padding: 1em 1.5em;
}
.contacto .contact-card h3 {
  font-weight: 600;
  font-size: 1.5em;
}

.top-espacios {
  background: url("assets/imgs/FondoEspacioComercial.png") no-repeat center bottom;
}

.caracteristicas_restaurante {
  background: url("assets/imgs/fondo_verde.png");
  color: #FFFFFF;
  text-align: center;
  padding: 3em 0;
}
.caracteristicas_restaurante .caracteristica {
  text-align: center;
  margin-bottom: 2em;
}
.caracteristicas_restaurante .caracteristica p {
  margin-bottom: 0;
  text-transform: uppercase;
}
.caracteristicas_restaurante .caracteristica .metrica {
  font-size: 3em;
  font-weight: 600;
  line-height: 1;
}

.cta_restaurante {
  background: #7E7F82;
  color: #FFFFFF;
  padding: 1em;
}
.cta_restaurante .cta_r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cta_restaurante .cta_r p {
  margin-right: 1.6em;
  font-size: 2em;
}

.culinario {
  padding: 5em 0;
}
.culinario h2 {
  font-size: 3em;
  font-weight: 600;
  margin-bottom: 0.5em;
}
.culinario ul {
  margin: 0;
}
.culinario ul li {
  list-style-type: none;
}
.culinario ul li:before {
  content: "+";
  margin-right: 0.2em;
}

.ventajas_restaurante {
  background: url("assets/imgs/fondo_cuadricula.png");
  padding: 3em 0;
  text-align: center;
}
.ventajas_restaurante h3 {
  font-size: 1.7em;
  font-weight: 600;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.ventajas_restaurante p {
  line-height: 1.1;
}

.cta_rest {
  text-align: center;
  padding: 3em 0;
}

.aviso-de-privacidad {
  margin-bottom: 5em;
}
.aviso-de-privacidad h2, .aviso-de-privacidad h3, .aviso-de-privacidad h4 {
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 1em;
  margin-top: 2em;
}

form.forma_contacto_interior .top_form {
  text-align: center;
  padding: 1.5em 0;
}
form.forma_contacto_interior label {
  color: #7E7F82;
  text-transform: uppercase;
  margin-bottom: 0em;
  margin-top: 1em;
}
form.forma_contacto_interior legend, form.forma_contacto_interior fieldset {
  margin-top: 1em;
}
form.forma_contacto_interior input {
  padding: 1.5em 1em;
  font-size: 120%;
  border-radius: 3px;
  margin: 0;
}
form.forma_contacto_interior input[type=submit] {
  background: #78B52E;
  color: #FFFFFF;
  border: none;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1em 2em;
  -ms-grid-row-align: end;
  -ms-grid-column-align: end;
  place-self: end;
  cursor: pointer;
}
form.forma_contacto_interior input[type=submit]:hover {
  background: #87cb34;
}
form.forma_contacto_interior textarea {
  min-height: 10em;
  resize: none;
}
form.forma_contacto_interior .legal_submit {
  border-top: 1px solid #EDEDED;
  padding-top: 1em;
  margin-top: 2em;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
form.forma_contacto_interior .legal_submit span {
  font-size: 80%;
}
form.forma_contacto_interior .legal_submit span a {
  color: #7E7F82;
  border-bottom: 1px solid;
}
@media only screen and (max-width: 42em) {
  form.forma_contacto_interior .legal_submit {
    display: block;
  }
  form.forma_contacto_interior .legal_submit span {
    margin-bottom: 1em;
    display: block;
  }
  form.forma_contacto_interior .legal_submit input[type=submit] {
    width: 100%;
  }
}

.parsley-required {
  background: red;
  color: #FFFFFF;
}

.parsley-type {
  background: orange;
  color: black;
}

.parsley-errors-list {
  margin: 0.5em 0 0 0;
}
.parsley-errors-list li {
  list-style-type: none;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 0.5em;
  border-radius: 4px;
}

.tipos-espacios {
  background: #FFFFFF;
  padding-top: 2em;
  padding-bottom: 2em;
}
.tipos-espacios .tipos {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 5em 1fr 5em 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 5em;
}
@media only screen and (max-width: 42em) {
  .tipos-espacios .tipos {
    display: block;
  }
}
.tipos-espacios .tipos .tipo h2 {
  font-size: 1.3em;
  margin-bottom: 0.3em;
  font-weight: 500;
}
.tipos-espacios .tipos .tipo img {
  margin-bottom: 1em;
}
.tipos-espacios .tipos .tipo p {
  line-height: 1.1;
}

.renta-niveles {
  margin-top: 3em;
  margin-bottom: 3em;
}
.renta-niveles h3 {
  font-weight: 800;
  font-size: 3em;
  padding-top: 5em;
}
@media only screen and (max-width: 42em) {
  .renta-niveles h3 {
    padding-top: 0;
  }
}

.bloque_ventajas h3 {
  text-align: center;
  font-size: 2.5em;
  margin-bottom: 1em;
}

.ventajas {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2em;
}
@media only screen and (max-width: 42em) {
  .ventajas {
    display: block;
  }
}
.ventajas .ventaja {
  text-align: center;
}
.ventajas .ventaja .icono {
  background: #FFFFFF;
  width: 60%;
  text-align: center;
  padding: 1.5em 1em;
  margin: 0 auto 1em auto;
}
.ventajas .ventaja p {
  line-height: 1.1;
}

.dis {
  background: rgba(120, 181, 46, 0.4);
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.1em 1em;
  text-transform: uppercase;
  font-weight: 600;
  margin: 1em auto;
}

.plano-wrapper {
  width: 60%;
  margin: auto;
}
@media only screen and (max-width: 42em) {
  .plano-wrapper {
    width: 100%;
  }
}
.plano-wrapper img {
  max-width: auto;
}
.plano-wrapper g {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-shadow: 0 0 20px red;
          box-shadow: 0 0 20px red;
}
.plano-wrapper g[data-zona=opcion_1] {
  opacity: 0;
  -webkit-transform: translate(171.2px, 0);
          transform: translate(171.2px, 0);
}
.plano-wrapper g[data-zona=opcion_2] {
  opacity: 0;
  -webkit-transform: translate(0, 171.2px);
          transform: translate(0, 171.2px);
}
.plano-wrapper g[data-zona=opcion_3] {
  opacity: 0;
}
.plano-wrapper g[data-zona=opcion_4] {
  opacity: 0;
}
.plano-wrapper g[data-zona=opcion_5] {
  opacity: 0;
}
.plano-wrapper g.activa {
  opacity: 0.5;
}

.lista-areas {
  text-align: center;
}
.lista-areas li {
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  border: 1px solid #7E7F82;
  padding: 0.5em;
  margin: 0 5px;
}
.lista-areas li:hover {
  border: 1px solid #7E7F82;
  background: #78B52E;
  color: #FFFFFF;
}
@media only screen and (max-width: 42em) {
  .lista-areas {
    margin: 0;
  }
  .lista-areas li {
    display: block;
    width: 100%;
    margin-bottom: 1em;
  }
}