/* ============================================================
   MARCA — todo lo visual del canal en un solo lugar.

   Satel Samaniego TV: violeta profundo de fondo, amarillo de
   acento y blanco para el texto, como en la maqueta. El rojo solo
   se usa en la insignia EN VIVO.
   ============================================================ */

/* ---------- Tipografía: Poppins en cuatro pesos ---------- */
@font-face{font-family:'Poppins';src:url('../assets/fonts/Poppins-300.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Poppins';src:url('../assets/fonts/Poppins-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Poppins';src:url('../assets/fonts/Poppins-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Poppins';src:url('../assets/fonts/Poppins-700.woff2') format('woff2');font-weight:700;font-display:swap}

:root{
  /* ---------- Superficies ---------- */
  --fondo:#1A0845;          /* violeta profundo: también en el manifiesto */
  --fondo-2:#2A0E61;
  --fondo-3:#4A1AA8;        /* violeta brillante del degradado */
  --panel:rgba(120,70,230,.16);        /* tarjetas de vidrio violeta */
  --panel-2:rgba(140,90,255,.24);
  --panel-solido:#FFFFFF;
  --negro:#0D0426;

  /* ---------- Líneas ---------- */
  --borde:rgba(170,130,255,.28);
  --borde-2:rgba(200,170,255,.45);
  --brillo:0 0 0 1px rgba(160,110,255,.35), 0 0 22px rgba(130,70,255,.35);

  /* ---------- Texto ---------- */
  --txt:#FFFFFF;
  --txt-2:rgba(255,255,255,.80);
  --txt-3:rgba(225,210,255,.62);
  --txt-inv:#1A0845;

  /* ---------- Acentos ---------- */
  --amarillo:#FFC928;
  --amarillo-hi:#FFD95C;
  --violeta:#8B3DFF;
  --violeta-hi:#A66BFF;
  --acc:var(--violeta);
  --acc-hi:var(--violeta-hi);
  --vivo:#E8192C;
  --vivo-hi:#FF2E42;
  --wa:#25D366;

  /* ---------- Tipografía ---------- */
  --body:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;

  /* ---------- Formas ---------- */
  --r-s:12px;
  --r:18px;
  --r-l:24px;
  --sombra:0 2px 8px rgba(8,0,30,.30), 0 14px 34px rgba(8,0,30,.40);
  --sombra-alta:0 4px 12px rgba(8,0,30,.40), 0 26px 60px rgba(8,0,30,.55);

  /* ---------- Medidas ---------- */
  --maxw:1240px;
  --barra:70px;             /* barra superior */
  --nav:74px;               /* barra inferior */
  --st:env(safe-area-inset-top,0px);
  --sb:env(safe-area-inset-bottom,0px);
}