:root{
  --navy:#0B2545; --navy-deep:#071A33; --cyan:#17B4C7; --cyan-deep:#0E8A9B; --cyan-soft:#E4F6F8;
  --bg:#F4F7FA; --surface:#FFFFFF; --ink:#0B2545; --ink-soft:#5B6E88; --border:#E1E8EF;
  --amber:#E8A33D; --shadow-sm:0 4px 14px -6px rgba(11,37,69,.12);
}
*{box-sizing:border-box;}
body{margin:0; background:var(--bg); color:var(--ink); font-family:'Inter',system-ui,sans-serif; line-height:1.65; font-size:15.5px;}
h1,h2,h3{font-family:'Manrope',sans-serif; color:var(--ink);}
a{color:var(--cyan-deep); text-decoration:none;}
a:hover{text-decoration:underline;}

header{background:var(--navy); padding:16px 24px;}
.nav{display:flex; align-items:center; justify-content:space-between; max-width:900px; margin:0 auto;}
.brand{display:flex; align-items:center; gap:10px; color:#fff; font-family:'Manrope',sans-serif; font-weight:800; font-size:18px;}
.brand img{width:30px; height:30px; border-radius:8px;}
.backlink{color:rgba(255,255,255,.8); font-weight:600; font-size:13.5px;}

.wrap{max-width:760px; margin:0 auto; padding:46px 24px 70px;}
.doc{background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:44px; box-shadow:var(--shadow-sm);}
.doc h1{font-size:26px; margin:0 0 6px;}
.doc .updated{color:var(--ink-soft); font-size:13px; margin-bottom:32px;}
.doc h2{font-size:18px; margin:34px 0 10px;}
.doc h2:first-of-type{margin-top:0;}
.doc h3{font-size:15px; margin:20px 0 8px;}
.doc p, .doc li{color:#334155; font-size:14.5px;}
.doc ul{padding-left:22px;}
.placeholder{background:#FBF1E1; color:#8A5A0F; padding:2px 6px; border-radius:5px; font-weight:700; font-size:13.5px;}
.notice{background:var(--cyan-soft); border-left:4px solid var(--cyan-deep); border-radius:10px; padding:16px 18px; margin:0 0 28px; font-size:13.5px; color:#0E5F6B;}

footer{background:var(--navy-deep); color:rgba(255,255,255,.65); padding:26px 24px; text-align:center; font-size:12.5px;}
footer a{color:rgba(255,255,255,.85);}

/* Aviso de cookies */
#cookieNotice{
  position:fixed; left:16px; right:16px; bottom:16px; max-width:640px; margin:0 auto; z-index:500;
  background:var(--navy-deep); color:#fff; border-radius:14px; padding:16px 20px;
  box-shadow:0 16px 40px -12px rgba(0,0,0,.4); display:flex; gap:16px; align-items:center; flex-wrap:wrap;
  font-family:'Inter',sans-serif; font-size:13.5px;
}
#cookieNotice p{margin:0; flex:1; color:rgba(255,255,255,.85);}
#cookieNotice a{color:var(--cyan); font-weight:600;}
#cookieNotice button{
  background:var(--cyan); color:var(--navy-deep); border:none; border-radius:999px; padding:9px 20px;
  font-weight:700; font-size:13px; cursor:pointer; font-family:'Manrope',sans-serif; flex-shrink:0;
}