*{box-sizing:border-box}body{margin:0;background:#f6f8fc;color:#211c53;font:17px/1.6 system-ui,sans-serif}main{max-width:800px;margin:40px auto;padding:24px}.marca{font-weight:750;font-size:24px;text-decoration:none}h1{font-size:clamp(32px,6vw,52px);margin:24px 0 8px}h2{font-size:23px}section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:28px;margin:24px 0}label{display:block;margin:16px 0 6px}select{width:100%;padding:12px;border:1px solid #ccd5e4;border-radius:10px;font:inherit;background:#fff;color:inherit}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eef3fa;padding:18px;border-radius:12px;font:14px/1.7 ui-monospace,monospace}a{color:#214ad6}.boton{display:inline-block;background:#211c53;color:#fff;text-decoration:none;border-radius:12px;padding:14px 24px}footer{padding:24px;text-align:center;font-size:14px;color:#69738b}:focus-visible{outline:3px solid #3c80ff;outline-offset:4px}[hidden]{display:none!important}@media(max-width:560px){main{margin:12px auto;padding:16px}section{padding:20px}}