body {
  color: #000;
  font-family: haasgrotesk;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.header {
  z-index: 10;
  width: 100vw;
  background-color: #fff;
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.header-section {
  width: 100%;
  border-bottom: 1px solid #000;
  padding: 2px 20px 0;
  font-size: 21px;
  line-height: 1.4;
}

.header-section.flex-vertical {
  flex-direction: column;
  display: flex;
}

.home-img {
  width: 100%;
  height: 100svh;
  object-fit: contain;
  object-position: 0% 50%;
  padding-top: 67px;
  padding-bottom: 278px;
  padding-right: 0;
}

.home-imgs-container {
  z-index: 1;
  width: 100vw;
  padding-left: 90px;
  padding-right: 90px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.home-contents-container {
  z-index: 10;
  width: 100vw;
  height: auto;
  min-height: 20svh;
  background-color: #fff;
  margin-top: auto;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.body-inhome {
  flex-direction: column;
  justify-content: flex-start;
  font-family: Nhaasgrotesk, sans-serif;
  font-weight: 400;
  display: flex;
  overflow: hidden;
}

.contents-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid #000;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contents-grid.last {
  border-bottom: 1px solid #000;
}

.home-list {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  display: flex;
}

.home-list.redes {
  padding-left: 20px;
}

.list-item {
  color: #000;
  font-size: 16px;
  line-height: 1.3;
  text-decoration: none;
}

.list-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  display: flex;
}

.list-container.redes {
  padding-left: 20px;
}

@media screen and (max-width: 991px) {
  .header-section.list {
    border-bottom-style: none;
  }

  .home-img {
    height: auto;
    object-fit: contain;
    object-position: 0% 0%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .home-imgs-container {
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
  }

  .home-contents-container {
    margin-top: 0;
    position: relative;
  }

  .body-inhome {
    height: auto;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: visible;
  }

  .contents-grid {
    flex-direction: column;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
  }

  .list-container {
    padding-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .home-img {
    height: auto;
    object-fit: contain;
    padding-top: 0;
    padding-bottom: 0;
  }

  .home-imgs-container, .home-contents-container {
    position: relative;
  }
}

@media screen and (max-width: 479px) {
  .header, .header-section {
    padding-left: 10px;
    padding-right: 10px;
  }

  .header-section.list {
    padding-left: 10px;
    padding-right: 0;
  }

  .home-imgs-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-contents-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .home-list.redes {
    padding-left: 10px;
  }

  .list-container {
    padding-left: 20px;
  }
}

#w-node-_07460709-baf7-4241-7ab6-6e2e0f04ba08-22181a69, #w-node-f49b6d43-caaf-6e03-3a6b-cc2b07d9d9e3-22181a69, #w-node-_1818b8fe-4884-2c9c-2934-183fd10ce748-22181a69, #w-node-bd7f1747-7b49-3b48-fbd4-cf8a64fd6a29-22181a69 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6480147e-47d2-5306-01d9-511a75d280d3-22181a69 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-ed5548ec-13c9-ead5-e007-f8902287bf98-22181a69 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_7d29a63c-4759-b0f2-25ee-acd2ab9543ca-22181a69, #w-node-cce9c74e-d1fc-01a8-f892-46c1232d3de1-22181a69 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Nhaasgrotesk';
  src: url('../fonts/NHaasGroteskTXPro-55Rg.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nhaasgrotesk';
  src: url('../fonts/NHaasGroteskTXPro-56It.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}