/* Reset mínimo y base */
*,*::before,*::after{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  background:#0f0f10; color:#e8eaed; line-height:1.5;
}
a{ color:#39ff14; text-decoration:none; }
a:hover{ text-decoration:underline; }

.container{ width:100%; max-width:1200px; margin:0 auto; padding:0 16px; }

/* Header / Footer básicos */
.site-header{ position:sticky; top:0; z-index:10; background:#0b0b0b; border-bottom:1px solid rgba(255,255,255,.08); }
.header-inner{ display:flex; align-items:center; gap:16px; min-height:56px; }
.brand{ font-weight:900; letter-spacing:.4px; color:#fff; }
.nav-primary ul{ margin:0; padding:0; list-style:none; display:flex; gap:14px; }
.nav-primary a{ color:#e8eaed; padding:8px 10px; border-radius:8px; }
.nav-primary a:hover{ background:rgba(255,255,255,.06); }

.site-footer{ margin-top:40px; padding:24px 0; background:#0b0b0b; border-top:1px solid rgba(255,255,255,.08); }
.nav-footer ul{ margin:0; padding:0; list-style:none; display:flex; gap:12px; flex-wrap:wrap; }
.copy{ color:#9aa0a6; font-size:13px; margin-top:8px; }

/* Títulos y contenido */
.mc-title{ margin:18px 0; font-size:clamp(22px,2.4vw,32px); color:#fff; }
.mc-content img{ max-width:100%; height:auto; border-radius:12px; }

/* Ocultar título en la portada y la marca del header (por si algún plugin lo repinta) */
.home .mc-title { display: none !important; }
.site-header .brand,
.site-header .brand-logo { display: none !important; }

/////multiverso

/* ===== Multiverso – Landing blocks ===== */
:root{
  --mv-bg:#0b0d11;
  --mv-card:#0f1116;
  --mv-ink:#e8eaed;
  --mv-muted:#95a0ad;
  --mv-accent:#00c853;         /* neon green */
  --mv-accent-2:#2ecc71;
  --mv-pill:#12151c;
  --mv-br:18px;
  --mv-shadow:0 18px 50px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.04);
}

/* ancho máximo cómodo */
.mv-container{ width:100%; max-width:1200px; margin:0 auto; padding:0 16px; }

/* Hero con gradiente y título grande */
.mv-hero{
  position:relative; isolation:isolate;
  background: radial-gradient(1000px 400px at 50% -10%, rgba(46,204,113,.18), transparent 60%),
              linear-gradient(180deg, #0a0c10 0%, #0b0d11 100%);
  color:var(--mv-ink);
  border-radius:var(--mv-br);
  box-shadow: var(--mv-shadow);
  padding: clamp(28px, 6vw, 56px) 20px;
  overflow:hidden;
}
.mv-hero .mv-title{
  margin:0 0 10px; font-size: clamp(28px, 5vw, 48px); line-height:1.05; font-weight:900;
}
.mv-hero .mv-sub{ color:var(--mv-muted); font-size: clamp(14px, 2vw, 18px); margin-bottom:18px; }

/* Botones */
.mv-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 18px; border-radius:12px; font-weight:900; letter-spacing:.3px;
  border:0; cursor:pointer; text-decoration:none;
  box-shadow:0 14px 28px rgba(0,200,83,.25);
  transition: transform .08s ease, filter .12s ease;
}
.mv-btn:hover{ filter:brightness(1.05); transform:translateY(-1px); }
.mv-btn:active{ transform:translateY(0) scale(.99); }
.mv-btn--primary{ background:linear-gradient(180deg, var(--mv-accent), var(--mv-accent-2)); color:#0b100d; }
.mv-btn--ghost{ background:rgba(255,255,255,.06); color:#fff; border:1px solid rgba(255,255,255,.12); }

/* Navegación de secciones (píldoras) */
.mv-pillnav{
  display:flex; gap:8px; flex-wrap:wrap; margin:16px 0 8px;
}
.mv-pillnav a{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 14px; border-radius:999px; background:var(--mv-pill);
  color:#cfd6df; text-decoration:none; border:1px solid rgba(255,255,255,.08);
}
.mv-pillnav a:hover{ color:#fff; border-color:rgba(255,255,255,.18); }

/* Secciones con título y contenido dentro de card */
.mv-section{
  margin:28px 0; padding:18px; border-radius:var(--mv-br);
  background: linear-gradient(180deg, #0b0d11, #0e1318);
  box-shadow: var(--mv-shadow);
}
.mv-section .mv-section__hd{
  display:flex; align-items:center; justify-content:space-between; margin-bottom:12px;
}
.mv-section .mv-h2{
  margin:0; font-size:22px; color:#fff; font-weight:900; letter-spacing:.4px;
}
.mv-section .mv-line{ height:2px; background:linear-gradient(90deg, var(--mv-accent), transparent); border:0; }

/* Embeds (YouTube/Juego) como tarjetas con ratio */
.mv-embed{
  background:var(--mv-card); border-radius:var(--mv-br);
  box-shadow: var(--mv-shadow); padding:10px;
}
.mv-embed .mv-embed__ratio{
  position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:12px;
}
.mv-embed iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

/* Espaciado a shortcodes (contenedores) */
.mv-block{ margin:8px 0 4px; }
.mv-note{ color:var(--mv-muted); font-size:13px; }

/* Mobile tweaks */
@media (max-width:768px){
  .mv-hero{ padding: 28px 14px; }
  .mv-section{ padding:14px; }
}