/* MORENA */
.elecciones__morena {
  background-color: #494949;
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  height: 100%;
  padding: 10px 20px;
  overflow: hidden;
}

.morena__title {
  color: #ffffff;
  font-size: clamp(14px, 1.6vw, 19px);
  line-height: calc(1em + 0.4vw);
}

.morena__item-one {
  border-bottom: 1px solid #ffffff;
  padding-bottom: 8px;
}

.morena__item a {
  display: flex;
  gap: 8px;
  height: 100%;
}

.morena__image img {
  aspect-ratio: 1.77/1;
  object-fit: cover;
  height: 100%;
}
.morena__image {
  flex: 0 0 35% !important;
}

@media only screen and (max-width: 700px) {
  .morena__item a {
    flex-direction: column;
  }
  .morena__image img {
    max-height: 120px;
  }

  .elecciones__morena {
    overflow-x: scroll;
  }
  /* Hide scrollbar for Chrome, Safari and Opera */
  .elecciones__morena::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  .elecciones__morena {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
}

/* Oposicion */
.elecciones__oposicion {
  display: grid;
  gap: 8px;
  grid-template-columns: 60% 1fr;
  grid-template-rows: 1fr;
  height: 100%;
  overflow: hidden;
  margin-top: 5px;
}

.electorales__container,
.oposicion__container {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 20px;
  padding: 10px 20px;
  background-color: #494949;
  height: 100%;
}

.oposicion__image img,
.electorales__image img {
  aspect-ratio: 1.77/1;
  object-fit: cover;
  height: 100%;
}

.oposicion__title,
.electorales__title {
  color: #ffffff;
  font-family: "Public Sans";
  font-size: clamp(14px, 1.6vw, 19px);
  line-height: calc(1em + 0.4vw);
}

.elecciones__column {
  padding-top: 5px;
  border-top: 1px solid #d8315e;
}
.elecciones__column-left {
  border-top: 1px solid #4d45a2;
}

@media only screen and (max-width: 700px) {
  .elecciones__oposicion {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    height: 100%;
    overflow-x: scroll;
  }
  /* Hide scrollbar for Chrome, Safari and Opera */
  .elecciones__oposicion::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  .elecciones__oposicion {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }

  .oposicion__image img{
    max-height: 111px;
  }
  .electorales__image img{
    max-height: 172px;
  }
}
