/* 🔵===== Archive (Listas Generales) =====*/

.donghua-link {
  text-decoration: none;
  color: inherit;
}

.contenido-principal {
  max-width: 1400px;
  margin: 30px auto;
  padding: 30px;
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: 20px;
}

/* Grillas comunes */
.grid-anime,
.grid-dorama,
.grid-manhwa,
.grid-musica_ost,
.grid-gallery,
.grid-donghua {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  justify-content: flex-start;
}

/* Tarjetas */
.anime-item,
.dorama-item,
.manhwa-item,
.musica_ost-item,
.gallery-item,
.donghua-item,
.pelicula-item {
  background-color: rgba(30, 30, 30, 0.95);
  padding: 10px;
  border-radius: 15px;
  text-align: center;
  transition: transform 0.2s ease;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  width: 250px;
  box-sizing: border-box;
}

.anime-item:hover,
.dorama-item:hover,
.manhwa-item:hover,
.musica_ost-item:hover,
.gallery-item:hover,
.donghua-item:hover {
  transform: scale(1.02);
}

/* Imágenes */
.anime-item img,
.dorama-item img,
.manhwa-item img,
.musica_ost-item img,
.gallery-item img,
.donghua-item img {
  width: 100%;
  max-height: 350px;
  object-fit: cover;
  border-radius: 10px;
  display: block;
  margin: 0 auto;
}

/* Títulos */
.anime-item h3,
.dorama-item h3,
.manhwa-item h3,
.musica_ost-item h3,
.gallery-item h3,
.donghua-item h3 {
  font-size: 14px;
  margin: 10px 0;
  color: #fff;
  line-height: 1.3;
}

/* Estado (si lo usas) */
.anime-item .estado,
.dorama-item .estado,
.manhwa-item .estado,
.musica_ost-item .estado,
.gallery-item .estado,
.donghua-item .estado {
  display: inline-block;
  background-color: #f1c40f;
  color: #222;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 5px;
  margin-top: 5px;
}

/* 🔽 Paginación */
.paginacion {
  text-align: center;
  margin-top: 40px;
}

.paginacion a,
.paginacion span {
  display: inline-block;
  margin: 0 5px;
  padding: 8px 14px;
  background-color: #444;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.paginacion a:hover {
  background-color: #666;
}

.paginacion .current {
  background-color: #00bcd4;
  color: #000;
  font-weight: bold;
}

/* 🔹 Forzar tamaño uniforme para todas las portadas */
.grid-dorama img,
.grid-manhwa img,
.grid-pelicula img,
.grid-donghua img,
.grid-anime img {
  width: 200px;       /* ancho fijo */
  height: 300px;      /* alto fijo */
  object-fit: cover;  /* recorta manteniendo proporción */
  border-radius: 10px;
  display: block;
  margin: 0 auto;
}

/* 🔹 Hacer que las portadas de películas estén en fila */
.grid-pelicula {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  justify-content: flex-start;
}

.pelicula-item:hover {
  transform: scale(1.02);
}

.pelicula-item img {
  width: 100%;
  max-height: 350px;
  object-fit: cover;
  border-radius: 10px;
  display: block;
  margin: 0 auto;
}

.pelicula-item h3 {
  font-size: 14px;
  margin: 10px 0;
  color: #fff;
  line-height: 1.3;
}