@font-face {
  font-family: Playfairdisplay;
  src: url('../fonts/PlayfairDisplay-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Playfairdisplay;
  src: url('../fonts/PlayfairDisplay-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Playfairdisplay;
  src: url('../fonts/PlayfairDisplay-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Playfairdisplay;
  src: url('../fonts/PlayfairDisplay-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Playfairdisplay;
  src: url('../fonts/PlayfairDisplay-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Playfairdisplay;
  src: url('../fonts/PlayfairDisplay-ExtraBold.ttf') format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Playfairdisplay;
  src: url('../fonts/PlayfairDisplay-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Playfairdisplay;
  src: url('../fonts/PlayfairDisplay-ExtraBoldItalic.ttf') format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Playfairdisplay;
  src: url('../fonts/PlayfairDisplay-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Playfairdisplay;
  src: url('../fonts/PlayfairDisplay-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Playfairdisplay;
  src: url('../fonts/PlayfairDisplay-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

:root {
  --gris-muy-oscuro: #222;
  --black: #000;
  --a220: #ff0042;
  --dim-grey: #6b6b6b;
  --white: white;
  --white-smoke: #f2f2f2;
  --deep-pink: #fc0a7e;
  --medium-violet-red: #b32e6e;
  --gris-oscuro: #333;
  --casi-negro: #141414;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: #fff;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 10vh;
  font-weight: 700;
  line-height: 10vh;
}

h2 {
  color: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 38px;
  font-weight: 700;
  line-height: 48px;
}

h3 {
  color: #6b6b6b;
  margin-top: 10px;
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: 400;
  line-height: 40px;
}

h4 {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

p {
  color: #6b6b6b;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 30px;
}

a {
  color: #000;
  text-decoration: underline;
}

.hero {
  z-index: 500;
  width: 100%;
  height: auto;
  color: var(--gris-muy-oscuro);
  background-color: #0000;
  border: 1px #000;
  flex-direction: row;
  padding: 15px 10vw 10px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.nav {
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  height: auto;
  display: flex;
}

.nav-inner {
  border-bottom: 1px #ffffff1a;
  justify-content: space-between;
  align-items: center;
  width: 80vw;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.body {
  background-color: #0000;
  font-family: Gothic A1;
}

.nav-menu-wrap {
  display: block;
}

.nav-link {
  color: #fff;
  flex: 0 auto;
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 40px 0 5px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 300;
  text-decoration: none;
  position: relative;
}

.nav-link:hover {
  color: var(--a220);
  text-decoration: none;
}

.nav-link.w--current {
  border-bottom: 0px none var(--a220);
  outline-offset: 0px;
  color: var(--dim-grey);
  outline: 3px #6b6b6b;
  font-weight: 400;
}

.nav-link.menu-2 {
  margin-bottom: 10px;
  padding-top: 15px;
}

.footer {
  background-color: #222;
  justify-content: space-between;
  align-items: center;
  padding: 5% 10%;
  display: flex;
}

.nav-logo-wrap {
  flex: none;
}

.nav-menu-2 {
  background-color: #0000;
}

.grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  object-fit: cover;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-content: stretch;
  place-items: stretch stretch;
  margin-bottom: 0;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0;
}

.link-block-ultimos-proy {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  text-decoration: none;
  display: block;
}

.link-block-ultimos-proy.w--current {
  display: block;
}

.boton {
  background-color: var(--a220);
  color: var(--white);
  text-align: center;
  margin-top: 50px;
  padding: 14px 28px;
  font-family: Inter, sans-serif;
  font-size: 13px;
}

.boton:hover {
  color: var(--black);
}

.texto-empresa-home {
  max-width: none;
  color: var(--white);
  text-align: center;
  margin-bottom: 0;
  padding-left: 27vw;
  padding-right: 28vw;
  font-family: Inter, sans-serif;
  font-size: 33px;
  font-weight: 200;
  line-height: 41px;
}

.titulo-secciones {
  color: var(--black);
  letter-spacing: 0;
  text-transform: none;
  border-bottom: 1px #2e2e2e;
  margin-top: 0;
  margin-bottom: 70px;
  padding-bottom: 0;
  font-family: Playfairdisplay, Georgia, sans-serif;
  font-size: 60px;
  font-style: italic;
  font-weight: 400;
  line-height: 65px;
  display: inline-block;
}

.titulo-secciones.blanco {
  color: var(--white);
  margin-bottom: 60px;
}

.section---clientes {
  opacity: 1;
  mix-blend-mode: normal;
  object-fit: fill;
  background-color: #0000;
  display: block;
}

.div-block-20 {
  opacity: 1;
  text-align: center;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-color: #f2f2f2;
  background-image: linear-gradient(#0000, #0000);
  background-clip: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
}

.div-block-21 {
  width: auto;
  display: flex;
}

.div-block-22 {
  align-items: center;
  width: auto;
  padding-bottom: 10px;
  display: flex;
}

.datos-footer-izq {
  color: #fff;
  text-align: left;
  text-transform: none;
  flex-direction: row;
  align-self: center;
  margin-top: 0;
  margin-left: 0;
  padding-left: 12px;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 200;
  line-height: 22px;
  display: flex;
}

.datos-footer-izq.dominio {
  padding-left: 0;
}

.div-block-14-copy {
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}

.div-block-23 {
  width: 220px;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}

.link-block-3 {
  flex: 0 auto;
  align-self: auto;
  margin-left: 0;
  padding-left: 0;
  display: block;
}

.icono-redes {
  margin-left: 14px;
}

.image-6 {
  width: 53px;
  max-width: none;
  display: block;
}

.div-block-25 {
  background-color: #1a1a1a;
  width: 58%;
  margin-left: 5%;
  padding: 40px 60px;
}

.paragraph-2 {
  color: var(--white);
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-weight: 300;
}

.text-span-2 {
  font-weight: 200;
}

.grid-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  justify-items: center;
  width: 85%;
  margin-top: 60px;
}

.link-block-5 {
  align-items: center;
  display: flex;
}

.section-2 {
  color: #000;
  background-color: #1a1a1a;
  padding-top: 110px;
}

.grid-proyectos-2-1-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  object-fit: fill;
  grid-template: "."
                 "."
                 / 2fr 1fr 2fr;
  grid-auto-flow: row;
  place-content: center;
  place-items: stretch stretch;
  width: 100%;
  height: auto;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 100px;
}

.image-8 {
  object-fit: fill;
  display: block;
}

.item-menu, .item-menu:hover, .item-menu:active, .item-menu:focus, .item-menu:focus-visible, .item-menu[data-wf-focus-visible] {
  text-decoration: none;
}

.html-embed {
  border: 1px solid #0000;
  border-bottom-style: none;
}

.ultimo-proy-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
  display: block;
}

.ultimo-proy-1 {
  padding-top: 0;
}

.grid-proyectos-1-3-1 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  object-fit: fill;
  grid-template: "."
                 "."
                 / 1fr 3fr 1fr;
  grid-auto-flow: row;
  place-content: center;
  place-items: stretch stretch;
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 100px;
}

.div-block-15-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  background-color: #000c;
  border: 0 #0000;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.titulo-ultimos-proy {
  color: var(--a220);
  letter-spacing: 0;
  text-transform: none;
  border-bottom: 0 #2e2e2e;
  margin-bottom: 50px;
  padding-top: 30px;
  padding-bottom: 0;
  font-family: Playfairdisplay, Georgia, sans-serif;
  font-size: 60px;
  font-style: italic;
  font-weight: 400;
  line-height: 75px;
  display: block;
}

.titulo-ultimos-proy:hover, .titulo-ultimos-proy:active {
  color: var(--a220);
}

.titulo-ultimos-proy:focus, .titulo-ultimos-proy:focus-visible, .titulo-ultimos-proy[data-wf-focus-visible] {
  text-decoration: none;
}

.hero-content-copy {
  z-index: 90;
  border-bottom: 3px none var(--a220);
  background-color: #000000e3;
  flex: 0 auto;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 10vw;
  padding-right: 10vh;
  display: flex;
  position: relative;
}

.div-block-13-copy {
  border-bottom: 2px solid var(--a220);
  background-color: #0000;
  flex-direction: column;
  align-self: auto;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 90vh;
  max-height: none;
  display: flex;
}

.section-frase {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.image-5-copy {
  max-width: 50vw;
}

.div-block-18-copy {
  background-color: var(--white);
  opacity: 1;
  text-align: center;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-image: url('../images/mesa-reuniones.jpg');
  background-position: 92%;
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-clip: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-top: 80px;
  padding-bottom: 120px;
  display: block;
}

.section---empresa-copy {
  opacity: 1;
  mix-blend-mode: normal;
  object-fit: fill;
  background-color: #0000;
  padding-top: 0;
  display: block;
}

.titulo-empresa-copy {
  color: var(--black);
  letter-spacing: 0;
  text-transform: none;
  border-bottom: 1px #2e2e2e;
  margin-top: 0;
  margin-bottom: 60px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Playfairdisplay, Georgia, sans-serif;
  font-size: 60px;
  font-style: italic;
  font-weight: 400;
  line-height: 65px;
  display: inline-block;
}

.link-ultimos-proy {
  color: var(--a220);
  padding-bottom: 0;
  text-decoration: none;
}

.link-ultimos-proy:hover {
  color: #9e0029;
}

.link-ultimos-proy:visited, .link-ultimos-proy.w--current, .link-ultimos-proy.w--current:hover, .link-ultimos-proy.w--current:active, .link-ultimos-proy.w--current:focus, .link-ultimos-proy.w--current:focus-visible, .link-ultimos-proy.w--current[data-wf-focus-visible], .link-ultimos-proy.w--current:visited {
  text-decoration: none;
}

.div-block-35 {
  background-color: #0000;
  border: 0 #333;
  padding-bottom: 100px;
}

.section-3 {
  border-style: none;
  border-width: 0;
  border-color: var(--a220) var(--white);
  outline-offset: 0px;
  outline: 0 #333;
}

.cubierta-roja {
  z-index: 40;
  clear: right;
  opacity: 1;
  mix-blend-mode: normal;
  object-fit: fill;
  background-image: linear-gradient(#270c13e6, #270c13e6);
  flex-flow: column wrap;
  flex: 0 auto;
  place-content: stretch center;
  align-self: stretch;
  align-items: center;
  width: 100%;
  height: 100%;
  display: inline-flex;
  position: absolute;
  inset: 0;
  overflow: visible;
}

.boton-ver-mas {
  color: var(--a220);
  text-align: center;
  background-color: #0000;
  margin-top: 24px;
  padding: 5px 0;
  font-family: Inter, sans-serif;
  font-size: 13px;
}

.boton-ver-mas:hover {
  color: #919191;
}

.boton-ver-mas.w--current {
  border-style: none;
  border-width: 1px;
  border-color: var(--white) var(--white) var(--a220);
  color: var(--a220);
  background-color: #0000;
  margin-top: 12px;
  padding: 5px 0;
  font-size: 14px;
}

.boton-ver-mas.w--current:hover {
  color: #999;
  border-bottom-color: #999;
}

.piezas-proyectos {
  object-fit: fill;
  flex: 0 auto;
  align-self: auto;
  max-height: 100%;
  position: static;
  inset: 0% auto auto 0%;
}

.piezas-proyectos.mc {
  width: 100%;
}

.piezas {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
}

.div-block-49 {
  background-image: url('../images/MC-carry.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 100%;
}

.grid-proyectos-1-2-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  object-fit: fill;
  grid-template: "."
                 "."
                 / 1fr 2fr 2fr;
  grid-auto-flow: row;
  place-content: center;
  place-items: stretch stretch;
  width: 100%;
  height: auto;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 100px;
}

.cubierta-roja---tx-descripcion {
  color: var(--white);
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 18px;
}

.grid-proyectos-2-2-1 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  object-fit: fill;
  grid-template: "."
                 "."
                 / 2fr 2fr 1fr;
  grid-auto-flow: row;
  place-content: center;
  place-items: stretch stretch;
  width: 100%;
  height: auto;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 100px;
}

.texto-empresa {
  width: auto;
  max-width: none;
  color: var(--black);
  text-align: left;
  margin-top: 60px;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 200;
  line-height: 30px;
}

.div-block-50 {
  z-index: 200;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 70vw;
  margin-bottom: 0;
  padding-top: 0;
  line-height: 20px;
  display: flex;
  position: static;
}

.div-block-60 {
  border-style: solid none;
  border-width: 3px 1px 1px;
  border-color: var(--a220) black;
  background-color: var(--gris-muy-oscuro);
  color: #302f2f;
  object-fit: fill;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 29px;
  padding-bottom: 100px;
  display: flex;
  position: static;
}

.text-span-8 {
  font-weight: 300;
}

.texto-empresa-intro {
  z-index: 1;
  clear: none;
  width: auto;
  max-width: none;
  color: var(--black);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-family: Playfairdisplay, Georgia, sans-serif;
  font-size: 31px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  position: relative;
}

.div-block-51 {
  z-index: 100;
  mix-blend-mode: normal;
  background-color: #0000;
  background-image: url('../images/taza1.jpg');
  background-position: 74vw 10%;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: scroll;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 410px;
  display: flex;
  position: relative;
  top: 0;
}

.div-block-52 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  mix-blend-mode: multiply;
  background-color: #ededed;
  flex-flow: row;
  place-content: center;
  align-items: center;
  width: 100%;
  height: 290px;
  margin-top: 119px;
  padding-top: 0;
  display: flex;
  position: static;
  top: 129px;
  bottom: -37px;
}

.div-block-53 {
  color: var(--black);
  flex-direction: column;
  margin-left: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  display: flex;
}

.datos-hablemos {
  outline-offset: 0px;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  outline: 3px #000;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  display: flex;
}

.datos-hablemos.sin-linea {
  border-bottom-style: none;
  border-bottom-width: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.datos-hablemos.nombre {
  font-size: 22px;
  font-weight: 500;
}

.image-15 {
  filter: invert();
  width: 27px;
  max-width: 100%;
  padding-top: 14px;
}

.div-block-hablemos {
  border-top: 3px solid var(--a220);
  background-color: var(--white-smoke);
  height: auto;
  color: var(--white);
  object-fit: fill;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 29px;
  padding-bottom: 0;
  display: flex;
  position: static;
}

.div-block-empresa {
  border-top: 3px solid var(--a220);
  background-color: var(--white-smoke);
  height: auto;
  color: var(--white);
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-clip: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 29px;
  padding-bottom: 100px;
  display: flex;
  position: static;
}

.image-16 {
  filter: invert();
  width: 22px;
  max-width: none;
  height: 22px;
}

.link-block-12 {
  text-decoration: none;
}

.link-block-guardar-contacto {
  background-color: var(--a220);
  border-top: 4px solid #c70033;
  border-radius: 0 0 10px 10px;
  flex-wrap: nowrap;
  place-content: center;
  align-items: center;
  width: 200px;
  padding: 6px 0 7px;
  text-decoration: none;
  display: flex;
}

.link-block-guardar-contacto:hover, .link-block-guardar-contacto:active, .link-block-guardar-contacto:focus, .link-block-guardar-contacto:focus-visible, .link-block-guardar-contacto[data-wf-focus-visible], .link-block-guardar-contacto:visited {
  text-decoration: none;
}

.guardar-contacto {
  background-color: var(--a220);
  color: var(--white);
  text-align: left;
  margin-top: 0;
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 13px;
  text-decoration: none;
}

.guardar-contacto:hover {
  color: var(--black);
}

.image-17 {
  margin-right: 10px;
  text-decoration: none;
  display: block;
}

.div-block-55 {
  z-index: 100;
  mix-blend-mode: multiply;
  flex-direction: column;
  align-self: center;
  align-items: center;
  width: 100%;
  margin-top: -120px;
  margin-bottom: 20px;
  display: flex;
  position: static;
}

.link-block-13 {
  padding-right: 30px;
  display: block;
}

.link-block-13.w--current {
  align-items: center;
  margin-right: 30px;
  display: flex;
}

.div-block-56 {
  align-self: center;
  align-items: flex-start;
  width: 320px;
  margin-left: 0;
  margin-right: 0%;
  display: flex;
}

.div-block-57 {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-descrip-proy {
  border-top: 3px solid var(--a220);
  background-color: var(--white-smoke);
  height: auto;
  color: var(--white);
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-clip: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 0;
  display: flex;
  position: static;
}

.volver-a-proy {
  color: var(--a220);
  text-transform: uppercase;
  align-self: flex-start;
  font-family: Inter, sans-serif;
  font-weight: 300;
  text-decoration: none;
}

.volver-a-proy:hover {
  color: var(--dim-grey);
}

.nombre-cliente {
  color: var(--gris-muy-oscuro);
  text-transform: uppercase;
  align-self: flex-start;
  padding-top: 40px;
  padding-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 50px;
  font-weight: 300;
  line-height: 40px;
}

.texto-detalle-proy {
  width: auto;
  max-width: none;
  color: var(--black);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 200;
  line-height: 28px;
}

.text-span-13 {
  font-weight: 300;
}

.titulo-cliente {
  color: var(--white);
  text-align: left;
  padding-left: 20px;
  font-family: Inter, sans-serif;
  font-size: 31px;
  font-weight: 300;
  line-height: 55px;
  text-decoration: none;
}

.titulo-cliente:hover {
  color: var(--a220);
}

.div-block-clientes-proy {
  width: 100%;
}

.grid-piezas {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--gris-muy-oscuro);
  border-bottom: 0 #000;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
  place-content: start stretch;
  place-items: stretch stretch;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 0;
  padding: 40px 40px 100px;
}

.div-block-61 {
  z-index: 500;
  border-bottom: 1px solid var(--a220);
  background-color: var(--gris-muy-oscuro);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  padding-left: 40px;
  display: flex;
  position: sticky;
  inset: 0 0% 0%;
}

.text-block-3 {
  align-items: center;
  display: block;
}

.div-block-50-copy {
  z-index: 200;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 740px;
  margin-bottom: 100px;
  padding-top: 40px;
  line-height: 20px;
  display: flex;
  position: static;
}

.paragraph-8 {
  font-weight: 500;
}

.link-block-15 {
  align-items: center;
  display: flex;
}

.div-block-63 {
  box-sizing: border-box;
  object-fit: fill;
  background-image: url('../images/nube-fondo-gris.jpg');
  background-position: 50% -60px;
  background-repeat: no-repeat;
  background-size: 500px;
  width: 500px;
  height: 500px;
  display: block;
  position: absolute;
  top: 113px;
  left: auto;
  right: -90px;
  overflow: clip;
}

.nav-sec {
  z-index: 1000;
  background-color: #1a1a1a;
  width: 100%;
  height: auto;
  margin-top: 0;
  padding-top: 0;
  padding-left: 10vw;
  padding-right: 10vw;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.image-21 {
  height: 36px;
}

.text-field {
  color: var(--gris-muy-oscuro);
  letter-spacing: 0;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.menu-button-2 {
  background-color: #0000;
}

.image-21-copy {
  height: 36px;
  margin-top: 7px;
  margin-bottom: 7px;
}

.section-landing {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.hero-content-landing {
  z-index: 90;
  border-bottom: 3px none var(--a220);
  background-color: #000000e3;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 120px 10vw 160px;
  display: flex;
  position: relative;
}

.div-block-landing {
  border-bottom: 2px solid var(--a220);
  background-color: #0000;
  flex-direction: column;
  align-self: auto;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  max-height: none;
  padding-bottom: 0;
  display: flex;
}

.titulo-landing {
  color: var(--a220);
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  border-bottom: 0 #2e2e2e;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 50px;
  font-style: italic;
  font-weight: 400;
  line-height: 65px;
  display: inline-block;
}

.texto-landing {
  width: auto;
  max-width: none;
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 200;
  line-height: 30px;
}

.video {
  max-width: none;
}

.heading-6 {
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Helveticaltstd cond;
  font-size: 31px;
  line-height: 40px;
  display: none;
}

.div-videos {
  width: 1000px;
  margin-bottom: 140px;
}

.div-block-64 {
  z-index: -5;
  background-image: url('../images/logo-home.jpg');
  background-position: 100%;
  background-size: auto;
  background-attachment: fixed;
  height: 100vh;
  position: fixed;
  inset: 0%;
}

.div-block-66 {
  padding-top: 120px;
}

.image-22, .image-23 {
  display: block;
}

.dropdown-list {
  position: static;
}

.dropdown-list.w--open {
  background-color: #0000;
}

.div-block-t-c {
  z-index: 200;
  border-top: 2px solid #ddd;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  width: 70vw;
  margin-bottom: 0;
  padding-top: 0;
  line-height: 20px;
  display: flex;
  position: static;
}

.div-block {
  border-top: 3px none var(--a220);
  background-color: var(--white-smoke);
  height: auto;
  color: var(--white-smoke);
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-clip: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 100px;
  display: flex;
  position: static;
}

.texto-t-c {
  width: auto;
  max-width: none;
  color: var(--black);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 19px;
  font-weight: 300;
  line-height: 30px;
}

.dropdown-toggle {
  padding-left: 0;
}

.tc-subtitulo {
  font-weight: 500;
}

.t-c-parrafo {
  color: #000;
  margin-bottom: 10px;
  padding-bottom: 0;
  line-height: 24px;
}

.link-3 {
  vertical-align: baseline;
  padding-top: 40px;
  padding-bottom: 50px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.body-2 {
  background-color: #e62b00;
}

.div-block-70 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-bottom: 60px;
  display: flex;
}

.section-6 {
  background-image: url('../images/guarda50-flip.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-71 {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  display: flex;
}

.iconos-redes:hover {
  opacity: .5;
}

.pines-locales {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.pines-locales:hover {
  opacity: .5;
}

.locales {
  color: var(--white);
  text-align: center;
  font-size: 14px;
  text-decoration: none;
}

.div-block-72 {
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  flex-flow: row;
  margin-top: -10px;
  display: flex;
}

.pin {
  height: 36px;
}

.div-block-73 {
  display: block;
}

.image-25 {
  margin-top: 15px;
  overflow: clip;
}

.pieza-grilla {
  overflow-wrap: normal;
  object-fit: fill;
  width: 100%;
  max-width: none;
  height: auto;
  max-height: none;
  overflow: clip;
}

html.w-mod-js [data-ix="initial-display-scrolling-bar"] {
  display: none;
}

@media screen and (max-width: 991px) {
  h2 {
    font-size: 34px;
    line-height: 44px;
  }

  h3 {
    font-size: 20px;
    line-height: 32px;
  }

  .hero {
    padding-left: 0;
    padding-right: 0;
  }

  .nav {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-inner {
    width: 100%;
  }

  .nav-link {
    margin-left: 25px;
    margin-right: 25px;
    padding-top: 20px;
  }

  .nav-link:hover {
    box-shadow: none;
  }

  .nav-link.menu-2 {
    margin-bottom: 20px;
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 20px;
  }

  .menu-icon {
    color: #fff;
    font-size: 40px;
  }

  .menu-button.w--open {
    background-color: #000;
  }

  .nav-menu-2 {
    border-top: 1px solid var(--a220);
    color: #000000e6;
    background-color: #000000e6;
    width: 100%;
    min-width: 0;
    max-width: none;
    margin-top: 19px;
    padding: 10px 0;
  }

  .nav-menu-2.posicion {
    background-color: #000000e6;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .brand {
    padding-left: 18px;
  }

  .texto-empresa-home {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .titulo-secciones {
    margin-bottom: 60px;
  }

  .datos-footer-izq, .div-block-23 {
    padding-right: 0;
  }

  .grid-2 {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .item-menu {
    font-size: 16px;
  }

  .hero-content-copy {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .div-block-18-copy {
    background-color: #fe0037;
    background-image: url('../images/mesa-reuniones-responsive.jpg');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 370px;
    padding-bottom: 319px;
  }

  .titulo-empresa-copy {
    margin-bottom: 40px;
  }

  .div-block-50 {
    padding-top: 0;
  }

  .div-block-51 {
    background-position: 78vw -230%;
    background-size: auto 400px;
    height: 380px;
  }

  .div-block-53 {
    margin-left: 30px;
  }

  .div-block-empresa {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .div-block-55 {
    margin-top: -150px;
  }

  .div-block-50-copy {
    width: 70vw;
  }

  .image-18 {
    max-width: 90%;
  }

  .div-block-63 {
    -webkit-text-fill-color: inherit;
    object-fit: fill;
    background-image: url('../images/nube-fondo-gris.jpg');
    background-position: 450px -110px;
    background-repeat: no-repeat;
    background-size: 380px;
    background-clip: border-box;
    width: 100%;
    height: 300px;
    position: absolute;
    inset: 118px auto auto;
  }

  .nav-sec {
    display: none;
  }

  .icon-2 {
    color: var(--white);
  }

  .menu-button-2.w--open {
    background-color: var(--black);
  }

  .hero-content-landing {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .div-videos {
    width: 80vw;
  }

  .div-block-64 {
    background-position: 90%;
  }

  .div-block-t-c {
    padding-top: 0;
  }

  .div-block {
    padding-top: 30px;
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  h2 {
    font-size: 28px;
    line-height: 38px;
  }

  .hero {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .nav-inner {
    width: 100%;
    display: flex;
  }

  .body {
    background-color: var(--black);
    background-image: none;
  }

  .nav-link.menu-2 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .nav-link.menu-2.w--current {
    margin-left: 25px;
    margin-right: 25px;
    font-size: 14px;
  }

  .footer {
    height: 100vh;
    padding: 10% 5%;
  }

  .menu-icon {
    font-size: 30px;
  }

  .nav-menu-2 {
    background-color: #000000e6;
    margin-top: 10px;
    padding-top: 10px;
  }

  .nav-menu-2.posicion {
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .div-block-22 {
    padding-bottom: 20px;
  }

  .datos-footer-izq {
    padding-left: 10px;
    padding-right: 0;
  }

  .div-block-14-copy {
    padding-left: 10px;
  }

  .div-block-25 {
    margin-left: 20px;
    padding: 10px 30px;
  }

  .grid-2 {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
  }

  .section-2 {
    padding-top: 81px;
  }

  .item-menu {
    font-size: 16px;
  }

  .hero-content-copy {
    height: 100vh;
    margin-bottom: 0;
  }

  .image-5-copy {
    max-width: 60vw;
    margin-bottom: 0;
  }

  .div-block-50 {
    margin-bottom: 40px;
  }

  .div-block-60 {
    border-top: 3px solid var(--a220);
    border-bottom-width: 1px;
    border-bottom-color: var(--a220);
  }

  .link-block-13 {
    padding-right: 20px;
  }

  .div-block-56 {
    margin-right: 0%;
  }

  .image-18 {
    max-width: 70%;
  }

  .div-block-63 {
    background-image: url('../images/nube-fondo-gris.jpg');
    background-position: 70% 80%;
    top: 84px;
    right: -150px;
  }

  .nav-sec {
    padding-left: 20px;
    padding-right: 20px;
    display: none;
  }

  .icon-2 {
    color: var(--white);
  }

  .section-landing {
    width: auto;
  }

  .hero-content-landing {
    height: auto;
    margin-bottom: 0;
    padding-top: 80px;
  }

  .titulo-landing {
    max-width: none;
    margin-bottom: 20px;
    font-size: 46px;
    line-height: 53px;
  }

  .texto-landing {
    width: auto;
    max-width: 70%;
    font-size: 22px;
    line-height: 27px;
  }

  .div-videos {
    width: 66vw;
    height: auto;
    max-height: none;
    overflow: visible;
  }

  .div-block-64 {
    background-position: 80%;
    background-repeat: repeat-x;
    background-size: 150%;
  }

  .navbar {
    display: none;
  }

  .div-block-65 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-t-c {
    margin-bottom: 0;
  }

  .div-block {
    padding-top: 0;
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 60px;
    line-height: 70px;
  }

  h3 {
    font-size: 16px;
  }

  .hero {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-inner {
    width: 100%;
  }

  .body {
    -webkit-text-fill-color: inherit;
    background-color: #0000;
    background-image: none;
    background-clip: border-box;
  }

  .nav-link {
    flex-flow: column;
    flex: none;
    order: 0;
    place-content: center;
    align-self: auto;
    align-items: center;
    width: auto;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
    display: flex;
    inset: 0;
  }

  .nav-link.w--current {
    flex-flow: column;
    align-content: center;
    align-self: center;
    width: auto;
    line-height: 20px;
    display: flex;
  }

  .footer {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100vh;
    padding: 0 40px;
  }

  .nav-menu-2 {
    color: #0000;
    background-color: #000000e6;
    flex-flow: column;
    place-content: center flex-start;
    align-items: center;
    width: auto;
    min-width: auto;
    margin-top: 5px;
    margin-bottom: 0;
    padding: 40px 0 30px;
    display: flex;
  }

  .nav-menu-2.posicion {
    margin-top: 0;
  }

  .grid {
    background-image: none;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .texto-empresa-home {
    padding-left: 10vw;
    padding-right: 10vw;
    font-size: 33px;
    line-height: 48px;
  }

  .titulo-secciones {
    text-align: center;
    margin-bottom: 30px;
    font-size: 48px;
    font-weight: 500;
    line-height: 50px;
  }

  .section---clientes {
    flex-flow: column;
    display: flex;
    position: static;
  }

  .div-block-20 {
    justify-content: flex-start;
    align-items: center;
    padding-top: 60px;
  }

  .div-block-22 {
    width: auto;
    padding-bottom: 20px;
  }

  .datos-footer-izq {
    flex-wrap: nowrap;
    padding-right: 0;
    font-size: 14px;
  }

  .div-block-23 {
    width: auto;
    padding-right: 0;
  }

  .icono-redes {
    margin-left: 0;
    margin-right: 17px;
  }

  .div-block-25 {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 40px 30px;
  }

  .paragraph-2 {
    margin-bottom: 0;
  }

  .text-span-2 {
    font-size: 16px;
    line-height: 38px;
  }

  .grid-2 {
    grid-column-gap: 14vw;
    grid-row-gap: 14vw;
    grid-template-rows: auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    place-items: start center;
    width: 82%;
    margin-top: 20px;
  }

  .section-2 {
    padding-top: 76px;
  }

  .grid-proyectos-2-1-2 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .item-menu {
    text-align: center;
    flex-direction: column;
    flex: 0 auto;
    align-self: center;
    align-items: center;
    font-size: 18px;
    line-height: 24px;
    display: inline-block;
  }

  .html-embed {
    align-self: auto;
    display: inline-block;
  }

  .grid-proyectos-1-3-1 {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-15-copy {
    background-color: #000c;
    justify-content: flex-start;
  }

  .titulo-ultimos-proy {
    padding-top: 20px;
    font-size: 42px;
    line-height: 42px;
  }

  .hero-content-copy {
    background-color: #000000e3;
    align-items: center;
    height: 100%;
  }

  .div-block-13-copy {
    flex-flow: wrap;
    place-content: stretch space-between;
    width: auto;
    height: 79vh;
    display: block;
  }

  .image-5-copy {
    max-width: 90vw;
  }

  .div-block-18-copy {
    background-color: #ff0f36;
    background-image: url('../images/mesa-reuniones-responsive.jpg');
    background-position: 50% 103%;
    background-repeat: no-repeat;
    background-size: 330px;
    background-attachment: scroll;
    padding-top: 60px;
    padding-bottom: 296px;
  }

  .section---empresa-copy {
    background-color: #0000;
  }

  .titulo-empresa-copy {
    margin-bottom: 40px;
    font-size: 42px;
    font-weight: 500;
    line-height: 42px;
  }

  .boton-ver-mas {
    margin-top: 10px;
  }

  .div-block-49 {
    background-repeat: repeat-x;
    background-size: cover;
    background-attachment: scroll;
    width: 100%;
    max-width: none;
    height: 310px;
    max-height: none;
  }

  .grid-proyectos-1-2-2 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .cubierta-roja---tx-descripcion {
    font-size: 16px;
    line-height: 20px;
  }

  .grid-proyectos-2-2-1 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .texto-empresa {
    text-align: left;
    font-size: 24px;
  }

  .div-block-50 {
    width: 85vw;
    margin-bottom: 60px;
    padding-top: 0;
  }

  .div-block-60 {
    border-top: 3px solid var(--a220);
    padding-bottom: 40px;
  }

  .texto-empresa-intro {
    font-size: 32px;
    font-weight: 500;
    line-height: 44px;
  }

  .div-block-51 {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    height: auto;
  }

  .div-block-52 {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    flex-flow: column;
    justify-content: flex-start;
    height: auto;
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .div-block-53 {
    align-items: center;
    margin-left: 0;
  }

  .datos-hablemos {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 22px;
    line-height: 24px;
  }

  .div-block-empresa {
    margin-bottom: 0;
    padding-top: 100px;
    padding-bottom: 20px;
  }

  .image-16 {
    width: 20px;
    height: 20px;
  }

  .div-block-55 {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 14px;
  }

  .link-block-13.w--current {
    margin-right: 0;
  }

  .div-block-56 {
    justify-content: flex-start;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 30%;
  }

  .div-block-57 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .nombre-cliente {
    font-size: 40px;
  }

  .titulo-cliente {
    font-size: 22px;
    line-height: 40px;
  }

  .grid-piezas {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex: 0 auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    align-content: stretch;
    place-items: stretch stretch;
    padding: 20px;
  }

  .div-block-50-copy {
    width: 85vw;
    font-weight: 500;
  }

  .image-18 {
    max-width: 70%;
  }

  .paragraph-4, .paragraph-5 {
    font-weight: 300;
  }

  .paragraph-6 {
    font-weight: 400;
  }

  .paragraph-7, .paragraph-8 {
    font-weight: 500;
  }

  .text-span-14 {
    line-height: 38px;
  }

  .div-block-62 {
    padding-bottom: 20px;
  }

  .div-block-63 {
    background-position: 50% -44%;
    background-size: 170px;
    top: 90px;
    right: auto;
  }

  .nav-sec {
    display: none;
  }

  .icon-2 {
    color: var(--white);
  }

  .menu-button-2 {
    background-color: #0000;
  }

  .section-landing {
    justify-content: flex-start;
    align-items: center;
    width: auto;
  }

  .hero-content-landing {
    align-items: center;
    height: auto;
    padding: 0 10px;
  }

  .div-block-landing {
    flex-flow: wrap;
    place-content: stretch space-between;
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
  }

  .titulo-landing {
    max-width: none;
    margin-bottom: 60px;
    font-size: 48px;
    line-height: 50px;
  }

  .texto-landing {
    text-align: center;
    max-width: 85%;
    font-size: 24px;
    line-height: 29px;
  }

  .heading-6 {
    text-align: center;
    margin-top: 20px;
    font-size: 23px;
  }

  .div-videos {
    width: 100%;
    margin-bottom: 100px;
  }

  .div-block-64 {
    z-index: -5;
    background-image: url('../images/logo-home.jpg');
    background-position: 80% 70%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 100vh;
    position: fixed;
    inset: 0%;
  }

  .div-block-65 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 90vh;
    display: flex;
  }

  .div-block-66 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: none;
    padding-top: 60px;
    padding-bottom: 40px;
    display: flex;
  }

  .div-block-t-c {
    width: 85vw;
    margin-bottom: 0;
    padding-top: 0;
  }

  .div-block {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 80px;
  }

  .texto-t-c {
    text-align: left;
    font-size: 24px;
  }

  .text-block-6 {
    margin-right: 5px;
    font-size: 22px;
  }

  .icon-3 {
    margin-left: 0;
  }

  .div-block-72 {
    grid-column-gap: 31px;
    grid-row-gap: 31px;
    flex-flow: column;
  }

  .pieza-grilla {
    object-fit: fill;
    width: 100%;
    max-width: none;
    height: auto;
    max-height: none;
  }
}

#w-node-_4bb3c15d-ffcf-a60c-6197-e36882821489-5dd1aa06, #w-node-_78523a14-8bf9-d443-8c38-f11181cca424-5dd1aa06, #w-node-_0966e565-d000-a026-4264-816a269bf5b4-5dd1aa06, #w-node-_11331405-d6c7-044d-46bc-4da1fa4a9e57-5dd1aa06, #w-node-_5476c889-0846-3460-5f96-4022268de483-5dd1aa06, #w-node-_6ac8775a-b002-a3bf-ab6e-0cca107d8349-5dd1aa06, #w-node-_44a9e5d4-d496-bacb-d869-07a11f48d415-5dd1aa06, #w-node-_8d28ad3d-f3e4-50a4-fa3b-9a7492de70c9-5dd1aa06, #w-node-c2588dd7-d10b-cee8-1e9a-50947e24273f-5dd1aa06, #w-node-_132a1cab-7233-cbf0-85d1-f762b149c199-5dd1aa06, #w-node-_14a97252-e854-1677-74e4-0a1002ea7fc5-5dd1aa06, #w-node-_49514ec6-d8f2-a04c-6f5d-a77ec05ee7b8-5dd1aa06, #w-node-eebcf391-e45d-257e-e9ed-4abc918f516e-5dd1aa06, #w-node-_06df2feb-51cd-5eea-1b44-d07b3b1c2f82-5dd1aa06, #w-node-_4ea0db8f-25aa-622a-9b9c-909635ce1543-5dd1aa06, #w-node-_0c50fae8-cc85-9558-ee61-cc82919d1a88-5dd1aa06, #w-node-_29f8eef8-8ca6-c1d8-3837-6557d5ec319c-5dd1aa06, #w-node-_8a1f67d5-5eb5-e513-6ffa-aa950c17e363-5dd1aa06, #w-node-_81494820-2054-6baf-1d63-d08b2bc9c9e3-5dd1aa06, #w-node-_9b817c56-5bc6-2903-0d4c-eee3cb9df4f6-5dd1aa06, #w-node-_0a5f17c0-ad69-1d9c-e3bd-fb890ee67381-5dd1aa06, #w-node-_2eb1fcc1-9686-5f23-27fa-d4291408973e-5dd1aa06, #w-node-fd57db28-7e6b-9681-8f1b-88d9ebdc83c2-5dd1aa06, #w-node-_90072d50-04bd-76f9-e8ee-0f2d75c86a7c-5dd1aa06, #w-node-a97be8fb-f10e-5641-a515-66d01dd2d610-23d1aa0a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a97be8fb-f10e-5641-a515-66d01dd2d61a-23d1aa0a {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-a97be8fb-f10e-5641-a515-66d01dd2d606-23d1aa0a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-a97be8fb-f10e-5641-a515-66d01dd2d624-23d1aa0a {
  grid-area: span 2 / span 1 / span 2 / span 1;
  align-self: auto;
}

#w-node-_6a8e14ca-5e2e-0d5c-52fc-a645af71fad7-23d1aa0a, #w-node-_6a8e14ca-5e2e-0d5c-52fc-a645af71fade-23d1aa0a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_6a8e14ca-5e2e-0d5c-52fc-a645af71fae5-23d1aa0a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6a8e14ca-5e2e-0d5c-52fc-a645af71faec-23d1aa0a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_54a2e73a-f909-8661-7693-d4a5335d6726-23d1aa0a, #w-node-_54a2e73a-f909-8661-7693-d4a5335d672c-23d1aa0a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_54a2e73a-f909-8661-7693-d4a5335d672d-23d1aa0a, #w-node-_54a2e73a-f909-8661-7693-d4a5335d6733-23d1aa0a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_54a2e73a-f909-8661-7693-d4a5335d6734-23d1aa0a, #w-node-_54a2e73a-f909-8661-7693-d4a5335d673a-23d1aa0a {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_54a2e73a-f909-8661-7693-d4a5335d673b-23d1aa0a, #w-node-_54a2e73a-f909-8661-7693-d4a5335d6741-23d1aa0a, #w-node-_77cb1773-301f-cad3-7498-589977191085-23d1aa0a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_77cb1773-301f-cad3-7498-58997719108c-23d1aa0a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_77cb1773-301f-cad3-7498-589977191093-23d1aa0a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_77cb1773-301f-cad3-7498-58997719109a-23d1aa0a {
  grid-area: 1 / 3 / 3 / 4;
}

#w-node-_5a35f22c-d7e1-0ff2-57c5-baf4d87a5691-23d1aa0a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5a35f22c-d7e1-0ff2-57c5-baf4d87a5698-23d1aa0a {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_5a35f22c-d7e1-0ff2-57c5-baf4d87a569f-23d1aa0a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_5a35f22c-d7e1-0ff2-57c5-baf4d87a56a6-23d1aa0a {
  grid-area: span 2 / span 1 / span 2 / span 1;
  align-self: auto;
}

#w-node-cd0991b9-45c6-c274-4e5e-8e9c4087162b-23d1aa0a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_977ccf92-f645-5a99-bfc7-c07643cb707e-23d1aa0a {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-f5b32f3b-ac21-5c7f-6ae1-cc59e70e5b43-23d1aa0a {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_329ed58a-8f90-d28a-5a9c-164870a048d6-23d1aa0a {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: auto;
}

#w-node-c8530ded-3c2f-e37e-6cd8-5e5c56907016-23d1aa0a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_4c59e531-c522-de6a-115f-dc3a2a57838e-23d1aa0a, #w-node-_6da98501-c802-a5d8-81bc-5ccdf9156cd0-23d1aa0a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a121d2db-615e-3e5e-a58d-9a8a5fa1f217-23d1aa0a, #w-node-a121d2db-615e-3e5e-a58d-9a8a5fa1f21e-23d1aa0a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-a121d2db-615e-3e5e-a58d-9a8a5fa1f225-23d1aa0a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a121d2db-615e-3e5e-a58d-9a8a5fa1f22c-23d1aa0a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_93f6492c-643a-b2af-24c8-9a0bbc76d04d-23d1aa0a, #w-node-_32abddfd-7ee4-190f-3c0c-9933db2c3e0d-23d1aa0a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_0e8ab50d-73bf-5c61-e999-5766dafc0dc8-23d1aa0a, #w-node-_82d3124a-8fc3-f921-df7e-45b28211b151-23d1aa0a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-df05ddc9-338e-497b-ce8d-7ea642fdf092-23d1aa0a, #w-node-_42ff92a1-4993-ac24-3c7b-ee572c39dbd0-23d1aa0a {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_461d055f-4603-4c08-53c6-874ba02c444c-23d1aa0a, #w-node-e8cf7ced-8551-c3c3-f607-2c05d736bd2d-23d1aa0a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_9011869c-1e7b-8433-430a-6174fe44aa50-23d1aa0a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9011869c-1e7b-8433-430a-6174fe44aa57-23d1aa0a {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_9011869c-1e7b-8433-430a-6174fe44aa5e-23d1aa0a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_9011869c-1e7b-8433-430a-6174fe44aa65-23d1aa0a {
  grid-area: span 2 / span 1 / span 2 / span 1;
  align-self: auto;
}

#w-node-_7b0d2593-ab56-753b-1f71-c8e66dff20dd-b002afe2, #w-node-_0b349388-bf4c-a8be-2446-a0729ba1dd99-b002afe2, #w-node-ad2fe173-2f1f-7adb-cfd1-7f7c4623950d-b002afe2, #w-node-f6cf9894-5744-cd37-723f-4afc11a4554a-b002afe2, #w-node-ae84d759-7b07-6d39-9f02-d516d7128418-b002afe2, #w-node-e227f4a5-a8d8-90dc-233e-2158775fd21a-b002afe2, #w-node-ce9b650b-cb5a-fb47-9e3e-26b48a1143f1-b002afe2, #w-node-e91e80b7-42bf-b7e4-89c4-a75b6054c818-b002afe2, #w-node-_95ab38b9-69c6-7b17-8ea8-c7b53d909483-b002afe2, #w-node-b41a58d5-d252-3b68-7c7a-844047016d5f-b002afe2, #w-node-fd2d29f5-7a10-303c-053f-cea84f3876e2-b002afe2, #w-node-_0523e825-b7b2-afe1-91a7-6427e8086d77-b002afe2, #w-node-_80cbc206-8d64-37da-4217-6549ae84d026-b002afe2, #w-node-_83e3891a-2408-16cf-78f2-9873cfae78c6-b002afe2, #w-node-_7b0d2593-ab56-753b-1f71-c8e66dff20dd-3b6c69c0, #w-node-_0b349388-bf4c-a8be-2446-a0729ba1dd99-3b6c69c0, #w-node-ad2fe173-2f1f-7adb-cfd1-7f7c4623950d-3b6c69c0, #w-node-f6cf9894-5744-cd37-723f-4afc11a4554a-3b6c69c0, #w-node-ae84d759-7b07-6d39-9f02-d516d7128418-3b6c69c0, #w-node-e227f4a5-a8d8-90dc-233e-2158775fd21a-3b6c69c0, #w-node-_2536c30d-ceeb-f88b-3b2a-1e7d8c8d6935-0692b133, #w-node-_58bd6d76-3877-77cf-422d-7b94621a944c-0692b133, #w-node-d3ea6185-0ad6-ab86-5fbd-0b73e3ef28a3-0692b133, #w-node-_1895d97f-8af2-f6c3-b622-424efe7551f9-0692b133, #w-node-_5c343a1d-3e41-7b6f-6cb7-7d9494caca80-0692b133, #w-node-c3031526-3ea9-5d85-67a6-f9d73c5ccfac-0692b133, #w-node-b81ccc59-c1e0-2226-9ef4-d26125df3a62-0692b133, #w-node-_80aeed59-928e-4079-aed9-1cdaca32ce53-0692b133, #w-node-_8016f8d5-96f8-dc2f-6a1b-2861310f8bf6-0692b133, #w-node-_3811c1e4-f6d9-555f-42bb-d8e55741dd16-0692b133, #w-node-_063e8607-0e31-5125-d348-ddd489e26780-0692b133, #w-node-_7efe031e-e077-8c7f-35ef-e09e220e9159-0692b133, #w-node-_405a1655-b57d-9bf7-ca01-8c4cd198ac3c-b492e0cd, #w-node-d8d2a457-5456-560f-2009-2f0ad5708de1-b492e0cd, #w-node-f532dc95-e043-2d55-40f2-911db9f6e6b3-b492e0cd, #w-node-_7e0132c5-8474-889b-941e-fbeb813ed20f-b492e0cd, #w-node-_05e44823-4c80-3629-1e85-be03c70a2d00-b492e0cd, #w-node-_8d1326e1-c4f2-472e-12a1-353e8f4253ce-b492e0cd, #w-node-b2bf07d2-4db1-fd05-98c8-9887c8684a47-87d9f31f, #w-node-ea47eff6-ccbf-8079-880f-3be2768c8726-87d9f31f, #w-node-e39621f8-2fed-524a-aeca-0f9842e809e1-87d9f31f, #w-node-abcdb846-9e80-d3b7-4638-1e34fd0b5b10-87d9f31f, #w-node-dd8ccac2-f4cf-fdc6-ab8d-45e6da88a2a6-87d9f31f, #w-node-_8df12b92-8b5c-5813-d69b-61b523be0fb2-87d9f31f, #w-node-bd462c32-8e43-1b06-9795-7fe94d727d8a-20f2a54f, #w-node-af22ca47-1eb6-fa92-37a7-115666aeacc2-20f2a54f, #w-node-b32ac9f7-b043-7c48-649c-114222692b2e-20f2a54f, #w-node-f242ffd3-b7b8-0ae8-2630-69ee6f9c71ac-20f2a54f, #w-node-_6b956303-53d6-6d1e-befa-6d7a46ace9c8-20f2a54f, #w-node-_2473bb70-ee7c-0870-e0db-d0845c6a99dd-20f2a54f, #w-node-_86d63567-e83c-b54b-7412-f55db45dcbd3-20f2a54f, #w-node-c25f9747-8a7d-5165-7037-28832b99f8c9-20f2a54f, #w-node-_44a9e5d4-d496-bacb-d869-07a11f48d415-0fd10865, #w-node-_8d28ad3d-f3e4-50a4-fa3b-9a7492de70c9-0fd10865, #w-node-_132a1cab-7233-cbf0-85d1-f762b149c199-0fd10865, #w-node-_14a97252-e854-1677-74e4-0a1002ea7fc5-0fd10865, #w-node-_49514ec6-d8f2-a04c-6f5d-a77ec05ee7b8-0fd10865, #w-node-eebcf391-e45d-257e-e9ed-4abc918f516e-0fd10865, #w-node-_06df2feb-51cd-5eea-1b44-d07b3b1c2f82-0fd10865, #w-node-_4ea0db8f-25aa-622a-9b9c-909635ce1543-0fd10865, #w-node-_0c50fae8-cc85-9558-ee61-cc82919d1a88-0fd10865, #w-node-_29f8eef8-8ca6-c1d8-3837-6557d5ec319c-0fd10865, #w-node-_8a1f67d5-5eb5-e513-6ffa-aa950c17e363-0fd10865, #w-node-_81494820-2054-6baf-1d63-d08b2bc9c9e3-0fd10865, #w-node-_9b817c56-5bc6-2903-0d4c-eee3cb9df4f6-0fd10865, #w-node-_0a5f17c0-ad69-1d9c-e3bd-fb890ee67381-0fd10865, #w-node-_2eb1fcc1-9686-5f23-27fa-d4291408973e-0fd10865, #w-node-fd57db28-7e6b-9681-8f1b-88d9ebdc83c2-0fd10865, #w-node-_90072d50-04bd-76f9-e8ee-0f2d75c86a7c-0fd10865, #w-node-ac9bdd1b-5d6d-2794-90d8-e63bd46c2911-0fd10865, #w-node-_7b0d2593-ab56-753b-1f71-c8e66dff20dd-45d27ce5, #w-node-_0b349388-bf4c-a8be-2446-a0729ba1dd99-45d27ce5, #w-node-ad2fe173-2f1f-7adb-cfd1-7f7c4623950d-45d27ce5, #w-node-f6cf9894-5744-cd37-723f-4afc11a4554a-45d27ce5, #w-node-ae84d759-7b07-6d39-9f02-d516d7128418-45d27ce5, #w-node-e227f4a5-a8d8-90dc-233e-2158775fd21a-45d27ce5, #w-node-ce9b650b-cb5a-fb47-9e3e-26b48a1143f1-45d27ce5, #w-node-e91e80b7-42bf-b7e4-89c4-a75b6054c818-45d27ce5, #w-node-_7b0d2593-ab56-753b-1f71-c8e66dff20dd-059dfa64, #w-node-_0b349388-bf4c-a8be-2446-a0729ba1dd99-059dfa64, #w-node-_1bbd5e14-6cdd-5d81-ecd7-a39e2cc922cd-059dfa64, #w-node-ad2fe173-2f1f-7adb-cfd1-7f7c4623950d-059dfa64, #w-node-f6cf9894-5744-cd37-723f-4afc11a4554a-059dfa64, #w-node-ae84d759-7b07-6d39-9f02-d516d7128418-059dfa64, #w-node-e227f4a5-a8d8-90dc-233e-2158775fd21a-059dfa64, #w-node-ce9b650b-cb5a-fb47-9e3e-26b48a1143f1-059dfa64, #w-node-bd462c32-8e43-1b06-9795-7fe94d727d8a-f185fbfa, #w-node-af22ca47-1eb6-fa92-37a7-115666aeacc2-f185fbfa, #w-node-b32ac9f7-b043-7c48-649c-114222692b2e-f185fbfa, #w-node-f242ffd3-b7b8-0ae8-2630-69ee6f9c71ac-f185fbfa, #w-node-_6b956303-53d6-6d1e-befa-6d7a46ace9c8-f185fbfa, #w-node-_2473bb70-ee7c-0870-e0db-d0845c6a99dd-f185fbfa, #w-node-_86d63567-e83c-b54b-7412-f55db45dcbd3-f185fbfa, #w-node-c25f9747-8a7d-5165-7037-28832b99f8c9-f185fbfa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 479px) {
  #w-node-a97be8fb-f10e-5641-a515-66d01dd2d61a-23d1aa0a, #w-node-a97be8fb-f10e-5641-a515-66d01dd2d606-23d1aa0a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a97be8fb-f10e-5641-a515-66d01dd2d624-23d1aa0a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: auto;
  }

  #w-node-_6a8e14ca-5e2e-0d5c-52fc-a645af71fad7-23d1aa0a, #w-node-_6a8e14ca-5e2e-0d5c-52fc-a645af71fade-23d1aa0a, #w-node-_54a2e73a-f909-8661-7693-d4a5335d6726-23d1aa0a, #w-node-_54a2e73a-f909-8661-7693-d4a5335d672d-23d1aa0a, #w-node-_54a2e73a-f909-8661-7693-d4a5335d6734-23d1aa0a, #w-node-_54a2e73a-f909-8661-7693-d4a5335d673b-23d1aa0a, #w-node-_77cb1773-301f-cad3-7498-589977191085-23d1aa0a, #w-node-_77cb1773-301f-cad3-7498-58997719108c-23d1aa0a, #w-node-_77cb1773-301f-cad3-7498-58997719109a-23d1aa0a, #w-node-_5a35f22c-d7e1-0ff2-57c5-baf4d87a5698-23d1aa0a, #w-node-_5a35f22c-d7e1-0ff2-57c5-baf4d87a569f-23d1aa0a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5a35f22c-d7e1-0ff2-57c5-baf4d87a56a6-23d1aa0a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: auto;
  }

  #w-node-cd0991b9-45c6-c274-4e5e-8e9c4087162b-23d1aa0a, #w-node-_977ccf92-f645-5a99-bfc7-c07643cb707e-23d1aa0a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_329ed58a-8f90-d28a-5a9c-164870a048d6-23d1aa0a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: auto;
  }

  #w-node-a121d2db-615e-3e5e-a58d-9a8a5fa1f217-23d1aa0a, #w-node-a121d2db-615e-3e5e-a58d-9a8a5fa1f21e-23d1aa0a, #w-node-_93f6492c-643a-b2af-24c8-9a0bbc76d04d-23d1aa0a, #w-node-_0e8ab50d-73bf-5c61-e999-5766dafc0dc8-23d1aa0a, #w-node-df05ddc9-338e-497b-ce8d-7ea642fdf092-23d1aa0a, #w-node-_461d055f-4603-4c08-53c6-874ba02c444c-23d1aa0a, #w-node-_9011869c-1e7b-8433-430a-6174fe44aa57-23d1aa0a, #w-node-_9011869c-1e7b-8433-430a-6174fe44aa5e-23d1aa0a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9011869c-1e7b-8433-430a-6174fe44aa65-23d1aa0a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: auto;
  }

  #w-node-bd462c32-8e43-1b06-9795-7fe94d727d8a-f185fbfa {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Playfairdisplay';
  src: url('../fonts/PlayfairDisplay-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Playfairdisplay';
  src: url('../fonts/PlayfairDisplay-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Playfairdisplay';
  src: url('../fonts/PlayfairDisplay-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Playfairdisplay';
  src: url('../fonts/PlayfairDisplay-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Playfairdisplay';
  src: url('../fonts/PlayfairDisplay-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Playfairdisplay';
  src: url('../fonts/PlayfairDisplay-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Playfairdisplay';
  src: url('../fonts/PlayfairDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Playfairdisplay';
  src: url('../fonts/PlayfairDisplay-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Playfairdisplay';
  src: url('../fonts/PlayfairDisplay-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Playfairdisplay';
  src: url('../fonts/PlayfairDisplay-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Playfairdisplay';
  src: url('../fonts/PlayfairDisplay-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Playfairdisplay';
  src: url('../fonts/PlayfairDisplay-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}