/* K-FOX legal pages stylesheet */
/* Identidad: morado #5B2D87 + cian #00AECA + rojo #E64052 + Luckiest Guy + Open Sans */

@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Open+Sans:wght@400;600;700&display=swap');

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}

:root{
  --bg:#5B2D87;
  --bg2:#4A2270;
  --bg3:#3A1A58;
  --cyan:#00AECA;
  --red:#E64052;
  --text:#FFFFFF;
  --dim:#E9D9F2;
  --cement:#C9AADE;
  --line:rgba(255,255,255,.15);
}

body{
  background:var(--bg);
  color:var(--dim);
  font-family:'Open Sans',system-ui,-apple-system,sans-serif;
  font-weight:400;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4{
  font-family:'Luckiest Guy',cursive;
  letter-spacing:.5px;
  line-height:1.1;
}

.wrap{max-width:760px;margin:0 auto;padding:0 24px}

header{
  border-bottom:1px solid var(--line);
  position:sticky;
  top:0;
  background:rgba(74,34,112,.92);
  backdrop-filter:blur(10px);
  z-index:10;
}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}

.logo{
  font-family:'Luckiest Guy',cursive;
  font-size:1.4rem;
  letter-spacing:.5px;
  color:var(--cyan);
  text-decoration:none;
}
.logo-badge{
  font-family:'Open Sans',system-ui,sans-serif;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  padding:2px 6px;
  border-radius:99px;
  background:rgba(0,174,202,.2);
  color:var(--cyan);
  border:1px solid rgba(0,174,202,.4);
  margin-left:6px;
  vertical-align:middle;
}

.back{
  font-family:'Open Sans',system-ui,sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--cement);
  text-decoration:none;
}
.back:hover{color:var(--text)}

/* Contenedor de texto largo: caja clara para legibilidad */
main{padding:54px 0 84px}

.legal-body{
  background:rgba(255,255,255,0.08);
  border:1px solid var(--line);
  border-radius:16px;
  padding:36px 32px;
  margin-top:24px;
}

h1{
  font-family:'Luckiest Guy',cursive;
  color:var(--text);
  font-size:clamp(26px,5vw,40px);
  letter-spacing:.5px;
  margin-bottom:10px;
}
.upd{
  font-family:'Open Sans',system-ui,sans-serif;
  font-size:11.5px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--cement);
  margin-bottom:34px;
}
h2{
  font-family:'Luckiest Guy',cursive;
  color:var(--cyan);
  font-size:18px;
  margin:34px 0 12px;
  letter-spacing:.5px;
}
p,li{
  font-family:'Open Sans',system-ui,sans-serif;
  font-size:16px;
  margin-bottom:12px;
  color:var(--dim);
}
ul{padding-left:20px;margin-bottom:12px}
a{color:var(--cyan);text-decoration:none}
a:hover{text-decoration:underline}
strong{color:var(--text);font-weight:700}
code{
  font-family:monospace;
  font-size:13px;
  background:rgba(0,174,202,.12);
  padding:2px 5px;
  border-radius:4px;
  color:var(--cyan);
}

.box{
  background:rgba(255,255,255,0.06);
  border:1px solid var(--line);
  border-radius:12px;
  padding:18px 20px;
  margin:18px 0;
}
.box p{margin-bottom:6px;font-size:15px}

table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14.5px}
th,td{
  text-align:left;
  padding:9px 10px;
  border-bottom:1px solid var(--line);
  vertical-align:top;
  font-family:'Open Sans',system-ui,sans-serif;
}
th{
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--cement);
}

footer{
  border-top:1px solid var(--line);
  padding:26px 0;
  color:var(--cement);
  font-size:13px;
  line-height:1.7;
  font-family:'Open Sans',system-ui,sans-serif;
}
footer a{color:var(--cement);text-decoration:none}
footer a:hover{color:var(--text)}
.home{color:inherit;text-decoration:none}