/* Hoja de estilo de las DOS paginas legales de la landing.
 *
 * No es decoracion nueva: es el bloque <style> que estas dos paginas traian EN LINEA
 * en public/, sacado a su archivo sin cambiar una regla. La razon es la CSP de
 * landing/_headers, que dice style-src 'self' SIN 'unsafe-inline' —mas estricta que la
 * de la aplicacion a proposito—: un bloque en linea no se aplicaria y las dos paginas
 * se servirian sin una sola regla de estilo.
 *
 * Es UNA hoja para las dos porque el bloque de terminos-de-uso.html era subconjunto
 * exacto del de aviso-privacidad-soip.html (comprobado por script). Dos archivos
 * identicos al 85%% se separan con el tiempo; uno, no.
 *
 * Las dos ultimas clases NO venian del bloque: reemplazan los tres atributos style=
 * que las paginas traian en linea, que la misma CSP tampoco permite.
 *
 * El texto legal no se toco. Sus fechas tampoco: cambio como se entrega el estilo,
 * no lo que dicen.
 */

  :root{ --azul:#0b2a4a; --azul-2:#12406e; --gris:#5b6b7a; --linea:#d9e1e8; }
  *{ box-sizing:border-box; }
  body{ font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif; color:#0f1b28; line-height:1.55; margin:0; padding:32px 18px; }
  .wrap{ max-width:820px; margin:auto; }
  .hd{ display:flex; justify-content:space-between; align-items:flex-start; gap:16px; flex-wrap:wrap; border-bottom:2px solid var(--azul-2); padding-bottom:12px; margin-bottom:6px; }
  .logo{ font-weight:800; color:var(--azul-2); font-size:20px; letter-spacing:.5px; }
  h1{ font-size:22px; margin:14px 0 2px; }
  h2{ font-size:15px; margin:22px 0 6px; color:var(--azul-2); }
  .muted{ color:var(--gris); font-size:12.5px; }
  p,li{ font-size:14px; }
  ul{ margin:6px 0 6px 2px; padding-left:18px; }
  .fill{ background:#fff6d6; padding:0 3px; border-radius:3px; }
  .box{ border:1px solid var(--linea); border-radius:12px; padding:16px 18px; margin-top:14px; background:#f7fafc; }
  .short{ border:2px solid var(--azul-2); border-radius:12px; padding:18px 20px; margin-top:26px; }
  .short h2{ margin-top:0; }
  .note{ font-size:12px; color:var(--gris); border-left:3px solid var(--azul-2); padding:6px 0 6px 12px; margin:16px 0; }
  .foot{ margin-top:28px; border-top:1px solid var(--linea); padding-top:10px; }
  a{ color:var(--azul-2); }
  .tabla{ width:100%; border-collapse:collapse; margin:10px 0 4px; font-size:13.5px; }
  .tabla th{ background:var(--azul); color:#fff; text-align:left; font-weight:600; padding:8px 10px; font-size:12.5px; }
  .tabla td{ border:1px solid var(--linea); padding:8px 10px; vertical-align:top; }
  .tabla tr:nth-child(even) td{ background:#f7fafc; }
  .env{ overflow-x:auto; }
  @media print{ body{ padding:0; } .no-print{ display:none; } }

/* --- reemplazo de los atributos style= en linea --- */
.p-sub{ margin:6px 0 0; }
.p-cierre{ margin-bottom:0; }