/* ═══ TWC & W&W Operaciones · Base: fuentes, variables, reset ═══ */

/* ── Tipografía: Poppins en toda la app, como el Portal de Embajadores (se carga vía <link> en index.html) ── */
/* CSS variable aliases for easy use */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root {
  /* ── Colores principales ── */
  --bg:        #F5F6FA;
  --bg2:       #FFFFFF;
  --bg3:       #F1F3F8;
  --bg4:       #E6E9F0;
  --border:    #E3E7EF;

  /* ── Arena / Warm ── */
  --sand:      #E3B04B;
  --sand-d:    #B8862A;
  --sand-l:    rgba(227,176,75,.14);
  --sand-ll:   rgba(227,176,75,.07);

  /* ── Marcas (como el Portal de Embajadores): base neutra y los colores de cada marca solo como acento ── */
  --twc:       #FF7D42;
  --twc-l:     rgba(255,125,66,.12);
  --wnw:       #A34840;
  --wnw-l:     rgba(163,72,64,.10);

  /* ── Tinta / acento principal (neutro) ── */
  --sky:       #1F2430;
  --sky-d:     #11141B;
  --sky-l:     rgba(31,36,48,.12);
  --sky-ll:    rgba(31,36,48,.06);

  /* ── Pizarra (acento secundario neutro) ── */
  --teal:      #3A4254;
  --teal-d:    #2A303F;
  --teal-l:    rgba(58,66,84,.13);

  /* ── Verde de ganado (embudo) / apartados en Cotizaciones enviadas ── */
  --won:       #2FA36B;
  --won-l:     rgba(47,163,107,.12);

  /* ── Otros ── */
  --gold:      #C97E2A;
  --gold-l:    rgba(201,126,42,.12);
  --rose:      #C0495A;
  --rose-l:    rgba(192,73,90,.10);
  --blue:      #4A7FC1;
  --blue-l:    rgba(74,127,193,.12);

  /* ── Texto ── */
  --txt:       #0F172A;
  --txt2:      #64748B;
  --txt3:      #94A3B8;

  --sidebar-w: 240px;
  --sidebar-collapsed: 64px;
  --topbar-h:  56px;
  --radius:    12px;
  --radius-sm: 8px;
  --shadow:    0 4px 20px rgba(30,37,53,.08);
  --shadow-md: 0 8px 32px rgba(30,37,53,.12);
}

html,body{height:100%;overflow:hidden;}

/* ── Font family CSS variables ── */
:root {
  --font-body:   'Poppins', sans-serif;
  --font-title:  'Poppins', sans-serif;
}
body{font-family:'Poppins',sans-serif;background:var(--bg);color:var(--txt);font-size:14px;line-height:1.5;}

::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px;}

/* Protección: el portal interno no se imprime (los links de las parejas usan otras hojas de estilo y sí se imprimen) */
@media print{
  body > *{display:none !important}
  body{background:#fff !important}
  body::after{content:'TWC & W&W Operaciones · Por privacidad de la información de TWC & W&W, el portal no se puede imprimir ni descargar.';display:block;padding:60px 40px;font:600 16px/1.5 'Poppins',sans-serif;color:#333;text-align:center}
}
/* Sin arrastrar imágenes fuera del portal */
img{-webkit-user-drag:none;user-drag:none}

/* Aviso de cierre de sesión por inactividad (js/core/proteccion.js) */
.idle-warn{position:fixed;inset:0;z-index:6000;display:flex;align-items:center;justify-content:center;background:rgba(15,25,40,.45);backdrop-filter:blur(3px);}
.idle-card{width:min(380px,92vw);background:var(--bg);border-radius:18px;padding:26px 26px 22px;box-shadow:0 24px 60px rgba(0,0,0,.25);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;}
.idle-ic{font-size:30px;}
.idle-card b{font-size:19px;color:var(--txt);}
.idle-card span{font-size:13px;color:var(--txt2);line-height:1.5;}
.idle-card .btn{margin-top:10px;min-width:180px;}