/* app.css · el KIT de la interfaz de Truly Global para el keynote (sistema de diseño «Amanecer», el del producto).
   Todo con prefijo tg-. Los tokens viven en .tg-app (no en :root) y son los LITERALES de packages/design-tokens/css/variables.css.

   LA UNIDAD: --u = 1 px de la app real, en px de escenario. Por defecto 1,6 px (la app usa texto de 13–14 px: a 1,6 son 21–22 px de
   escenario, legibles desde el fondo del salón). TODA medida del kit es calc(var(--u) * <px reales>): así las medidas de
   deck/assets/producto/<pantalla>/medidas.json se copian tal cual, y la interfaz escala uniforme (ventanaApp({ escala })).
   En el css de tu pantalla hacé lo mismo: `#p-mi-pantalla .cosa{width:calc(var(--u)*320)}`. Guía: comun/APP.md */

@font-face{font-family:'TG Bricolage';src:url('../assets/fuentes/tg-bricolage.woff2') format('woff2');font-weight:200 800;font-stretch:75% 100%;font-display:block}
@font-face{font-family:'TG Switzer';src:url('../assets/fuentes/tg-switzer-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:'TG Switzer';src:url('../assets/fuentes/tg-switzer-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:block}
@font-face{font-family:'TG Switzer';src:url('../assets/fuentes/tg-switzer-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:block}
@font-face{font-family:'TG Switzer';src:url('../assets/fuentes/tg-switzer-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:block}
@font-face{font-family:'TG Switzer';src:url('../assets/fuentes/tg-switzer-500i.woff2') format('woff2');font-weight:500;font-style:italic;font-display:block}
@font-face{font-family:'TG Montserrat';src:url('../assets/fuentes/tg-montserrat.woff2') format('woff2');font-weight:400 700;font-display:block}
@font-face{font-family:'TG Plex';src:url('../assets/fuentes/tg-plex.woff2') format('woff2');font-weight:300 700;font-display:block}

/* ============================================================ TOKENS (Amanecer, claro) */
.tg-app{
  --u:1.6px;
  /* el chasis: hueso, papel, barra, línea */
  --bg-canvas:#F6F5F3; --bg-surface:#F1F0ED; --bg-subtle:#ECEBEA; --bg-muted:#DFDDDA; --bg-card:#FFFFFF; --bg-sidebar:#F1F0ED;
  /* la escala de tinta */
  --fg-default:#111111; --fg-strong:#111111; --fg-muted:rgba(17,17,17,.70); --fg-subtle:rgba(17,17,17,.55); --fg-placeholder:rgba(17,17,17,.40); --fg-inverted:#FFFFFF;
  --border-default:#ECEBEA; --border-strong:#DFDDDA; --border-input:#DFDDDA;
  /* marca TNI: el amarillo sólo en el logotipo, en lo ELEGIDO y en el amanecer del fondo; nunca un botón */
  --brand-yellow:#FFD900; --brand-yellow-hover:#E6C300; --brand-yellow-bg:#FFF6CC; --brand-red-brand:#ED1C24; --brand-red-cta:#B3271C; --brand-black:#0E0C13;
  /* el acento: por defecto tinta; cada zona lo cambia con data-zona */
  --acento:#111111; --acento-b:rgba(17,17,17,.07);
  /* estado */
  --status-success:#15704A; --status-success-bg:rgba(21,112,74,.09);
  --status-warning:#8A5300; --status-warning-solid:#D68A15; --status-warning-bg:rgba(214,138,21,.13);
  --status-danger:#B3271C; --status-danger-bg:rgba(179,39,28,.08);
  --status-info:#2A5C9A; --status-info-bg:rgba(42,92,154,.09);
  /* el Coach */
  --coach-vidrio:rgba(255,255,255,.8); --coach-calido:hsl(15 100% 44%); --coach-frio:hsl(99 85% 48%);
  /* sombras en capas (s1 tarjetas · s2 lo que flota), escaladas */
  --shadow-xs:rgba(25,34,35,.04) 0 calc(var(--u)*1) calc(var(--u)*1) calc(var(--u)*-.5);
  --shadow-sm:rgba(25,34,35,.04) 0 calc(var(--u)*1) calc(var(--u)*1) calc(var(--u)*-.5),rgba(25,34,35,.09) 0 calc(var(--u)*5) calc(var(--u)*14) calc(var(--u)*-4);
  --shadow-lg:rgba(25,34,35,.04) 0 calc(var(--u)*1) calc(var(--u)*1) calc(var(--u)*-.5),rgba(25,34,35,.12) 0 calc(var(--u)*26) calc(var(--u)*60) calc(var(--u)*-6);
  /* radios 4 · 8 · 12 (y 16 en las tarjetas de forma, 20 en el Coach) */
  --r1:calc(var(--u)*4); --r2:calc(var(--u)*8); --r3:calc(var(--u)*12); --r4:calc(var(--u)*16); --r-coach:calc(var(--u)*20);
  --linea:calc(var(--u)*1) solid var(--border-default);
  /* gráficas */
  --chart-1:#111111; --chart-2:#15704A; --chart-3:#2A5C9A; --chart-4:#8A5300; --chart-5:#B3271C; --chart-7:#5B3A96;
  /* familias */
  --f-ui:'TG Bricolage',system-ui,sans-serif; --f-switzer:'TG Switzer',system-ui,sans-serif; --f-cifra:'TG Montserrat',system-ui,sans-serif; --f-dato:'JetBrains Mono',ui-monospace,monospace;

  display:flex; background:var(--bg-canvas); color:var(--fg-default);
  font-family:var(--f-ui); font-size:calc(var(--u)*14); line-height:1.45; font-weight:400; letter-spacing:0;
  font-feature-settings:'kern','liga'; font-variation-settings:normal; text-align:left; cursor:default;
}
.tg-app,.tg-app *{box-sizing:border-box}
.tg-app.ventana{border-radius:calc(var(--u)*10)}
.tg-app[data-zona="prospectar"],.tg-app [data-zona="prospectar"]{--acento:#B8431B;--acento-b:rgba(184,67,27,.09)}
.tg-app[data-zona="rocket"],.tg-app [data-zona="rocket"]{--acento:#3A3E8F;--acento-b:rgba(58,62,143,.09)}
.tg-app[data-zona="conversar"],.tg-app [data-zona="conversar"]{--acento:#2A5C9A;--acento-b:rgba(42,92,154,.09)}
.tg-app[data-zona="pipeline"],.tg-app [data-zona="pipeline"]{--acento:#1E6A45;--acento-b:rgba(30,106,69,.09)}
.tg-app[data-zona="cuenta"],.tg-app [data-zona="cuenta"]{--acento:#8A5300;--acento-b:rgba(138,83,0,.10)}
.tg-app[data-zona="reportes"],.tg-app [data-zona="reportes"]{--acento:#5B3A96;--acento-b:rgba(91,58,150,.09)}
.tg-app[data-zona="sistema"],.tg-app [data-zona="sistema"]{--acento:#111111;--acento-b:rgba(17,17,17,.07)}
.tg-app[data-zona="admin"],.tg-app [data-zona="admin"]{--acento:#3F4A5A;--acento-b:rgba(63,74,90,.09)}

.tg-app p,.tg-app h1,.tg-app h2,.tg-app h3,.tg-app h4,.tg-app ul,.tg-app ol{margin:0;padding:0}
.tg-app ul,.tg-app ol{list-style:none}
.tg-app h1,.tg-app h2,.tg-app h3{font-family:var(--f-ui);font-weight:600;letter-spacing:-.02em;text-wrap:balance;color:inherit}
.tg-app em,.tg-app .tg-italica{font-family:var(--f-switzer);font-style:italic;font-weight:500}
.tg-app b,.tg-app strong{font-weight:600}
.tg-app .tg-ico{display:inline-block;flex:none;width:calc(var(--u)*16);height:calc(var(--u)*16);vertical-align:middle}
.tg-app .tg-dato{font-family:var(--f-dato);font-feature-settings:'tnum','zero';font-variant-numeric:tabular-nums;letter-spacing:-.005em}
.tg-app .tg-cifra{font-family:var(--f-cifra);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.035em}
.tg-app .tg-tenue{color:var(--fg-muted)} .tg-app .tg-sutil{color:var(--fg-subtle)}
.tg-app .tg-trunca{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ============================================================ EL SHELL */
/* ---- barra lateral (242 px reales · 64 plegada) */
.tg-lateral{position:relative;flex:none;width:calc(var(--u)*242);height:100%;display:flex;flex-direction:column;background:var(--bg-sidebar);border-right:var(--linea);z-index:2}
.tg-coach-fila{flex:none;margin:calc(var(--u)*15.5) calc(var(--u)*8) 0;height:calc(var(--u)*44);display:flex;align-items:center;gap:calc(var(--u)*6);padding:0 calc(var(--u)*4);border-radius:var(--r3)}
.tg-coach-fila .tg-coach-orbe{flex:none;width:calc(var(--u)*32);height:calc(var(--u)*32);display:grid;place-items:center}
.tg-coach-fila .tg-coach-nombre{flex:1;min-width:0;font-size:calc(var(--u)*13);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-coach-fila .tg-coach-abrir{flex:none;height:calc(var(--u)*32);display:inline-flex;align-items:center;padding:0 calc(var(--u)*8);border-radius:999px;background:rgba(17,17,17,.06);font-size:calc(var(--u)*13);font-weight:600}
canvas.tg-orbe{display:block;flex:none}
.tg-nav{flex:1;min-height:0;overflow:hidden;padding:calc(var(--u)*6) calc(var(--u)*12) calc(var(--u)*4)}
.tg-nav-item{display:flex;align-items:center;gap:calc(var(--u)*10);margin-top:calc(var(--u)*2.65);padding:calc(var(--u)*7) calc(var(--u)*10);border-radius:var(--r2);font-size:calc(var(--u)*13.5);line-height:1.45;font-weight:450;font-variation-settings:"wght" 450;color:var(--fg-muted);white-space:nowrap}
.tg-nav-item:first-child{margin-top:0}
.tg-nav-item .tg-ico{width:calc(var(--u)*17);height:calc(var(--u)*17)}
.tg-nav-item .tg-nav-flecha{margin-left:auto;width:calc(var(--u)*14);height:calc(var(--u)*14);color:rgba(17,17,17,.385)}
.tg-nav-item.on{background:var(--bg-card);box-shadow:var(--shadow-sm);color:var(--fg-strong);font-weight:600;font-variation-settings:"wght" 600}
.tg-nav-item.on .tg-ico:first-child{color:var(--acento)}
.tg-nav-item.abierto .tg-nav-flecha{transform:rotate(90deg)}
.tg-nav-hijos{margin-left:calc(var(--u)*18);border-left:var(--linea);padding:calc(var(--u)*2) 0 0 calc(var(--u)*10)}
.tg-nav-hijo{display:flex;align-items:center;padding:calc(var(--u)*6) calc(var(--u)*8);border-radius:var(--r2);font-size:calc(var(--u)*12.5);line-height:1.45;color:var(--fg-muted);white-space:nowrap}
.tg-nav-hijo.on{background:var(--bg-card);box-shadow:var(--shadow-sm);color:var(--fg-strong);font-weight:600}
.tg-nav-rotulo{margin-top:calc(var(--u)*20) !important;padding:0 calc(var(--u)*10) calc(var(--u)*4) !important;font-size:calc(var(--u)*10.5);font-weight:500;color:var(--fg-muted)}
.tg-nav-ayuda{display:flex;align-items:center;gap:calc(var(--u)*10);margin-top:calc(var(--u)*16);padding:calc(var(--u)*8) calc(var(--u)*10);border-radius:var(--r2);font-size:calc(var(--u)*13);font-weight:500;color:var(--fg-default)}
.tg-nav-ayuda .tg-ico{color:var(--fg-muted)}
.tg-pie{flex:none;padding:calc(var(--u)*8) calc(var(--u)*14) calc(var(--u)*4)}
.tg-pie-gasto{display:flex;align-items:baseline;justify-content:space-between;gap:calc(var(--u)*8);font-size:calc(var(--u)*11.5);color:var(--fg-muted);white-space:nowrap}
.tg-pie-gasto b{font-size:calc(var(--u)*12.5);font-weight:600;font-variant-numeric:tabular-nums;color:var(--fg-strong)}
.tg-pie-persona{display:flex;align-items:center;gap:calc(var(--u)*10);margin-top:calc(var(--u)*8);padding:calc(var(--u)*4) 0}
.tg-pie-persona .tg-pie-avatar{flex:none;width:calc(var(--u)*28);height:calc(var(--u)*28);border-radius:50%;display:grid;place-items:center;background:var(--bg-subtle);font-size:calc(var(--u)*10);font-weight:600;color:var(--fg-muted)}
.tg-pie-persona .tg-pie-quien{min-width:0;line-height:1.25}
.tg-pie-persona b{display:block;font-size:calc(var(--u)*12.5);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-pie-persona span span{display:block;font-size:calc(var(--u)*11);color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-marca-fila{flex:none;display:flex;align-items:center;gap:calc(var(--u)*4);margin:0 calc(var(--u)*8) calc(var(--u)*8)}
.tg-marca-fila .tg-marca{flex:1;min-width:0;display:flex;align-items:center;gap:calc(var(--u)*10);padding:calc(var(--u)*7) calc(var(--u)*8)}
.tg-marca-fila img{flex:none;width:calc(var(--u)*26);height:calc(var(--u)*26);border-radius:var(--r2);object-fit:contain;display:block}
.tg-marca-fila .tg-marca span{font-size:calc(var(--u)*13.5);font-weight:600;letter-spacing:-.015em;white-space:nowrap}
.tg-marca-fila .tg-plegar{flex:none;width:calc(var(--u)*32);height:calc(var(--u)*32);display:grid;place-items:center;color:var(--fg-muted)}
/* plegada (64): sólo íconos */
.tg-lateral.plegada{width:calc(var(--u)*64)}
.tg-lateral.plegada .tg-coach-fila{justify-content:center;padding:0}
.tg-lateral.plegada .tg-nav-item{justify-content:center;padding-left:0;padding-right:0}
.tg-lateral.plegada .tg-pie{padding:calc(var(--u)*8)}
.tg-lateral.plegada .tg-pie-persona{justify-content:center;margin:0}
.tg-lateral.plegada .tg-marca-fila{flex-direction:column}
.tg-lateral.plegada .tg-marca-fila .tg-marca{justify-content:center}

/* ---- cuerpo: barra superior (52) + migas + main */
.tg-cuerpo{position:relative;flex:1;min-width:0;height:100%;display:flex;flex-direction:column}
.tg-barra{flex:none;height:calc(var(--u)*52);display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u)*13);padding:0 calc(var(--u)*20);background:var(--bg-card);border-bottom:var(--linea);z-index:1}
.tg-barra-izq{display:flex;align-items:center;gap:calc(var(--u)*12);min-width:0}
.tg-barra-der{margin-left:auto;display:flex;align-items:center;gap:calc(var(--u)*4);flex:none}
.tg-oficina{display:inline-flex;align-items:center;gap:calc(var(--u)*8);padding:calc(var(--u)*6) calc(var(--u)*10);border:calc(var(--u)*1) solid var(--border-strong);border-radius:var(--r2);background:#fff;font-size:calc(var(--u)*13);font-weight:600;white-space:nowrap}
.tg-oficina i{font-style:normal;display:inline-grid;place-items:center;width:calc(var(--u)*28);height:calc(var(--u)*20);border-radius:var(--r1);background:var(--bg-canvas);font-family:var(--f-dato);font-size:calc(var(--u)*10);font-weight:700;color:var(--fg-muted)}
.tg-contexto{font-size:calc(var(--u)*12.5);color:var(--fg-subtle);white-space:nowrap}
.tg-barra-ico{width:calc(var(--u)*36);height:calc(var(--u)*36);display:grid;place-items:center;color:var(--fg-muted);position:relative}
.tg-barra-ico .tg-globito{position:absolute;right:calc(var(--u)*4);top:calc(var(--u)*4);min-width:calc(var(--u)*16);height:calc(var(--u)*16);padding:0 calc(var(--u)*4);border-radius:999px;background:var(--brand-red-cta);color:#fff;font-size:calc(var(--u)*10);font-weight:700;display:grid;place-items:center}
.tg-modo-home{height:calc(var(--u)*36);display:inline-flex;align-items:center;gap:calc(var(--u)*8);padding:0 calc(var(--u)*12) 0 calc(var(--u)*10);border-radius:999px;background:var(--coach-vidrio);font-size:calc(var(--u)*13);font-weight:600;white-space:nowrap}
.tg-modo-home.con-sombra{box-shadow:var(--shadow-sm)}
.tg-usuario{display:inline-flex;align-items:center;gap:calc(var(--u)*8);padding:calc(var(--u)*4) calc(var(--u)*6)}
.tg-usuario .tg-usuario-quien{display:flex;flex-direction:column;line-height:1.45}
.tg-usuario .tg-usuario-quien b{font-size:calc(var(--u)*12);font-weight:600;white-space:nowrap}
.tg-usuario .tg-usuario-quien span{font-size:calc(var(--u)*10);color:var(--fg-muted);white-space:nowrap}
.tg-usuario>.tg-ico{width:calc(var(--u)*14);height:calc(var(--u)*14);color:var(--fg-subtle)}
.tg-migas{flex:none;display:flex;align-items:center;gap:calc(var(--u)*6);padding:calc(var(--u)*8) calc(var(--u)*24);background:#fff;border-bottom:var(--linea);font-size:calc(var(--u)*11);line-height:1.45;color:rgba(17,17,17,.55);white-space:nowrap}
.tg-migas .tg-ico{width:calc(var(--u)*12);height:calc(var(--u)*12)}
.tg-migas .tg-ico.sep{color:rgba(17,17,17,.35)}
.tg-migas b{font-weight:500;color:var(--fg-strong)}
.tg-main{position:relative;flex:1;min-height:0;overflow:hidden;padding:calc(var(--u)*20) calc(var(--u)*20) 0;background:var(--bg-canvas)}
.tg-main.sin-relleno{padding:0}
.tg-main.papel{background:var(--bg-card)}

/* ============================================================ PIEZAS BASE */
/* avatar: xs 24 · sm 32 · md 36 · lg 48; fondo = acento de la zona */
.tg-avatar{flex:none;display:inline-grid;place-items:center;border-radius:50%;background:var(--acento);color:var(--fg-inverted);font-weight:600;width:calc(var(--u)*36);height:calc(var(--u)*36);font-size:calc(var(--u)*14);box-shadow:0 0 0 calc(var(--u)*2) var(--bg-canvas);line-height:1}
.tg-avatar.xs{width:calc(var(--u)*24);height:calc(var(--u)*24);font-size:calc(var(--u)*10)}
.tg-avatar.sm{width:calc(var(--u)*32);height:calc(var(--u)*32);font-size:calc(var(--u)*12)}
.tg-avatar.lg{width:calc(var(--u)*48);height:calc(var(--u)*48);font-size:calc(var(--u)*16)}
.tg-avatar.neutro{background:var(--bg-subtle);color:var(--fg-muted);box-shadow:none}
.tg-avatar.tinta{background:#111;color:#fff}
/* botón: md 34 · sm 28 · lg 40; primario = acento (tinta fuera de zona) */
.tg-boton{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u)*7);height:calc(var(--u)*34);padding:0 calc(var(--u)*14);border-radius:var(--r2);font-family:var(--f-ui);font-size:calc(var(--u)*13);font-weight:600;white-space:nowrap;line-height:1;background:var(--acento);color:#fff;box-shadow:var(--shadow-xs);border:calc(var(--u)*1) solid transparent}
.tg-boton.tinta{background:#111}
.tg-boton.secundario{background:var(--bg-card);color:var(--fg-strong);border-color:var(--border-strong);box-shadow:none}
.tg-boton.contorno{background:transparent;color:var(--fg-strong);border-color:var(--border-strong);box-shadow:none}
.tg-boton.fantasma{background:transparent;color:var(--fg-strong);box-shadow:none}
.tg-boton.accion{background:var(--brand-red-cta)}
.tg-boton.enlace{background:transparent;color:var(--fg-strong);box-shadow:none;padding:0;height:auto;text-decoration:underline;text-underline-offset:calc(var(--u)*3)}
.tg-boton.sm{height:calc(var(--u)*28);padding:0 calc(var(--u)*10);font-size:calc(var(--u)*12)}
.tg-boton.lg{height:calc(var(--u)*40);padding:0 calc(var(--u)*16)}
.tg-boton.pildora{border-radius:999px}
/* chip / badge */
.tg-chip{display:inline-flex;align-items:center;gap:calc(var(--u)*4);padding:calc(var(--u)*2) calc(var(--u)*8);border-radius:999px;font-size:calc(var(--u)*11);font-weight:600;white-space:nowrap;line-height:1.45;background:var(--bg-surface);color:var(--fg-muted);border:calc(var(--u)*1) solid var(--border-default)}
.tg-chip i{flex:none;width:calc(var(--u)*6);height:calc(var(--u)*6);border-radius:50%;background:currentColor}
.tg-chip.ok{background:var(--status-success-bg);color:var(--status-success);border-color:transparent}
.tg-chip.espera{background:var(--status-warning-bg);color:var(--status-warning);border-color:transparent}
.tg-chip.urge{background:var(--status-danger-bg);color:var(--status-danger);border-color:transparent}
.tg-chip.info{background:var(--status-info-bg);color:var(--status-info);border-color:transparent}
.tg-chip.activo{background:rgba(17,17,17,.07);color:var(--fg-strong);border-color:transparent}
.tg-chip.acento{background:var(--acento-b);color:var(--acento);border-color:transparent}
.tg-chip.negro{background:#111;color:#fff;border-color:transparent}
.tg-chip.elegido{background:var(--brand-yellow-bg);color:#111;border-color:transparent}
.tg-chip.contorno{background:transparent;color:var(--fg-default);border-color:var(--border-strong)}
.tg-chip.mono{font-family:var(--f-dato);font-weight:400;font-size:calc(var(--u)*10);letter-spacing:.025em;background:var(--bg-subtle);color:var(--fg-subtle);border-color:transparent}
.tg-chip.frescura{padding:calc(var(--u)*3) calc(var(--u)*10);font-size:calc(var(--u)*11.5);background:#E3EEE9;color:var(--status-success);border-color:rgba(21,112,74,.18)}
/* tarjeta */
.tg-tarjeta{background:var(--bg-card);border:var(--linea);border-radius:var(--r3);box-shadow:var(--shadow-sm);padding:calc(var(--u)*16)}
.tg-tarjeta.plana{box-shadow:none}
.tg-tarjeta.flota{box-shadow:var(--shadow-lg)}
.tg-tarjeta.sin-relleno{padding:0;overflow:hidden}
.tg-tarjeta>.tg-tarjeta-tit{font-size:calc(var(--u)*13);font-weight:600;margin-bottom:calc(var(--u)*10)}
/* título de página (cabecera de consola): titular Bricolage 600 con la palabra en itálica Switzer */
.tg-titulo{font-size:calc(var(--u)*30);line-height:1.08;letter-spacing:-.035em;font-weight:600}
.tg-titulo.italica{font-family:var(--f-switzer);font-style:italic;font-weight:500}
.tg-bajada{margin-top:calc(var(--u)*6) !important;font-size:calc(var(--u)*14.5);line-height:1.45;color:var(--fg-default)}

/* ============================================================ ETAPA 2 · PIEZAS DE PANTALLA */
/* ---- cabecera de consola: chip de frescura + titular + bajada + CTA, y el cielo con el rincón del clima (decisión de marca 0004) */
.tg-cielo{position:absolute;left:0;right:0;top:0;height:calc(var(--u)*300);z-index:0;overflow:hidden;pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - var(--u)*120),transparent 96%);mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - var(--u)*120),transparent 96%)}
.tg-cielo i{position:absolute;inset:0;display:block}
.tg-cielo .tg-cielo-fondo{background:var(--tg-cielo,linear-gradient(180deg,#1A2547 0%,#39477C 48%,#8a96a8 100%))}
.tg-cielo .tg-cielo-lluvia{background:repeating-linear-gradient(104deg,transparent 0 calc(var(--u)*17),rgba(255,255,255,.13) calc(var(--u)*17) calc(var(--u)*17.8),transparent calc(var(--u)*17.8) calc(var(--u)*29)),repeating-linear-gradient(101deg,transparent 0 calc(var(--u)*41),rgba(255,255,255,.09) calc(var(--u)*41) calc(var(--u)*42),transparent calc(var(--u)*42) calc(var(--u)*67));
  -webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 62%);mask-image:linear-gradient(90deg,transparent 30%,#000 62%)}
.tg-cielo .tg-cielo-estrellas{background-image:radial-gradient(circle,#fff 0 calc(var(--u)*.9),transparent calc(var(--u)*1.1)),radial-gradient(circle,#fff 0 calc(var(--u)*.7),transparent calc(var(--u)*.9)),radial-gradient(circle,#fff 0 calc(var(--u)*1),transparent calc(var(--u)*1.2));
  background-size:calc(var(--u)*83) calc(var(--u)*71),calc(var(--u)*127) calc(var(--u)*97),calc(var(--u)*191) calc(var(--u)*149);background-position:calc(var(--u)*11) calc(var(--u)*17),calc(var(--u)*53) calc(var(--u)*41),calc(var(--u)*97) calc(var(--u)*7);opacity:.8;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 78%);mask-image:linear-gradient(180deg,#000 0%,transparent 78%)}
.tg-cielo .tg-cielo-velo{background:linear-gradient(90deg,var(--bg-canvas) 0%,var(--bg-canvas) 36%,rgba(246,245,243,.78) 47%,rgba(246,245,243,.28) 58%,rgba(246,245,243,0) 70%)}
.tg-cabecera{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:calc(var(--u)*20);min-height:calc(var(--u)*150);padding-bottom:calc(var(--u)*14)}
.tg-cabecera-bloque{min-width:0;flex:1}
.tg-cabecera .tg-chip.frescura{margin-bottom:calc(var(--u)*14)}
.tg-cabecera .tg-titulo{font-size:calc(var(--u)*34);max-width:20ch}
.tg-cabecera .tg-bajada{max-width:44ch;font-size:calc(var(--u)*15)}
.tg-cabecera .tg-boton{margin-top:calc(var(--u)*18)}
.tg-cabecera.compacta{min-height:0}
.tg-cabecera.compacta .tg-titulo{font-size:calc(var(--u)*26)}
.tg-rincon{flex:none;width:calc(var(--u)*236);text-align:right;color:#F6F5F3}
.tg-rincon.oscura{color:var(--fg-strong)}
.tg-rincon-ciudad{font-size:calc(var(--u)*13);font-weight:500;line-height:1.35}
.tg-rincon-lectura{display:flex;align-items:center;justify-content:flex-end;gap:calc(var(--u)*10);margin-top:calc(var(--u)*6)}
.tg-rincon-lectura .tg-ico{width:calc(var(--u)*40);height:calc(var(--u)*40)}
.tg-rincon-grados{font-size:calc(var(--u)*46);font-weight:500;line-height:1;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.tg-rincon-grados sup{font-size:.6em;font-weight:400;opacity:.78;vertical-align:.5em;line-height:0}
.tg-rincon-estado{text-align:left;line-height:1.4}
.tg-rincon-estado b{display:block;font-size:calc(var(--u)*13);font-weight:500;opacity:.78}
.tg-rincon-estado span{display:block;font-size:calc(var(--u)*11)}
.tg-rincon-cuando{margin-top:calc(var(--u)*8) !important;font-size:calc(var(--u)*11.5);opacity:.9}
.tg-rincon-plaga{margin-top:calc(var(--u)*12);padding-top:calc(var(--u)*12);border-top:calc(var(--u)*1) solid rgba(246,245,243,.28);text-align:left}
.tg-rincon.oscura .tg-rincon-plaga{border-top-color:rgba(17,17,17,.14)}
.tg-rincon-plaga small{display:flex;justify-content:space-between;font-family:var(--f-switzer);font-size:calc(var(--u)*10);font-weight:500;letter-spacing:.06em;text-transform:uppercase;opacity:.92}
.tg-rincon-plaga small span{text-transform:none;letter-spacing:0;font-family:var(--f-ui);font-size:calc(var(--u)*11)}
.tg-rincon-plaga b{display:flex;align-items:center;gap:calc(var(--u)*9);margin-top:calc(var(--u)*10);font-size:calc(var(--u)*19);font-weight:500;letter-spacing:-.02em;line-height:1.25}
.tg-rincon-plaga b i{flex:none;width:calc(var(--u)*8);height:calc(var(--u)*8);border-radius:50%;background:var(--brand-yellow);box-shadow:0 0 0 calc(var(--u)*3) rgba(255,217,0,.25)}
.tg-rincon-plaga p{margin:calc(var(--u)*4) 0 0 calc(var(--u)*17) !important;font-size:calc(var(--u)*12.5);line-height:1.45}

/* ---- pestañas: 'subrayado' (vistas del Embudo: filete amarillo; Cuenta: filete tinta) · 'segmento' (Resumen | Completo) */
.tg-pestanas{display:flex;align-items:stretch;gap:calc(var(--u)*20);height:calc(var(--u)*44)}
.tg-pestanas .tg-pestana{position:relative;display:inline-flex;align-items:center;padding:0 calc(var(--u)*2);font-size:calc(var(--u)*13);font-weight:500;color:var(--fg-muted);white-space:nowrap}
.tg-pestanas .tg-pestana.on{font-weight:600;color:var(--fg-strong)}
.tg-pestanas .tg-pestana.on:after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--u)*3);background:var(--brand-yellow)}
.tg-pestanas.tinta .tg-pestana.on:after{height:calc(var(--u)*2);background:var(--fg-strong)}
.tg-pestanas.segmento{display:inline-flex;gap:0;height:auto;padding:calc(var(--u)*3);border-radius:var(--r2);background:var(--bg-subtle)}
.tg-pestanas.segmento .tg-pestana{height:calc(var(--u)*28);padding:0 calc(var(--u)*13);border-radius:calc(var(--u)*6)}
.tg-pestanas.segmento .tg-pestana.on{background:var(--bg-card);box-shadow:var(--shadow-xs)}
.tg-pestanas.segmento .tg-pestana.on:after{display:none}
/* la barra de vistas del tablero (a sangre, bajo la barra superior) */
.tg-barra-vistas{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u)*12);height:calc(var(--u)*44);padding:0 calc(var(--u)*20);background:var(--bg-card);border-bottom:var(--linea)}
.tg-barra-vistas .tg-barra-vistas-der{display:flex;align-items:center;gap:calc(var(--u)*12);font-size:calc(var(--u)*12);color:var(--fg-muted);white-space:nowrap}
.tg-punto-ok{display:inline-block;width:calc(var(--u)*6);height:calc(var(--u)*6);border-radius:50%;background:var(--status-success);margin-right:calc(var(--u)*6);vertical-align:middle}

/* ---- campo de texto / select */
.tg-input{display:flex;align-items:center;gap:calc(var(--u)*8);height:calc(var(--u)*40);padding:0 calc(var(--u)*12);border:calc(var(--u)*1) solid var(--border-input);border-radius:var(--r2);background:var(--bg-canvas);box-shadow:var(--shadow-xs);font-size:calc(var(--u)*14);color:var(--fg-default);white-space:nowrap;overflow:hidden}
.tg-input.vacio{color:var(--fg-subtle)}
.tg-input.papel{background:var(--bg-card)}
.tg-input.foco{border-color:#111;box-shadow:0 0 0 calc(var(--u)*2) var(--bg-canvas),0 0 0 calc(var(--u)*4) #111}
.tg-input .tg-ico{color:var(--fg-subtle)}
.tg-input .tg-cursor{display:inline-block;width:calc(var(--u)*1.5);height:1.2em;background:#111;margin-left:calc(var(--u)*1);vertical-align:text-bottom}
.tg-input .tg-input-flecha{margin-left:auto}

/* ---- tabla (la de Venta cruzada / Movimientos): cabeza en versalitas sobre barra, filas de papel */
.tg-tabla{width:100%;border-collapse:separate;border-spacing:0;border:var(--linea);border-radius:var(--r3);overflow:hidden;background:var(--bg-card);box-shadow:var(--shadow-sm)}
.tg-tabla th{padding:calc(var(--u)*10) calc(var(--u)*14);background:var(--bg-subtle);font-size:calc(var(--u)*11);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--fg-muted);text-align:left;white-space:nowrap}
.tg-tabla td{padding:calc(var(--u)*12) calc(var(--u)*14);border-top:var(--linea);font-size:calc(var(--u)*13);vertical-align:middle}
.tg-tabla td.num,.tg-tabla th.num{text-align:right;font-family:var(--f-dato);font-variant-numeric:tabular-nums}
.tg-tabla td b{font-weight:600}
.tg-tabla td small{display:block;font-size:calc(var(--u)*12);color:var(--fg-muted)}

/* ---- tarjeta de cifra (Hoy en cifras) e indicador (Truly Analytics) */
.tg-kpi{position:relative;display:flex;flex-direction:column;min-width:0;padding:calc(var(--u)*14) calc(var(--u)*16) calc(var(--u)*16);background:var(--bg-card);border:var(--linea);border-radius:var(--r3);box-shadow:var(--shadow-sm)}
.tg-kpi-cab{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:calc(var(--u)*6) calc(var(--u)*8)}
.tg-kpi-cab .tg-chip{flex:none}
.tg-kpi-rotulo{font-size:calc(var(--u)*11);font-weight:600;line-height:1.25;color:var(--fg-subtle)}
.tg-kpi-valor{margin-top:calc(var(--u)*14);font-family:var(--f-cifra);font-size:calc(var(--u)*30);font-weight:600;line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap}
.tg-kpi-nota{margin-top:calc(var(--u)*10) !important;font-size:calc(var(--u)*12);line-height:1.6;color:var(--fg-muted)}
.tg-kpi-ahorro{font-size:calc(var(--u)*12);font-weight:600;color:var(--status-success)}
.tg-kpi-enlace{margin-top:auto;padding-top:calc(var(--u)*12);font-size:calc(var(--u)*12);font-weight:600;text-decoration:underline;text-underline-offset:calc(var(--u)*3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-kpi.indicador{padding:calc(var(--u)*18) calc(var(--u)*18) calc(var(--u)*18);border-top:calc(var(--u)*2.5) solid var(--brand-yellow)}
.tg-kpi.indicador .tg-kpi-rotulo{font-size:calc(var(--u)*14);font-weight:600;color:var(--fg-strong);letter-spacing:-.01em}
.tg-kpi.indicador .tg-kpi-valor{font-size:calc(var(--u)*28);font-weight:500}
.tg-kpi-delta{display:flex;align-items:center;gap:calc(var(--u)*6);margin-top:calc(var(--u)*10);font-size:calc(var(--u)*12);color:var(--fg-muted)}
.tg-kpi-barras{margin-top:calc(var(--u)*14);border-left:calc(var(--u)*1) solid var(--border-strong);padding:calc(var(--u)*2) 0}
.tg-kpi-barras i{display:block;height:calc(var(--u)*11);border-radius:calc(var(--u)*2);background:var(--acento);margin:calc(var(--u)*3) 0 calc(var(--u)*8) calc(var(--u)*1)}
.tg-kpi-barras i+i{background:rgba(17,17,17,.5);margin-bottom:calc(var(--u)*3)}
.tg-barra-prog{display:block;height:calc(var(--u)*6);border-radius:999px;background:var(--bg-subtle);overflow:hidden}
.tg-barra-prog i{display:block;height:100%;border-radius:999px;background:var(--acento)}

/* ---- Prospectar: las seis formas (píldoras y tarjetas de portada), la cinta del rubro y la hoja de resultados */
.tg-vineta{display:inline-block;flex:none;width:calc(var(--u)*26);height:calc(var(--u)*26)}
.tg-vineta svg{display:block;width:100%;height:100%;overflow:visible}
.tg-carrito{display:inline-block;flex:none;width:calc(var(--u)*36);height:calc(var(--u)*24)}
.tg-carrito svg{display:block;width:100%;height:100%}
.tg-formas{position:relative;z-index:1;display:flex;align-items:center;gap:calc(var(--u)*7);flex-wrap:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - var(--u)*40),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - var(--u)*40),transparent)}
.tg-formas.envuelve{flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none}
.tg-forma{flex:none}
.tg-forma{display:inline-flex;align-items:center;gap:calc(var(--u)*6);height:calc(var(--u)*34);padding:0 calc(var(--u)*13) 0 calc(var(--u)*9);border:calc(var(--u)*1) solid var(--border-strong);border-radius:999px;background:rgba(255,255,255,.7);font-size:calc(var(--u)*12.5);font-weight:500;color:var(--fg-muted);white-space:nowrap}
.tg-forma.on{border-color:var(--brand-yellow);background:linear-gradient(135deg,var(--brand-yellow),var(--brand-yellow-bg));color:var(--brand-black)}
.tg-tarjeta-forma{position:relative;display:flex;flex-direction:column;min-height:calc(var(--u)*196);padding:calc(var(--u)*20) calc(var(--u)*20) calc(var(--u)*16);background:var(--bg-card);border:var(--linea);border-radius:var(--r4);box-shadow:var(--shadow-sm),inset 0 calc(var(--u)*1) 0 rgba(255,255,255,.9);overflow:hidden}
.tg-tarjeta-forma:before{content:"";position:absolute;inset:0 0 auto;height:38%;background:linear-gradient(180deg,rgba(255,217,0,.13),transparent);opacity:.42}
.tg-tarjeta-forma .tg-filo{position:absolute;left:0;top:0;height:calc(var(--u)*3);width:30%;background:var(--brand-yellow);border-radius:0 calc(var(--u)*3) calc(var(--u)*3) 0}
.tg-tarjeta-forma.on{border-color:rgba(17,17,17,.32);box-shadow:var(--shadow-lg),inset 0 calc(var(--u)*1) 0 rgba(255,255,255,.9)}
.tg-tarjeta-forma.on:before{opacity:.95;height:58%}
.tg-tarjeta-forma.on .tg-filo{width:100%}
.tg-tarjeta-forma .tg-vineta{position:relative;width:calc(var(--u)*84);height:calc(var(--u)*84);margin:calc(var(--u)*-6) 0 calc(var(--u)*6) calc(var(--u)*-8)}
.tg-tarjeta-forma h3{position:relative;font-size:calc(var(--u)*22);line-height:1.12;letter-spacing:-.022em}
.tg-tarjeta-forma p{position:relative;margin-top:calc(var(--u)*6) !important;font-size:calc(var(--u)*13);line-height:1.45;color:var(--fg-muted)}
.tg-tarjeta-forma .tg-guardados{position:relative;margin-top:auto;padding-top:calc(var(--u)*12);font-family:var(--f-dato);font-size:calc(var(--u)*12);color:var(--fg-muted)}
.tg-tarjeta-forma .tg-guardados b{font-size:calc(var(--u)*14);font-weight:600;color:var(--fg-strong)}
.tg-tarjeta-forma .tg-recomendada{position:absolute;right:calc(var(--u)*12);top:calc(var(--u)*12);padding:calc(var(--u)*4) calc(var(--u)*8);border-radius:999px;background:var(--brand-yellow-bg);font-family:var(--f-dato);font-size:calc(var(--u)*9.5);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.tg-cinta{position:relative;z-index:1;display:flex;align-items:center;gap:calc(var(--u)*10);padding:calc(var(--u)*10) calc(var(--u)*12) calc(var(--u)*10) calc(var(--u)*14);background:var(--bg-card);border:var(--linea);border-radius:var(--r3);box-shadow:var(--shadow-sm)}
.tg-cinta-ico{flex:none;display:grid;place-items:center;width:calc(var(--u)*26);height:calc(var(--u)*26);border-radius:calc(var(--u)*7);background:var(--brand-yellow);color:#111}
.tg-cinta b{font-size:calc(var(--u)*15);font-weight:600;letter-spacing:-.01em;white-space:nowrap}
.tg-cinta .tg-cinta-donde{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:calc(var(--u)*13);color:var(--fg-muted);white-space:nowrap}
.tg-cinta b,.tg-cinta .tg-cinta-ico,.tg-cinta .tg-cinta-cambiar,.tg-cinta .tg-cinta-der{flex:none}
.tg-cinta .tg-cinta-cambiar{font-size:calc(var(--u)*12);font-weight:600;white-space:nowrap}
.tg-cinta .tg-cinta-der{margin-left:auto;display:flex;align-items:center;gap:calc(var(--u)*10);font-size:calc(var(--u)*13);font-weight:600;white-space:nowrap}
.tg-nota-cadencia{position:relative;z-index:1;display:flex;gap:calc(var(--u)*8);font-size:calc(var(--u)*12.5);line-height:1.45;color:var(--fg-muted)}
.tg-nota-cadencia .tg-ico{margin-top:calc(var(--u)*2);width:calc(var(--u)*14);height:calc(var(--u)*14)}
.tg-hoja{position:relative;z-index:1;background:var(--bg-card);border:var(--linea);border-radius:var(--r3);box-shadow:var(--shadow-sm);overflow:hidden}
.tg-hoja.con-relleno{padding:calc(var(--u)*18) calc(var(--u)*20) 0}
.tg-hoja-tit{font-size:calc(var(--u)*20);font-weight:600;letter-spacing:-.02em}
.tg-hoja-sub{margin:calc(var(--u)*6) 0 calc(var(--u)*14) !important;font-size:calc(var(--u)*14);color:var(--fg-muted)}
.tg-fila-empresa{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:0 calc(var(--u)*14);border-bottom:var(--linea)}
.tg-fila-empresa:last-child{border-bottom:0}
.tg-fila-empresa.elegida{background:rgba(255,217,0,.15)}
.tg-fila-empresa.sobre{background:rgba(255,217,0,.08)}
.tg-fila-cuerpo{display:grid;grid-template-columns:calc(var(--u)*40) minmax(0,1fr);align-items:baseline;gap:0 calc(var(--u)*14);min-width:0;padding:calc(var(--u)*16) calc(var(--u)*4) calc(var(--u)*16) calc(var(--u)*18)}
.tg-fila-orden{font-family:var(--f-dato);font-size:calc(var(--u)*20);font-variant-numeric:tabular-nums;color:var(--fg-muted)}
.tg-fila-empresa.elegida .tg-fila-orden{color:var(--fg-strong)}
.tg-fila-nombre{display:block;font-size:calc(var(--u)*21);font-weight:600;line-height:1.15;letter-spacing:-.022em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-fila-razon{display:flex;align-items:center;gap:calc(var(--u)*8);margin-top:calc(var(--u)*5);font-size:calc(var(--u)*13);line-height:1.4;color:var(--fg-muted);white-space:nowrap;overflow:hidden}
.tg-fila-razon i{flex:none;width:calc(var(--u)*7);height:calc(var(--u)*7);border-radius:50%;box-shadow:inset 0 0 0 calc(var(--u)*1.5) rgba(17,17,17,.55)}
.tg-fila-razon i.ok{background:var(--status-success);box-shadow:none}
.tg-fila-razon i.espera{background:var(--status-warning-solid);box-shadow:none}
.tg-fila-puntaje{display:flex;align-items:center;gap:calc(var(--u)*8);padding-top:calc(var(--u)*21);font-family:var(--f-dato);font-size:calc(var(--u)*12.5);font-weight:500;color:var(--status-success);white-space:nowrap}
.tg-fila-puntaje u{display:block;width:calc(var(--u)*34);height:calc(var(--u)*3);border-radius:999px;background:var(--bg-muted);overflow:hidden;text-decoration:none}
.tg-fila-puntaje u i{display:block;height:100%;border-radius:999px;background:var(--status-success)}
.tg-fila-salidas{display:flex;gap:calc(var(--u)*6);padding:calc(var(--u)*12) calc(var(--u)*16) 0 0}
.tg-fila-salidas .tg-boton{height:calc(var(--u)*36);padding:0 calc(var(--u)*12);font-size:calc(var(--u)*12.5);color:var(--fg-muted)}
.tg-fila-salidas .tg-boton.hecho{background:#111;color:#fff;border-color:#111}
/* Cross-país: «Oportunidades de la red» */
.tg-fila-red{display:grid;grid-template-columns:calc(var(--u)*34) minmax(0,1fr) auto auto;align-items:center;gap:0 calc(var(--u)*14);padding:calc(var(--u)*14) 0;border-top:var(--linea)}
.tg-fila-red .tg-fila-red-n{font-size:calc(var(--u)*12.5);color:var(--fg-subtle);font-variant-numeric:tabular-nums}
.tg-fila-red b{display:block;font-size:calc(var(--u)*15);font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-fila-red small{display:block;margin-top:calc(var(--u)*4);font-size:calc(var(--u)*12.5);color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-fila-red .tg-fila-red-ref{font-size:calc(var(--u)*11.5);color:var(--fg-muted)}
.tg-banderas{display:flex;align-items:center;gap:calc(var(--u)*8);margin-top:calc(var(--u)*6)}
.tg-bandera{display:inline-block;flex:none;width:calc(var(--u)*21);height:calc(var(--u)*15);border-radius:calc(var(--u)*2);overflow:hidden;box-shadow:0 0 0 calc(var(--u)*.5) rgba(17,17,17,.18)}
.tg-bandera svg{display:block;width:100%;height:100%}
.tg-banderas .tg-mas{display:inline-grid;place-items:center;height:calc(var(--u)*24);padding:0 calc(var(--u)*7);border-radius:calc(var(--u)*6);background:var(--bg-subtle);font-size:calc(var(--u)*11.5);color:var(--fg-muted)}

/* ---- Embudo: columna, tarjeta del negocio, «Después de la cita» */
.tg-tablero{display:flex;align-items:flex-start;gap:calc(var(--u)*12);padding:calc(var(--u)*8) calc(var(--u)*12) 0}
.tg-etapa{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:calc(var(--u)*8);padding:calc(var(--u)*9);border-radius:var(--r3);background:rgba(17,17,17,.035)}
.tg-etapa-cab{padding:calc(var(--u)*2) calc(var(--u)*2) calc(var(--u)*10);border-bottom:var(--linea)}
.tg-etapa-tit{display:flex;gap:calc(var(--u)*8);align-items:flex-start}
.tg-etapa-tit .tg-vineta{width:calc(var(--u)*40);height:calc(var(--u)*40);margin:calc(var(--u)*2) calc(var(--u)*2) 0 0}
.tg-etapa-tit b{font-size:calc(var(--u)*13.5);font-weight:600;letter-spacing:-.01em;white-space:nowrap}
.tg-etapa-tit b span{margin-left:calc(var(--u)*6);font-family:var(--f-dato);font-size:calc(var(--u)*12);font-weight:400;color:var(--fg-muted)}
.tg-etapa-tit small{display:block;margin-top:calc(var(--u)*3);font-size:calc(var(--u)*12);line-height:1.45;color:var(--fg-muted)}
.tg-etapa-tit small.ambar{color:var(--status-warning);font-weight:500}
.tg-etapa-rocket{margin-top:calc(var(--u)*12)}
.tg-etapa-rocket b{display:block;font-size:calc(var(--u)*13);font-weight:600}
.tg-etapa-rocket p{margin-top:calc(var(--u)*5) !important;font-size:calc(var(--u)*12);line-height:1.45;color:var(--fg-muted)}
.tg-etapa-rocket u{display:inline-block;margin-top:calc(var(--u)*5);font-size:calc(var(--u)*12);font-weight:600;text-underline-offset:calc(var(--u)*3)}
.tg-op{position:relative;padding:calc(var(--u)*12) calc(var(--u)*12) calc(var(--u)*8);background:var(--bg-card);border:var(--linea);border-radius:calc(var(--u)*10);box-shadow:var(--shadow-sm)}
.tg-op.protagonista{box-shadow:var(--shadow-sm),0 0 0 calc(var(--u)*2) var(--brand-yellow)}
.tg-op-nombre{display:block;font-size:calc(var(--u)*14);font-weight:600;line-height:1.42;letter-spacing:-.012em}
.tg-op-sub{display:block;margin-top:calc(var(--u)*2);font-size:calc(var(--u)*12);line-height:1.35;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-op-estado{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--u)*2) calc(var(--u)*6);margin-top:calc(var(--u)*8);font-size:calc(var(--u)*12);color:var(--fg-muted);white-space:nowrap}
.tg-op-estado i{flex:none;width:calc(var(--u)*7);height:calc(var(--u)*7);border-radius:50%;background:var(--status-success)}
.tg-op-estado i.ambar{background:var(--status-warning-solid)} .tg-op-estado i.rojo{background:var(--status-danger)} .tg-op-estado i.gris{background:rgba(17,17,17,.3)}
.tg-op-estado b{font-weight:600;color:var(--status-success)}
.tg-op-estado u{margin-left:calc(var(--u)*4);font-weight:500;text-decoration:underline dotted;text-underline-offset:calc(var(--u)*3)}
.tg-op-alerta{display:block;margin-top:calc(var(--u)*4);font-size:calc(var(--u)*12);font-weight:500;color:var(--status-danger)}
.tg-op-cita{display:flex;align-items:center;gap:calc(var(--u)*6);margin-top:calc(var(--u)*8);font-size:calc(var(--u)*12);font-weight:600;white-space:nowrap}
.tg-op-cita .tg-ico{width:calc(var(--u)*14);height:calc(var(--u)*14)}
.tg-op-pie{display:flex;align-items:center;gap:calc(var(--u)*6);overflow:hidden;margin-top:calc(var(--u)*10);color:var(--fg-muted)}
.tg-op-pie>.tg-ico{width:calc(var(--u)*13.5);height:calc(var(--u)*13.5);stroke-width:1.6}
.tg-op-ultima{margin-left:auto;display:flex;align-items:center;gap:calc(var(--u)*5);font-size:calc(var(--u)*12);white-space:nowrap}
.tg-op-ultima .tg-ico{width:calc(var(--u)*13);height:calc(var(--u)*13)}
.tg-despues{flex:0 0 calc(var(--u)*134);padding:calc(var(--u)*8) calc(var(--u)*4) 0}
.tg-despues>b{display:block;font-size:calc(var(--u)*13);font-weight:600;letter-spacing:-.02em}
.tg-despues>p{margin:calc(var(--u)*4) 0 calc(var(--u)*12) !important;font-size:calc(var(--u)*12);line-height:1.5;color:var(--fg-muted)}
.tg-despues-fila{display:flex;justify-content:space-between;padding:calc(var(--u)*11) calc(var(--u)*2);border-top:var(--linea);font-size:calc(var(--u)*13);color:var(--fg-muted)}
.tg-despues-fila b{font-size:calc(var(--u)*14);font-weight:600}
.tg-despues-fila.con{color:var(--fg-strong);font-weight:600}

/* ---- Ficha de oportunidad y Método Truly Nolen */
.tg-ficha-cab{padding:calc(var(--u)*16) calc(var(--u)*18) calc(var(--u)*12);background:var(--bg-card);border:var(--linea);border-radius:var(--r3);box-shadow:var(--shadow-sm)}
.tg-ficha-quien{display:flex;align-items:center;gap:calc(var(--u)*12)}
.tg-ficha-sigla{flex:none;display:grid;place-items:center;width:calc(var(--u)*42);height:calc(var(--u)*42);border-radius:var(--r3);background:var(--bg-subtle);font-size:calc(var(--u)*12);font-weight:700;color:var(--fg-muted)}
.tg-ficha-quien h2{font-size:calc(var(--u)*17);line-height:1.25;letter-spacing:-.024em}
.tg-ficha-quien p{display:flex;align-items:center;gap:calc(var(--u)*8);margin-top:calc(var(--u)*2) !important;font-size:calc(var(--u)*12.5);color:var(--fg-muted);white-space:nowrap}
.tg-ficha-trabaja{display:inline-flex;align-items:center;gap:calc(var(--u)*6);padding:calc(var(--u)*2) calc(var(--u)*9);border-radius:999px;background:var(--bg-subtle);font-size:calc(var(--u)*11.5);font-weight:600;color:var(--fg-strong)}
.tg-ficha-trabaja i{width:calc(var(--u)*7);height:calc(var(--u)*7);border-radius:50%;background:var(--status-success)}
.tg-ficha-fila{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(var(--u)*6) calc(var(--u)*10);margin-top:calc(var(--u)*12)}
.tg-espina{display:flex;align-items:center;gap:calc(var(--u)*6);height:calc(var(--u)*36)}
.tg-espina-etapa{display:inline-flex;align-items:center;gap:calc(var(--u)*6);height:calc(var(--u)*30);padding:0 calc(var(--u)*10);border-radius:999px;border:calc(var(--u)*1) solid transparent;font-size:calc(var(--u)*13);color:var(--fg-muted);white-space:nowrap}
.tg-espina-etapa .tg-ico{width:calc(var(--u)*13);height:calc(var(--u)*13)}
.tg-espina-etapa.on{border-color:var(--brand-yellow);background:linear-gradient(135deg,var(--brand-yellow),var(--brand-yellow-bg));color:var(--brand-black);font-weight:600}
.tg-herramientas{display:flex;align-items:center;gap:calc(var(--u)*4)}
.tg-herramientas span{display:inline-flex;align-items:center;gap:calc(var(--u)*6);height:calc(var(--u)*32);padding:0 calc(var(--u)*9);font-size:calc(var(--u)*12.5);font-weight:500;color:var(--fg-muted);white-space:nowrap}
.tg-herramientas .tg-ico{width:calc(var(--u)*14);height:calc(var(--u)*14)}
.tg-metodo{padding:calc(var(--u)*18) calc(var(--u)*20);background:var(--bg-card);border:var(--linea);border-radius:var(--r3);box-shadow:var(--shadow-sm)}
.tg-metodo-tit{display:flex;align-items:center;gap:calc(var(--u)*10);font-size:calc(var(--u)*14);font-weight:600;letter-spacing:-.015em}
.tg-metodo-resumen{margin-top:calc(var(--u)*12) !important;font-size:calc(var(--u)*15);line-height:1.62;letter-spacing:-.005em}
.tg-metodo-sigue{margin-top:calc(var(--u)*14) !important;padding-top:calc(var(--u)*14);border-top:var(--linea);font-size:calc(var(--u)*14);line-height:1.55}
.tg-boton-canal{display:inline-flex;align-items:center;gap:calc(var(--u)*8);height:calc(var(--u)*44);margin-top:calc(var(--u)*12);padding:0 calc(var(--u)*14);border-radius:var(--r2);background:#111;color:#fff;font-size:calc(var(--u)*13);font-weight:600;white-space:nowrap;box-shadow:var(--shadow-xs)}
.tg-boton-canal i{width:calc(var(--u)*7);height:calc(var(--u)*7);border-radius:50%;background:var(--brand-yellow)}
.tg-boton-canal span{font-family:var(--f-dato);font-size:calc(var(--u)*12);font-weight:400}
.tg-guion{margin-top:calc(var(--u)*14);padding-top:calc(var(--u)*12);border-top:var(--linea)}
.tg-guion-cab{display:flex;align-items:baseline;justify-content:space-between;gap:calc(var(--u)*10);font-size:calc(var(--u)*12);color:var(--fg-muted);white-space:nowrap}
.tg-guion-cab b{font-size:calc(var(--u)*13);font-weight:600;color:var(--fg-strong)}
.tg-guion-cab u{font-weight:500;color:var(--fg-strong);text-decoration:none;margin-left:calc(var(--u)*8)}
.tg-guion-paso{display:grid;grid-template-columns:calc(var(--u)*20) minmax(0,1fr) auto;align-items:baseline;gap:calc(var(--u)*8);padding:calc(var(--u)*8) 0;font-size:calc(var(--u)*14);line-height:1.45}
.tg-guion-paso>span:first-child{font-size:calc(var(--u)*13);color:var(--fg-muted)}
.tg-guion-paso b{font-weight:500}
.tg-guion-paso .tg-ico{width:calc(var(--u)*14);height:calc(var(--u)*14);color:var(--fg-muted);align-self:center}
.tg-guion-paso.abierto{align-items:start}
.tg-guion-detalle{grid-column:2/4;margin-top:calc(var(--u)*4) !important;font-size:calc(var(--u)*13);line-height:1.55;color:var(--fg-muted)}
.tg-paso-lista{padding:calc(var(--u)*16) calc(var(--u)*20);background:var(--bg-card);border:var(--linea);border-radius:var(--r3);box-shadow:var(--shadow-sm)}
.tg-paso-lista-tit{display:flex;align-items:center;gap:calc(var(--u)*8);font-size:calc(var(--u)*13.5);font-weight:600;letter-spacing:-.02em}
.tg-paso-lista-tit span{padding:calc(var(--u)*1) calc(var(--u)*7);border-radius:999px;background:var(--bg-subtle);font-family:var(--f-dato);font-size:calc(var(--u)*11);font-weight:400;color:var(--fg-muted)}
.tg-evento{display:grid;grid-template-columns:calc(var(--u)*28) minmax(0,1fr) auto;gap:calc(var(--u)*12);align-items:start;padding:calc(var(--u)*12) calc(var(--u)*2);border-top:var(--linea)}
.tg-evento:first-of-type{margin-top:calc(var(--u)*12)}
.tg-evento-ico{display:grid;place-items:center;width:calc(var(--u)*28);height:calc(var(--u)*28);border-radius:50%;background:var(--bg-subtle);color:var(--fg-muted)}
.tg-evento-ico .tg-ico{width:calc(var(--u)*13);height:calc(var(--u)*13)}
.tg-evento b{display:block;font-size:calc(var(--u)*13);font-weight:600;line-height:1.45}
.tg-evento small{display:block;margin-top:calc(var(--u)*2);font-size:calc(var(--u)*12.5);color:var(--fg-muted)}
.tg-evento time{font-family:var(--f-dato);font-size:calc(var(--u)*10.5);color:var(--fg-muted);white-space:nowrap;padding-top:calc(var(--u)*3)}
.tg-contacto{padding:calc(var(--u)*14) calc(var(--u)*16);background:var(--bg-card);border:var(--linea);border-radius:var(--r3);box-shadow:var(--shadow-sm)}
.tg-rotulo-mono{font-family:var(--f-dato);font-size:calc(var(--u)*10.5);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted)}
.tg-contacto-fila{display:grid;grid-template-columns:calc(var(--u)*78) minmax(0,1fr);gap:calc(var(--u)*8);padding:calc(var(--u)*9) 0;border-top:var(--linea);font-size:calc(var(--u)*12.5)}
.tg-contacto-fila:first-of-type{border-top:0;margin-top:calc(var(--u)*6)}
.tg-contacto-fila>span:first-child{color:var(--fg-muted)}
.tg-contacto-fila .tg-dato{font-size:calc(var(--u)*12);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---- Conversaciones: bandejas · lista de hilos · hilo */
.tg-conv{display:flex;height:100%;background:var(--bg-card)}
.tg-bandejas{flex:none;width:calc(var(--u)*150);display:flex;flex-direction:column;padding:calc(var(--u)*12) calc(var(--u)*8);background:var(--bg-surface);border-right:var(--linea)}
.tg-bandejas-rotulo{padding:calc(var(--u)*2) calc(var(--u)*9) calc(var(--u)*5);font-size:calc(var(--u)*10);font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--fg-placeholder)}
.tg-bandejas-rotulo+.tg-bandeja~.tg-bandejas-rotulo{padding-top:calc(var(--u)*12)}
.tg-bandeja{display:flex;align-items:center;gap:calc(var(--u)*8);padding:calc(var(--u)*6) calc(var(--u)*9);border-radius:var(--r2);font-size:calc(var(--u)*12.5);line-height:1.45;color:var(--fg-muted)}
.tg-bandeja i{flex:none;width:calc(var(--u)*6);height:calc(var(--u)*6);border-radius:50%;background:rgba(17,17,17,.3)}
.tg-bandeja i.rojo{background:var(--status-danger)} .tg-bandeja i.azul{background:var(--status-info)}
.tg-bandeja span{margin-left:auto;font-family:var(--f-dato);font-size:calc(var(--u)*10.5);color:var(--fg-placeholder)}
.tg-bandeja.on{background:var(--bg-card);box-shadow:var(--shadow-sm);font-weight:600;color:var(--fg-strong)}
.tg-bandeja.on span{color:var(--fg-muted)}
.tg-bandejas-pie{margin-top:auto;padding:calc(var(--u)*10) calc(var(--u)*9) 0;border-top:calc(var(--u)*1) solid var(--border-strong);font-size:calc(var(--u)*11.5);color:var(--fg-subtle)}
.tg-hilos{flex:none;width:calc(var(--u)*200);display:flex;flex-direction:column;border-right:var(--linea);background:var(--bg-card);overflow:hidden}
.tg-hilos-cab{display:flex;align-items:baseline;gap:calc(var(--u)*8);padding:calc(var(--u)*11) calc(var(--u)*15);border-bottom:var(--linea);font-size:calc(var(--u)*12.5);font-weight:600;white-space:nowrap}
.tg-hilos-cab span{margin-left:auto;font-family:var(--f-dato);font-size:calc(var(--u)*10.5);font-weight:400;color:var(--fg-placeholder)}
.tg-hilo{display:flex;gap:calc(var(--u)*11);padding:calc(var(--u)*13) calc(var(--u)*15);border-bottom:var(--linea)}
.tg-hilo.on{background:var(--bg-canvas);box-shadow:inset calc(var(--u)*3) 0 0 var(--acento)}
.tg-hilo-sigla{flex:none;display:grid;place-items:center;width:calc(var(--u)*26);height:calc(var(--u)*26);border-radius:50%;background:var(--bg-subtle);font-size:calc(var(--u)*10.5);font-weight:600;color:var(--fg-muted)}
.tg-hilo-cuerpo{min-width:0;flex:1}
.tg-hilo-arriba{display:flex;align-items:baseline;gap:calc(var(--u)*7)}
.tg-hilo-arriba b{min-width:0;font-size:calc(var(--u)*13.5);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-hilo-arriba span{margin-left:auto;flex:none;font-family:var(--f-dato);font-size:calc(var(--u)*10.5);color:var(--fg-placeholder)}
.tg-hilo-vista{margin-top:calc(var(--u)*3) !important;font-size:calc(var(--u)*12.5);color:var(--fg-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-turno{display:inline-flex;align-items:center;gap:calc(var(--u)*5);margin-top:calc(var(--u)*6);padding:calc(var(--u)*1) calc(var(--u)*8);border-radius:999px;background:var(--bg-subtle);font-size:calc(var(--u)*10.5);font-weight:600;color:var(--fg-subtle);white-space:nowrap}
.tg-turno i{width:calc(var(--u)*5);height:calc(var(--u)*5);border-radius:50%;background:currentColor}
.tg-turno.ok{background:var(--status-success-bg);color:var(--status-success)} .tg-turno.urge{background:var(--status-danger-bg);color:var(--status-danger)} .tg-turno.info{background:var(--status-info-bg);color:var(--status-info)} .tg-turno.espera{background:var(--status-warning-bg);color:var(--status-warning)}
.tg-panel-hilo{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg-canvas)}
.tg-hilo-cab{flex:none;display:flex;align-items:center;gap:calc(var(--u)*11);padding:calc(var(--u)*13) calc(var(--u)*18);background:var(--bg-card);border-bottom:var(--linea)}
.tg-hilo-cab-quien{min-width:0}
.tg-hilo-cab-quien b{display:block;font-size:calc(var(--u)*14.5);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-hilo-cab-quien span{display:block;font-size:calc(var(--u)*12);color:var(--fg-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-hilo-cab .tg-turno{margin-top:0;padding:calc(var(--u)*3) calc(var(--u)*10);font-size:calc(var(--u)*11.5);flex:none}
.tg-hilo-cab .tg-ver-ficha{margin-left:auto;flex:none;font-size:calc(var(--u)*12.5);font-weight:500;color:var(--fg-subtle);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:calc(var(--u)*3);white-space:nowrap}
.tg-mensajes{flex:1;min-height:0;padding:calc(var(--u)*18);overflow:hidden}
.tg-mensajes-cinta{display:flex;flex-direction:column;gap:calc(var(--u)*12)}
.tg-burbuja{max-width:72%;padding:calc(var(--u)*11) calc(var(--u)*14);border-radius:calc(var(--u)*14);font-size:calc(var(--u)*13.5);line-height:1.5;box-shadow:var(--shadow-sm)}
.tg-burbuja small{display:flex;gap:calc(var(--u)*8);margin-bottom:calc(var(--u)*4);font-size:calc(var(--u)*10.5);font-weight:600;letter-spacing:.07em;text-transform:uppercase;opacity:.55;white-space:nowrap}
.tg-burbuja small time{margin-left:auto;font-family:var(--f-dato);font-weight:400;letter-spacing:0}
.tg-burbuja.cliente{align-self:flex-start;border-bottom-left-radius:calc(var(--u)*5);background:var(--bg-card);border:var(--linea);color:var(--fg-default)}
.tg-burbuja.truly{align-self:flex-end;border-bottom-right-radius:calc(var(--u)*5);background:var(--acento);color:#fff}
.tg-burbuja.truly small{opacity:.8}
.tg-burbuja.rep{align-self:flex-end;border-bottom-right-radius:calc(var(--u)*5);background:var(--bg-card);border:calc(var(--u)*1) solid var(--border-strong)}
.tg-burbuja-pulgares{display:flex;gap:calc(var(--u)*14);margin-top:calc(var(--u)*6);font-size:calc(var(--u)*10.5);opacity:.85}
.tg-burbuja-pulgares span{display:inline-flex;align-items:center;gap:calc(var(--u)*4);text-decoration:underline;text-underline-offset:calc(var(--u)*2)}
.tg-burbuja-pulgares .tg-ico{width:calc(var(--u)*11);height:calc(var(--u)*11)}
.tg-aviso-hilo{align-self:center;padding:calc(var(--u)*5) calc(var(--u)*13);border-radius:999px;background:var(--status-success-bg);color:var(--status-success);font-size:calc(var(--u)*11.5);font-weight:600;white-space:nowrap}
.tg-aviso-hilo.espera{background:var(--status-warning-bg);color:var(--status-warning)}
.tg-dia-hilo{align-self:center;font-family:var(--f-dato);font-size:calc(var(--u)*10);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted)}
.tg-responder{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:calc(var(--u)*12);padding:calc(var(--u)*12) calc(var(--u)*20);background:var(--bg-card);border-top:var(--linea)}
.tg-responder .tg-boton{height:calc(var(--u)*44)}

/* ---- Truly Coach: el Home (orbe, invitación, píldora, puertas), pregunta/respuesta/propuesta y la columna lateral. El Coach habla en Switzer. */
.tg-coach-home{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--f-switzer)}
.tg-coach-home .tg-coach-ancho{width:calc(var(--u)*520);max-width:100%;display:flex;flex-direction:column;align-items:center}
.tg-coach-invitacion{margin-top:calc(var(--u)*14) !important;font-family:var(--f-ui);font-size:calc(var(--u)*22);font-weight:500;line-height:1.32;letter-spacing:-.015em;text-align:center}
.tg-coach-pildora{position:relative;display:flex;align-items:center;gap:calc(var(--u)*4);width:100%;height:calc(var(--u)*52);margin-top:calc(var(--u)*22);padding:calc(var(--u)*4);border-radius:999px;background:var(--coach-vidrio);box-shadow:var(--shadow-lg);font-family:var(--f-switzer)}
.tg-coach-pildora.foco{box-shadow:var(--shadow-lg),0 0 0 calc(var(--u)*1.5) #111}
.tg-coach-pildora .tg-coach-mic{flex:none;display:grid;place-items:center;width:calc(var(--u)*44);height:calc(var(--u)*44);color:var(--fg-strong)}
.tg-coach-pildora .tg-coach-campo-caja{flex:1;min-width:0;display:grid;align-items:center;overflow:hidden}
.tg-coach-pildora .tg-coach-campo{grid-area:1/1;min-width:0;font-size:calc(var(--u)*15);color:var(--fg-subtle);white-space:nowrap;overflow:hidden}
.tg-coach-pildora .tg-coach-campo.escrito{color:var(--fg-strong)}
.tg-coach-pildora .tg-coach-enviar{flex:none;display:grid;place-items:center;width:calc(var(--u)*44);height:calc(var(--u)*44);border-radius:50%;background:#111;color:#fff}
.tg-coach-sugerencias{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--u)*4) calc(var(--u)*14);margin-top:calc(var(--u)*14);font-size:calc(var(--u)*12);color:var(--fg-muted)}
.tg-coach-sugerencias span{padding:calc(var(--u)*6);text-decoration:underline;text-underline-offset:calc(var(--u)*3)}
.tg-puertas{display:flex;justify-content:center;gap:calc(var(--u)*12);margin-top:calc(var(--u)*20)}
.tg-puerta{display:inline-flex;align-items:center;gap:calc(var(--u)*9);height:calc(var(--u)*48);padding:0 calc(var(--u)*18);border-radius:999px;background:var(--coach-vidrio);border:var(--linea);box-shadow:var(--shadow-sm);font-family:var(--f-switzer);font-size:calc(var(--u)*14);font-weight:500;white-space:nowrap}
.tg-puerta b{font-weight:500;font-variant-numeric:tabular-nums;margin-left:calc(var(--u)*2)}
.tg-puerta.primaria{background:#111;color:#fff;border-color:#111}
.tg-puerta.primaria b{padding:calc(var(--u)*3) calc(var(--u)*8);border-radius:999px;background:rgba(255,255,255,.16)}
.tg-puerta.primaria .tg-puerta-flecha{opacity:.55;width:calc(var(--u)*12);height:calc(var(--u)*12)}
.tg-coach-pregunta{align-self:flex-start;max-width:86%;margin-top:calc(var(--u)*14);padding:calc(var(--u)*8) calc(var(--u)*14);border-radius:calc(var(--u)*18);background:var(--coach-vidrio);box-shadow:var(--shadow-sm);font-family:var(--f-switzer);font-size:calc(var(--u)*14);line-height:1.5;color:var(--fg-muted)}
.tg-coach-respuesta{align-self:stretch;margin-top:calc(var(--u)*14);font-family:var(--f-switzer);font-size:calc(var(--u)*16);line-height:1.5625;color:var(--fg-strong)}
.tg-coach-respuesta b{font-weight:700}
.tg-coach-respuesta p+p{margin-top:calc(var(--u)*8) !important}
.tg-coach-respuesta ol{list-style:decimal;padding-left:calc(var(--u)*24) !important;margin-top:calc(var(--u)*6) !important}
.tg-coach-respuesta li{margin-top:calc(var(--u)*6)}
.tg-coach-propuesta{align-self:stretch;margin-top:calc(var(--u)*16);padding:calc(var(--u)*16) calc(var(--u)*20);border-radius:var(--r-coach);background:var(--coach-vidrio);box-shadow:var(--shadow-lg);font-family:var(--f-switzer)}
.tg-coach-propuesta b{display:block;font-size:calc(var(--u)*15);font-weight:600}
.tg-coach-propuesta small{display:block;margin-top:calc(var(--u)*4);font-size:calc(var(--u)*13);color:var(--fg-muted)}
.tg-coach-propuesta-botones{display:flex;gap:calc(var(--u)*8);margin-top:calc(var(--u)*14)}
.tg-coach-propuesta-botones span{display:inline-flex;align-items:center;height:calc(var(--u)*40);padding:0 calc(var(--u)*20);border-radius:999px;font-size:calc(var(--u)*15);font-weight:600;background:rgba(17,17,17,.06);white-space:nowrap}
.tg-coach-propuesta-botones span:first-child{background:#111;color:#fff}
/* la columna del Coach en la barra lateral («media»: la mitad de arriba) */
.tg-coach-columna{flex:none;margin:calc(var(--u)*8) calc(var(--u)*8) calc(var(--u)*4);padding:calc(var(--u)*4) calc(var(--u)*8) calc(var(--u)*8);display:flex;flex-direction:column;align-items:center;font-family:var(--f-switzer)}
.tg-coach-columna-cab{align-self:stretch;display:flex;align-items:center;height:calc(var(--u)*40);gap:calc(var(--u)*4)}
.tg-coach-columna-cab b{flex:1;text-align:center;font-size:calc(var(--u)*13);font-weight:600;padding-left:calc(var(--u)*30)}
.tg-coach-columna-cab .tg-ico{width:calc(var(--u)*14);height:calc(var(--u)*14);color:var(--fg-muted);margin:0 calc(var(--u)*6)}
.tg-coach-columna .tg-coach-invitacion{margin-top:calc(var(--u)*8) !important;font-size:calc(var(--u)*15);line-height:1.3}
.tg-coach-columna .tg-coach-pregunta{margin-top:calc(var(--u)*10);font-size:calc(var(--u)*13);padding:calc(var(--u)*6) calc(var(--u)*11)}
.tg-coach-columna .tg-coach-respuesta{margin-top:calc(var(--u)*8);font-size:calc(var(--u)*14);line-height:1.5}
.tg-coach-columna .tg-coach-pildora{height:calc(var(--u)*46);margin-top:calc(var(--u)*14);box-shadow:var(--shadow-sm);background:#fff}
.tg-coach-columna .tg-coach-pildora .tg-coach-mic,.tg-coach-columna .tg-coach-pildora .tg-coach-enviar{width:calc(var(--u)*38);height:calc(var(--u)*38)}
.tg-coach-columna .tg-coach-pildora .tg-coach-enviar{background:rgba(17,17,17,.55)}
.tg-coach-columna .tg-coach-pildora .tg-coach-campo{font-size:calc(var(--u)*14)}
.tg-nav-abrir{display:block;margin-top:calc(var(--u)*6);padding:calc(var(--u)*6) calc(var(--u)*10);font-size:calc(var(--u)*13);font-weight:500;color:var(--fg-muted)}

/* ---- Rocket: grupos de pasos con viñeta, «qué falta», actividad */
.tg-grupo-pasos{position:relative;padding:calc(var(--u)*12) calc(var(--u)*18) calc(var(--u)*10);background:var(--bg-card);border:var(--linea);border-radius:var(--r4);box-shadow:var(--shadow-sm),inset 0 calc(var(--u)*1) 0 rgba(255,255,255,.9);overflow:hidden}
.tg-grupo-pasos:before{content:"";position:absolute;left:0;top:0;width:calc(var(--u)*124);height:calc(var(--u)*3);background:var(--brand-yellow);border-radius:0 calc(var(--u)*3) calc(var(--u)*3) 0}
.tg-grupo-pasos-cab{display:flex;align-items:baseline;gap:calc(var(--u)*14)}
.tg-grupo-pasos-cab h3{font-size:calc(var(--u)*22);line-height:1.12;letter-spacing:-.022em;white-space:nowrap}
.tg-grupo-pasos-cab p{font-size:calc(var(--u)*13);color:var(--fg-muted)}
.tg-pasos{display:flex;gap:calc(var(--u)*14);margin-top:calc(var(--u)*8)}
.tg-paso{flex:1 1 0;min-width:0;align-content:start;display:grid;grid-template-columns:calc(var(--u)*58) minmax(0,1fr);gap:calc(var(--u)*8);padding-top:calc(var(--u)*6)}
.tg-paso-vineta{position:relative;height:calc(var(--u)*58)}
.tg-paso-vineta .tg-vineta{width:calc(var(--u)*58);height:calc(var(--u)*58)}
.tg-paso-vineta b{position:absolute;left:0;top:0;display:grid;place-items:center;width:calc(var(--u)*18);height:calc(var(--u)*18);border-radius:50%;background:#fff;box-shadow:0 0 0 calc(var(--u)*1) var(--border-strong);font-size:calc(var(--u)*11);font-weight:600;line-height:1}
.tg-paso strong{display:block;font-size:calc(var(--u)*13);font-weight:600;line-height:1.22}
.tg-paso .tg-paso-n{display:inline-block;white-space:nowrap;margin-top:calc(var(--u)*4);padding:0 calc(var(--u)*8);border-radius:999px;background:rgba(17,17,17,.09);font-size:calc(var(--u)*12);line-height:1.67}
.tg-paso .tg-paso-n b{font-weight:600}
.tg-paso p{margin-top:calc(var(--u)*4) !important;font-size:calc(var(--u)*12);line-height:1.4;color:var(--fg-muted)}
.tg-actividad{display:flex;align-items:center;gap:calc(var(--u)*10);padding:calc(var(--u)*10) calc(var(--u)*6);border-bottom:var(--linea);font-size:calc(var(--u)*14.5);line-height:1.4}
.tg-actividad time{flex:none;width:calc(var(--u)*42);font-size:calc(var(--u)*12.5);font-weight:500;font-variant-numeric:tabular-nums}
.tg-actividad .tg-actividad-ico{flex:none;display:grid;place-items:center;width:calc(var(--u)*30);height:calc(var(--u)*30);border-radius:var(--r2);border:var(--linea);background:var(--bg-card)}
.tg-actividad span{min-width:0;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-actividad span b{color:var(--fg-strong);font-weight:600}
.tg-falta{display:grid;grid-template-columns:calc(var(--u)*40) minmax(0,1fr);gap:calc(var(--u)*10);padding:calc(var(--u)*10) calc(var(--u)*4);border-top:var(--linea)}
.tg-falta:first-of-type{border-top:0}
.tg-falta>b{font-size:calc(var(--u)*22);font-weight:600;line-height:1;letter-spacing:-.02em;text-align:right;font-variant-numeric:tabular-nums}
.tg-falta strong{font-size:calc(var(--u)*14);font-weight:600;letter-spacing:-.01em}
.tg-falta p{margin-top:calc(var(--u)*4) !important;font-size:calc(var(--u)*13);line-height:1.45;color:var(--fg-muted)}
.tg-falta .tg-chip{margin-left:calc(var(--u)*6);font-size:calc(var(--u)*12);font-weight:500;padding:calc(var(--u)*1) calc(var(--u)*8)}

/* ---- Cronos: la agenda del equipo (en Ajustes) y la página pública para agendar */
.tg-agenda-fila{padding:calc(var(--u)*14) calc(var(--u)*18);border-top:var(--linea)}
.tg-agenda-fila:first-child{border-top:0}
.tg-agenda-quien{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:calc(var(--u)*12);align-items:start}
.tg-agenda-quien b{display:block;font-size:calc(var(--u)*13);font-weight:600;text-transform:uppercase}
.tg-agenda-quien small{display:block;margin-top:calc(var(--u)*2);font-size:calc(var(--u)*12.5);color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-agenda-quien .tg-agenda-conf{display:inline-flex;align-items:center;gap:calc(var(--u)*8);font-size:calc(var(--u)*12.5);font-weight:500;white-space:nowrap}
.tg-agenda-enlace{display:flex;align-items:center;gap:calc(var(--u)*8);margin-top:calc(var(--u)*12);padding:calc(var(--u)*8) calc(var(--u)*10) calc(var(--u)*8) calc(var(--u)*16);border-radius:var(--r2);background:var(--bg-subtle)}
.tg-agenda-enlace .tg-dato{flex:1;min-width:0;font-size:calc(var(--u)*11.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-publica{position:relative;display:flex;background:var(--bg-card);border:var(--linea);border-radius:var(--r3);box-shadow:var(--shadow-lg);overflow:hidden}
.tg-publica-quien{flex:none;width:calc(var(--u)*200);padding:calc(var(--u)*24) calc(var(--u)*22);background:var(--bg-canvas);border-right:var(--linea)}
.tg-publica-quien .tg-publica-foto{display:grid;place-items:center;width:calc(var(--u)*68);height:calc(var(--u)*68);border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);font-size:calc(var(--u)*20);font-weight:500}
.tg-publica-quien h3{margin-top:calc(var(--u)*8) !important;font-size:calc(var(--u)*20);line-height:1.15;letter-spacing:-.02em;font-weight:500}
.tg-publica-quien .tg-rotulo-mono{display:block;margin-top:calc(var(--u)*20);font-weight:400;font-size:calc(var(--u)*9.5)}
.tg-publica-quien p{margin-top:calc(var(--u)*6) !important;font-size:calc(var(--u)*12);color:var(--fg-muted)}
.tg-publica-dato{display:flex;align-items:center;gap:calc(var(--u)*8);margin-top:calc(var(--u)*12);font-size:calc(var(--u)*13);color:var(--fg-muted)}
.tg-publica-dato b{color:var(--fg-strong);font-weight:600}
.tg-publica-cuerpo{flex:1;min-width:0;padding:calc(var(--u)*18) calc(var(--u)*24) calc(var(--u)*18)}
.tg-publica-pasos{display:flex;align-items:center;gap:calc(var(--u)*10);padding-bottom:calc(var(--u)*14);border-bottom:var(--linea);font-size:calc(var(--u)*12);color:var(--fg-muted);white-space:nowrap}
.tg-publica-pasos span{display:inline-flex;align-items:center;gap:calc(var(--u)*8)}
.tg-publica-pasos span i{font-style:normal;display:grid;place-items:center;width:calc(var(--u)*20);height:calc(var(--u)*20);border-radius:50%;border:calc(var(--u)*1) solid var(--border-strong);font-size:calc(var(--u)*10);font-weight:600}
.tg-publica-pasos span.on{color:var(--fg-strong);font-weight:600}
.tg-publica-pasos span.on i{background:#111;color:#fff;border-color:#111}
.tg-publica-pasos u{flex:1;height:calc(var(--u)*1);background:var(--border-strong)}
.tg-publica h2{margin-top:calc(var(--u)*18) !important;font-size:calc(var(--u)*22);letter-spacing:-.025em;font-weight:500}
.tg-publica-rejilla{display:flex;gap:calc(var(--u)*22);margin-top:calc(var(--u)*14)}
.tg-calendario{flex:1;min-width:0}
.tg-calendario-mes{display:flex;justify-content:space-between;font-size:calc(var(--u)*13.5);font-weight:600}
.tg-calendario-dias{display:grid;grid-template-columns:repeat(7,1fr);gap:calc(var(--u)*4);margin-top:calc(var(--u)*10)}
.tg-calendario-dias small{text-align:center;font-size:calc(var(--u)*9.5);color:var(--fg-muted);padding-bottom:calc(var(--u)*2)}
.tg-dia{display:grid;place-items:center;height:calc(var(--u)*32);border-radius:var(--r2);font-family:var(--f-dato);font-size:calc(var(--u)*11.5);color:var(--fg-placeholder)}
.tg-dia.libre{border:calc(var(--u)*1) solid var(--border-strong);background:#fff;color:var(--fg-strong);font-weight:600;box-shadow:var(--shadow-xs)}
.tg-dia.on,.tg-hora.on{border:calc(var(--u)*2) solid var(--brand-yellow);background:linear-gradient(135deg,var(--brand-yellow-bg),#fff);color:var(--fg-strong);font-weight:600}
.tg-horas{flex:none;width:calc(var(--u)*178);padding-left:calc(var(--u)*20);border-left:var(--linea)}
.tg-horas b{display:block;font-size:calc(var(--u)*13.5);font-weight:600}
.tg-horas small{display:block;margin-top:calc(var(--u)*4);font-size:calc(var(--u)*10.5);color:var(--fg-muted)}
.tg-horas-rejilla{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*8);margin-top:calc(var(--u)*12)}
.tg-hora{display:grid;place-items:center;height:calc(var(--u)*36);border-radius:var(--r2);border:calc(var(--u)*1) solid var(--border-strong);background:#fff;font-family:var(--f-dato);font-size:calc(var(--u)*12);box-shadow:var(--shadow-xs)}
.tg-publica-pie{display:flex;align-items:center;justify-content:space-between;margin:calc(var(--u)*16) calc(var(--u)*-24) calc(var(--u)*-18);padding:calc(var(--u)*14) calc(var(--u)*24);border-top:var(--linea)}
.tg-publica-pie small{display:block;font-size:calc(var(--u)*11.5);color:var(--fg-muted)}
.tg-publica-pie b{font-size:calc(var(--u)*13.5);font-weight:600}
.tg-publica-pie .tg-boton{height:calc(var(--u)*44);padding:0 calc(var(--u)*18)}

/* ---- Cuenta: saldo y consumo */
.tg-saldo small{display:block;font-size:calc(var(--u)*11);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted)}
.tg-saldo-valor{font-family:var(--f-cifra);font-size:calc(var(--u)*52);font-weight:600;line-height:1.1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.tg-saldo-barra{position:relative;height:calc(var(--u)*10);margin-top:calc(var(--u)*12);border-radius:999px;background:var(--bg-subtle)}
.tg-saldo-barra i{position:absolute;left:0;top:0;bottom:0;min-width:calc(var(--u)*10);border-radius:999px;background:var(--acento)}
.tg-saldo-barra u{position:absolute;top:calc(var(--u)*-4);bottom:calc(var(--u)*-4);width:calc(var(--u)*2);background:var(--status-warning-solid)}
.tg-saldo-leyenda{display:flex;flex-wrap:wrap;gap:calc(var(--u)*4) calc(var(--u)*16);margin-top:calc(var(--u)*8);font-size:calc(var(--u)*11.5);color:var(--fg-muted)}
.tg-saldo-leyenda b{font-family:var(--f-dato);font-weight:600;color:var(--fg-strong)}
.tg-saldo-leyenda i{display:inline-block;width:calc(var(--u)*8);height:calc(var(--u)*8);border-radius:calc(var(--u)*2);background:var(--acento);margin-right:calc(var(--u)*6)}
.tg-fila-consumo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) auto;gap:calc(var(--u)*14);align-items:center;padding:calc(var(--u)*12) calc(var(--u)*16);border-top:var(--linea);font-size:calc(var(--u)*13)}
.tg-fila-consumo>b{font-weight:500}
.tg-fila-consumo>span:last-child{font-family:var(--f-dato);font-weight:600;white-space:nowrap}
.tg-fila-consumo .tg-barra-prog i{background:#111}

.tg-coach-zona{position:relative;align-self:stretch;margin-top:calc(var(--u)*4)}
.tg-coach-zona>.tg-coach-invitacion{position:absolute;left:0;right:0;top:calc(var(--u)*10)}
.tg-coach-conv{align-self:stretch;display:flex;flex-direction:column}
.tg-coach-zona>.tg-coach-conv{position:absolute;inset:0}

/* ---- ventana suelta (sin shell): la página pública de Cronos, un panel, un detalle */
.tg-app.tg-suelta{display:block}
.tg-pagina-publica{position:relative;height:100%;padding:calc(var(--u)*20) calc(var(--u)*36) calc(var(--u)*24);background:var(--bg-canvas);overflow:hidden}
.tg-pagina-publica:before{content:"";position:absolute;left:-10%;top:-45%;width:70%;height:90%;border-radius:50%;background:radial-gradient(circle at 46% 46%,var(--brand-yellow) 0%,var(--brand-yellow-hover) 38%,transparent 64%);opacity:.42;filter:blur(calc(var(--u)*48))}
.tg-pagina-publica:after{content:"";position:absolute;right:-12%;top:-30%;width:50%;height:70%;border-radius:50%;background:radial-gradient(circle at 54% 52%,var(--brand-yellow-hover) 0%,#f6a814 40%,transparent 66%);opacity:.3;filter:blur(calc(var(--u)*48))}
.tg-pagina-publica>*{position:relative;z-index:1}
.tg-publica-marca{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(var(--u)*18)}
.tg-publica-marca>span{display:flex;align-items:center;gap:calc(var(--u)*12)}
.tg-publica-marca img{width:calc(var(--u)*40);height:calc(var(--u)*40);object-fit:contain}
.tg-publica-marca b{display:block;font-size:calc(var(--u)*17);font-weight:600;letter-spacing:-.02em;line-height:1.2}
.tg-publica-marca small{display:block;font-size:calc(var(--u)*12);color:var(--fg-muted)}
.tg-publica-marca p{font-size:calc(var(--u)*19);font-weight:500;letter-spacing:-.025em}
.tg-publica-nota{margin-top:calc(var(--u)*12) !important;font-size:calc(var(--u)*11);color:var(--fg-muted)}
/* rejillas de ayuda para armar pantallas */
.tg-rejilla{display:grid;gap:calc(var(--u)*12)}
.tg-rejilla.c2{grid-template-columns:repeat(2,minmax(0,1fr))} .tg-rejilla.c3{grid-template-columns:repeat(3,minmax(0,1fr))} .tg-rejilla.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tg-dos{display:grid;grid-template-columns:minmax(0,1fr) calc(var(--u)*230);gap:calc(var(--u)*14);align-items:start}
.tg-pila{display:flex;flex-direction:column;gap:calc(var(--u)*12)}
.tg-fila{display:flex;align-items:center;gap:calc(var(--u)*10)}
.tg-entre{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u)*12)}
.tg-h2{font-size:calc(var(--u)*20);font-weight:600;letter-spacing:-.02em;line-height:1.2}
.tg-h3{font-size:calc(var(--u)*14);font-weight:600;letter-spacing:-.015em}
.tg-texto{font-size:calc(var(--u)*13);line-height:1.5;color:var(--fg-muted)}
.tg-volver{display:inline-flex;align-items:center;gap:calc(var(--u)*6);margin-bottom:calc(var(--u)*12);font-size:calc(var(--u)*12.5);color:var(--fg-muted)}

/* pasos de Rocket apilados (viñeta arriba, texto abajo): para grupos de más de tres pasos, que a esta escala no entran en fila */
.tg-pasos.apilado .tg-paso{grid-template-columns:minmax(0,1fr);gap:calc(var(--u)*4);align-content:start}
.tg-pasos.apilado .tg-paso-vineta{width:calc(var(--u)*66)}
.tg-pasos.apilado .tg-paso-vineta .tg-vineta{margin-left:calc(var(--u)*8)}

/* ---- Prospectar: Sorpréndeme (panel), Empresa (buscador con sugerencia), Historial (fila), plegable */
.tg-panel-sorpresa{position:relative;z-index:1;display:flex;gap:calc(var(--u)*20);align-items:flex-start;padding:calc(var(--u)*22) calc(var(--u)*26);background:var(--bg-card);border:calc(var(--u)*1) dashed var(--border-strong);border-radius:var(--r4)}
.tg-panel-sorpresa .tg-vineta{width:calc(var(--u)*84);height:calc(var(--u)*84);flex:none}
.tg-panel-sorpresa p{font-size:calc(var(--u)*14.5);line-height:1.5}
.tg-boton-grande{display:inline-flex;align-items:center;gap:calc(var(--u)*14);height:calc(var(--u)*52);margin-top:calc(var(--u)*12);padding:0 calc(var(--u)*28);border-radius:var(--r2);background:#111;color:#fff;font-size:calc(var(--u)*15.5);font-weight:600;white-space:nowrap;box-shadow:var(--shadow-sm)}
.tg-boton-grande i{width:calc(var(--u)*8);height:calc(var(--u)*8);border-radius:50%;background:var(--brand-yellow)}
.tg-panel-sorpresa small{display:block;margin-top:calc(var(--u)*8);font-size:calc(var(--u)*11.5);color:var(--fg-muted)}
.tg-panel-sorpresa .tg-boton{margin-top:calc(var(--u)*10);height:calc(var(--u)*38);padding:0 calc(var(--u)*18);font-size:calc(var(--u)*14)}
.tg-buscador{position:relative;z-index:1;padding:calc(var(--u)*22) calc(var(--u)*24);background:var(--bg-card);border:var(--linea);border-radius:var(--r3);box-shadow:var(--shadow-sm)}
.tg-buscador .tg-input{height:calc(var(--u)*52);margin-top:calc(var(--u)*14);padding:0 calc(var(--u)*16);font-size:calc(var(--u)*16);background:#fff}
.tg-buscador .tg-input .tg-ico{width:calc(var(--u)*18);height:calc(var(--u)*18)}
.tg-sugerencias{margin-top:calc(var(--u)*8);padding:calc(var(--u)*6);border:var(--linea);border-radius:var(--r3);background:#fff;box-shadow:var(--shadow-sm)}
.tg-sugerencia{display:flex;align-items:center;gap:calc(var(--u)*12);padding:calc(var(--u)*10) calc(var(--u)*10);border-radius:var(--r2);background:var(--bg-subtle)}
.tg-sugerencia .tg-sugerencia-sigla{flex:none;display:grid;place-items:center;width:calc(var(--u)*36);height:calc(var(--u)*36);border-radius:var(--r2);background:var(--brand-yellow);font-size:calc(var(--u)*14);font-weight:700}
.tg-sugerencia b{display:block;font-size:calc(var(--u)*14.5);font-weight:600}
.tg-sugerencia small{display:block;font-size:calc(var(--u)*12);color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-sugerencia>span:nth-child(2){min-width:0;flex:1}
.tg-sugerencia .tg-sugerencia-n{flex:none;text-align:right;font-size:calc(var(--u)*16);font-weight:600}
.tg-sugerencia .tg-sugerencia-n small{font-family:var(--f-dato);font-size:calc(var(--u)*11)}
.tg-sugerencia-fuera{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u)*14);padding:calc(var(--u)*12) calc(var(--u)*10) calc(var(--u)*6);font-size:calc(var(--u)*12.5);line-height:1.5;color:var(--fg-muted)}
.tg-buscador-nota{margin-top:calc(var(--u)*12) !important;font-size:calc(var(--u)*12.5);color:var(--fg-muted)}
.tg-fila-historial{display:grid;grid-template-columns:calc(var(--u)*36) minmax(0,1fr) auto;align-items:start;gap:0 calc(var(--u)*8);padding:calc(var(--u)*14) 0;border-bottom:var(--linea)}
.tg-fila-historial .tg-fila-orden{line-height:1.3}
.tg-fila-historial .tg-fila-nombre{font-size:calc(var(--u)*20)}
.tg-fila-historial small{display:flex;align-items:center;gap:calc(var(--u)*8);margin-top:calc(var(--u)*5);font-size:calc(var(--u)*12);color:var(--fg-muted);white-space:nowrap;overflow:hidden}
.tg-fila-historial .tg-fila-estado{display:inline-flex;align-items:center;gap:calc(var(--u)*8);padding-top:calc(var(--u)*8);font-size:calc(var(--u)*12);font-weight:500;color:var(--fg-muted);white-space:nowrap}
.tg-plegable{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--u)*13) calc(var(--u)*16);background:var(--bg-card);border:var(--linea);border-radius:var(--r2);font-size:calc(var(--u)*13.5);font-weight:600}
.tg-plegable span{font-family:var(--f-dato);font-size:calc(var(--u)*11);font-weight:400;color:var(--fg-muted);margin-left:calc(var(--u)*8)}
.tg-plegable.plano{border-width:calc(var(--u)*1) 0 0;border-radius:0;box-shadow:none;background:transparent}

/* ---- la pre-ficha: el panel que se abre a la derecha del tablero al tocar una tarjeta (Coach del negocio + siguiente paso) */
.tg-preficha{position:absolute;right:calc(var(--u)*12);top:calc(var(--u)*10);bottom:calc(var(--u)*10);width:calc(var(--u)*500);display:flex;background:var(--bg-card);border:var(--linea);border-radius:var(--r3);box-shadow:var(--shadow-lg);overflow:hidden;z-index:5}
.tg-velo{position:absolute;inset:0;background:rgba(17,17,17,.14);z-index:4}
.tg-preficha-coach{flex:none;width:calc(var(--u)*176);display:flex;flex-direction:column;align-items:center;padding:calc(var(--u)*22) calc(var(--u)*14) calc(var(--u)*12);border-right:var(--linea);font-family:var(--f-switzer)}
.tg-preficha-coach .tg-rotulo-mono{margin-top:calc(var(--u)*10);font-weight:400}
.tg-preficha-coach .tg-coach-respuesta{margin-top:calc(var(--u)*12);font-size:calc(var(--u)*13.5);line-height:1.5}
.tg-preficha-coach .tg-coach-pildora{margin-top:auto;height:calc(var(--u)*44);box-shadow:none;border:var(--linea)}
.tg-preficha-coach .tg-coach-pildora .tg-coach-mic{display:none}
.tg-preficha-coach .tg-coach-pildora .tg-coach-campo{font-size:calc(var(--u)*12.5);padding-left:calc(var(--u)*10)}
.tg-preficha-coach .tg-coach-pildora .tg-coach-enviar{width:calc(var(--u)*34);height:calc(var(--u)*34);background:rgba(17,17,17,.55)}
.tg-preficha-cuerpo{flex:1;min-width:0;display:flex;flex-direction:column}
.tg-preficha-cab{padding:calc(var(--u)*14) calc(var(--u)*16);border-bottom:var(--linea)}
.tg-preficha-cab .tg-ficha-quien h2{font-size:calc(var(--u)*16)}
.tg-preficha-cab .tg-op-estado{color:var(--fg-strong);font-weight:500}
.tg-preficha-paso{padding:calc(var(--u)*14) calc(var(--u)*16)}
.tg-preficha-paso>p{margin-top:calc(var(--u)*10) !important;font-size:calc(var(--u)*14);line-height:1.55}
.tg-preficha-paso .tg-rotulo-mono{font-weight:400}
.tg-preficha-datos{margin-top:calc(var(--u)*14);padding-top:calc(var(--u)*12);border-top:var(--linea)}
.tg-preficha-datos div{display:grid;grid-template-columns:calc(var(--u)*76) minmax(0,1fr);padding:calc(var(--u)*5) 0;font-family:var(--f-dato);font-size:calc(var(--u)*12.5)}
.tg-preficha-datos div span:first-child{font-size:calc(var(--u)*10);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);padding-top:calc(var(--u)*3)}
.tg-preficha-abrir{display:inline-flex;align-items:center;gap:calc(var(--u)*6);margin-top:calc(var(--u)*12);font-size:calc(var(--u)*13);font-weight:600}
.tg-op.elegida{border-color:var(--brand-yellow);box-shadow:var(--shadow-sm),0 0 0 calc(var(--u)*1.5) var(--brand-yellow);background:linear-gradient(135deg,var(--brand-yellow-bg),#fff 60%)}

.tg-panel-sorpresa>div{min-width:0;flex:1}
.tg-boton-grande{max-width:100%;overflow:hidden}