/* =========================
   MEGAMKV 2026 PRO
   BLACK • BLUE • GOLD
   CLEAN PREMIUM UI
========================= */

:root {
  --bg: #050505;
  --panel: #0d0d0d;
  --panel2: #121212;
  --blue: #00aaff;
  --gold: #ffd700;
  --text: #eaeaea;
  --muted: #9aa0a6;
}

/* GLOBAL */
body {
  background: var(--bg) !important;
  color: var(--text) !important;
  font-family: Arial, Helvetica, sans-serif;
}

/* CONTENEDOR */
#contenido {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px;
}

/* HOME BOX GENERAL */
.home-box {
  background: linear-gradient(145deg, var(--panel), var(--panel2)) !important;
  border: 1px solid #1f1f1f;
  border-radius: 12px;
  margin-bottom: 25px;
  padding: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.7);
}

/* TITULOS */
.home-box h2 {
  background: linear-gradient(90deg, #000, #111, #000) !important;
  color: var(--gold) !important;
  text-transform: uppercase;
  font-weight: 700;
  padding: 12px;
  border-radius: 8px;
  text-align: center;
  letter-spacing: 1px;
  border: 1px solid #222;
}

/* POSTERS */
.caratulaenhome {
  border-radius: 10px;
  transition: all .25s ease;
  box-shadow: 0 6px 18px rgba(0,0,0,0.6);
}

.caratulaenhome:hover {
  transform: scale(1.07);
  box-shadow: 0 0 20px var(--blue);
}

/* BOTONES VER MAS */
.more-items a {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 6px;
  background: transparent;
  border: 1px solid var(--blue);
  color: var(--blue) !important;
  font-weight: 600;
  transition: 0.3s;
}

.more-items a:hover {
  background: var(--blue);
  color: #000 !important;
}

/* SECCIONES COLORES */
.peliculas4k { border-left: 4px solid var(--gold); }
.pelisrip    { border-left: 4px solid var(--blue); }
.series      { border-left: 4px solid #ff0066; }
.juegos      { border-left: 4px solid #00ff88; }

/* LINKS */
a {
  color: var(--blue);
}

a:hover {
  color: var(--gold);
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .caratulaenhome {
    width: 45% !important;
    height: auto;
  }
}