/* =====================================================================
   THE BOT · estilos compartidos: Quiénes somos, Preguntas, Historial, pie legal (6-oct-2026)
   Todas las clases llevan el prefijo .tb- para no chocar con el resto de la web.
   ===================================================================== */
:root{--tb-bg:#0a0d0c;--tb-panel:#111513;--tb-panel-2:#161b18;--tb-border:#262c29;--tb-text:#e8e8e3;--tb-muted:#a3a9a5;--tb-faint:#7c827e;
  --tb-gold:#d6b25e;--tb-gold-2:#b8923d;--tb-green:#22c55e;--tb-red:#ef4444;--tb-amber:#f59e0b;--tb-radius:12px;
  --tb-font:'Inter',ui-sans-serif,-apple-system,"Segoe UI",Roboto,sans-serif}
html,body{margin:0}
body.tb-body{background:var(--tb-bg);color:var(--tb-text);font-family:var(--tb-font)}
.tb-scope,.tb-scope *{box-sizing:border-box}
.tb-scope{font-family:var(--tb-font);color:var(--tb-text);line-height:1.55}
.tb-scope a{color:var(--tb-gold);text-decoration:none}.tb-scope a:hover{text-decoration:underline}
/* cabecera común */
.tb-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:12px clamp(16px,3vw,32px);background:rgba(5,10,9,.96);border-bottom:1px solid var(--tb-border)}
.tb-top .tb-brand{text-decoration:none;color:var(--tb-text)}
.tb-top nav{display:flex;flex-wrap:wrap;gap:4px;margin-left:12px}
.tb-top nav a{color:var(--tb-muted);padding:7px 11px;border-radius:9px;font-size:14px;font-weight:600}
.tb-top nav a.on,.tb-top nav a:hover{color:var(--tb-gold);background:#1a1609;text-decoration:none}
.tb-top .der{margin-left:auto;display:flex;gap:8px;align-items:center}
.tb-top select{background:var(--tb-panel-2);color:var(--tb-text);border:1px solid var(--tb-border);border-radius:9px;padding:7px 9px;font:inherit}
@media (max-width:760px){.tb-top nav{display:none}}
/* layout */
.tb-page{max-width:1200px;margin:0 auto;padding:32px clamp(16px,3vw,32px) 56px}
.tb-eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--tb-gold);font-weight:600}
.tb-h1{font-size:clamp(28px,4vw,40px);line-height:1.15;margin:8px 0 12px;font-weight:700;letter-spacing:-.01em}
.tb-h2{font-size:20px;margin:0 0 12px;font-weight:650}
.tb-lead{color:var(--tb-muted);font-size:17px;max-width:none;margin:0}
.tb-card{background:var(--tb-panel);border:1px solid var(--tb-border);border-radius:var(--tb-radius);padding:22px}
.tb-grid{display:grid;gap:16px}.tb-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tb-grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.tb-muted{color:var(--tb-muted)}.tb-section{margin-top:36px}
.tb-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;border:1px solid var(--tb-border);background:var(--tb-panel-2);color:var(--tb-text);font-family:inherit}
.tb-btn:hover{border-color:var(--tb-gold-2);text-decoration:none!important}
.tb-btn-gold{background:linear-gradient(180deg,var(--tb-gold),var(--tb-gold-2));color:#1a1406!important;border-color:transparent}
/* franja de riesgo */
.tb-riskbar{background:#1a1408;border:1px solid #4a3a14;color:#f1dfae;border-radius:10px;padding:12px 16px;font-size:13px;display:flex;gap:10px;align-items:flex-start}
.tb-riskbar strong{color:var(--tb-gold)}.tb-riskbar svg{flex:none;margin-top:1px;color:var(--tb-gold)}
/* pie */
.tb-footer{background:#070908;border-top:1px solid var(--tb-border);margin-top:48px}
.tb-footer-inner{max-width:1280px;margin:0 auto;padding:40px 24px 28px}
.tb-footer-cols{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}
.tb-footer h4{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--tb-gold);margin:0 0 12px}
.tb-footer ul{list-style:none;margin:0;padding:0}.tb-footer li{margin:0 0 8px;font-size:14px}
.tb-footer li a{color:var(--tb-muted)}.tb-footer li a:hover{color:var(--tb-text);text-decoration:none}
.tb-brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.04em;font-size:18px}
.tb-brand small{display:block;font-size:10px;letter-spacing:.2em;color:var(--tb-faint);font-weight:600}
.tb-legal{margin-top:28px;padding-top:20px;border-top:1px solid var(--tb-border);font-size:12px;color:var(--tb-faint);columns:2 420px;column-gap:32px}
.tb-legal p{margin:0 0 10px;break-inside:avoid}.tb-legal strong{color:var(--tb-muted)}
.tb-legal-bottom{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;margin-top:16px;font-size:12px;color:var(--tb-faint)}
@media (max-width:820px){.tb-footer-cols{grid-template-columns:1fr 1fr}}@media (max-width:520px){.tb-footer-cols{grid-template-columns:1fr}}
/* preguntas */
.tb-faq-search{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--tb-border);background:var(--tb-panel);color:var(--tb-text);font-size:15px;font-family:inherit}
.tb-faq-search:focus{outline:none;border-color:var(--tb-gold-2)}
.tb-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 22px}
.tb-chip{padding:6px 12px;border-radius:999px;border:1px solid var(--tb-border);background:var(--tb-panel);color:var(--tb-muted);font-size:13px;cursor:pointer;font-family:inherit}
.tb-chip[aria-pressed="true"]{background:#2a2312;border-color:var(--tb-gold-2);color:var(--tb-gold)}
.tb-faq{columns:2 480px;column-gap:16px}.tb-faq-group{break-inside:avoid-column}
.tb-faq-group h3{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--tb-gold);margin:22px 0 10px}
.tb-faq details{background:var(--tb-panel);border:1px solid var(--tb-border);border-radius:10px;margin-bottom:8px;break-inside:avoid}
.tb-faq summary{cursor:pointer;padding:14px 44px 14px 16px;font-weight:600;list-style:none;position:relative}
.tb-faq summary::-webkit-details-marker{display:none}
.tb-faq summary::after{content:"+";position:absolute;right:16px;top:12px;font-size:20px;color:var(--tb-gold);transition:transform .2s}
.tb-faq details[open] summary::after{transform:rotate(45deg)}
.tb-faq .tb-a{padding:0 16px 16px;color:var(--tb-muted);font-size:15px}.tb-faq .tb-a p{margin:0 0 10px}.tb-faq .tb-a ul{margin:0 0 10px;padding-left:20px}
/* historial */
.tb-th-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:14px}
.tb-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--tb-muted)}
.tb-field select,.tb-field input{background:var(--tb-panel-2);color:var(--tb-text);border:1px solid var(--tb-border);border-radius:8px;padding:8px 10px;font-size:14px;font-family:inherit;min-width:120px}
.tb-th-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:14px}
.tb-kpi{background:var(--tb-panel-2);border:1px solid var(--tb-border);border-radius:10px;padding:12px 14px}
.tb-kpi span{display:block;font-size:12px;color:var(--tb-muted)}.tb-kpi b{font-size:20px;font-variant-numeric:tabular-nums}
.tb-table-wrap{overflow-x:auto;border:1px solid var(--tb-border);border-radius:var(--tb-radius);background:var(--tb-panel)}
.tb-table{width:100%;border-collapse:collapse;font-size:13.5px;font-variant-numeric:tabular-nums;min-width:980px}
.tb-table th{text-align:left;font-weight:600;color:var(--tb-muted);font-size:12px;padding:11px 12px;border-bottom:1px solid var(--tb-border);background:var(--tb-panel-2);position:sticky;top:0;cursor:pointer;white-space:nowrap;user-select:none}
.tb-table th.tb-num,.tb-table td.tb-num{text-align:right}
.tb-table td{padding:10px 12px;border-bottom:1px solid #1c211e;white-space:nowrap}.tb-table tr:hover td{background:#141916}
.tb-pill{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.04em}
.tb-long{background:#0f2a1a;color:var(--tb-green)}.tb-short{background:#2c1214;color:#f87171}
.tb-src-bot{background:#1f1a0c;color:var(--tb-gold)}.tb-src-manual{background:#2a1d08;color:var(--tb-amber)}
.tb-pos{color:var(--tb-green)}.tb-neg{color:#f87171}
.tb-th-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--tb-faint);margin-top:10px}
.tb-empty{padding:40px;text-align:center;color:var(--tb-muted)}
/* quiénes somos */
.tb-steps{counter-reset:s;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.tb-step{position:relative;padding-left:52px}
.tb-step::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#2a2312;color:var(--tb-gold);font-weight:700;border:1px solid var(--tb-gold-2)}
.tb-step h3{margin:4px 0 4px;font-size:16px}.tb-step p{margin:0;color:var(--tb-muted)}
.tb-list-check{list-style:none;padding:0;margin:0}
.tb-list-check li{padding-left:26px;position:relative;margin-bottom:8px;color:var(--tb-muted)}
.tb-list-check li::before{content:"";position:absolute;left:2px;top:7px;width:12px;height:7px;border-left:2px solid var(--tb-green);border-bottom:2px solid var(--tb-green);transform:rotate(-45deg)}
.tb-list-x li::before{width:12px;height:12px;top:5px;border:0;transform:none;background:linear-gradient(45deg,transparent 45%,#f87171 45%,#f87171 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,#f87171 45%,#f87171 55%,transparent 55%)}
.tb-scope [hidden]{display:none!important}
.tb-scope [data-l]:not(.on){display:none!important}