/* ============================================================
   Test Político Argentino — identidad del test (póster J-G 3.0)
   Header, botones y sello compartidos por / y /resultados/.
   Namespace --tpa-* para no chocar con los tokens del informe.
   ============================================================ */
:root{
  --tpa-celeste:#6FB0E0;
  --tpa-celeste-deep:#4A8FCB;
  --tpa-blanco:#F7F9FB;
  --tpa-navy:#1B2A5B;
  --tpa-navy-deep:#132046;
  --tpa-rojo:#C4262E;
  --tpa-oro:#D4A62A;
  --tpa-sans:Montserrat,"Segoe UI",Arial,Helvetica,sans-serif;
}

/* ---------- Header ---------- */
.site-nav{
  position:sticky; top:0; z-index:100;
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:.65rem 1.5rem;
  background:var(--tpa-celeste); color:var(--tpa-navy);
  border-bottom:3px solid var(--tpa-blanco);
  box-shadow:0 2px 10px rgba(19,32,70,.18);
  font-family:var(--tpa-sans);
}
.site-nav__brand{
  display:flex; align-items:center; gap:.6rem;
  color:var(--tpa-navy); text-decoration:none;
  font-weight:800; font-size:.92rem; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap;
}
.site-nav__brand .sol{width:26px; height:26px; flex:0 0 auto; display:block}
.site-nav__short{display:none}

.site-nav__links{display:flex; align-items:center; gap:1.5rem}
.site-nav__links a{
  color:var(--tpa-navy); opacity:.78; text-decoration:none;
  font-size:.78rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap;
  padding:.3rem 0; border-bottom:3px solid transparent;
  transition:opacity .15s ease, border-color .15s ease;
}
.site-nav__links a:hover{opacity:1}
.site-nav__links a[aria-current="page"]{opacity:1; border-bottom-color:var(--tpa-blanco)}

@media(max-width:620px){
  .site-nav{padding:.6rem 1rem}
  .site-nav__full{display:none}
  .site-nav__short{display:inline}
  .site-nav__links{gap:1rem}
  .site-nav__links a{font-size:.72rem; letter-spacing:.06em}
}

/* ---------- Botón ---------- */
.btn{
  display:inline-flex; align-items:center; gap:.8rem;
  font-family:var(--tpa-sans); font-weight:800; font-size:.95rem;
  letter-spacing:.08em; text-transform:uppercase;
  padding:1rem 1.7rem; border-radius:4px; border:2px solid transparent;
  text-decoration:none; cursor:pointer;
  transition:transform .15s ease, background .15s ease, box-shadow .15s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn:focus-visible{outline:3px solid var(--tpa-oro); outline-offset:3px}
.btn__arrow{transition:transform .15s ease}
.btn:hover .btn__arrow{transform:translateX(4px)}

.btn--navy{background:var(--tpa-navy); color:#fff; box-shadow:0 6px 18px rgba(19,32,70,.28)}
.btn--navy:hover{background:var(--tpa-navy-deep); box-shadow:0 10px 24px rgba(19,32,70,.34)}
.btn--blanco{background:#fff; color:var(--tpa-navy); border-color:#fff}
.btn--blanco:hover{background:var(--tpa-blanco)}

/* ---------- Sello tipo goma (como el "PRÓXIMAMENTE" del póster) ---------- */
.stamp{
  display:inline-block;
  font-family:var(--tpa-sans); font-weight:900; font-size:.85rem; line-height:1;
  letter-spacing:.1em; text-transform:uppercase;
  color:#fff; background:var(--tpa-rojo);
  padding:.55em .85em;
  border:3px solid var(--tpa-rojo);
  box-shadow:inset 0 0 0 2px #fff;
  transform:rotate(-3deg);
}

@media(prefers-reduced-motion:reduce){
  .btn,.btn__arrow{transition:none}
  .btn:hover{transform:none}
  .btn:hover .btn__arrow{transform:none}
}