@font-face {
  font-family: A;
  src: url('../fonts/aco-var.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ex;
  src: url('../fonts/ex.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Aco Text;
  src: url('../fonts/aco-text.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Aco Var;
  src: url('../fonts/aco-var.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: L;
  src: url('../fonts/le.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: M;
  src: url('../fonts/M.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Le;
  src: url('../fonts/le.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --blanco: #fff;
  --menu: #802475;
  --verde: #21403d;
  --rojo: #fb5c46;
  --rosa: #e5cbe4;
  --gris: #b9c6c4;
  --transparent: #fff0;
}

body {
  color: #333;
  background-image: none;
  font-family: Aco Text, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.body-splash {
  background-image: url('../images/Ny_Web-Teaser.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.wrapper {
  height: 100vh;
}

.top-splash {
  grid-column-gap: 7%;
  justify-content: center;
  align-items: center;
  height: 50%;
  display: flex;
}

.logo-splash {
  width: 40%;
  max-height: 70%;
  margin-top: 2%;
}

.side-header {
  color: #fff;
  text-align: center;
  margin-top: 3%;
  margin-bottom: 0;
  font-family: A, Arial, sans-serif;
  font-size: 23px;
  font-weight: 900;
  line-height: 1em;
}

.link-insta {
  color: #fff;
}

.bottom-splash {
  justify-content: center;
  align-items: flex-end;
  height: 50%;
  display: flex;
}

.bottom-img {
  object-fit: contain;
  width: 50%;
  max-height: 90%;
}

.body-home {
  background-image: url('../images/home.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  height: 10000px;
}

.section-header {
  z-index: 4;
  padding: 4.1rem 2rem;
  position: absolute;
  inset: 0% 0% auto;
}

.container-header {
  justify-content: space-between;
  align-items: flex-start;
  max-width: 107.4rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.logo-img-header {
  width: 11.1rem;
}

.menu-header {
  grid-column-gap: 2.6rem;
  grid-row-gap: 2.6rem;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 1.7rem;
  display: flex;
}

.link-header {
  color: var(--menu);
  letter-spacing: .05em;
  text-transform: uppercase;
  padding-top: .2rem;
  padding-bottom: .2rem;
  font-family: Aco Var, Arial, sans-serif;
  font-size: 1.35rem;
  font-weight: 800;
  line-height: 1em;
  text-decoration: none;
  transition: all .2s;
}

.link-header:hover {
  padding-top: 0;
  padding-bottom: .4rem;
}

.section-hero {
  background-image: url('../images/fondo.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  height: 67.5rem;
  padding-top: 23.7rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.container-hero {
  width: 100%;
  max-width: 88.8rem;
  position: relative;
}

.col-a-hero {
  text-align: center;
  width: 43%;
}

.titulo-hero {
  width: 37.3rem;
  margin-bottom: 5.8rem;
}

.title-hero {
  color: var(--menu);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.1rem;
  font-family: Aco Var, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1em;
}

.btn-hero {
  background-color: var(--verde);
  text-transform: uppercase;
  border-radius: 10rem;
  padding: .7rem 1.3rem;
  font-family: Aco Var, Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1em;
  transition: all .2s;
}

.btn-hero:hover, .btn-hero.rojo {
  background-color: var(--rojo);
}

.btn-hero.rojo:hover {
  background-color: var(--rosa);
  color: var(--menu);
}

.img-hero {
  width: 54rem;
  position: absolute;
  inset: -7.8rem -7.7rem auto auto;
}

.section-products {
  padding: 9rem 2rem 7.3rem;
}

.container-products {
  width: 100%;
  max-width: 110.1rem;
  margin-left: auto;
  margin-right: auto;
}

.filter-products {
  justify-content: space-between;
  align-items: center;
  width: 65%;
  margin-bottom: 7.1rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: .6rem;
  display: flex;
}

.filter-btn {
  opacity: .5;
  transition: all .2s;
}

.filter-btn:hover, .filter-btn.on {
  opacity: 1;
}

.img-filter {
  height: 4.8rem;
}

.slideshow-products {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.col-product {
  width: 33.33%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-product.hide {
  display: none;
}

.inside-product {
  text-align: center;
}

.img-producto {
  object-fit: contain;
  width: 100%;
  height: 30rem;
  margin-bottom: 6rem;
}

.img-producto.hide {
  opacity: 0;
}

.nombre-producto {
  color: var(--rojo);
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: Le, Impact, sans-serif;
  font-size: 4.5rem;
  line-height: 1em;
}

.slideshow-group {
  margin-left: -1rem;
  margin-right: -1rem;
  display: none;
}

.slideshow-group.inicial {
  display: block;
}

.desc-producto {
  color: var(--verde);
  max-width: 28.3rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.9rem;
  font-weight: 400;
  line-height: 1.4em;
}

.col-product-doble {
  width: 50%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-product-doble.hide {
  display: none;
}

.puntos-productos {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  justify-content: center;
  align-items: flex-start;
  margin-top: 7rem;
  display: none;
}

.punto-producto {
  background-color: var(--gris);
  border-radius: 100%;
  width: .8rem;
  height: .8rem;
}

.punto-producto.on {
  background-color: var(--verde);
}

.btn-informaci-n {
  justify-content: center;
  align-items: flex-start;
  margin-top: 6rem;
  display: flex;
}

.btn-informacion {
  background-color: var(--rosa);
  color: var(--menu);
  border-radius: 10rem;
  padding: .7rem 2.3rem;
  font-family: Aco Var, Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1em;
  transition: all .2s;
}

.btn-informacion:hover {
  background-color: var(--verde);
  color: var(--gris);
}

.section-about {
  background-color: var(--menu);
  padding: 3rem 2rem 6.6rem;
}

.container-about {
  max-width: 94.7rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.col-a-about {
  width: 51%;
  padding-top: 7.2rem;
}

.titulo-about {
  width: 34.3rem;
  margin-bottom: 3.8rem;
}

.p-about {
  color: var(--blanco);
  margin-bottom: 0;
  margin-left: 5rem;
  font-family: Aco Var, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.26em;
}

.siguenos {
  text-align: center;
  margin-top: 4.1rem;
  padding-left: 4.9rem;
}

.titulo-siguenos {
  color: var(--blanco);
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.9rem;
  font-weight: 800;
  line-height: 1em;
}

.lista-de-iconos {
  grid-column-gap: 1.1rem;
  grid-row-gap: 1.1rem;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.icno-redes {
  width: 3.1rem;
}

.about-image {
  width: 59.1rem;
  position: absolute;
  top: 0;
  right: -3rem;
}

.slider-promos {
  background-color: var(--transparent);
  height: auto;
}

.nav-promo {
  display: none;
}

.imagen-promo, .imagen-banner {
  width: 100%;
}

.section-instagram {
  background-image: linear-gradient(0deg, var(--rosa), white);
  padding: 5.7rem 2rem;
}

.conainer-instagram {
  max-width: 108.5rem;
  margin-left: auto;
  margin-right: auto;
}

.section-what {
  background-image: url('../images/fondo_mapa.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 4.6rem 2rem;
}

.container-map {
  justify-content: space-between;
  align-items: flex-start;
  max-width: 95rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.col-a-map {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  padding-top: 1.1rem;
  display: flex;
}

.titulo-mapa {
  width: 33.1rem;
}

.row-btn-mapa {
  margin-top: 1rem;
}

.col-mapa {
  border-radius: 1rem;
  width: 50%;
  height: 24.3rem;
  position: relative;
  overflow: hidden;
}

.mapa {
  z-index: 0;
  background-color: #f8f6f7;
  height: 100%;
}

.section-footer {
  background-image: url('../images/footer.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 7.5rem 2rem 7.1rem;
}

.container-footer {
  max-width: 95.5rem;
  margin-left: auto;
  margin-right: auto;
}

.logo-footer {
  position: relative;
  left: -.9rem;
}

.logo-footer-img {
  width: 10.1rem;
}

.second-row-footer {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 3.3rem;
  display: flex;
}

.col-footer {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 5.4rem;
  display: flex;
}

.title-footer {
  color: var(--rojo);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.3rem;
  font-family: Le, Impact, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1em;
}

.link-footer {
  color: var(--blanco);
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1em;
  text-decoration: none;
}

.col-nav-footer {
  display: flex;
}

.lighter {
  font-weight: 400;
}

.col-btns-footer {
  padding-top: 1.3rem;
}

.lista-de-iconos-footer {
  grid-column-gap: 1.1rem;
  grid-row-gap: 1.1rem;
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 2.4rem;
  display: flex;
}

.section-legal {
  padding: 3.8rem 2rem 4.3rem;
}

.container-legal {
  max-width: 95.5rem;
  margin-left: auto;
  margin-right: auto;
}

.p-legal {
  color: var(--menu);
  text-align: center;
  letter-spacing: .055em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 1.3rem;
  line-height: 1em;
}

.btn-resp, .close-resp {
  display: none;
}

.marker-wrapper {
  position: relative;
}

.marker {
  width: 13rem;
  position: relative;
  left: 4.2rem;
}

.medio {
  border-bottom: 1px solid #d34343;
  border-radius: 5px;
  width: 50%;
}

.hide-marker {
  width: 0;
  height: 0;
  overflow: hidden;
}

.section-tabla {
  z-index: 5;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: scroll;
}

.flex-tabla {
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 2rem;
  display: flex;
  overflow: scroll;
}

.tabla {
  z-index: 1;
  width: 100%;
  max-width: 1414px;
  position: relative;
}

.close-tabla {
  z-index: 0;
  opacity: .4;
  background-color: #fff;
  position: absolute;
  inset: 0%;
}

.tabla-resp {
  z-index: 1;
  width: 100%;
  max-width: 1414px;
  display: none;
  position: relative;
}

.relative {
  position: relative;
}

.close-tabla-x {
  z-index: 2;
  background-color: var(--rojo);
  color: var(--blanco);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  padding-bottom: .1rem;
  font-size: 2rem;
  font-weight: 100;
  line-height: 1em;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: -1.5rem -1.5rem auto auto;
  transform: rotate(45deg);
}

.body-contacto {
  background-color: #f5b4b4;
  background-image: url('../images/contacto.jpg');
  background-position: 50% 32px;
  background-repeat: no-repeat;
  background-size: auto;
}

.section-contacto {
  z-index: 4;
  display: none;
  position: fixed;
  inset: 0%;
}

.container-contact {
  z-index: 1;
  background-color: var(--blanco);
  text-align: center;
  border-radius: 1.3rem;
  width: 100%;
  max-width: 88.4rem;
  margin-left: auto;
  margin-right: auto;
  padding: 4.5rem 2rem 3.4rem;
  position: relative;
}

.title-contact {
  color: var(--menu);
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.4rem;
  font-size: 2.8rem;
  font-weight: 800;
  line-height: 1em;
}

.close-btn {
  position: absolute;
  top: 1.8rem;
  right: 1.8rem;
}

.close-icn {
  width: 1.5rem;
}

.p-contactanos {
  color: var(--menu);
  max-width: 59.1rem;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.6rem;
  line-height: 1.2em;
}

.form-contactanos {
  text-align: left;
  width: 91%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.row-form {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.row-form.select {
  margin-top: 2rem;
}

.col-form {
  width: 100%;
}

.label {
  color: var(--menu);
  margin-bottom: .7rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1em;
}

.label.bold {
  text-transform: uppercase;
  font-weight: 700;
}

.input {
  border: 1px solid var(--menu);
  color: var(--menu);
  border-radius: 1.5rem;
  height: 2.5rem;
  margin-bottom: 1.4rem;
  padding: 0 1.2rem;
  font-size: 1rem;
  line-height: 1em;
}

.input.textarea {
  min-height: 11.1rem;
  padding-top: 1.3rem;
}

.espacio-form {
  flex: none;
  width: 2.8rem;
  height: 2rem;
}

.row-enviar {
  justify-content: center;
  align-items: flex-start;
  margin-top: 1.7rem;
  display: flex;
}

.flex-contacto {
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 2rem;
  display: flex;
  overflow: scroll;
}

.close-contact {
  z-index: 0;
  position: absolute;
  inset: 0%;
}

.section-equipo {
  z-index: 4;
  display: none;
  position: fixed;
  inset: 0%;
}

.body-faqs {
  background-color: #e2bbbb;
  background-image: url('../images/faqs.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
}

.section-faq {
  z-index: 4;
  display: none;
  position: fixed;
  inset: 0%;
}

.lista-de-faqs {
  max-width: 77rem;
  margin-left: auto;
  margin-right: auto;
}

.row-faqs {
  cursor: pointer;
  margin-bottom: 1rem;
}

.top-faqs {
  border: 1px solid var(--menu);
  border-radius: 10rem;
  justify-content: space-between;
  align-items: center;
  padding: .6rem 1.2rem;
  display: flex;
}

.titulo-faqs {
  color: var(--menu);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.55rem;
  font-weight: 400;
  line-height: 1em;
}

.flecha {
  width: 1.7rem;
  transition: all .2s;
}

.flecha.on {
  transform: rotate(-180deg);
}

.contenido-faqs {
  padding: 2rem 2rem 2rem 2.7rem;
  display: none;
}

.p-faqs {
  text-align: left;
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.3em;
}

.section-t-rminos {
  z-index: 4;
  display: none;
  position: fixed;
  inset: 0%;
}

.section-content {
  z-index: 4;
  padding: 18rem 2rem 10rem;
}

.titulo-terminos {
  color: var(--menu);
  margin-top: 1.5rem;
  font-size: 1.7rem;
  line-height: 1.35em;
  display: block;
}

.container-legals {
  z-index: 1;
  background-color: var(--blanco);
  text-align: center;
  border-radius: 1.3rem;
  width: 100%;
  max-width: 88.4rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.lista-de-privacidad {
  margin-top: 3rem;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 991px) {
  .section-header {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .container-header {
    justify-content: space-between;
    align-items: center;
  }

  .logo-img-header {
    width: 5rem;
  }

  .menu-header {
    margin-top: 0;
  }

  .link-header {
    font-size: 1rem;
  }

  .section-hero {
    justify-content: center;
    align-items: center;
    height: 52rem;
    padding-top: 5rem;
  }

  .container-hero {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .img-hero {
    width: 30rem;
    position: static;
    right: 0;
  }

  .section-products {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .filter-products {
    width: 80%;
  }

  .img-filter {
    height: 3.1rem;
  }

  .col-product {
    width: 50%;
  }

  .col-product.hide-resp-991 {
    display: none;
  }

  .img-producto {
    height: 21rem;
    margin-bottom: 3rem;
  }

  .nombre-producto {
    font-size: 3rem;
  }

  .desc-producto {
    max-width: 16rem;
    font-size: 1rem;
  }

  .puntos-productos {
    margin-top: 5rem;
  }

  .btn-informaci-n {
    margin-top: 3rem;
  }

  .section-about {
    padding-top: 5rem;
    padding-bottom: 5rem;
    overflow: hidden;
  }

  .col-a-about {
    padding-top: 0;
  }

  .p-about {
    margin-left: 0;
    font-size: 1rem;
  }

  .siguenos {
    text-align: left;
    padding-left: 0;
  }

  .lista-de-iconos {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .about-image {
    top: -9.8rem;
    right: -28.1rem;
  }

  .section-instagram, .section-what {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .container-map {
    justify-content: space-between;
    align-items: center;
  }

  .col-a-map {
    width: 43%;
  }

  .section-footer {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .second-row-footer {
    flex-flow: column;
  }

  .col-footer {
    margin-right: 0;
  }

  .col-nav-footer {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .col-btns-footer {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 3rem;
    padding-top: 0;
    display: flex;
  }

  .lista-de-iconos-footer {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
  }

  .p-legal {
    font-size: 1rem;
  }

  .flex-contacto {
    justify-content: center;
    align-items: flex-start;
  }

  .section-content {
    padding-top: 11rem;
  }
}

@media screen and (max-width: 767px) {
  .top-splash {
    grid-column-gap: 0%;
    grid-row-gap: 10%;
    flex-flow: column;
    height: 80%;
  }

  .logo-splash {
    width: 78%;
    margin-top: 0%;
  }

  .side-header {
    margin-top: 0%;
  }

  .bottom-splash {
    height: 20%;
  }

  .menu-header {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .container-hero {
    flex-flow: column;
  }

  .titulo-hero {
    margin-bottom: 3rem;
  }

  .title-hero {
    font-size: 1rem;
  }

  .btn-hero {
    font-size: .7rem;
  }

  .img-hero {
    width: 25rem;
    margin-top: 2rem;
  }

  .filter-products {
    width: 60%;
    margin-bottom: 4rem;
  }

  .img-filter {
    height: 2rem;
  }

  .btn-informacion {
    font-size: .7rem;
  }

  .icno-redes {
    width: 2rem;
  }

  .about-image {
    top: -3.7rem;
    right: -21.4rem;
  }

  .logo-footer {
    left: 0;
  }

  .logo-footer-img {
    width: 5rem;
  }

  .second-row-footer {
    margin-top: 2rem;
  }

  .link-footer {
    font-size: 1rem;
  }

  .section-legal {
    padding-top: 2rem;
    padding-bottom: 3rem;
  }

  .p-legal {
    font-size: .6rem;
  }

  .container-contact {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .title-contact {
    font-size: 2rem;
  }

  .p-contactanos {
    max-width: 30rem;
    margin-bottom: 2rem;
    font-size: 1rem;
  }

  .row-form.select {
    margin-top: 0;
  }

  .label {
    font-size: 1rem;
  }

  .espacio-form {
    width: 1.5rem;
  }

  .row-enviar {
    margin-top: 1rem;
  }

  .section-content {
    padding-top: 7rem;
  }

  .container-legals {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

@media screen and (max-width: 479px) {
  .bottom-img {
    width: 70%;
  }

  .menu-header {
    z-index: 5;
    background-color: var(--blanco);
    flex-flow: column;
    justify-content: flex-start;
    width: 16rem;
    padding: 2rem;
    transition: all .2s;
    position: fixed;
    inset: 0% -16rem 0% auto;
  }

  .menu-header.on {
    right: 0;
  }

  .col-a-hero {
    width: 70%;
  }

  .titulo-hero {
    width: 100%;
  }

  .filter-products {
    width: 90%;
  }

  .col-product {
    width: 100%;
  }

  .col-product.hide-resp-479 {
    display: none;
  }

  .puntos-productos {
    margin-top: 2rem;
  }

  .col-a-about {
    width: 100%;
    margin-bottom: 4rem;
  }

  .about-image {
    position: static;
  }

  .container-map {
    flex-flow: column;
  }

  .col-a-map {
    width: 70%;
    margin-bottom: 4rem;
    padding-top: 0;
  }

  .col-mapa {
    width: 100%;
  }

  .logo-footer-img {
    width: 10rem;
  }

  .second-row-footer {
    margin-top: 4rem;
  }

  .col-nav-footer {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
  }

  .btn-resp {
    border-top: 1px solid var(--menu);
    border-bottom: 1px solid var(--menu);
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 1rem;
    display: flex;
  }

  .linea-media {
    background-color: var(--menu);
    width: 100%;
    height: 1px;
  }

  .close-resp {
    z-index: 4;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .flex-tabla {
    justify-content: center;
    align-items: flex-start;
    padding-top: 6rem;
    padding-bottom: 4rem;
  }

  .tabla {
    display: none;
  }

  .tabla-resp {
    display: block;
  }

  .container-contact {
    padding-bottom: 3rem;
  }

  .row-form {
    flex-flow: column;
  }

  .espacio-form {
    display: none;
  }

  .titulo-faqs {
    font-size: .9rem;
  }

  .flecha {
    width: 1rem;
  }

  .contenido-faqs {
    padding-left: 0;
    padding-right: 0;
  }

  .p-faqs {
    font-size: .9rem;
  }

  .container-legals {
    padding-bottom: 3rem;
  }
}


@font-face {
  font-family: 'A';
  src: url('../fonts/aco-var.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ex';
  src: url('../fonts/ex.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aco Text';
  src: url('../fonts/aco-text.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aco Var';
  src: url('../fonts/aco-var.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'L';
  src: url('../fonts/le.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'M';
  src: url('../fonts/M.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Le';
  src: url('../fonts/le.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}