/* [project]/src/styles/home.css [app-client] (css) */
.hero {
  grid-template-columns: var(--col-texto) 1fr;
  gap: var(--hueco-col);
  margin-top: 1.2%;
  display: grid;
}

.hero-texto {
  margin-top: 9%;
}

.titular {
  font-family: var(--f-display);
  font-size: var(--fs-h1);
  color: var(--c-marino);
  text-wrap: balance;
  line-height: 1.035;
}

.titular u {
  border-bottom: .04em solid var(--c-oro);
  padding-bottom: .08em;
  text-decoration: none;
}

.entradilla {
  color: var(--c-marino);
  letter-spacing: var(--track-texto);
  gap: 2em;
  margin-top: 2.6em;
  display: grid;
}

.mosaico {
  min-width: 0;
  position: relative;
  container-type: inline-size;
}

.hero > *, .manifiesto > *, .mosaico .col, .mosaico .pieza {
  min-width: 0;
}

.mosaico--hero {
  gap: var(--hueco);
  aspect-ratio: 1421.62 / 750.77;
  grid-template-columns: repeat(6, 1fr);
  display: grid;
}

.mosaico--hero .col {
  gap: var(--hueco);
  flex-direction: column;
  display: flex;
}

.mosaico--hero .pieza {
  aspect-ratio: auto;
  flex: 0 0 30.05%;
}

.mosaico--hero .pieza--alta {
  flex: 0 0 68.06%;
}

.mosaico--historia, .mosaico--futuro {
  gap: var(--hueco-m);
  aspect-ratio: 464.47 / 705.75;
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}

.mosaico--historia .pieza, .mosaico--futuro .pieza {
  aspect-ratio: auto;
}

.mosaico--historia .pieza:first-child {
  grid-area: 1 / 1 / 3 / 2;
}

.mosaico--historia .pieza:nth-child(2) {
  grid-area: 1 / 2;
}

.mosaico--historia .pieza:nth-child(3) {
  grid-area: 2 / 2;
}

.mosaico--historia .pieza:nth-child(4) {
  grid-area: 3 / 1;
}

.mosaico--historia .pieza:nth-child(5) {
  grid-area: 3 / 2;
}

.mosaico--futuro .pieza:first-child {
  grid-area: 1 / 1;
}

.mosaico--futuro .pieza:nth-child(2) {
  grid-area: 1 / 2;
}

.mosaico--futuro .pieza:nth-child(3) {
  grid-area: 2 / 1;
}

.mosaico--futuro .pieza:nth-child(4) {
  grid-area: 2 / 2 / 4 / 3;
}

.mosaico--futuro .pieza:nth-child(5) {
  grid-area: 3 / 1;
}

.pieza {
  aspect-ratio: 1;
  border-radius: var(--r-pieza);
  background: var(--c-gris-medio);
  margin: 0;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.mosaico--historia .pieza, .mosaico--futuro .pieza {
  background: var(--c-gris-claro);
}

.pieza picture, .pieza > img {
  width: 100%;
  height: 100%;
  display: block;
}

.pieza img {
  object-fit: cover;
  object-position: var(--px, 50%) var(--py, 50%);
  width: 100%;
  height: 100%;
}

.pieza[data-velo] img {
  mix-blend-mode: multiply;
  opacity: var(--op, 1);
}

.pieza--congreso {
  background: var(--c-negro);
}

.pieza--congreso > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.icono {
  pointer-events: none;
  place-items: center;
  display: grid;
  position: absolute;
  inset: 0;
}

.icono img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.rotulo {
  clip-path: inset(50%);
  white-space: nowrap;
  z-index: 2;
  width: 1px;
  height: 1px;
  color: var(--c-crema);
  font-size: var(--fs-rotulo);
  letter-spacing: var(--track-texto);
  position: absolute;
  overflow: hidden;
}

.letras {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.letra {
  left: var(--x);
  top: var(--y);
  font-family: var(--f-display);
  font-weight: var(--peso-normal);
  font-size: var(--f);
  color: var(--c-oro);
  line-height: 1;
  position: absolute;
}

.hero-l1 {
  --x: 7.63%;
  --y: 49.56%;
  --f: 23.03cqw;
}

.hero-l2 {
  --x: 26.73%;
  --y: 28.46%;
  --f: 15.84cqw;
}

.hero-l3 {
  --x: 41.48%;
  --y: 53.58%;
  --f: 29.43cqw;
}

.hero-l4 {
  --x: 63.81%;
  --y: 0.82%;
  --f: 11.56cqw;
}

.hero-l5 {
  --x: 74.58%;
  --y: 49.3%;
  --f: 13.27cqw;
}

.hero-l6 {
  --x: 87.21%;
  --y: 28.45%;
  --f: 12.11cqw;
}

.hero-l7 {
  --x: 94.97%;
  --y: 68.48%;
  --f: 12.11cqw;
}

.hist-l1 {
  --x: 21.02%;
  --y: 0.93%;
  --f: 45.12cqw;
}

.hist-l2 {
  --x: 86.19%;
  --y: 23.68%;
  --f: 24.23cqw;
}

.hist-l3 {
  --x: 5.43%;
  --y: 40.75%;
  --f: 24.23cqw;
}

.hist-l4 {
  --x: 33.57%;
  --y: 52.11%;
  --f: 35.21cqw;
}

.hist-l5 {
  --x: 68.02%;
  --y: 55.66%;
  --f: 24.23cqw;
}

.hist-l6 {
  --x: -4.78%;
  --y: 79.49%;
  --f: 35.21cqw;
}

.hist-l7 {
  --x: 40.87%;
  --y: 77.03%;
  --f: 24.23cqw;
}

.hist-l8 {
  --x: 75.32%;
  --y: 86.39%;
  --f: 35.21cqw;
}

.fut-l1 {
  --x: -0.62%;
  --y: 15.04%;
  --f: 45.12cqw;
}

.fut-l2 {
  --x: 63.05%;
  --y: 22.72%;
  --f: 24.23cqw;
}

.fut-l3 {
  --x: 8.7%;
  --y: 54.5%;
  --f: 35.21cqw;
}

.fut-l4 {
  --x: 39.45%;
  --y: 56.34%;
  --f: 35.21cqw;
}

.fut-l5 {
  --x: 36.33%;
  --y: 86.5%;
  --f: 24.23cqw;
}

.fut-l6 {
  --x: 83.22%;
  --y: 71.89%;
  --f: 35.21cqw;
}

.banda {
  background: var(--c-marino);
  place-items: center;
  min-height: max(64px, 4.19vw);
  margin-top: 3.6%;
  padding-block: clamp(1rem, 1.15vw, 1.6rem);
  display: grid;
}

.manifiesto {
  grid-template-columns: 24.2% 1fr 24.2%;
  align-items: start;
  gap: 2.55%;
  margin-top: 3.6%;
  display: grid;
}

.manifiesto-texto {
  text-align: center;
  margin-top: 5.6%;
}

.mf-titulo {
  font-family: var(--f-display);
  font-size: var(--fs-h1);
  color: var(--c-marino);
  line-height: 1;
}

.mf-titulo:after {
  content: "";
  background: var(--c-oro);
  width: 45%;
  height: 1px;
  margin: .24em auto 0;
  display: block;
}

.mf-sub {
  font-family: var(--f-display);
  font-size: var(--fs-h3);
  color: var(--c-marino);
  margin-top: .55em;
  line-height: 1;
}

.columnas {
  text-align: left;
  color: var(--c-marino);
  grid-template-columns: repeat(2, 1fr);
  gap: 3.2%;
  margin-top: 3.2em;
  display: grid;
}

.col-texto {
  align-content: start;
  gap: 2em;
  display: grid;
}

.col-texto strong {
  font-weight: var(--peso-fuerte);
}

.mosaico--hero .col:first-child .pieza:first-child {
  z-index: 13;
}

.mosaico--hero .col:first-child .pieza:nth-child(2) {
  z-index: 4;
}

.mosaico--hero .col:nth-child(2) .pieza:first-child {
  z-index: 14;
}

.mosaico--hero .col:nth-child(2) .pieza:nth-child(2) {
  z-index: 1;
}

.mosaico--hero .col:nth-child(3) .pieza:first-child {
  z-index: 21;
}

.mosaico--hero .col:nth-child(3) .pieza:nth-child(2) {
  z-index: 15;
}

.mosaico--hero .col:nth-child(4) .pieza:first-child {
  z-index: 17;
}

.mosaico--hero .col:nth-child(4) .pieza:nth-child(2) {
  z-index: 2;
}

.mosaico--hero .col:nth-child(5) .pieza:first-child {
  z-index: 5;
}

.mosaico--hero .col:nth-child(5) .pieza:nth-child(2) {
  z-index: 20;
}

.mosaico--hero .col:nth-child(6) .pieza:first-child {
  z-index: 18;
}

.mosaico--hero .col:nth-child(6) .pieza:nth-child(2) {
  z-index: 3;
}

.hero-l1 {
  z-index: 8;
}

.hero-l2 {
  z-index: 9;
}

.hero-l3 {
  z-index: 10;
}

.hero-l4 {
  z-index: 16;
}

.hero-l5 {
  z-index: 19;
}

.hero-l6 {
  z-index: 11;
}

.hero-l7 {
  z-index: 12;
}

.mosaico--historia .pieza:first-child {
  z-index: 22;
}

.mosaico--historia .pieza:nth-child(2) {
  z-index: 29;
}

.mosaico--historia .pieza:nth-child(3) {
  z-index: 31;
}

.mosaico--historia .pieza:nth-child(4) {
  z-index: 33;
}

.mosaico--historia .pieza:nth-child(5) {
  z-index: 21;
}

.hist-l1 {
  z-index: 23;
}

.hist-l2 {
  z-index: 30;
}

.hist-l3 {
  z-index: 26;
}

.hist-l4 {
  z-index: 27;
}

.hist-l5 {
  z-index: 32;
}

.hist-l6 {
  z-index: 34;
}

.hist-l7 {
  z-index: 35;
}

.hist-l8 {
  z-index: 28;
}

.mosaico--futuro .pieza:first-child {
  z-index: 7;
}

.mosaico--futuro .pieza:nth-child(2) {
  z-index: 6;
}

.mosaico--futuro .pieza:nth-child(3) {
  z-index: 39;
}

.mosaico--futuro .pieza:nth-child(4) {
  z-index: 36;
}

.mosaico--futuro .pieza:nth-child(5) {
  z-index: 41;
}

.fut-l1 {
  z-index: 24;
}

.fut-l2 {
  z-index: 25;
}

.fut-l3 {
  z-index: 40;
}

.fut-l4 {
  z-index: 38;
}

.fut-l5 {
  z-index: 42;
}

.fut-l6 {
  z-index: 37;
}

@media (max-width: 1023px) {
  .hero {
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 6%;
  }

  .hero-texto {
    margin-top: 0;
  }

  .entradilla {
    margin-top: 2.2em;
  }

  .mosaico--hero {
    gap: var(--hueco);
    aspect-ratio: auto;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 3em;
  }

  .mosaico--hero .pieza {
    aspect-ratio: 1;
    flex: none;
  }

  .mosaico--hero .col {
    display: contents;
  }

  .mosaico--hero .col:first-child .pieza:first-child {
    grid-area: 1 / 2;
  }

  .mosaico--hero .col:first-child .pieza:nth-child(2) {
    grid-area: 1 / 1;
  }

  .mosaico--hero .col:nth-child(2) .pieza:first-child {
    grid-area: 2 / 2;
  }

  .mosaico--hero .col:nth-child(2) .pieza:nth-child(2) {
    grid-area: 2 / 1;
  }

  .mosaico--hero .col:nth-child(3) .pieza:first-child {
    grid-area: 3 / 2;
  }

  .mosaico--hero .col:nth-child(3) .pieza:nth-child(2) {
    grid-area: 3 / 1;
  }

  .mosaico--hero .col:nth-child(4) .pieza:first-child {
    grid-area: 4 / 2;
  }

  .mosaico--hero .col:nth-child(4) .pieza:nth-child(2) {
    grid-area: 4 / 1;
  }

  .mosaico--hero .col:nth-child(5) .pieza:first-child {
    grid-area: 5 / 2;
  }

  .mosaico--hero .col:nth-child(5) .pieza:nth-child(2) {
    grid-area: 5 / 1;
  }

  .mosaico--hero .col:nth-child(6) .pieza:first-child {
    grid-area: 6 / 2;
  }

  .mosaico--hero .col:nth-child(6) .pieza:nth-child(2) {
    grid-area: 6 / 1;
  }

  .mosaico--hero .pieza--alta {
    aspect-ratio: 1;
    flex: none;
  }

  .rotulo {
    clip-path: none;
    width: auto;
    height: auto;
    color: var(--c-crema);
    font-size: var(--fs-rotulo);
    letter-spacing: var(--track-texto);
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 10%;
    overflow: visible;
    transform: translateY(-50%);
  }

  .hero-l1 {
    --x: 19.56%;
    --y: 13.79%;
    --f: 35.95cqw;
  }

  .hero-l2 {
    --x: 7.63%;
    --y: 27.58%;
    --f: 24.73cqw;
  }

  .hero-l3 {
    --x: 54.91%;
    --y: 43.59%;
    --f: 33.64cqw;
  }

  .hero-l4 {
    --x: 2.99%;
    --y: 62.78%;
    --f: 18.04cqw;
  }

  .hero-l5 {
    --x: 39.0%;
    --y: 62.22%;
    --f: 20.72cqw;
  }

  .hero-l6 {
    --x: 59.16%;
    --y: 80.66%;
    --f: 18.9cqw;
  }

  .hero-l7 {
    --x: 34.75%;
    --y: 96.24%;
    --f: 18.9cqw;
  }

  .manifiesto {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .columnas {
    grid-template-columns: 1fr;
    gap: 2em;
  }

  .mosaico--hero .col:first-child .pieza:first-child {
    z-index: 11;
  }

  .mosaico--hero .col:first-child .pieza:nth-child(2) {
    z-index: 28;
  }

  .mosaico--hero .col:nth-child(2) .pieza:first-child {
    z-index: 6;
  }

  .mosaico--hero .col:nth-child(2) .pieza:nth-child(2) {
    z-index: 7;
  }

  .mosaico--hero .col:nth-child(3) .pieza:first-child {
    z-index: 9;
  }

  .mosaico--hero .col:nth-child(3) .pieza:nth-child(2) {
    z-index: 5;
  }

  .mosaico--hero .col:nth-child(4) .pieza:first-child {
    z-index: 29;
  }

  .mosaico--hero .col:nth-child(4) .pieza:nth-child(2) {
    z-index: 13;
  }

  .mosaico--hero .col:nth-child(5) .pieza:first-child {
    z-index: 15;
  }

  .mosaico--hero .col:nth-child(5) .pieza:nth-child(2) {
    z-index: 30;
  }

  .mosaico--hero .col:nth-child(6) .pieza:first-child {
    z-index: 31;
  }

  .mosaico--hero .col:nth-child(6) .pieza:nth-child(2) {
    z-index: 17;
  }

  .hero-l1 {
    z-index: 21;
  }

  .hero-l2 {
    z-index: 22;
  }

  .hero-l3 {
    z-index: 23;
  }

  .hero-l4 {
    z-index: 26;
  }

  .hero-l5 {
    z-index: 27;
  }

  .hero-l6 {
    z-index: 24;
  }

  .hero-l7 {
    z-index: 25;
  }

  .mosaico--historia .pieza:first-child {
    z-index: 34;
  }

  .mosaico--historia .pieza:nth-child(2) {
    z-index: 39;
  }

  .mosaico--historia .pieza:nth-child(3) {
    z-index: 41;
  }

  .mosaico--historia .pieza:nth-child(4) {
    z-index: 43;
  }

  .mosaico--historia .pieza:nth-child(5) {
    z-index: 33;
  }

  .hist-l1 {
    z-index: 35;
  }

  .hist-l2 {
    z-index: 40;
  }

  .hist-l3 {
    z-index: 36;
  }

  .hist-l4 {
    z-index: 37;
  }

  .hist-l5 {
    z-index: 42;
  }

  .hist-l6 {
    z-index: 44;
  }

  .hist-l7 {
    z-index: 45;
  }

  .hist-l8 {
    z-index: 38;
  }

  .mosaico--futuro .pieza:first-child {
    z-index: 50;
  }

  .mosaico--futuro .pieza:nth-child(2) {
    z-index: 49;
  }

  .mosaico--futuro .pieza:nth-child(3) {
    z-index: 56;
  }

  .mosaico--futuro .pieza:nth-child(4) {
    z-index: 53;
  }

  .mosaico--futuro .pieza:nth-child(5) {
    z-index: 58;
  }

  .fut-l1 {
    z-index: 51;
  }

  .fut-l2 {
    z-index: 52;
  }

  .fut-l3 {
    z-index: 57;
  }

  .fut-l4 {
    z-index: 55;
  }

  .fut-l5 {
    z-index: 59;
  }

  .fut-l6 {
    z-index: 54;
  }

  .banda {
    margin-top: calc(146.1 * var(--u));
    padding-block: calc(43.5 * var(--u));
    min-height: calc(185.6 * var(--u));
  }

  .manifiesto {
    margin-top: calc(130.1 * var(--u));
  }

  .manifiesto-texto {
    margin-top: calc(184.2 * var(--u));
    margin-bottom: calc(109 * var(--u));
  }

  .pie {
    margin-top: calc(192.1 * var(--u));
  }
}

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