.inicio,
.inicio * {
  box-sizing: border-box;
}
.inicio {
  background: #ffffff;
  width: 390px;
  height: 844px;
  position: relative;
}

.fondo-mapa {
  background: #ffcd29;
  border-radius: 10px;
  width: 391px;
  height: 421px;
  position: absolute;
  left: 0px;
  top: 864px;
}
.rectangle-32 {
  background: #ffcd29;
  width: 390px;
  height: 220px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.appbar-android-top-regular-roboto {
  background: var(--white, #ffffff);
  border-radius: 10px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 358px;
  height: 57px;
  position: absolute;
  left: calc(50% - 179px);
  top: 164px;
}
.contents {
  align-self: stretch;
  flex-shrink: 0;
  height: 56px;
  position: relative;
}
.title {
  color: #757575;
  text-align: left;
  font: var(--headline-6, 500 20px/24px "Roboto-Medium", sans-serif);
  position: absolute;
  left: 16px;
  top: 16px;
  width: 264px;
}
.icon-list {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  right: 16px;
  top: calc(50% - 12px);
}
.icon-android-24-search {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.icon-android-24-nav-menu {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 16px;
  top: 16px;
}
.cultura-connect-logo-2 {
  width: 222px;
  height: 99px;
  position: absolute;
  left: calc(50% - 111px);
  top: 33px;
}
.pensado-para-vos {
  color: #000000;
  text-align: left;
  font: 800 22px "Roboto-ExtraBold", sans-serif;
  position: absolute;
  left: 16px;
  top: 244px;
}
.mapa-de-eventos {
  color: #000000;
  text-align: left;
  font: 800 22px "Roboto-ExtraBold", sans-serif;
  position: absolute;
  left: 15px;
  top: 872px;
}
.carrusel {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 358px;
  height: 239px;
  position: absolute;
  left: calc(50% - 179px);
  top: calc(50% - 136px);
}
.card-1 {
  flex-shrink: 0;
  width: 130px;
  height: 239px;
  position: static;
}
.group-44 {
  width: 130px;
  height: 239px;
  position: static;
}
.rectangle-27 {
  background: #aef455;
  border-radius: 10px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  width: 130px;
  height: 239px;
  position: absolute;
  left: -94.75px;
  top: 0px;
}
.rectangle-12 {
  border-radius: 10px;
  position: absolute;
  right: 91.55%;
  left: -25.35%;
  width: 33.8%;
  bottom: 59%;
  top: 4.18%;
  height: 36.82%;
}
.calendar-month {
  height: auto;
  position: absolute;
  right: 119.76%;
  left: -23.67%;
  width: 3.91%;
  bottom: 32.22%;
  top: 61.92%;
  height: 5.86%;
  overflow: visible;
}
.calendar-month2 {
  height: auto;
  position: absolute;
  right: 119.76%;
  left: -23.67%;
  width: 3.91%;
  bottom: 32.22%;
  top: 61.92%;
  height: 5.86%;
  overflow: visible;
}
.sarmiento-1551-caba {
  color: #000000;
  text-align: left;
  font: 400 8px "Roboto-Regular", sans-serif;
  position: absolute;
  left: -64.25px;
  top: 180px;
  width: 90px;
  height: 8px;
}
.entrada-gratuita {
  color: #000000;
  text-align: left;
  font: 500 8px "Roboto-Medium", sans-serif;
  position: absolute;
  left: -60.75px;
  top: 211px;
  width: 70px;
  height: 8px;
}
._03-de-noviembre-2023 {
  color: #000000;
  text-align: left;
  font: 400 8px "Roboto-Regular", sans-serif;
  position: absolute;
  left: -64.25px;
  top: 151px;
  width: 90px;
  height: 12px;
}
.espacio-documental {
  color: #000000;
  text-align: left;
  font: 500 10px "Roboto-Medium", sans-serif;
  position: absolute;
  left: -84.75px;
  top: 123px;
  width: 110px;
  height: 11px;
}
.cine {
  color: #000000;
  text-align: left;
  font: 400 10px "Roboto-Regular", sans-serif;
  position: absolute;
  left: -84.75px;
  top: 102px;
  width: 110px;
  height: 11px;
}
.favorite {
  height: auto;
  position: absolute;
  right: 92.11%;
  left: 1.19%;
  width: 6.7%;
  bottom: 83.68%;
  top: 6.28%;
  height: 10.04%;
  overflow: visible;
}
.location-on {
  height: auto;
  position: absolute;
  right: 119.76%;
  left: -23.67%;
  width: 3.91%;
  bottom: 19.25%;
  top: 74.48%;
  height: 6.28%;
  overflow: visible;
}
.confirmation-number {
  height: auto;
  position: absolute;
  right: 119.76%;
  left: -23.67%;
  width: 3.91%;
  bottom: 6.28%;
  top: 87.87%;
  height: 5.86%;
  overflow: visible;
}
.card-2 {
  flex-shrink: 0;
  width: 130px;
  height: 239px;
  position: static;
}

.group-44:hover .rectangle-272{
  background-color: #94ed22;
}

.rectangle-272 {
  background: #aef455;
  border-radius: 10px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  width: 130px;
  height: 239px;
  position: absolute;
  left: 43.25px;
  top: 0px;
}
.rectangle-122 {
  border-radius: 10px;
  position: absolute;
  right: 53%;
  left: 13.2%;
  width: 33.8%;
  bottom: 59%;
  top: 4.18%;
  height: 36.82%;
}
.calendar-month3 {
  height: auto;
  position: absolute;
  right: 81.22%;
  left: 14.87%;
  width: 3.91%;
  bottom: 32.22%;
  top: 61.92%;
  height: 5.86%;
  overflow: visible;
}
.av-triunvirato-4444-caba {
  color: #000000;
  text-align: left;
  font: 400 8px "Roboto-Regular", sans-serif;
  position: absolute;
  left: 76.75px;
  top: 180px;
  width: 90px;
  height: 8px;
}
.entrada-gratuita2 {
  color: #000000;
  text-align: left;
  font: 500 8px "Roboto-Medium", sans-serif;
  position: absolute;
  left: 77.25px;
  top: 211px;
  width: 70px;
  height: 8px;
}
._22-de-noviembre-2023 {
  color: #000000;
  text-align: left;
  font: 400 8px "Roboto-Regular", sans-serif;
  position: absolute;
  left: 76.75px;
  top: 151px;
  width: 90px;
  height: 8px;
}
.cine-urquiza {
  color: #000000;
  text-align: left;
  font: 500 10px "Roboto-Medium", sans-serif;
  position: absolute;
  left: 53.25px;
  top: 123px;
  width: 110px;
  height: 11px;
}
.cine2 {
  color: #000000;
  text-align: left;
  font: 400 10px "Roboto-Regular", sans-serif;
  position: absolute;
  left: 53.25px;
  top: 102px;
  width: 110px;
  height: 11px;
}
.favorite2 {
  height: auto;
  position: absolute;
  right: 53.56%;
  left: 39.73%;
  width: 6.7%;
  bottom: 83.68%;
  top: 6.28%;
  height: 10.04%;
  overflow: visible;
}
.location-on2 {
  height: auto;
  position: absolute;
  right: 81.22%;
  left: 14.87%;
  width: 3.91%;
  bottom: 19.25%;
  top: 74.48%;
  height: 6.28%;
  overflow: visible;
}
.confirmation-number2 {
  height: auto;
  position: absolute;
  right: 81.22%;
  left: 14.87%;
  width: 3.91%;
  bottom: 6.28%;
  top: 87.87%;
  height: 5.86%;
  overflow: visible;
}
.card-3 {
  flex-shrink: 0;
  width: 133.5px;
  height: 239px;
  position: static;
}
.group-442 {
  width: 133.5px;
  height: 239px;
  position: static;
}
.rectangle-273 {
  background: #fb8bce;
  border-radius: 10px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  width: 130px;
  height: 239px;
  position: absolute;
  left: 181.25px;
  top: 0px;
}
.rectangle-123 {
  border-radius: 10px;
  position: absolute;
  right: 14.46%;
  left: 51.75%;
  width: 33.8%;
  bottom: 59%;
  top: 4.18%;
  height: 36.82%;
}
.calendar-month4 {
  height: auto;
  position: absolute;
  right: 42.67%;
  left: 53.42%;
  width: 3.91%;
  bottom: 32.22%;
  top: 61.92%;
  height: 5.86%;
  overflow: visible;
}
.parque-centenario-caba {
  color: #000000;
  text-align: left;
  font: 400 8px "Roboto-Regular", sans-serif;
  position: absolute;
  left: 214.75px;
  top: 180px;
  width: 100px;
  height: 8px;
}
.entrada-desde-1500 {
  color: #000000;
  text-align: left;
  font: 500 8px "Roboto-Medium", sans-serif;
  position: absolute;
  left: 215.75px;
  top: 211px;
  width: 84px;
  height: 8px;
}
._03-de-diciembre-2023 {
  color: #000000;
  text-align: left;
  font: 400 8px "Roboto-Regular", sans-serif;
  position: absolute;
  left: 214.75px;
  top: 151px;
  width: 80px;
  height: 8px;
}
.electrochongo {
  color: #000000;
  text-align: left;
  font: 500 10px "Roboto-Medium", sans-serif;
  position: absolute;
  left: 191.25px;
  top: 123px;
  width: 110px;
  height: 11px;
}
.m-sica {
  color: #000000;
  text-align: left;
  font: 400 10px "Roboto-Regular", sans-serif;
  position: absolute;
  left: 191.25px;
  top: 102px;
  width: 110px;
  height: 11px;
}
.favorite3 {
  position: absolute;
  right: 15.01%;
  left: 78.28%;
  width: 6.7%;
  bottom: 83.68%;
  top: 6.28%;
  height: 10.04%;
  overflow: hidden;
}
.location-on3 {
  height: auto;
  position: absolute;
  right: 42.67%;
  left: 53.42%;
  width: 3.91%;
  bottom: 19.25%;
  top: 74.48%;
  height: 6.28%;
  overflow: visible;
}
.confirmation-number3 {
  height: auto;
  position: absolute;
  right: 42.67%;
  left: 53.42%;
  width: 3.91%;
  bottom: 6.28%;
  top: 87.87%;
  height: 5.86%;
  overflow: visible;
}
.vector13 {
  width: 20px;
  height: 18.35px;
  position: absolute;
  left: 279.75px;
  top: 18px;
  overflow: visible;
}
.card-3-b {
  flex-shrink: 0;
  width: 130px;
  height: 239px;
  position: static;
}
.rectangle-274 {
  background: #dec1fc;
  border-radius: 10px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  width: 130px;
  height: 239px;
  position: absolute;
  left: 322.75px;
  top: 0px;
}
.rectangle-124 {
  border-radius: 10px;
  position: absolute;
  right: -25.07%;
  left: 91.27%;
  width: 33.8%;
  bottom: 59%;
  top: 4.18%;
  height: 36.82%;
}
.calendar-month5 {
  height: auto;
  position: absolute;
  right: 3.14%;
  left: 92.95%;
  width: 3.91%;
  bottom: 32.22%;
  top: 61.92%;
  height: 5.86%;
  overflow: visible;
}
.juan-bautista-alberdi-5765-caba {
  color: #000000;
  text-align: left;
  font: 400 8px "Roboto-Regular", sans-serif;
  position: absolute;
  left: 356.75px;
  top: 179px;
  width: 85px;
  height: 8px;
}
.entrada-gratuita3 {
  color: #000000;
  text-align: left;
  font: 500 8px "Roboto-Medium", sans-serif;
  position: absolute;
  left: 356.75px;
  top: 211px;
  width: 70px;
  height: 8px;
}
._03-de-diciembre-20232 {
  color: #000000;
  text-align: left;
  font: 400 8px "Roboto-Regular", sans-serif;
  position: absolute;
  left: 356.75px;
  top: 150px;
  width: 80px;
  height: 8px;
}
.todo-bien {
  color: #000000;
  text-align: left;
  font: 500 10px "Roboto-Medium", sans-serif;
  position: absolute;
  left: 332.75px;
  top: 123px;
  width: 110px;
  height: 11px;
}
.teatro {
  color: #000000;
  text-align: left;
  font: 400 8px "Roboto-Regular", sans-serif;
  position: absolute;
  left: 332.75px;
  top: 102px;
  width: 110px;
  height: 11px;
}
.favorite4 {
  position: absolute;
  right: -24.51%;
  left: 117.81%;
  width: 6.7%;
  bottom: 83.68%;
  top: 6.28%;
  height: 10.04%;
  overflow: hidden;
}
.location-on4 {
  height: auto;
  position: absolute;
  right: 3.14%;
  left: 92.95%;
  width: 3.91%;
  bottom: 19.25%;
  top: 74.48%;
  height: 6.28%;
  overflow: visible;
}
.confirmation-number4 {
  height: auto;
  position: absolute;
  right: 3.14%;
  left: 92.95%;
  width: 3.91%;
  bottom: 6.28%;
  top: 87.87%;
  height: 5.86%;
  overflow: visible;
}
.vector17 {
  width: 20px;
  height: 18.35px;
  position: absolute;
  left: 421.25px;
  top: 18px;
  overflow: visible;
}
.pr-ximos-eventos {
  color: #000000;
  text-align: left;
  font: 800 22px "Roboto-ExtraBold", sans-serif;
  position: absolute;
  left: 15px;
  top: 572px;
}
.carrusel2 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 542px;
  height: 239px;
  position: absolute;
  left: calc(50% - 274px);
  top: calc(50% - -191px);
}
.card-1-b {
  flex-shrink: 0;
  width: 130px;
  height: 239px;
  position: static;
}
.rectangle-275 {
  background: #fb8bce;
  border-radius: 10px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  width: 130px;
  height: 239px;
  position: absolute;
  left: -1px;
  top: 0px;
}
.rectangle-125 {
  border-radius: 10px;
  position: absolute;
  right: 77.12%;
  left: 0.55%;
  width: 22.32%;
  bottom: 59%;
  top: 4.18%;
  height: 36.82%;
}
.calendar-month6 {
  height: auto;
  position: absolute;
  right: 95.76%;
  left: 1.66%;
  width: 2.58%;
  bottom: 32.22%;
  top: 61.92%;
  height: 5.86%;
  overflow: visible;
}
.a-confirmar {
  color: #000000;
  text-align: left;
  font: 400 8px "Roboto-Regular", sans-serif;
  position: absolute;
  left: 33px;
  top: 180px;
  width: 53px;
  height: 8px;
}
.entrada-gratuita4 {
  color: #000000;
  text-align: left;
  font: 500 8px "Roboto-Medium", sans-serif;
  position: absolute;
  left: 33px;
  top: 211px;
  width: 70px;
  height: 8px;
}
._24-de-noviembre-2023 {
  color: #000000;
  text-align: left;
  font: 400 8px "Roboto-Regular", sans-serif;
  position: absolute;
  left: 33px;
  top: 151px;
  width: 85px;
  height: 8px;
}
.nomade {
  color: #000000;
  text-align: left;
  font: 500 10px "Roboto-Medium", sans-serif;
  position: absolute;
  left: 9px;
  top: 123px;
  width: 110px;
  height: 11px;
}
.m-sica2 {
  color: #000000;
  text-align: left;
  font: 400 8px "Roboto-Regular", sans-serif;
  position: absolute;
  left: 9px;
  top: 102px;
  width: 110px;
  height: 11px;
}
.favorite5 {
  height: auto;
  position: absolute;
  right: 77.49%;
  left: 18.08%;
  width: 4.43%;
  bottom: 83.68%;
  top: 6.28%;
  height: 10.04%;
  overflow: visible;
}
.location-on5 {
  height: auto;
  position: absolute;
  right: 95.76%;
  left: 1.66%;
  width: 2.58%;
  bottom: 19.25%;
  top: 74.48%;
  height: 6.28%;
  overflow: visible;
}
.confirmation-number5 {
  height: auto;
  position: absolute;
  right: 95.76%;
  left: 1.66%;
  width: 2.58%;
  bottom: 6.28%;
  top: 87.87%;
  height: 5.86%;
  overflow: visible;
}
.card-2-b {
  flex-shrink: 0;
  width: 130px;
  height: 239px;
  position: static;
}
.rectangle-276 {
  background: #fb8bce;
  border-radius: 10px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  width: 130px;
  height: 239px;
  position: absolute;
  left: 137px;
  top: 0px;
}
.rectangle-126 {
  border-radius: 10px;
  position: absolute;
  right: 51.66%;
  left: 26.01%;
  width: 22.32%;
  bottom: 59%;
  top: 4.18%;
  height: 36.82%;
}
.calendar-month7 {
  height: auto;
  position: absolute;
  right: 70.3%;
  left: 27.12%;
  width: 2.58%;
  bottom: 32.22%;
  top: 61.92%;
  height: 5.86%;
  overflow: visible;
}
.centenera-1099 {
  color: #000000;
  text-align: left;
  font: 400 8px "Roboto-Regular", sans-serif;
  position: absolute;
  left: 171px;
  top: 179px;
  width: 67px;
  height: 8px;
}
.entrada-gratuita5 {
  color: #000000;
  text-align: left;
  font: 500 8px "Roboto-Medium", sans-serif;
  position: absolute;
  left: 171px;
  top: 211px;
  width: 70px;
  height: 8px;
}
._02-de-diciembre-2023 {
  color: #000000;
  text-align: left;
  font: 400 8px "Roboto-Regular", sans-serif;
  position: absolute;
  left: 171px;
  top: 150px;
  width: 80px;
  height: 8px;
}
.piramidal {
  color: #000000;
  text-align: left;
  font: 500 10px "Roboto-Medium", sans-serif;
  position: absolute;
  left: 147px;
  top: 123px;
  width: 110px;
  height: 11px;
}
.m-sica3 {
  color: #000000;
  text-align: left;
  font: 400 8px "Roboto-Regular", sans-serif;
  position: absolute;
  left: 147px;
  top: 102px;
  width: 110px;
  height: 11px;
}
.favorite6 {
  height: auto;
  position: absolute;
  right: 52.03%;
  left: 43.54%;
  width: 4.43%;
  bottom: 83.68%;
  top: 6.28%;
  height: 10.04%;
  overflow: visible;
}
.location-on6 {
  height: auto;
  position: absolute;
  right: 70.3%;
  left: 27.12%;
  width: 2.58%;
  bottom: 19.25%;
  top: 74.48%;
  height: 6.28%;
  overflow: visible;
}
.confirmation-number6 {
  height: auto;
  position: absolute;
  right: 70.3%;
  left: 27.12%;
  width: 2.58%;
  bottom: 6.28%;
  top: 87.87%;
  height: 5.86%;
  overflow: visible;
}
.rectangle-277 {
  background: #dec1fc;
  border-radius: 10px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  width: 130px;
  height: 239px;
  position: absolute;
  left: 275px;
  top: 0px;
}
.rectangle-127 {
  border-radius: 10px;
  position: absolute;
  right: 26.2%;
  left: 51.48%;
  width: 22.32%;
  bottom: 59%;
  top: 4.18%;
  height: 36.82%;
}
.calendar-month8 {
  height: auto;
  position: absolute;
  right: 44.83%;
  left: 52.58%;
  width: 2.58%;
  bottom: 32.22%;
  top: 61.92%;
  height: 5.86%;
  overflow: visible;
}
.juan-bautista-alberdi-5765-caba2 {
  color: #000000;
  text-align: left;
  font: 400 8px "Roboto-Regular", sans-serif;
  position: absolute;
  left: 309px;
  top: 179px;
  width: 85px;
  height: 8px;
}
.entrada-gratuita6 {
  color: #000000;
  text-align: left;
  font: 500 8px "Roboto-Medium", sans-serif;
  position: absolute;
  left: 309px;
  top: 211px;
  width: 70px;
  height: 8px;
}
._03-de-diciembre-20233 {
  color: #000000;
  text-align: left;
  font: 400 8px "Roboto-Regular", sans-serif;
  position: absolute;
  left: 309px;
  top: 150px;
  width: 80px;
  height: 8px;
}
.todo-bien2 {
  color: #000000;
  text-align: left;
  font: 500 10px "Roboto-Medium", sans-serif;
  position: absolute;
  left: 285px;
  top: 123px;
  width: 110px;
  height: 11px;
}
.teatro2 {
  color: #000000;
  text-align: left;
  font: 400 8px "Roboto-Regular", sans-serif;
  position: absolute;
  left: 285px;
  top: 102px;
  width: 110px;
  height: 11px;
}
.favorite7 {
  position: absolute;
  right: 26.57%;
  left: 69%;
  width: 4.43%;
  bottom: 83.68%;
  top: 6.28%;
  height: 10.04%;
  overflow: hidden;
}
.location-on7 {
  height: auto;
  position: absolute;
  right: 44.83%;
  left: 52.58%;
  width: 2.58%;
  bottom: 19.25%;
  top: 74.48%;
  height: 6.28%;
  overflow: visible;
}
.confirmation-number7 {
  height: auto;
  position: absolute;
  right: 44.83%;
  left: 52.58%;
  width: 2.58%;
  bottom: 6.28%;
  top: 87.87%;
  height: 5.86%;
  overflow: visible;
}
.vector29 {
  width: 20px;
  height: 18.35px;
  position: absolute;
  left: 373.5px;
  top: 18px;
  overflow: visible;
}
.card-4-b {
  flex-shrink: 0;
  width: 130px;
  height: 239px;
  position: static;
}
.rectangle-278 {
  background: #dec1fc;
  border-radius: 10px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  width: 130px;
  height: 239px;
  position: absolute;
  left: 413px;
  top: 0px;
}
.rectangle-128 {
  border-radius: 10px;
  position: absolute;
  right: 0.74%;
  left: 76.94%;
  width: 22.32%;
  bottom: 59%;
  top: 4.18%;
  height: 36.82%;
}
.calendar-month9 {
  height: auto;
  position: absolute;
  right: 19.37%;
  left: 78.04%;
  width: 2.58%;
  bottom: 32.22%;
  top: 61.92%;
  height: 5.86%;
  overflow: visible;
}
.av-corrientes-1530-caba {
  color: #000000;
  text-align: left;
  font: 400 8px "Roboto-Regular", sans-serif;
  position: absolute;
  left: 447px;
  top: 179px;
  width: 53px;
  height: 8px;
}
.entrada-gratuita7 {
  color: #000000;
  text-align: left;
  font: 500 8px "Roboto-Medium", sans-serif;
  position: absolute;
  left: 447px;
  top: 211px;
  width: 70px;
  height: 8px;
}
._22-de-noviembre-20232 {
  color: #000000;
  text-align: left;
  font: 400 8px "Roboto-Regular", sans-serif;
  position: absolute;
  left: 447px;
  top: 151px;
  width: 85px;
  height: 8px;
}
.cyrano {
  color: #000000;
  text-align: left;
  font: 400 10px "Roboto-Regular", sans-serif;
  position: absolute;
  left: 423px;
  top: 123px;
  width: 110px;
  height: 11px;
}
.teatro3 {
  color: #000000;
  text-align: left;
  font: 400 8px "Roboto-Regular", sans-serif;
  position: absolute;
  left: 423px;
  top: 102px;
  width: 110px;
  height: 11px;
}
.location-on8 {
  height: auto;
  position: absolute;
  right: 19.37%;
  left: 78.04%;
  width: 2.58%;
  bottom: 19.25%;
  top: 74.48%;
  height: 6.28%;
  overflow: visible;
}
.confirmation-number8 {
  height: auto;
  position: absolute;
  right: 19.37%;
  left: 78.04%;
  width: 2.58%;
  bottom: 6.28%;
  top: 87.87%;
  height: 5.86%;
  overflow: visible;
}
.vector33 {
  width: 20px;
  height: 18.35px;
  position: absolute;
  left: 511.5px;
  top: 18px;
  overflow: visible;
}
.mapa {
  background: #ffffff;
  border-radius: 10px;
  width: 360px;
  height: 339px;
  position: absolute;
  left: calc(50% - 180px);
  top: 910px;
  overflow: hidden;
}
.maps-full-map {
  background: #ffffff;
  width: 348px;
  height: 698px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.maps-zoom-levels-2-city {
  background: #ffffff;
  position: absolute;
  right: -1.28%;
  left: 1.28%;
  width: 100%;
  bottom: -7.81%;
  top: 7.81%;
  height: 100%;
  overflow: hidden;
}
.map-of-birmingham-city {
  width: 1056px;
  height: 699px;
  position: absolute;
  left: calc(50% - 528px);
  top: calc(50% - 349px);
}
.image-1 {
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  width: 360px;
  height: 365px;
  position: absolute;
  left: 0px;
  top: 47px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.controls {
  position: absolute;
  inset: 0;
}
.controls-street-view {
  width: 28px;
  height: 28px;
  position: absolute;
  right: 4px;
  top: 115px;
}
.rectangle {
  background: var(--white, #ffffff);
  border-radius: 2px;
  position: absolute;
  right: 0%;
  left: 0%;
  width: 100%;
  bottom: 0%;
  top: 0%;
  height: 100%;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.pegman-offscreen-2-x {
  position: absolute;
  right: 28.57%;
  left: 28.57%;
  width: 42.86%;
  bottom: 14.29%;
  top: 14.29%;
  height: 71.43%;
}
.controls-zoom-controls {
  width: 28px;
  height: 53px;
  position: absolute;
  right: 4px;
  top: 54px;
  overflow: visible;
}
.controls-map-type {
  width: 94px;
  height: 29px;
  position: absolute;
  left: 11px;
  top: 54px;
}
.satellite {
  color: #565656;
  text-align: center;
  font: 400 11px "Roboto-Regular", sans-serif;
  position: absolute;
  right: 8.51%;
  left: 48.94%;
  width: 42.55%;
  bottom: 27.59%;
  top: 27.59%;
  height: 44.83%;
}
.line {
  border-style: solid;
  border-color: #f2f2f2;
  border-width: 1px 0 0 0;
  position: absolute;
  right: 28.72%;
  left: 40.43%;
  width: 30.85%;
  bottom: 100%;
  top: 0%;
  height: 0%;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
}
.map {
  color: #000000;
  text-align: center;
  font: 500 11px "Roboto-Medium", sans-serif;
  position: absolute;
  right: 68.09%;
  left: 8.51%;
  width: 23.4%;
  bottom: 27.59%;
  top: 27.59%;
  height: 44.83%;
}
.markers-spotlight-marker {
  width: 27px;
  height: 43px;
  position: absolute;
  left: 83px;
  top: 321px;
  overflow: visible;
}
.markers-spotlight-marker2 {
  width: 27px;
  height: 43px;
  position: absolute;
  left: 262px;
  top: 300px;
  overflow: visible;
}
.markers-spotlight-marker3 {
  width: 27px;
  height: 43px;
  position: absolute;
  left: 216px;
  top: 68px;
  overflow: visible;
}
.markers-spotlight-marker4 {
  width: 27px;
  height: 43px;
  position: absolute;
  left: 40px;
  top: 114px;
  overflow: visible;
}
.markers-spotlight-marker5 {
  width: 27px;
  height: 43px;
  position: absolute;
  left: 189px;
  top: 332px;
  overflow: visible;
}
.maps-markers-near-pin-marker {
  position: absolute;
  right: 47.69%;
  left: 45.38%;
  width: 6.92%;
  bottom: 20.63%;
  top: 73.21%;
  height: 6.16%;
}
.maps-markers-spotlight-marker {
  height: auto;
  position: absolute;
  right: 0%;
  left: 0%;
  width: 100%;
  bottom: 0%;
  top: 0%;
  height: 100%;
  overflow: visible;
}
.maps-markers-near-pin-marker2 {
  position: absolute;
  right: 29.49%;
  left: 63.59%;
  width: 6.92%;
  bottom: 71.35%;
  top: 22.49%;
  height: 6.16%;
}
.maps-markers-spotlight-marker2 {
  height: auto;
  position: absolute;
  right: 0%;
  left: 0%;
  width: 100%;
  bottom: 0%;
  top: 0%;
  height: 100%;
  overflow: visible;
}
.maps-markers-near-pin-marker3 {
  position: absolute;
  right: 51.54%;
  left: 41.54%;
  width: 6.92%;
  bottom: 66.91%;
  top: 26.93%;
  height: 6.16%;
}
.maps-markers-spotlight-marker3 {
  height: auto;
  position: absolute;
  right: 0%;
  left: 0%;
  width: 100%;
  bottom: 0%;
  top: 0%;
  height: 100%;
  overflow: visible;
}
.maps-markers-near-pin-marker4 {
  position: absolute;
  right: 85.13%;
  left: 7.95%;
  width: 6.92%;
  bottom: 56.88%;
  top: 36.96%;
  height: 6.16%;
}
.maps-markers-spotlight-marker4 {
  height: auto;
  position: absolute;
  right: 0%;
  left: 0%;
  width: 100%;
  bottom: 0%;
  top: 0%;
  height: 100%;
  overflow: visible;
}
.maps-markers-near-pin-marker5 {
  position: absolute;
  right: 83.08%;
  left: 10%;
  width: 6.92%;
  bottom: 67.77%;
  top: 26.07%;
  height: 6.16%;
}
.maps-markers-spotlight-marker5 {
  height: auto;
  position: absolute;
  right: 0%;
  left: 0%;
  width: 100%;
  bottom: 0%;
  top: 0%;
  height: 100%;
  overflow: visible;
}
.frame-16 {
  display: flex;
  flex-direction: row;
  gap: 15px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: calc(50% - 159px);
  top: 12px;
}
.boton-filtrar-cine {
  flex-shrink: 0;
  width: 70px;
  height: 23px;
  position: static;
}
.rectangle-5 {
  background: #aef455;
  border-radius: 25px;
  width: 70px;
  height: 23px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.cine3 {
  color: #000000;
  text-align: left;
  font: 400 12px "Inter-Regular", sans-serif;
  position: absolute;
  left: 22px;
  top: 4px;
}
.boton-filtrar-musica {
  flex-shrink: 0;
  width: 70px;
  height: 23px;
  position: static;
}
.rectangle-6 {
  background: #fb8bce;
  border-radius: 25px;
  width: 70px;
  height: 23px;
  position: absolute;
  left: 85px;
  top: 0px;
}
.m-sica4 {
  color: #000000;
  text-align: left;
  font: 400 12px "Inter-Regular", sans-serif;
  position: absolute;
  left: 100px;
  top: 4px;
}
.boton-filtrar-teatro {
  flex-shrink: 0;
  width: 70px;
  height: 23px;
  position: static;
}
.rectangle-7 {
  background: #dec1fc;
  border-radius: 25px;
  width: 70px;
  height: 23px;
  position: absolute;
  left: 170px;
  top: 0px;
}
.teatro4 {
  color: #000000;
  text-align: left;
  font: 400 12px "Inter-Regular", sans-serif;
  position: absolute;
  left: 187px;
  top: 4px;
}
.boton-filtrar {
  flex-shrink: 0;
  width: 70px;
  height: 23px;
  position: static;
}
.group-20 {
  width: 70px;
  height: 23px;
  position: static;
}
.rectangle-8 {
  background: rgba(171, 171, 171, 0.86);
  border-radius: 25px;
  width: 70px;
  height: 23px;
  position: absolute;
  left: calc(50% - -92.5px);
  top: calc(50% - 11.5px);
}
.icon-android-24-filter {
  width: 16px;
  height: 18px;
  position: absolute;
  left: calc(50% - -140.5px);
  top: calc(50% - 8.5px);
  overflow: visible;
}
.filtrar {
  color: #000000;
  text-align: left;
  font: 400 12px "Inter-Regular", sans-serif;
  position: absolute;
  left: calc(50% - -100.5px);
  top: calc(50% - 7.5px);
}
.markers-near-pin-marker {
  width: 27px;
  height: 43px;
  position: absolute;
  left: 261px;
  top: 187px;
}
.maps-markers-near-pin-marker6 {
  position: absolute;
  right: 0%;
  left: 0%;
  width: 100%;
  bottom: 0%;
  top: 0%;
  height: 100%;
}
.maps-markers-spotlight-marker6 {
  height: auto;
  position: absolute;
  right: 0%;
  left: 0%;
  width: 100%;
  bottom: 0%;
  top: 0%;
  height: 100%;
  overflow: visible;
}
.barra-de-estado-android {
  width: 390px;
  height: 31px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.barra-de-menu {
  width: 391px;
  height: 55px;
  position: sticky;
  left: 0px;
  top: 789px;
}

footer { 
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;}

    header {
        background-color: #ffcd29;
        padding: 0px;
        text-align: center;
        display: block;
        align-items: center;
    }

body {
background-color: #ffffff;
}