/* ============================================================
   Reinicia GEO — Cabecera, pie y tema oscuro base.
   Se carga en el contexto de Reinicia (páginas, blog, entradas).
   Tokens y maquetación calcados de la landing estática.
   ============================================================ */

/* Fondo oscuro a prueba de temas (Avada, Divi…): gana al body{} del tema.
   chrome.css solo se encola en páginas de Reinicia, así que estilar html/body aquí
   no afecta al resto del sitio. */
html, body.reinicia-ctx{background:#0B0E12 !important;}
/* En modo clásico (Canvas) anula contenedores «boxed» que algunos temas dejan colgando. */
body.reinicia-ctx #wrapper, body.reinicia-ctx #boxed-wrapper{max-width:none !important;width:auto !important;margin:0 !important;box-shadow:none !important;background:#0B0E12 !important;}

body.reinicia-ctx{
  --ink:#0B0E12;
  --panel:#12161D;
  --panel-soft:#171C25;
  --line:#262C36;
  --text:#E9E7E1;
  --muted:#8A93A1;
  --signal:#FF5A2B;
  --signal-soft:rgba(255,90,43,0.14);
  --mint:#7CF5C4;
  --radius:18px;
  background:var(--ink);
  color:var(--text);
  font-family:'Inter',sans-serif;
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
body.reinicia-ctx a{color:inherit;text-decoration:none;}
body.reinicia-ctx h1,
body.reinicia-ctx h2,
body.reinicia-ctx h3,
body.reinicia-ctx h4{font-family:'Space Grotesk',sans-serif;letter-spacing:-0.02em;}

/* ===== CABECERA / NAV ===== */
.re-header{
  position:sticky;top:0;z-index:500;
  background:rgba(11,14,18,0.82);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.re-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;max-width:1180px;margin:0 auto;}
.re-logo{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:19px;letter-spacing:-0.01em;color:var(--text);}
.re-dot{width:10px;height:10px;border-radius:3px;background:var(--signal);transform:rotate(45deg);display:block;flex-shrink:0;}
.re-logo-mut{color:var(--muted);font-weight:400;}
.re-navlinks{display:flex;gap:34px;font-size:14px;color:var(--muted);}
.re-navlinks a{transition:color .2s;color:var(--muted);}
.re-navlinks a:hover{color:var(--text);}
.re-navcta{
  font-size:14px;font-weight:600;padding:10px 20px;border-radius:999px;
  background:var(--signal);color:#0B0E12 !important;
  transition:transform .2s,box-shadow .2s;white-space:nowrap;
}
.re-navcta:hover{transform:translateY(-1px);box-shadow:0 8px 24px var(--signal-soft);}
.re-navtoggle{display:none;background:none;border:0;color:var(--text);cursor:pointer;padding:6px;}

/* ===== PIE ===== */
.re-footer{border-top:1px solid var(--line);padding:50px 0 30px;background:var(--ink);}
.re-foot-wrap{max-width:1180px;margin:0 auto;padding:0 28px;}
.re-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;}
.re-footer-grid h5{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:0.12em;font-family:'JetBrains Mono',monospace;margin-bottom:16px;}
.re-footer-grid a{display:block;color:var(--text);font-size:14.5px;margin-bottom:10px;opacity:.85;transition:opacity .2s,color .2s;}
.re-footer-grid a:hover{opacity:1;color:var(--signal);}
.re-foot-logo{margin-bottom:14px;}
.re-foot-tag{color:var(--muted);font-size:14.5px;max-width:280px;}
.re-footer-bottom{margin-top:50px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;flex-wrap:wrap;gap:14px;}
.re-footer-legal{display:flex;gap:22px;flex-wrap:wrap;}
.re-footer-legal a{color:var(--muted);transition:color .2s;}
.re-footer-legal a:hover{color:var(--signal);}

/* ===== FLOTANTE WHATSAPP/CTA (opcional, desactivado por defecto) ===== */

/* ===== RESPONSIVE ===== */
@media (max-width:920px){
  .re-navlinks{display:none;}
  .re-navtoggle{display:block;}
  .re-header.open .re-navlinks{
    display:flex;flex-direction:column;gap:0;
    position:absolute;left:0;right:0;top:100%;
    background:rgba(11,14,18,0.98);border-bottom:1px solid var(--line);
    padding:8px 28px 18px;
  }
  .re-header.open .re-navlinks a{padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;}
  .re-footer-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:560px){
  .re-footer-grid{grid-template-columns:1fr;}
  .re-footer-bottom{flex-direction:column;align-items:flex-start;}
}