/* Páginas legales de marqhr.es · tokens del Design System MarQ HR */
:root{
  color-scheme: light;
  --primary-main:#1B59F8; --primary-dark:#1442B8; --primary-hover-outlined:#EDF2FE;
  --text-head:#3A424E; --text-body:#4E5560; --text-secondary:#8A8D92;
  --gray-border:#D5D7DA; --gray-line:#DADADA;
  --base-white:#FFFFFF; --base-gray-3:#F5F6F8;
  --danger-dark:#992938; --danger-light:#FFB2BD; --danger-hover-outlined:#FFF0F2;
  --shadow-xs:0 1px 2px 0 rgba(0,0,0,.07);
  --font:"Montserrat","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--base-white);color:var(--text-body);font:400 16px/1.7 var(--font);-webkit-font-smoothing:antialiased}
h1,h2,h3{color:var(--text-head);font-weight:600;line-height:1.3;text-wrap:balance;margin:0}
a{color:var(--primary-main)}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
@media (min-width:860px){.wrap{padding-left:max(40px,env(safe-area-inset-left,0px));padding-right:max(40px,env(safe-area-inset-right,0px))}}
.top{border-bottom:1px solid var(--gray-line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:72px}
.top img{display:block;height:28px;width:auto}
.top a.back{font:500 14px/1.3 var(--font);color:var(--text-head);text-decoration:none}
.top a.back:hover{color:var(--primary-main)}
main{max-width:72ch;margin:0 auto;padding-block:clamp(40px,6vw,80px)}
h1{font-size:clamp(26px,3.4vw,36px);margin-bottom:6px}
.upd{font:500 13px/1.5 var(--font);color:var(--text-secondary);margin:0 0 28px}
h2{font-size:20px;margin:36px 0 10px}
h3{font-size:16px;margin:22px 0 6px}
p{margin:0 0 14px}
ul{margin:0 0 16px;padding-left:20px}
li{margin-bottom:6px}
table{width:100%;border-collapse:collapse;margin:12px 0 20px;font-size:14px;line-height:1.55}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--gray-line);vertical-align:top}
th{font-weight:600;color:var(--text-head)}
.tbl{overflow-x:auto}
dl{margin:0 0 16px;border-top:1px solid var(--gray-line)}
dl > div{display:grid;grid-template-columns:minmax(140px,180px) 1fr;gap:8px 20px;padding:12px 0;border-bottom:1px solid var(--gray-line)}
dt{font-weight:600;color:var(--text-head);font-size:14px}
dd{margin:0;font-size:15px}
@media (max-width:520px){dl > div{grid-template-columns:1fr;gap:2px}}
.draft{background:var(--danger-hover-outlined);border:1px solid var(--danger-light);border-radius:12px;padding:14px 16px;font:500 13px/1.6 var(--font);color:var(--danger-dark);margin-bottom:28px}
.foot{border-top:1px solid var(--gray-line);margin-top:40px}
.foot .wrap{display:flex;flex-wrap:wrap;gap:10px 24px;padding-block:24px;font:400 13px/1.6 var(--font);color:var(--text-secondary)}
.foot a{color:var(--text-secondary)}