:root{--rosa:#cc6e8e;--rosa-claro:#f4cdca;--tinta:#423d3e;--fondo:#fdf3f3}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--rosa-claro);color:var(--tinta);font-family:'Inter',system-ui,sans-serif;font-size:17px;line-height:1.5}
header,main,footer{width:100%;max-width:880px;margin:0 auto;padding:0 22px}
header{display:flex;justify-content:space-between;align-items:center;padding-top:22px}
header img{width:150px;height:auto;display:block}
nav a{color:var(--tinta);text-decoration:none;font-weight:600;margin-left:18px}
nav a:hover{text-decoration:underline}
main{flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:40px;padding-bottom:40px}
h1{font-family:'Unbounded','Arial Black',sans-serif;font-weight:800;font-size:clamp(2.4rem,9vw,5rem);line-height:.98;letter-spacing:-.02em;margin:0 0 18px}
p{max-width:44ch;margin:0 0 26px;font-size:1.1rem}
.botones{display:flex;gap:10px;flex-wrap:wrap}
.botones a{background:var(--tinta);color:#fff;text-decoration:none;font-weight:600;padding:13px 20px;border-radius:999px}
.botones a.claro{background:#fff;color:var(--tinta)}
footer{padding-bottom:24px;font-size:.85rem;opacity:.8}
:focus-visible{outline:3px solid #94eced;outline-offset:2px}