:root{--bg:#141413;--ink:#f2f1ec;--ink2:#b5b3ac;--ink3:#7a7974;--hair:#2e2e2b;--acc:#a9bcd9}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--ink);min-height:100%}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}.ent{height:100vh;display:grid;grid-template-columns:1fr minmax(320px,420px);grid-template-rows:auto minmax(0,1fr) auto auto auto;grid-template-areas:"cab cab" "mapa mapa" "tit form" "sub form" "pie pie";grid-column-gap:6vw;column-gap:6vw;padding:22px 4.2vw 20px}.cab{grid-area:cab;display:flex;align-items:center;gap:18px;padding-bottom:18px}.cab .emb{width:44px;height:auto;color:var(--ink);display:block}.cab span{font:300 15px/1 Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--ink2)}.cab span b{font-weight:300;color:var(--ink)}.mapa{grid-area:mapa;position:relative;overflow:hidden;min-height:0;background:#0f1a12}.mapa canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .6s ease}.mapa.listo canvas{opacity:1}.atrib{position:absolute;right:12px;bottom:10px;font:300 10.5px Helvetica Neue,Helvetica,Arial,sans-serif;color:rgba(255,255,255,.72);text-shadow:0 1px 2px rgba(0,0,0,.45);pointer-events:none}h1{grid-area:tit;align-self:end;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:clamp(44px,6vw,64px);line-height:1;letter-spacing:-.02em;margin-top:5vh}.sub{grid-area:sub;font-size:16px;line-height:1.55;color:var(--ink2);margin-top:14px;max-width:400px}.sub b{font-weight:400;color:var(--ink)}form{grid-area:form;align-self:end;margin-top:5vh;display:flex;flex-direction:column;gap:14px;width:100%}label{font-size:12.5px;color:var(--ink3)}input{width:100%;background:transparent;border:0;border-bottom:1px solid #4a4a46;color:var(--ink);font:300 18px Helvetica Neue,Helvetica,Arial,sans-serif;padding:10px 0;outline:none;border-radius:0}input:focus{border-bottom-color:var(--ink)}input.pin{font:400 30px IBM Plex Mono,ui-monospace,Menlo,monospace;letter-spacing:.4em}button{margin-top:4px;align-self:flex-start;background:var(--ink);color:#141413;border:0;border-radius:0;font:400 15px Helvetica Neue,Helvetica,Arial,sans-serif;padding:12px 22px;cursor:pointer;transition:background .2s}button:hover{background:#fff}button:disabled{opacity:.5;cursor:wait}.alt{display:flex;gap:22px;margin-top:6px}.alt a{font-size:13.5px;color:var(--ink2);text-decoration:none;cursor:pointer}.alt a:hover{color:var(--acc)}.msg{font-size:14px;line-height:1.5;color:#ec9282;min-height:21px}.msg:empty{min-height:0}.pie{grid-area:pie;display:flex;justify-content:space-between;gap:16px;padding-top:30px;font-size:12px;color:var(--ink3)}.cab .tema{margin:0 0 0 auto;align-self:center;background:none;color:var(--ink2);padding:4px 0;font:300 14px Helvetica Neue,Helvetica,Arial,sans-serif}.cab .tema:hover{background:none;color:var(--ink)}html[data-tema=claro]{--bg:#ffffff;--ink:#1a1a19;--ink2:#55534e;--ink3:#86847d;--hair:#e2e1dd;--acc:#3c5a8c;color-scheme:light}html[data-tema=claro] input{border-bottom-color:#b9b7b0}html[data-tema=claro] button:not(.tema){background:var(--ink);color:var(--bg)}html[data-tema=claro] button:not(.tema):hover{background:#000}html[data-tema=claro] .msg{color:#b0412f}html[data-tema=claro] .mapa{background:#dfe6dc}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media(max-width:860px){.ent{grid-template-columns:1fr;grid-template-rows:auto max(34svh,calc(100svh - 440px)) auto auto auto auto;grid-template-areas:"cab" "mapa" "tit" "sub" "form" "pie";height:auto;min-height:100vh;align-content:start;padding:16px 16px 32px}h1{margin-top:28px}.sub{margin-top:10px}form{margin-top:24px;gap:6px}input{padding:6px 0 8px}button{margin-top:16px}.pie{flex-direction:column;gap:4px;padding-top:28px}}