/* El país se elige con enlaces reales, en la barra (21/10/2026, P3): funciona también sin JavaScript.
   Antes iba en la portada con su propia tarjeta y empujaba el titular hacia abajo en el teléfono.
   (El escaparate de tarjetas de demos salió de la página: las demos ahora son pestañas, ver css/demos.css.) */
.pais-barra{display:flex;flex:none;align-items:center;gap:2px;padding:3px;border:1px solid var(--borde-2);border-radius:13px;background:rgba(255,255,255,.04)}
.pais-barra a{display:grid;place-items:center;min-width:42px;min-height:38px;padding:0 8px;border-radius:10px;text-decoration:none;
  font:650 13px/1 var(--mono);letter-spacing:.06em;color:var(--gris);transition:background .2s,color .2s}
.pais-barra a[aria-current=page]{color:#fff;background:linear-gradient(125deg,#a52dc7,#6f35bb);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.pais-barra a:not([aria-current]):hover{color:var(--texto);background:rgba(255,255,255,.07)}
.pais-barra a:focus-visible{outline:3px solid var(--lila);outline-offset:2px}
@media (max-width:380px){.pais-barra a{min-width:38px;padding:0 6px;font-size:12px}}
@media (prefers-reduced-motion:reduce){.pais-barra a{transition:none}}