:root{
  --c-bg: #0B0B10;
  --c-surface: #12121A;
  --c-card: #161626;
  --c-text: #E5E7EB;
  --c-text-dim: #B6BAC7;
  --c-primary: #7C3AED;
  --c-secondary: #22D3EE;
  --c-success: #10B981;
  --c-border: #252538;
  --radius: 16px;
  --shadow: 0 10px 30px rgba(0,0,0,.35);
}
html,body{height:100%}
body{
  margin:0;
  background: radial-gradient(1000px 500px at 80% -10%, rgba(34,211,238,.12), transparent 60%),
              radial-gradient(800px 400px at 10% 10%, rgba(124,58,237,.12), transparent 60%),
              var(--c-bg);
  color:var(--c-text);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans";
  line-height:1.6;
}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.container{width:min(1120px,92%);margin-inline:auto}

/* Botones */
.btn{display:inline-flex;align-items:center;gap:.65rem;padding:.9rem 1.2rem;border-radius:999px;border:1px solid transparent;font-weight:600;letter-spacing:.2px;transition:.2s ease;cursor:pointer}
.btn:focus-visible{outline:3px solid #22D3EE}
.btn-primary{background:linear-gradient(90deg,var(--c-primary),var(--c-secondary));color:#0B0B10}
.btn-primary:hover{transform:translateY(-1px);filter:saturate(1.15)}
.btn-ghost{background:transparent;color:var(--c-text);border-color:var(--c-border)}
.btn-ghost:hover{border-color:#3a3a4a}

/* Header */
header{position:sticky;top:0;z-index:40;backdrop-filter:saturate(1.2) blur(8px);background:rgba(11,11,16,.55);border-bottom:1px solid rgba(255,255,255,.04)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0;gap:1rem;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.75rem}
.logo{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--c-primary),var(--c-secondary));box-shadow:0 6px 18px rgba(124,58,237,.35);flex-shrink:0}
.brand h1{font-family:Poppins,Inter,sans-serif;font-size:1.15rem;margin:0;letter-spacing:1px}

/* Menu WP */
.nav-links{display:flex;align-items:center}
.nav-links ul{display:flex;gap:1.25rem;align-items:center;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.nav-links a{padding:.5rem .75rem;border-radius:8px;color:var(--c-text-dim)}
.nav-links a:hover{background:rgba(255,255,255,.05);color:var(--c-text)}

/* Redes */
.social-icons{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}
.social-img{width:clamp(20px,2.8vw,28px);height:auto;background:#fff;padding:6px;border-radius:8px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}

/* Hero */
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center;padding:3.5rem 0 2.5rem}
.hero h2{font-family:Poppins,Inter,sans-serif;font-size:clamp(2rem,5vw,3.2rem);line-height:1.1;margin:0 0 1rem}
.hero p{color:var(--c-text-dim);margin:0 0 1.5rem}
.hero .cta{display:flex;gap:.8rem;flex-wrap:wrap}
.hero .card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));border:1px solid var(--c-border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}
.embed{aspect-ratio:16/9;background:linear-gradient(135deg,#1b1b28,#0f0f17);border-radius:12px;display:grid;place-items:center;border:1px solid var(--c-border)}

/* Secciones */
section{padding:2.5rem 0}
.section-title{font-family:Poppins,Inter,sans-serif;font-size:1.6rem;margin:0 0 1.2rem}
.muted{color:var(--c-text-dim)}

/* Agenda */
.agenda{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.agenda .item{background:var(--c-card);border:1px solid var(--c-border);border-radius:14px;padding:1rem}
.badge{display:inline-block;padding:.25rem .55rem;border-radius:999px;font-size:.78rem;border:1px solid var(--c-border);color:var(--c-text-dim)}
.countdown{font-variant-numeric:tabular-nums;font-weight:600}

/* Grid cards */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.card{background:var(--c-card);border:1px solid var(--c-border);border-radius:14px;overflow:hidden}
.card-body{padding:1rem}
.card h3{font-size:1rem;margin:.2rem 0 .4rem}
.chip{display:inline-block;font-size:.72rem;padding:.2rem .5rem;border:1px solid var(--c-border);border-radius:999px;color:var(--c-text-dim)}

/* Comunidad */
.icons{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.icon-card{display:flex;gap:.8rem;align-items:center;background:var(--c-card);border:1px solid var(--c-border);border-radius:14px;padding:.9rem}

/* Testimonios */
.testi{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.quote{background:var(--c-card);border:1px solid var(--c-border);border-radius:14px;padding:1rem}
.quote p{margin:.5rem 0}

/* Newsletter */
.newsletter{display:flex;gap:.8rem;flex-wrap:wrap}
input[type=email]{background:#0f0f17;color:var(--c-text);border:1px solid var(--c-border);border-radius:999px;padding:.85rem 1rem;flex:1 1 280px}

/* Footer */
footer{border-top:1px solid rgba(255,255,255,.06);padding:2rem 0;color:var(--c-text-dim)}
.footer-widgets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}

/* Widgets */
.widget-title,.footer-widget-title{font-family:Poppins,Inter,sans-serif;margin:0 0 .6rem}
.neovlog-live{padding:1rem;background:var(--c-card);border:1px solid var(--c-border);border-radius:12px}
.neovlog-live .live-row{margin-bottom:.4rem;font-size:.95rem}
.live-countdown{font-weight:700;font-size:1.1rem;margin:.4rem 0 .8rem}
.neovlog-clips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.neovlog-clip-card{background:var(--c-card);border:1px solid var(--c-border);border-radius:14px;overflow:hidden}
.neovlog-clip-body{padding:.8rem 1rem}
.neovlog-clip-title{font-size:1rem;margin:.2rem 0 0}

/* Responsive */
@media (max-width:980px){
  .hero{grid-template-columns:1fr;padding:2.25rem 0}
  .agenda{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr}
  .icons{grid-template-columns:1fr 1fr}
  .testi{grid-template-columns:1fr}
  .footer-widgets{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}