/* ==========================================================
   NAVI · estilo unificado para login.php e index.php (barra superior)
   Para volver al diseño anterior basta con quitar el <link> a este archivo.
   ========================================================== */

/* ---------- Barra superior (index.php) ---------- */
nav{
  height:56px;
  padding:0 16px;
  gap:14px;
  background:rgba(7,11,22,.96);
  border-bottom:1px solid #1d2944;
  box-shadow:0 6px 24px rgba(0,0,0,.25);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased;
}
#maincont{
  top:56px;
  height:calc(100vh - 56px);
  background:#0a1020;
}
.navtitle{display:flex;align-items:center;flex-shrink:0;}
.navtitle img{height:40px!important;mix-blend-mode:lighten;}

/* Pestañas de elecciones */
nav .ettop{
  flex:0 1 auto;
  margin:0 auto;
  gap:2px;
  padding:3px;
  background:rgba(255,255,255,.04);
  border:1px solid #1d2944;
  border-radius:11px;
}
nav .ettop-btn{
  background:transparent;
  border:none;
  color:#aab7d0;
  border-radius:8px;
  padding:7px 15px;
  font-family:inherit;
  font-size:13px;
  font-weight:600;
  letter-spacing:.01em;
}
nav .ettop-btn:hover{background:rgba(255,255,255,.06);color:#fff;}
nav .ettop-btn.active{
  background:linear-gradient(180deg,#3b82f6,#2563d9);
  color:#fff;
  border:none;
  box-shadow:0 4px 14px rgba(37,99,217,.35);
}

/* Botones de la derecha: mismo tamaño y estilo */
.navright{gap:8px;}
.navright>span{color:#8796b3;font-size:13px;margin-right:4px;}
nav .navbtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:34px;
  padding:0 14px;
  background:rgba(255,255,255,.05);
  border:1px solid #26355a;
  border-radius:9px;
  color:#e6ecf7;
  font-family:inherit;
  font-size:13px;
  font-weight:500;
  line-height:1;
  transition:background .15s,border-color .15s,color .15s;
}
nav .navbtn:hover{background:rgba(76,141,255,.14);border-color:#4c8dff;color:#fff;}
nav #tbtn{width:34px;padding:0!important;}
nav #tbtn::before{font-size:16px!important;}

/* Selector de elecciones en móvil */
nav #ettop-mobile{
  height:36px;
  font-family:inherit;
  font-weight:600;
  background-color:#111a2e;
  border:1px solid #26355a;
  border-radius:9px;
  color:#e6ecf7;
}
@media(max-width:760px){
  nav{padding:0 8px!important;}
  nav .navbtn{height:32px;}
  nav #tbtn{width:32px;}
}

/* ---------- Pantalla de acceso (login.php) ---------- */
body.navi-login{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased;
  background:
    radial-gradient(900px 520px at 50% -8%,rgba(59,130,246,.22),transparent 65%),
    radial-gradient(700px 400px at 50% 110%,rgba(242,189,82,.06),transparent 60%),
    #070b16;
}
:root[data-theme=light] body.navi-login{
  background:
    radial-gradient(900px 520px at 50% -8%,rgba(59,130,246,.18),transparent 65%),
    #eef3fb;
}
.navi-login .card{
  max-width:400px;
  padding:34px 34px 30px;
  background:linear-gradient(180deg,#0b1328 0%,#03060f 100%);
  border:1px solid #1d2944;
  border-radius:20px;
  box-shadow:0 30px 70px rgba(3,8,25,.45),inset 0 1px 0 rgba(255,255,255,.05);
}
:root[data-theme=light] .navi-login .card{box-shadow:0 30px 70px rgba(15,31,61,.25);}

/* Logo integrado: su fondo oscuro se funde con la tarjeta */
.navi-login .logo{margin-bottom:18px;}
.navi-login .logo img{filter:none!important;mix-blend-mode:lighten;max-width:230px!important;}
.navi-login .logo p{color:#9fb0cf;font-size:13px;font-weight:500;letter-spacing:.06em;margin-top:2px;}

.navi-login .stripe{
  height:1px;
  margin:0 0 24px;
  background:linear-gradient(90deg,transparent,#3b82f6 50%,transparent);
}
.navi-login label{color:#b6c2d9;font-size:12.5px;font-weight:600;letter-spacing:.01em;margin-bottom:6px;}
.navi-login input[type=text],.navi-login input[type=password]{
  background:#0f1830;
  border:1px solid #26355a;
  border-radius:10px;
  color:#eef2fa;
  font-family:inherit;
  font-size:15px;
  padding:12px 14px;
}
.navi-login input::placeholder{color:#6f7f9c;}
.navi-login input:focus{border-color:#4c8dff;box-shadow:0 0 0 3px rgba(76,141,255,.25);}
.navi-login #pwtoggle{color:#8fa0bf!important;}
.navi-login .rem{color:#9fb0cf;font-size:13.5px;}
.navi-login .rem input[type=checkbox]{accent-color:#3b82f6;}
.navi-login .rem label{color:#9fb0cf;font-weight:500;font-size:13.5px;}
.navi-login .btn{
  background:linear-gradient(180deg,#3b82f6,#1f5fd6);
  border-radius:10px;
  font-family:inherit;
  font-size:15px;
  font-weight:600;
  letter-spacing:.01em;
  box-shadow:0 10px 24px rgba(31,95,214,.35);
  transition:transform .12s ease,box-shadow .15s ease,filter .15s ease;
}
.navi-login .btn:hover{background:linear-gradient(180deg,#3b82f6,#1f5fd6);filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 14px 28px rgba(31,95,214,.45);}
.navi-login .btn:active{transform:translateY(0);}
.navi-login .err{background:rgba(239,68,68,.12);color:#fca5a5;border:1px solid rgba(239,68,68,.35);}

/* Botón de tema: icono redondo */
.navi-login .tbtn{
  width:40px;height:40px;padding:0;
  display:flex;align-items:center;justify-content:center;
  font-size:18px;line-height:1;
  background:rgba(255,255,255,.08);
  border:1px solid #26355a;
  color:#fff;
}
:root[data-theme=light] .navi-login .tbtn{background:#fff;border-color:#d7e0ee;color:#0f1f3d;box-shadow:0 4px 14px rgba(15,31,61,.1);}

/* Ojo de la contraseña centrado en el campo */
.navi-login .pwwrap{margin-bottom:16px;}
.navi-login .pwwrap input{margin-bottom:0;}

@media(max-width:480px){.navi-login .card{padding:26px 20px 22px;}}

/* Botón de modo construcción: en móvil solo el icono */
@media(max-width:760px){nav .navi-mant-on .mant-txt{display:none;}nav .navi-mant-on{padding:0 10px!important;}}