/* terms.css — Página TÉRMINOS DE USO de METEORO IA.
   Layout de 2 columnas (sidebar de secciones + acordeón de contenido).
   Tokens y estilo calcados de capital.css. Español neutro (tú). */
:root{
  --bg:#080d16; --surface:#0f1826; --surface2:#0c1420; --surface3:#0b1220;
  --line:#1e2c44; --line-soft:rgba(255,255,255,.05);
  --txt:#eaf2fb; --mut:#6c7f99; --mut2:#9fb3cc;
  --green:#3ee6a0; --green-soft:rgba(62,230,160,.1); --green-line:rgba(62,230,160,.4);
  --cyan:#38d6ff; --amber:#ffb547; --red:#ff5d5d;
  --r-card:18px;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;}
body{background:var(--bg);color:var(--txt);font:14px/1.5 "Inter",system-ui,sans-serif;padding-bottom:80px;}
.tos{max-width:1160px;margin:0 auto;padding:22px 22px 30px;}

/* Encabezado */
.tos-top{display:flex;align-items:flex-start;gap:15px;flex-wrap:wrap;margin-bottom:22px;}
.tos-ic{width:46px;height:46px;border-radius:13px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:var(--green-soft);border:1px solid var(--green-line);color:var(--green);}
.tos-ic svg{width:25px;height:25px;}
.tos-tt{min-width:0;}
.tos-tt h1{font:800 27px "Inter",system-ui,sans-serif;letter-spacing:.02em;line-height:1;text-transform:uppercase;}
.tos-tt p{color:var(--mut2);font-size:12.5px;margin-top:6px;overflow-wrap:anywhere;}
.tos-tt .upd{color:var(--mut);font:700 10.5px "JetBrains Mono",monospace;letter-spacing:.06em;text-transform:uppercase;margin-top:8px;}

/* Layout 2 columnas */
.tos-grid{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:18px;align-items:start;}

/* Sidebar de secciones */
.tos-side{position:sticky;top:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:18px;}
.tos-side-t{font:800 12px "JetBrains Mono",monospace;letter-spacing:.12em;color:var(--green);text-transform:uppercase;margin-bottom:14px;}
.tos-nav{list-style:none;display:flex;flex-direction:column;gap:2px;}
.tos-nav-i{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;cursor:pointer;color:var(--mut2);font:600 12.5px "Inter",system-ui,sans-serif;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s;text-align:left;width:100%;background:none;overflow-wrap:anywhere;}
.tos-nav-i:hover{background:var(--surface3);color:var(--txt);}
.tos-nav-i .n{font:800 11px "JetBrains Mono",monospace;color:var(--mut);flex:0 0 auto;min-width:16px;}
.tos-nav-i.active{background:var(--green-soft);border-color:var(--green-line);color:var(--green);}
.tos-nav-i.active .n{color:var(--green);}
.tos-dl{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;background:var(--surface3);border:1px solid var(--line);color:var(--txt);border-radius:11px;padding:11px 12px;font:700 12px "Inter",system-ui,sans-serif;cursor:pointer;transition:border-color .15s;}
.tos-dl:hover{border-color:var(--green-line);}
.tos-dl svg{width:15px;height:15px;color:var(--green);flex:0 0 auto;}

/* Columna de tarjetas (acordeón) */
.tos-cards{display:flex;flex-direction:column;gap:12px;min-width:0;}
.tos-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;scroll-margin-top:16px;}
.tos-card.open{border-color:var(--green-line);}
.tos-head{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;background:none;border:none;cursor:pointer;text-align:left;color:var(--txt);}
.tos-num{width:34px;height:34px;flex:0 0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--green-soft);border:1px solid var(--green-line);color:var(--green);font:800 14px "JetBrains Mono",monospace;}
.tos-htt{flex:1;min-width:0;font:700 14.5px "Inter",system-ui,sans-serif;overflow-wrap:anywhere;}
.tos-chev{flex:0 0 auto;color:var(--mut);transition:transform .2s;}
.tos-card.open .tos-chev{transform:rotate(90deg);color:var(--green);}
.tos-body{padding:0 18px 18px 66px;display:none;}
.tos-card.open .tos-body{display:block;}
.tos-body p{color:#cdd6e2;font-size:13px;line-height:1.7;margin:8px 0;overflow-wrap:anywhere;}
.tos-body p:first-child{margin-top:0;}
.tos-body b{color:var(--txt);}
.tos-body ul{margin:8px 0 8px 18px;color:#cdd6e2;font-size:13px;line-height:1.7;}
.tos-body li{margin:6px 0;overflow-wrap:anywhere;}
.tos-body a{color:var(--green);word-break:break-word;}

/* Banner de responsabilidad */
.tos-banner{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;background:linear-gradient(180deg,rgba(255,181,71,.06),var(--surface2));border:1px solid rgba(255,181,71,.4);border-radius:var(--r-card);padding:18px 20px;margin-top:20px;}
.tos-banner-ic{width:44px;height:44px;flex:0 0 auto;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,181,71,.1);border:1px solid rgba(255,181,71,.4);color:var(--amber);}
.tos-banner-ic svg{width:24px;height:24px;}
.tos-banner-tx{flex:1;min-width:200px;}
.tos-banner-tx b{display:block;font:800 14.5px "Inter",system-ui,sans-serif;color:var(--amber);margin-bottom:4px;}
.tos-banner-tx span{font-size:12.5px;color:var(--mut2);line-height:1.55;overflow-wrap:anywhere;}
.tos-banner-btn{margin-left:auto;align-self:center;display:inline-flex;align-items:center;gap:8px;background:var(--amber);color:#1a1204;border:none;border-radius:11px;padding:11px 18px;font:800 13px "Inter",system-ui,sans-serif;cursor:pointer;text-decoration:none;white-space:nowrap;}
.tos-banner-btn:hover{filter:brightness(1.05);}

.tos-foot{color:var(--mut);font-size:11.5px;line-height:1.6;margin-top:20px;overflow-wrap:anywhere;}

@media (max-width:820px){
  .tos-grid{grid-template-columns:minmax(0,1fr);gap:14px;}
  .tos-side{position:static;}
  .tos-nav{flex-direction:row;flex-wrap:wrap;gap:8px;}
  .tos-nav-i{width:auto;flex:0 1 auto;}
  .tos-banner-btn{margin-left:0;}
}
@media (max-width:560px){
  .tos{padding:18px 14px 26px;}
  .tos-tt h1{font-size:22px;}
  .tos-body{padding:0 16px 16px 16px;}
  .tos-banner-tx{min-width:0;}
}