/* ============================================================================
   SKIN: patria-argentina  ·  Celeste y blanco + Sol de Mayo dorado
   Tema claro, elegante y cívico. Pensado para el Día de la Bandera.
   ============================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Mulish:wght@400;600;700&family=Lora:ital,wght@0,400;0,500;1,400;1,500&display=swap');

[data-skin="patria-argentina"] {
  --celeste:        #4a92d9;
  --celeste-claro:  #8fc1ec;
  --sol:            #eab308;
  --sol-claro:      #f6cc4e;

  --er-bg:        #eaf3fc;
  --er-bg-2:      #ffffff;
  --er-superficie: rgba(74,146,217,.08);
  --er-borde:     rgba(74,146,217,.24);
  --er-texto:     #1d3b57;
  --er-texto-tenue: #5f7c97;
  --er-acento:    #2f7dc6;   /* celeste con contraste para texto/botones */
  --er-acento-2:  #d99a06;   /* dorado del sol */
  --er-exito:     #2e9e6b;
  --er-error:     #d65a4a;
  --er-radio:     18px;
  --er-fuente-display: 'Playfair Display', Georgia, serif;
  --er-fuente-texto:   'Mulish', system-ui, sans-serif;
  --er-fuente-libro:   'Lora', Georgia, serif;
  --er-sombra:    0 16px 44px rgba(31,59,82,.18);

  /* Fondo celeste-blanco con un sutil sol de rayos arriba */
  --er-textura:
    radial-gradient(circle at 50% -12%, rgba(234,179,8,.20), transparent 42%),
    conic-gradient(from 0deg at 50% -6%,
      transparent 0 8deg, rgba(234,179,8,.10) 8deg 12deg, transparent 12deg 24deg,
      rgba(234,179,8,.10) 24deg 28deg, transparent 28deg 40deg),
    linear-gradient(180deg, #f3f9ff 0%, #e4f0fc 60%, #dcebfa 100%);
}

[data-skin="patria-argentina"] body { color: var(--er-texto); }

/* Tipografía con peso cívico */
[data-skin="patria-argentina"] .er-titulo {
  color: var(--er-acento);
  letter-spacing: .5px;
  text-shadow: 0 2px 0 rgba(255,255,255,.6);
}
[data-skin="patria-argentina"] .er-subtitulo { color: var(--er-texto-tenue); }

/* Botones: celeste con texto blanco */
[data-skin="patria-argentina"] .er-btn {
  color: #fff;
  background: linear-gradient(180deg, var(--celeste), var(--er-acento));
  box-shadow: 0 8px 20px rgba(47,125,198,.32), inset 0 1px 0 rgba(255,255,255,.4);
}
[data-skin="patria-argentina"] .er-btn--secundario {
  color: var(--er-acento); background: #fff; border: 1px solid var(--er-borde); box-shadow: none;
}

/* Sello de portada: sol de mayo */
[data-skin="patria-argentina"] .er-portada__sello { filter: drop-shadow(0 6px 16px rgba(234,179,8,.45)); }

/* Acentos celeste-blanco-dorado en cards */
[data-skin="patria-argentina"] .er-consigna { border-left-color: var(--sol); }
[data-skin="patria-argentina"] .er-chip--reloj { color: var(--er-acento-2); }

/* Inputs y recursos en claro (legibles sobre blanco) */
[data-skin="patria-argentina"] .er-candado__input { background: #f4f9ff; color: var(--er-texto); border-color: var(--er-borde); }
[data-skin="patria-argentina"] .er-candado { background: #fff; }
[data-skin="patria-argentina"] .recurso--mensaje code,
[data-skin="patria-argentina"] .recurso--tabla-morse { background: #f1f7fe; color: var(--er-acento); border-color: var(--er-borde); }
[data-skin="patria-argentina"] .recurso--tabla-morse span { background: #fff; }
[data-skin="patria-argentina"] .trivia__opcion { background: #fff; }
[data-skin="patria-argentina"] .grilla__tablero { background: #eaf3fc; }
[data-skin="patria-argentina"] .grilla__cmd { background: #fff; }

/* La grilla: obstáculos en un rojo-teja suave, destino dorado */
[data-skin="patria-argentina"] .grilla__celda.es-destino { box-shadow: inset 0 0 0 2px var(--sol); }

/* Ceremonia: el sol de mayo en dorado pleno */
[data-skin="patria-argentina"] .er-ceremonia__nucleo { color: var(--sol); filter: drop-shadow(0 0 16px var(--sol-claro)); }
[data-skin="patria-argentina"] .er-ceremonia__letra.aparece { color: var(--er-acento); text-shadow: 0 0 16px rgba(234,179,8,.45); }
[data-skin="patria-argentina"] .er-ceremonia__rayos {
  background: conic-gradient(from 0deg, transparent 0 12deg, rgba(234,179,8,.6) 12deg 18deg, transparent 18deg 30deg);
}

/* Final */
[data-skin="patria-argentina"] .er-final h1, [data-skin="patria-argentina"] .er-final h2 { color: var(--er-acento); }