:root{color-scheme:light;--bg:#f2f7fb;--sup:#ffffff;--borde:#d9e6f0;--tx:#13263a;--mu:#5b6f84;--oro:#1b8ccc;--err:#cf3e48}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--tx);font:15px/1.5 Inter,"Segoe UI",system-ui,sans-serif;
  background-image:radial-gradient(900px 500px at 15% 10%,color-mix(in srgb,var(--oro) 10%,transparent),transparent 70%)}
.wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:980px;margin:0 auto;padding:32px 16px}
@media(max-width:760px){.wrap{grid-template-columns:1fr;gap:28px}.lineas{display:none}}
.sello{width:56px;height:56px;border:1px solid var(--oro);color:var(--oro);display:grid;place-items:center;
  font:500 30px Fraunces,Georgia,serif;border-radius:4px}
h1{font:500 44px/1.1 Fraunces,Georgia,serif;margin:18px 0 6px;letter-spacing:.01em}
.marca p{color:var(--mu);margin:0}
.lineas{margin-top:36px;width:100%;max-width:340px;color:color-mix(in srgb,var(--tx) 25%,transparent)}
.lineas .hoy{stroke:var(--oro);stroke-width:1.5;stroke-dasharray:4 4}
.tarjeta{background:var(--sup);border:1px solid var(--borde);border-radius:10px;padding:32px;width:100%;max-width:380px;justify-self:end}
@media(max-width:760px){.tarjeta{justify-self:stretch;max-width:none}}
h2{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mu);margin:0 0 18px}
label{display:block;font-size:13px;margin:14px 0 6px;color:var(--mu)}
input{width:100%;padding:11px 12px;border:1px solid var(--borde);border-radius:6px;background:transparent;color:inherit;font:inherit}
input:focus{outline:none;border-color:var(--oro);box-shadow:0 0 0 3px color-mix(in srgb,var(--oro) 20%,transparent)}
button{margin-top:24px;width:100%;padding:12px;border:0;border-radius:6px;background:var(--oro);color:#fff;font:inherit;font-weight:600;cursor:pointer;letter-spacing:.02em}
button:hover{filter:brightness(1.06)}
.error{color:var(--err);font-size:13px;min-height:1.2em;margin:14px 0 0}