/* 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:#fff; color:#000; 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:#000; }
.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; }

/* ===== Centrar SIEMPRE el bloque de login del header ===== */
.site-header .mc-login-row{
  width:100%;
  display:flex;                 /* centrado robusto */
  justify-content:center;       /* centro horizontal */
  align-items:center;           /* alineación vertical */
  gap:12px;                     /* separación entre elementos internos */
  margin:8px 0;
  text-align:center;            /* por si el contenido es inline */
}

/* Si el shortcode escupe un contenedor DIV, lo centramos igual */
.site-header .mc-login-row > *{
  margin:0 auto;                /* centra el contenedor hijo */
  float:none !important;        /* neutraliza floats heredados */
}

/* Asegura que nada lo “tire” a los costados en headers con flex o floats */
.site-header .header-inner{ flex-wrap:wrap; }  /* no modifica layout, sólo permite salto */
@media (max-width: 680px){
  .site-header .mc-login-row{ gap:8px; margin:6px 0; }
}