/* solonutris.com (2026-11-03): lo poco que suma al diseño de la portada argentina (sitio/sitio.css + portada.css,
   que llegan del .com.ar por los rewrites de vercel.json). Mismas variables, mismas medidas. */

/* El renglón del país de la visita, debajo de los botones del héroe. */
.pais-aviso { margin: 14px 0 0; max-width: 34rem; padding: 10px 14px; border-radius: 14px; background: var(--alt); border: 1px solid var(--line);
  font: 500 14px/1.5 var(--body); color: var(--ink); }
.pais-aviso .ic { width: 16px; height: 16px; color: var(--g); vertical-align: -3px; }
.pais-aviso a { color: var(--g); font-weight: 600; }

/* Dónde está abierto. */
.paises-grilla { display: grid; grid-template-columns: 1.15fr 1fr; gap: 40px; align-items: start; }
.paises-lista { list-style: none; margin: 22px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.paises-lista li { padding: 7px 13px; border-radius: 999px; background: var(--gs); color: var(--gd); font: 600 14px var(--body); }
.paises-notas { display: flex; flex-direction: column; gap: 14px; }
.paises-nota { padding: 20px 22px; border-radius: var(--r); background: var(--bg); border: 1px solid var(--line); }
.paises-nota b { display: block; font: 700 17px/1.3 var(--disp); color: var(--ink); margin-bottom: 6px; }
.paises-nota p { margin: 0; font: 400 15px/1.55 var(--body); color: var(--mu); }
.paises-nota a { color: var(--g); font-weight: 600; }
@media (max-width: 860px) { .paises-grilla { grid-template-columns: 1fr; gap: 26px; } }

/* Páginas por país: lo que trae cualquier plan, en una línea debajo de los destacados. */
.ademas { margin: 28px auto 0; max-width: 760px; text-align: center; font: 400 15.5px/1.6 var(--body); color: var(--mu); }
.ademas a { color: var(--g); font-weight: 600; white-space: nowrap; }

/* La línea legal del pie (quién vende y quién cobra afuera). */
.pie-nota { margin: 18px 0 0; font: 400 13px/1.6 var(--body); color: var(--mu); }
.pie-nota a { color: inherit; text-decoration: underline; }