:root{--tinta:#1F2A2E;--acento:#B5523B;--papel:#F6F3EE;--carta:#FFFDF9;--suave:#5F6B6E;--linea:#E3DDD3;--ok:#2F6B4F;--mal:#A33A2C;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--r:14px}*{box-sizing:border-box}html,body{margin:0;background:var(--papel);color:var(--tinta);font:16px/1.5 var(--sans);-webkit-text-size-adjust:100%}.app{max-width:1040px;margin:0 auto;padding:16px 16px 96px}h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.2;margin:0 0 8px}h1{font-size:28px}h2{font-size:21px;margin-top:28px}h3{font-size:18px}p{margin:0 0 10px}a{color:var(--acento)}.nota{color:var(--suave);font-size:14px}.marca{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0 18px;border-bottom:1px solid var(--linea);margin-bottom:18px}.marca b{font-family:var(--serif);font-size:20px}.marca .rol{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}.tabs{display:flex;gap:6px;overflow-x:auto;margin:0 0 18px;padding-bottom:2px}.tabs button{border:1px solid var(--linea);background:var(--carta);color:var(--tinta);border-radius:999px;padding:8px 16px;font:500 14px var(--sans);white-space:nowrap;cursor:pointer}.tabs button[aria-pressed=true]{background:var(--tinta);border-color:var(--tinta);color:var(--papel)}.tarjeta{background:var(--carta);border:1px solid var(--linea);border-radius:var(--r);padding:18px;margin-bottom:14px}.etiqueta{display:inline-block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--acento);margin-bottom:6px}label{display:block;font-size:14px;color:var(--suave);margin:12px 0 0}input,select{display:block;width:100%;margin-top:4px;padding:12px 14px;border:1px solid var(--linea);border-radius:10px;background:#fff;color:var(--tinta);font:16px var(--sans)}input:focus,select:focus{outline:2px solid var(--acento);outline-offset:1px;border-color:transparent}.check{display:flex;gap:10px;align-items:flex-start;color:var(--tinta);font-size:14px}.check input{width:20px;height:20px;margin:2px 0 0;flex:none}.boton{display:block;width:100%;margin-top:16px;padding:14px 18px;border:0;border-radius:999px;background:var(--tinta);color:var(--papel);font:600 15px var(--sans);text-align:center;text-decoration:none;cursor:pointer}.boton.linea{background:transparent;color:var(--tinta);border:1px solid var(--tinta)}.boton:disabled{opacity:.5;cursor:wait}.enlace{background:none;border:0;padding:6px 0;color:var(--acento);font:500 14px var(--sans);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.segmento{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.segmento button{border:1px solid var(--linea);background:#fff;border-radius:10px;padding:12px;font:500 14px var(--sans);color:var(--tinta);cursor:pointer}.segmento button[aria-pressed=true]{border-color:var(--tinta);box-shadow:inset 0 0 0 1px var(--tinta)}.qr{max-width:300px;margin:12px auto 6px}.qr svg{display:block;width:100%;height:auto}.centro{text-align:center}.cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:8px 0 14px}.cifras div{background:var(--carta);border:1px solid var(--linea);border-radius:var(--r);padding:14px}.cifras b{display:block;font-family:var(--serif);font-size:28px;line-height:1.1}.cifras span{font-size:13px;color:var(--suave)}.lista{list-style:none;margin:0;padding:0}.lista li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--linea)}.lista li small{display:block;color:var(--suave);font-size:13px}.lista .acciones{display:flex;gap:10px;flex:none}.otp{letter-spacing:.4em;font-size:22px;text-align:center}.aviso{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--tinta);color:var(--papel);padding:10px 18px;border-radius:999px;font-size:14px;opacity:0;transition:opacity .2s;pointer-events:none;max-width:calc(100% - 32px)}.aviso.ver{opacity:1}.error{color:var(--mal);font-size:14px;margin-top:8px}@media(min-width:820px){.dos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}}.marca select{width:auto;display:inline-block;margin:0 10px 0 0;padding:6px 10px;font-size:14px}