@charset "UTF-8";
/* Breakpoints */
/* Fonts */
/* Colors */
/* Margins */
.media {
  padding-top: 323px;
  padding-top: 260px;
}
@media (max-width: 660px) {
  .media {
    padding-top: 160px;
  }
}
.media .back {
  width: 38px;
  height: 38px;
  margin-bottom: 50px;
  cursor: pointer;
}
.media .back img {
  width: 100%;
}
.media .media-header {
  color: #191919;
  line-height: 1.29032258em;
}
.media .media-header h1 {
  font-family: "HelveticaNeue-Bd", sans-serif;
  font-weight: 700;
  font-size: min(5.4232804233vw, 82px);
  line-height: 0.975em;
}
@media (max-width: 1000px) {
  .media .media-header h1 {
    font-size: 45.5px;
  }
}
.media .media-header h2 {
  font-family: "HelveticaNeue", sans-serif;
  font-weight: 300;
  font-size: min(5.4232804233vw, 82px);
  line-height: 0.975em;
}
@media (max-width: 1000px) {
  .media .media-header h2 {
    font-size: 45.5px;
  }
}
.media .media-header p {
  font-family: "HelveticaNeue", sans-serif;
  font-weight: 300;
  font-size: min(22px, 1.45502646vw);
}
@media (max-width: 1000px) {
  .media .media-header p {
    font-size: 14.6px;
  }
}
.media .media-content {
  margin: 0 auto 150px auto;
}
@media (max-width: 660px) {
  .media .media-content {
    margin: 0 auto 100px auto;
  }
}
.media .media-content figure > img {
  width: 100%;
  max-width: 1454px;
  max-height: 782px;
  object-fit: contain;
  object-position: center;
  margin: 15px auto;
}
.media .media-content figure ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px auto;
  width: 100%;
  gap: 30px;
}
.media .media-content figure ul li {
  flex: 1; /* todas las imágenes se expanden igual */
}
.media .media-content figure ul li img {
  object-fit: cover; /* opcional: recorta imágenes si no tienen el mismo aspecto */
  width: 100%; /* asegura que se escalen */
  height: auto; /* mantiene proporción */
}
.media .media-content figure iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.media .media-content figure video {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  margin-top: 15px;
}
.media .media-content h1,
.media .media-content h2,
.media .media-content h3,
.media .media-content h4,
.media .media-content h5,
.media .media-content h6 {
  font-family: "HelveticaNeue-Bd", sans-serif;
  font-weight: 700;
  color: #000000;
  margin: 15px auto;
}
.media .media-content p {
  line-height: 1.90909091em;
  color: #000000;
  margin-top: 15px;
  font-size: min(22px, 1.45502646vw);
}
@media (max-width: 1000px) {
  .media .media-content p {
    font-size: 14.6px;
  }
}
.media .media-content div > ul {
  list-style: disc;
  margin-left: min(50px, 3.30687831vw);
  margin-top: 15px;
}
.media .media-content div > ul li {
  list-style: 1.2em;
  color: #000000;
  font-size: min(22px, 1.45502646vw);
}
@media (max-width: 1000px) {
  .media .media-content div > ul li {
    font-size: 14.6px;
  }
}

/*# sourceMappingURL=work.css.map */