@import url('https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/material-icons.min.css');

@font-face {
  font-family: latam-icons-regular;
  src: url(https://d3rwujusajfqlr.cloudfront.net/uploads/60b134c2077f5_latamicons-w-rg.eot#iefix)
    format('embedded-opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: latam-icons-regular;
  src:
    url(https://d3rwujusajfqlr.cloudfront.net/uploads/60b136079b636_latamicons-w-bd.woff2)
      format('woff2'),
    url(https://d3rwujusajfqlr.cloudfront.net/uploads/60b1347ac99ef_latamicons-w-rg.ttf)
      format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: latam-icons-bold;
  src: url(https://d3rwujusajfqlr.cloudfront.net/uploads/60b131f095e5d_latamicons-w-bd.eot#iefix)
    format('embedded-opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: latam-icons-bold;
  src: url(https://d3rwujusajfqlr.cloudfront.net/uploads/60b13199346fc_latamicons-w-bd.ttf)
    format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: latam-interaction;
  src: url(https://d3rwujusajfqlr.cloudfront.net/uploads/60b12f3289871_latam-interaction.ttf)
    format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Latam-Sans-Regular-Italic;
  src: url(https://d3rwujusajfqlr.cloudfront.net/uploads/60b12ce9d6a61_latam-sans-regular-italic.ttf)
    format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Latam-Sans-Regular;
  src: url(https://d3rwujusajfqlr.cloudfront.net/uploads/60b12b5fcc4a1_latam-sans-regular.ttf)
    format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Latam-Sans-Light-Italic;
  src: url(https://d3rwujusajfqlr.cloudfront.net/uploads/60b129961dbc4_latam-sans-light-italic.ttf)
    format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Latam-Sans-Light;
  src: url(https://d3rwujusajfqlr.cloudfront.net/uploads/60b129961dbc4_latam-sans-light-italic.ttf)
    format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Latam-Sans-Hairline-Italic;
  src: url(https://d3rwujusajfqlr.cloudfront.net/uploads/60b1269fa1608_latam-sans-hairline-italic.ttf)
    format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Latam-Sans-Hairline;
  src: url(https://d3rwujusajfqlr.cloudfront.net/uploads/60b105092f18e_latam-sans-hairline.ttf)
    format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Latam-Sans-Extended;
  src: url(https://d3rwujusajfqlr.cloudfront.net/uploads/60b103015a390_latam-sans-extended.ttf)
    format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Latam-Sans-Bold-Italic;
  src:
    url(https://d3rwujusajfqlr.cloudfront.net/uploads/60b1016328f63_latam-sans-bold-italic.woff2)
      format('woff2'),
    url(https://d3rwujusajfqlr.cloudfront.net/uploads/60b10067b7263_latam-sans-bold-italic.ttf)
      format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Latam-Sans-Bold;
  src:
    url(https://d3rwujusajfqlr.cloudfront.net/uploads/60b0ffcfe214a_latam-sans-bold.woff2)
      format('woff2'),
    url(https://d3rwujusajfqlr.cloudfront.net/uploads/60b0fed78a0ae_latam-sans-bold.ttf)
      format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Latam-Sans-Black-Italic;
  src:
    url(https://d3rwujusajfqlr.cloudfront.net/uploads/60b0fe1de6e3f_latam-sans-black-italic.woff2)
      format('woff2'),
    url(https://d3rwujusajfqlr.cloudfront.net/uploads/60b0fcf255fc9_latam-sans-black-italic.ttf)
      format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Latam-Sans-Black;
  src:
    url(https://d3rwujusajfqlr.cloudfront.net/uploads/60b0fc8b467c2_latam-sans-black.woff2)
      format('woff2'),
    url(https://d3rwujusajfqlr.cloudfront.net/uploads/60aeb851bcf77_latam-sans-black.ttf)
      format('truetype');
  font-weight: 400;
  font-style: normal;
}

a {
  text-decoration: none;
  &:hover {
    text-decoration: none;
  }
}

body {
  background-color: #f5f5f5;
}

.travel-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.travel-container h3 {
  color: #0f004f;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
}

.travel-cards-container {
  display: flex;
  padding: 8px 10px 24px 0;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: wrap;
  gap: 44px;
}

.travel-cards-container .travel-card {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex: 295px 0 0;
  border-radius: 8px;
  background: #fff;
  border: none;
  box-shadow:
    0px 4px 6px -1px rgba(0, 0, 0, 0.1),
    0px 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.travel-card {
  min-width: 169px;
  transform: scale(1);
  transition: all 500ms;
  &:hover {
    transform: scale(1.08);
  }
}

.travel-card p {
  color: #171717;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  white-space: nowrap;
}

.travel-card-container-img {
  height: 81px;
  width: 64.81px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.travel-icones-pagina {
  font-family: 'latam-icons-regular';
  color: #1b0088;
  font-size: 54px;
  font-weight: 300;
  text-align: center;
}

@media (max-width: 768px) {
  .travel-container {
    padding: 24px;
  }
  .travel-cards-container {
    padding: 8px 0 24px 0;
    gap: 32px;
  }

  .travel-cards-container .travel-card {
    flex: 1 0 0;
  }
}