/* screen - agora */

.agora {
  align-items: flex-start;
  background-color: var(--shark);
  display: flex;
  flex-direction: column;
  height: 1598px;
  overflow: hidden;
  width: 1280px;
}

.agora .overlap-group2 {
  height: 716px;
  margin-top: 17px;
  position: relative;
  width: 1280px;
}

.agora .overlap-group1 {
  height: 716px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1280px;
}

.agora .rectangle-88 {
  background-color: var(--padua);
  height: 69px;
  left: 0;
  position: absolute;
  top: 647px;
  width: 1280px;
}

.agora .direccin-de-arte {
  color: var(--shark);
  font-family: var(--font-family-joyride-regular);
  font-size: 26px;
  font-weight: 400;
  left: 465px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  top: 669px;
  white-space: nowrap;
}

.agora .path-20 {
  height: 41px;
  left: 400px;
  top: 661px;
  width: 47px;
}

.agora .path-20-1 {
  height: 41px;
  left: 838px;
  object-fit: cover;
  position: absolute;
  top: 661px;
  width: 47px;
}

.agora .rectangle-86 {
  border: 1px solid;
  border-color: var(--padua);
  height: 553px;
  left: 661px;
  position: absolute;
  top: 56px;
  width: 552px;
}

.agora .x278610924_8399019503 {
  height: 470px;
  left: 702px;
  object-fit: cover;
  position: absolute;
  top: 98px;
  width: 470px;
}

.agora .direccin-de-arte-1 {
  left: 28px;
  top: 670px;
}

.agora .direccin-de-arte-2 {
  left: 902px;
  top: 668px;
}

.agora .path-52 {
  height: 105px;
  left: 1152px;
  top: 551px;
  width: 107px;
}

.agora .path-250 {
  height: 112px;
  left: 606px;
  top: 0;
  width: 113px;
}

.agora .overlap-group {
  height: 104px;
  left: 56px;
  position: absolute;
  top: 48px;
  width: 484px;
}

.agora .gora-mall {
  color: var(--padua);
  font-family: var(--font-family-joyride-regular);
  font-size: var(--font-size-xxxxl);
  font-weight: 400;
  left: 41px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  top: 37px;
  white-space: nowrap;
}

.agora .rectangle-84 {
  border: 1px solid;
  border-color: var(--padua);
  height: 104px;
  left: 0;
  position: absolute;
  top: 0;
  width: 484px;
}

.agora .djame-compartir-con {
  left: 57px;
  letter-spacing: 0;
  line-height: 12px;
  position: absolute;
  top: 183px;
  width: 554px;
}

.agora .como-directora-de-ar {
  left: 56px;
  letter-spacing: 0;
  line-height: 12px;
  position: absolute;
  top: 298px;
  width: 555px;
}

.agora .flex-row {
  align-items: flex-start;
  display: flex;
  gap: 2px;
  margin-top: 41px;
  min-width: 1280px;
}

.agora .flex-row-item {
  height: 255px;
  object-fit: cover;
  width: 255px;
}

.agora .x243273323_1695247553 {
  height: 254px;
  object-fit: cover;
  width: 254px;
}

.agora .x247442083_1639871896 {
  height: 254px;
  object-fit: cover;
  width: 254px;
}

.agora .x271236335_4737890309 {
  height: 254px;
  object-fit: cover;
  width: 254px;
}

.agora .flex-row-1 {
  align-items: flex-end;
  display: flex;
  margin-top: 30px;
  min-width: 1280px;
}

.agora .x272240321_2164920657 {
  height: 253px;
  object-fit: cover;
  width: 253px;
}

.agora .x274104605_1171556286 {
  height: 254px;
  margin-left: 3px;
  object-fit: cover;
  width: 254px;
}

.agora .x274692943_6466453498 {
  height: 254px;
  margin-left: 3px;
  object-fit: cover;
  width: 254px;
}

.agora .x277149578_5068732843 {
  height: 254px;
  margin-left: 2px;
  object-fit: cover;
  width: 254px;
}

.agora .x271791037_3201064067 {
  height: 254px;
  margin-left: 3px;
  object-fit: cover;
  width: 254px;
}

.agora .flex-row-2 {
  align-items: flex-start;
  display: flex;
  margin-top: 32px;
  min-width: 1280px;
}

.agora .x277630966_5451842637 {
  height: 254px;
  object-fit: cover;
  width: 254px;
}

.agora .agora-diciembre-63-editada {
  height: 254px;
  margin-left: 3px;
  object-fit: cover;
  width: 254px;
}

.agora .agora-diciembre-578-editada {
  height: 253px;
  margin-left: 2px;
  object-fit: cover;
  width: 254px;
}

.agora .agora-diciembre-784-editada {
  height: 254px;
  margin-left: 2px;
  object-fit: cover;
  width: 254px;
}

.agora .agora-diciembre-907-editada {
  height: 254px;
  margin-left: 3px;
  object-fit: cover;
  width: 254px;
}

.agora .direccin-de-arte-3 {
  color: var(--shark);
  font-family: var(--font-family-joyride-outline);
  font-size: 26px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  white-space: nowrap;
}