* {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none !important;
}

.upaep__muertos-banner-content img {
  width: 100%;
}

section.upaep__muertos-banner {
  background: #82226b;
}

section.upaep__muertos-programa {
  background: #82226b;
  /* background-image: url(/diademuertos/img/2025/morado_completo.webp); */
  position: relative;
  /* height: 100%; */
}

.upaep__muertos-programa-papel {
  background: #82226b;
}

.upaep__muertos-programa-papel img {
  width: 100%;
  position: absolute;
  top: -40px;
}

.upaep__muertos-programa-title {
  padding: 200px 120px 0;
  display: flex;
  justify-content: center;
}

.upaep__muertos-programa-fecha {
  display: flex;
  justify-content: center;
  padding: 120px 0 0;
}

.upaep__muertos-programa-conferencia {
  display: flex;
  justify-content: center;
  padding: 40px 0 0;
}

.upaep__muertos-programa-fecha-2 {
  padding: 40px 0 0;
  display: flex;
  justify-content: center;
}

* {
  padding: 0;
  margin: 0;
}

.upaep__muertos-banner-content img {
  width: 100%;
}

section.upaep__muertos-banner {
  background: #82226b;
}

section.upaep__muertos-programa {
  background: #82226b;
  /* background-image: url(/diademuertos/img/2025/morado_completo.webp); */
  position: relative;
  /* height: 100%; */
}

.upaep__muertos-programa-papel {
  background: #82226b;
}

.upaep__muertos-programa-papel img {
  width: 100%;
  position: absolute;
  top: -40px;
}

.upaep__muertos-programa-title {
  padding: 200px 120px 0;
  display: flex;
  justify-content: center;
}

.upaep__muertos-programa-fecha {
  display: flex;
  justify-content: center;
  padding: 120px 0 0;
}

.upaep__muertos-programa-conferencia {
  display: flex;
  justify-content: center;
  padding: 40px 0 0;
}

.upaep__muertos-programa-fecha-2,
.upaep__muertos-programa-actividades {
  padding: 40px 0 0;
  display: flex;
  justify-content: center;
}

.upaep__muertos-programa-content {
  padding: 40px 0 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 25px;
  align-items: center;
}

.upaep__muertos-programa-content2,
.upaep__muertos-programa-content3,
.upaep__muertos-programa-content4 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 25px;
  align-items: center;
}

/* Si quieres que las imágenes se salgan un poco (como en tu ejemplo con la calavera o la cruz) */
.upaep__muertos-programa-item:first-child img {
  position: relative;
  top: 69px;
}

.upaep__muertos-programa-item2:first-child img {
  position: relative;
  top: 20px;
  left: 40px;
  z-index: 9;
}

.upaep__muertos-programa-item2:last-child img {
  position: relative;
  top: -10px;
  left: 30px;
}

.upaep__muertos-programa-item3:first-child img {
  position: relative;
  top: -20px;
  left: 57px;
}

.upaep__muertos-programa-item3:nth-child(2) img {
  /* si quieres también mover el segundo */
  position: relative;
  top: -20px;
  left: 45px;
}

.upaep__muertos-programa-item3:nth-child(3) img {
  position: relative;
  top: 10px;
  left: 20px;
}

.upaep__muertos-programa-item3:last-child img {
  position: relative;
  top: -15px;
  left: 40px;
}

.upaep__muertos-programa-item4:nth-child(2) img {
  /* si quieres también mover el segundo */
  position: relative;
  top: -40px;
  left: -4px;
}

.upaep__muertos-programa-item4:nth-child(3) img {
  position: relative;
  top: 10px;
  left: 20px;
}

.upaep__muertos-programa-item4:last-child img {
  position: relative;
  top: -40px;
  left: -10px;
}

.upaep__muertos-programa-actividades-content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 25px;
  padding: 80px 0 0;
}

.upaep__muertos-programa-actividades-item {
  padding: 0 0 25px;
}

.upaep__muertos-programa-actividades-content-item2 {
  position: relative;
}

.upaep__muertos-programa-actividades-item.__jarritos {
  position: absolute;
  top: 120px;
  z-index: 0;
}

.upaep__muertos-programa-actividades-item.__marcos {
  position: absolute;
  top: 235px;
}

.upaep__muertos-programa-actividades-item.__vela {
  position: relative;
  top: 130px;
  left: -30px;
}

.upaep__muertos-programa-actividades-item.__tote img {
  z-index: 13;
  position: relative;
}

.upaep__muertos-programa-actividades-content-item3 {
  position: relative;
  left: -53px;
}

.upaep__muertos-programa-actividades-item.__maquillaje img {
  position: relative;
  top: -15px;
  z-index: 9;
}

.upaep__muertos-programa-actividades-item.__grabado img {
  position: relative;
  top: -74px;
}

.upaep__muertos-programa-actividades-item.__merca img {
  position: absolute;
  bottom: -15px;
  right: 40px;
}

.upaep__muertos-programa-actividades-item {
  text-align: center;
}

.upaep__muertos-programa-misa {
  padding: 120px 0;
  display: flex;
  justify-content: center;
}

.upaep__muertos-programa-divison {
  position: absolute;
  text-align: center;
  bottom: -25px;
  left: 0;
  right: 0;
  z-index: 9;
}

section.upaep__muertos-convocatoria {
  background: #801b96;
  position: relative;
}

.upaep__muertos-convocatoria-altares {
  display: flex;
  justify-content: center;
  padding: 80px 0 0;
}

.upaep__muertos-convocatoria-content {
  display: flex;
  justify-content: center;
  align-items: self-end;
  flex-wrap: wrap;
  gap: 120px;
  padding: 120px 0 240px;
}

section.upaep__muertos-donara {
  /* background-image: url(/diademuertos/img/2025/naranja.png); */
  background: #ff6700;
  position: relative;
  padding: 120px 0 240px;
}

.upaep__muertos-donara-title {
  display: flex;
  justify-content: center;
}

.upaep__muertos-donara-organizaciones {
  display: flex;
  justify-content: center;
  padding: 120px 0 0;
}

section.upaep__muertos-informes {
  background: #15457a;
  position: relative;
  padding: 0 0 80px;
}

.upaep__muertos-informes-content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 120px;
}

.upaep__muertos-informes-contacto {
  display: flex;
  justify-content: center;
  padding: 80px 0 0;
}

.upaep__muertos-programa-divison-vela {
  position: absolute;
  left: 250px;
}

.upaep__muertos-programa-divison-flor {
  position: absolute;
  right: 250px;
}

section.upaep__muertos-patrocinio {
  padding: 120px;
}

.upaep__muertos-patrocinio-logo {
  display: flex;
  justify-content: center;
  padding: 0 0 80px;
}

.upaep__muertos-patrocinio-upaep {
  display: flex;
  justify-content: center;
}

.upaep__muertos-programa-fecha-title {
  display: flex;
  justify-content: center;
  padding: 80px 0 0;
}

.upaep__muertos-convocatoria-botones {
  display: flex;
  justify-content: center;
  padding: 40px 0 0;
  flex-wrap: wrap;
  gap: 25px;
}

.upaep__muertos-convocatoria-btn-conv button {
  width: 175px;
  height: 38px;
  border: none;
  border-radius: 20px;
  background: #fff;
  color: #4d4d4d;
  font-family: "Fira Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.upaep__muertos-convocatoria-btn button {
  width: 175px;
  height: 38px;
  border: none;
  border-radius: 20px;
  background: #28a745;
  color: #fff;
  font-family: "Fira Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

@media (max-width: 1440px) {
  .upaep__muertos-programa-title {
    padding: 100px 60px 0;
  }

  .upaep__muertos-programa-item3:last-child img {
    position: relative;
    top: -15px;
    left: 22px;
  }

  .upaep__muertos-programa-item3:first-child img {
    position: relative;
    top: -20px;
    left: 40px;
  }

  .upaep__muertos-programa-item3:nth-child(2) img {
    position: relative;
    top: -20px;
    left: 30px;
  }

  .upaep__muertos-convocatoria-content {
    padding: 40px 0 120px;
    gap: 50px;
  }

  .upaep__muertos-convocatoria-items {
    width: 30%;
  }

  .upaep__muertos-convocatoria-item img {
    width: 100%;
  }
}

@media (max-width: 900px) {
  .upaep__muertos-programa-title {
    padding: 25px 20px;
  }

  .upaep__muertos-programa-title img {
    width: 100%;
  }

  .upaep__muertos-programa-fecha {
    padding: 40px 20px 0;
  }

  .upaep__muertos-programa-fecha img {
    width: 100%;
  }

  .upaep__muertos-programa-conferencia {
    padding: 25px 20px;
  }

  .upaep__muertos-programa-conferencia img {
    width: 100%;
  }

  .upaep__muertos-programa-fecha-2,
  .upaep__muertos-programa-actividades {
    padding: 25px 20px;
  }

  .upaep__muertos-programa-fecha-2 img {
    width: 100%;
  }

  .upaep__muertos-programa-content {
    padding: 25px 20px;
    gap: 0;
  }

  .upaep__muertos-programa-item img,
  .upaep__muertos-programa-item2 img,
  .upaep__muertos-programa-item3 img,
  .upaep__muertos-programa-item4 img {
    width: 100%;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }

  .upaep__muertos-programa-content2,
  .upaep__muertos-programa-content3,
  .upaep__muertos-programa-content4 {
    gap: 25px;
    padding: 25px 20px;
  }

  .upaep__muertos-programa-actividades img {
    width: 100%;
  }

  .upaep__muertos-programa-actividades-item img {
    width: 100%;
  }

  .upaep__muertos-programa-actividades-content {
    padding: 25px 20px 0;
  }

  section.upaep__muertos-patrocinio {
    padding: 25px 20px;
  }

  .upaep__muertos-patrocinio-logo img {
    width: 100%;
  }

  .upaep__muertos-patrocinio-logo {
    padding: 0 0 40px;
  }

  .upaep__muertos-patrocinio-upaep img {
    width: 100%;
  }

  .upaep__muertos-programa-divison-vela img {
    width: 30%;
  }

  .upaep__muertos-programa-divison-vela {
    left: 15px;
    display: flex;
    justify-content: left;
    bottom: -20px;
  }

  .upaep__muertos-programa-divison-flor {
    right: 15px;
    display: flex;
    justify-content: right;
    bottom: -20px;
  }

  .upaep__muertos-programa-divison-flor img {
    width: 30%;
  }

  .upaep__muertos-informes-contacto img {
    width: 100%;
  }

  .upaep__muertos-informes-contacto {
    padding: 25px 20px;
  }

  section.upaep__muertos-informes {
    padding: 0 0 25px;
  }

  .upaep__muertos-programa-divison img {
    width: 100%;
  }

  .upaep__muertos-programa-divison img {
    width: 100%;
  }

  section.upaep__muertos-donara {
    padding: 25px 20px;
  }

  .upaep__muertos-donara-organizaciones img {
    width: 100%;
  }

  .upaep__muertos-donara-organizaciones {
    padding: 25px 0;
  }

  .upaep__muertos-donara-title img {
    width: 100%;
  }

  .upaep__muertos-donara-title {
    padding: 25px 0 0;
  }

  .upaep__muertos-convocatoria-content {
    padding: 25px 20px;
    gap: 25px;
  }

  .upaep__muertos-convocatoria-item img {
    width: 100%;
  }

  .upaep__muertos-convocatoria-altares {
    padding: 25px 20px 0;
  }

  .upaep__muertos-convocatoria-altares img {
    width: 100%;
  }

  .upaep__muertos-programa-fecha-title img {
    width: 200px;
  }

  .upaep__muertos-programa-fecha-title {
    padding: 40px 0 0;
  }

  .upaep__muertos-programa-misa {
    padding: 25px 20px;
  }

  .upaep__muertos-programa-misa img {
    width: 100%;
  }

  .upaep__muertos-programa-actividades-item.__jarritos {
    position: static;
  }

  .upaep__muertos-programa-actividades-item.__marcos {
    position: static;
  }

  .upaep__muertos-programa-actividades-item.__vela {
    position: static;
  }

  .upaep__muertos-programa-actividades-item.__tote img {
    position: static;
  }

  .upaep__muertos-programa-actividades-content-item3 {
    position: static;
  }

  .upaep__muertos-programa-actividades-item.__maquillaje img {
    position: static;
  }

  .upaep__muertos-programa-actividades-item.__grabado img {
    position: static;
  }

  .upaep__muertos-programa-actividades-item.__merca img {
    position: static;
  }
}