* { box-sizing: border-box; }
html { color-scheme: dark; }
body {
  font-family: 'Montserrat', sans-serif;
  background: linear-gradient(to bottom, #C1272D, #9E1B20, #333333);
  background-attachment: fixed;
  color: #fff;
  line-height: 1.6;
  padding: 40px 20px;
  margin: 0;
  min-height: 100vh;
  position: relative;
}
.bg-glow-1,.bg-glow-2 { position: fixed; border-radius: 9999px; filter: blur(48px); pointer-events:none; z-index:0; }
.bg-glow-1 { top:-10rem; left:-10rem; width:24rem; height:24rem; background:rgba(255,255,255,.05); }
.bg-glow-2 { bottom:2.5rem; right:2.5rem; width:20rem; height:20rem; background:rgba(51,51,51,.3); }
.container { position:relative; z-index:10; max-width:800px; margin:0 auto; background:rgba(51,51,51,.45); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.15); padding:30px; border-radius:24px; box-shadow:0 25px 50px -12px rgba(0,0,0,.35); }
.header-title { display:flex; align-items:center; gap:12px; border-bottom:1px solid rgba(255,255,255,.15); padding-bottom:12px; margin-bottom:16px; }
.icon-box { width:42px; height:42px; border-radius:12px; background:#fff; display:flex; align-items:center; justify-content:center; color:#C1272D; box-shadow:0 4px 6px rgba(0,0,0,.15); flex-shrink:0; }
.legal-icon { width:24px; height:24px; }
h1 { color:#fff; margin:0; font-size:24px; font-weight:800; }
h2 { color:#fff; margin-top:30px; font-size:20px; font-weight:700; }
p,li { color:#ccc; font-size:16px; }
ul { padding-left:20px; }
li { margin-bottom:8px; }
a { color:#fff; font-weight:600; text-decoration:underline; }
a:hover { color:#ccc; }
code { background:rgba(0,0,0,.3); border:1px solid rgba(255,255,255,.1); padding:2px 6px; border-radius:6px; color:#fff; font-family:monospace; font-size:14px; }
.legal-actions { text-align:center; }
.btn-volver { display:inline-block; margin-top:30px; background:#fff; color:#C1272D; padding:12px 24px; text-decoration:none; border-radius:12px; font-weight:700; cursor:pointer; transition:transform .2s ease, background-color .2s ease; box-shadow:0 4px 6px rgba(0,0,0,.1); border:0; font-size:16px; }
.btn-volver:hover { background:#ccc; transform:scale(1.02); }
.btn-volver:active { transform:scale(.98); }
.footer-text { margin-top:40px; padding-top:15px; border-top:1px solid rgba(255,255,255,.15); font-size:12px; color:#ccc; text-align:center; font-weight:500; }
:focus-visible { outline:3px solid #fff; outline-offset:3px; }
@media (max-width:600px) { body{padding:20px 12px}.container{padding:22px 18px}h1{font-size:21px}p,li{font-size:15px} }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important} }