/* Shared styles for the three legal pages. Same room as /curso/. */
:root{--room:#0B0B0C;--room2:#121214;--edge:#232326;--white:#F5F4F0;--grey:#98968F;--dim:#5C5B56;--yellow:#F5C518;--green:#26A45C}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--room);color:var(--grey);font-family:"Archivo",system-ui,sans-serif;
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
::selection{background:var(--yellow);color:#141204}
a{color:var(--yellow)}
.house{max-width:42rem;margin:0 auto;padding:3rem 1.15rem 5rem}
h1{font-weight:850;font-variation-settings:"wdth" 112;letter-spacing:-.02em;line-height:1.05;
  color:var(--white);font-size:clamp(1.9rem,5vw,2.6rem);margin:0 0 .5rem}
.upd{font-size:.85rem;color:var(--dim);margin:0 0 2.4rem}
h2{font-weight:750;color:var(--white);font-size:1.2rem;margin:2.2rem 0 .6rem;letter-spacing:-.01em}
p{margin:0 0 1em}
strong{color:var(--white);font-weight:700}
ul{margin:0 0 1em;padding-left:1.2rem}
li{margin:.3rem 0}
.back{display:inline-block;margin-bottom:2rem;font-size:.9rem;color:var(--grey);text-decoration:none;
  border-bottom:1px solid var(--edge)}
.back:hover{color:var(--white)}
footer{margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid var(--edge);font-size:.85rem;color:var(--dim)}
footer a{color:var(--grey);text-decoration:none;margin-right:1.2rem;border-bottom:1px solid var(--edge)}
