*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;grid-template-columns:17rem 1fr;background:#f4f7fa;color:#162d44;font:1rem/1.5 system-ui,sans-serif}aside{background:#142d45;color:#fff;padding:1.5rem}aside a{color:inherit;text-decoration:none}.marca{display:inline-block;font-size:1.25rem;font-weight:700}nav{display:grid;grid-gap:.25rem;gap:.25rem;margin-top:1.5rem}nav a{border-radius:.375rem;padding:.625rem}nav a:focus-visible,nav a:hover{background:#254965}a:focus-visible{outline:2px solid #b4e4ff}main{padding:clamp(1.5rem,5vw,4rem)}h1{margin:0;line-height:1.2}@media (max-width:44rem){body{grid-template-columns:1fr;grid-template-rows:auto 1fr}}