/* Páginas legales de la inauguración (antes <style> en línea, que la CSP style-src 'self' bloquea) */
body{background:var(--surface)}
    .legal{width:min(760px,calc(100% - 32px));margin-inline:auto}
    .legal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:26px}
    .legal-header .logo{width:160px}
    .legal-hero{padding-block:18px 30px}
    .legal-hero h1{font-size:clamp(34px,5vw,50px);line-height:1.08}
    .legal-hero .lead{max-width:none;margin-top:18px}
    .legal-hero .consent-quote{margin:18px 0 0;padding:14px 18px;background:#fff;border-radius:14px;font-size:15px;border-left:4px solid var(--brand)}
    .updated{font-size:13px;margin:14px 0 0}
    .card{background:#fff;border-radius:22px;padding:26px;box-shadow:0 14px 32px #54595f0d}
    .card h2,.more h2{font-size:26px;line-height:1.15}
    .summary-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:16px}
    .summary-list li{display:flex;gap:14px;align-items:flex-start;font-size:16px;line-height:1.55}
    .summary-list strong{display:block}
    .dot{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#29bfb62e}
    .dot svg{fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    .more{padding-block:40px 10px}
    .more>p{margin:8px 0 20px}
    .more details{background:#fff;border-radius:16px;margin-bottom:12px;border:1px solid #e4e6e7}
    .more details[open]{border-color:var(--brand)}
    .more summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-weight:800;font-size:17px;border-radius:16px}
    .more summary{min-height:56px}
    .more summary::-webkit-details-marker{display:none}
    .more summary::after{content:'+';flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--surface);font-size:20px;font-weight:400;line-height:1}
    .more details[open] summary::after{content:'−';background:var(--brand);color:#33383c}
    .more details>div{padding:0 20px 18px;font-size:16px}
    .more details p,.more details li{margin:0 0 10px}
    .more details ul{padding-left:20px;margin:0 0 10px}
    .facts{display:grid;grid-template-columns:150px 1fr;gap:8px 16px;margin:0 0 10px;font-size:15px}
    .facts dt{font-weight:800}
    .facts dd{margin:0}
    .legal a:not(.button):not(.small-link){color:var(--ink);text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:2px;text-underline-offset:3px}
    .more h3{font-size:16px;font-weight:800;margin:16px 0 6px;font-family:inherit;letter-spacing:0}
    .more details>div>h3:first-child{margin-top:0}
    .pending{background:#fff3cd;color:#5c4400;padding:0 4px;border-radius:4px;font-weight:800}
    .back{padding-block:30px 20px;display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}
    .legal .footer{margin-top:10px}
    @media(max-width:650px){
      .legal-header .small-link{display:inline-block;min-height:0;padding:0;font-size:14px;line-height:44px}
      .legal-header .logo{width:132px}
      .card{padding:22px 18px}
      .card h2,.more h2{font-size:23px}
      .more summary{padding:16px;font-size:16px}
      .more details>div{padding:0 16px 16px;font-size:15px}
      .facts{grid-template-columns:1fr;gap:2px}
      .facts dd{margin-bottom:10px}
      .back .button{width:100%}
      body{padding-bottom:0}
    }
.legal-text h2{font-size:22px;line-height:1.2;margin:28px 0 8px}
.legal-text h2:first-child{margin-top:0}
.legal-text p,.legal-text li{font-size:16px;margin:0 0 10px}
.legal-text ul,.legal-text ol{padding-left:22px;margin:0 0 12px}
.legal-text small{display:block;font-size:13px;opacity:.85}
@media(max-width:650px){.legal-text h2{font-size:20px}.legal-text p,.legal-text li{font-size:15px}}

