/* ===== Mitelcom · Legales ===== */
:root{--accent:#50B2C0;--accent-bright:#7dd3e0}
.legal-wrap{padding:140px 0 100px;position:relative;z-index:3}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;letter-spacing:.04em;color:var(--warm-dim);margin-bottom:44px}
.crumbs a{color:var(--warm-dim);text-decoration:none;transition:color .3s}
.crumbs a:hover{color:var(--accent-bright)}
.crumbs span{opacity:.35}
.crumbs b{color:var(--warm);font-weight:400}

/* ---- index ---- */
.legal-head{max-width:760px;margin-bottom:72px}
.legal-head .kicker{font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:22px}
.legal-head h1{font-size:clamp(38px,5vw,64px);font-weight:200;line-height:1.05;letter-spacing:-.02em;margin-bottom:26px}
.legal-head h1 b{font-weight:600;color:var(--accent-bright)}
.legal-head p{font-size:16.5px;line-height:1.75;color:var(--warm-faint);max-width:62ch;text-wrap:pretty}
.legal-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.legal-card{display:flex;flex-direction:column;gap:14px;padding:32px 30px 30px;text-decoration:none;color:var(--warm);border:1px solid var(--border);background:linear-gradient(170deg,rgba(16,26,45,.72),rgba(8,13,22,.5));border-radius:2px;transition:border-color .35s,transform .35s,background .35s}
.legal-card:hover{border-color:color-mix(in oklab,var(--accent) 55%,transparent);transform:translateY(-3px)}
.legal-card .num{font-size:11px;letter-spacing:.2em;color:var(--accent);font-weight:500}
.legal-card h2{font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.01em}
.legal-card p{font-size:13.5px;line-height:1.65;color:var(--warm-faint);flex:1;text-wrap:pretty}
.legal-card .go{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;color:var(--accent-bright);letter-spacing:.03em}
.legal-card .go svg{width:14px;height:14px;transition:transform .35s}
.legal-card:hover .go svg{transform:translateX(4px)}
.legal-note{margin-top:64px;padding:28px 30px;border:1px solid var(--border);border-radius:2px;background:rgba(16,26,45,.4)}
.legal-note h3{font-size:14px;font-weight:500;margin-bottom:12px;color:var(--warm)}
.legal-note p{font-size:13.5px;line-height:1.75;color:var(--warm-faint);max-width:80ch;text-wrap:pretty}
.legal-note a{color:var(--accent-bright);text-decoration:none;border-bottom:1px solid color-mix(in oklab,var(--accent) 40%,transparent)}
.legal-note a:hover{color:var(--warm)}

/* ---- document ---- */
.legal-grid{display:grid;grid-template-columns:236px minmax(0,1fr);gap:64px;align-items:start}
.legal-toc{position:sticky;top:118px;max-height:calc(100vh - 160px);overflow-y:auto;padding-right:8px}
.toc-label{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}
.toc-links{display:flex;flex-direction:column;gap:2px}
.toc-links a{font-size:12.5px;line-height:1.45;color:var(--warm-dim);text-decoration:none;padding:7px 0 7px 14px;border-left:1px solid var(--border);transition:color .3s,border-color .3s}
.toc-links a:hover{color:var(--warm)}
.toc-links a.on{color:var(--accent-bright);border-left-color:var(--accent)}
.legal-doc{max-width:74ch}
.doc-kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:20px}
.legal-doc h1{font-size:clamp(32px,4vw,50px);font-weight:200;line-height:1.08;letter-spacing:-.02em;margin-bottom:20px}
.doc-meta{font-size:12px;letter-spacing:.03em;color:var(--warm-dim);padding-bottom:34px;margin-bottom:40px;border-bottom:1px solid var(--border)}
.legal-doc h2{font-size:19px;font-weight:500;line-height:1.35;letter-spacing:-.005em;color:var(--warm);margin:56px 0 18px;scroll-margin-top:130px}
.legal-doc h2:first-of-type{margin-top:0}
.legal-doc h3{font-size:14.5px;font-weight:500;letter-spacing:.01em;color:var(--accent-bright);margin:34px 0 12px}
.legal-doc p{font-size:15px;line-height:1.8;color:var(--warm-faint);margin-bottom:18px;text-wrap:pretty}
.legal-doc ul{list-style:none;display:flex;flex-direction:column;gap:12px;margin:0 0 22px}
.legal-doc li{position:relative;padding-left:22px;font-size:15px;line-height:1.75;color:var(--warm-faint);text-wrap:pretty}
.legal-doc li::before{content:"";position:absolute;left:0;top:.72em;width:7px;height:1px;background:var(--accent)}
.legal-doc .fnote{font-size:11.5px;line-height:1.6;color:var(--warm-dim);opacity:.62;margin-bottom:8px;padding-left:14px;border-left:1px solid var(--border)}
.legal-doc a{color:var(--accent-bright)}
.legal-doc a:hover{color:var(--warm)}
@media(max-width:960px){
  .legal-wrap{padding:120px 0 80px}
  .legal-grid{grid-template-columns:1fr;gap:36px}
  .legal-toc{position:static;max-height:none;border-bottom:1px solid var(--border);padding-bottom:24px}
  .toc-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0 18px}
}