:root{font:100%/1.55 "Inter",system-ui,sans-serif;color:#162b36;background:#eff3f2}
*{box-sizing:border-box}body{margin:0}header{padding:1.15rem clamp(1.25rem,5vw,5rem);background:#183839;color:#fff;font-weight:800;letter-spacing:.09em}header span{font-weight:400;color:#bfdbcf}
main{max-width:35rem;margin:clamp(2rem,8vh,6rem) auto;padding:0 1rem}section{background:white;padding:clamp(1.4rem,5vw,3rem);border:1px solid #d4dedb;border-radius:.75rem}h1{font-size:clamp(1.8rem,5vw,2.5rem);letter-spacing:-.04em;line-height:1.15;margin:0 0 2rem}label{display:block;font-weight:650;margin:1.15rem 0 .35rem}input,button{font:inherit;border-radius:.35rem;width:100%;padding:.75rem 1rem}input{border:1px solid #78908e}button{cursor:pointer;background:#205647;color:white;font-weight:650;border:1px solid transparent;margin-top:1.3rem}button:disabled{opacity:.65;cursor:wait}.secondary{background:white;color:#245849;border-color:#b8cac3;margin-top:.6rem}button:focus-visible,input:focus-visible{outline:3px solid #367aab;outline-offset:2px}p{color:#3b565b}p:empty{display:none}dl{margin:0}dt{font-weight:650}dd{margin:0 0 .75rem}
main.ancho{max-width:46rem}h2{font-size:1.2rem;margin:2.2rem 0 .4rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.estado{font-size:.8rem;font-weight:600;padding:.15rem .55rem;border-radius:1rem}.estado.ok{background:#d9f0e3;color:#1d5a3c}.estado.pendiente{background:#f1ece0;color:#6b5a2e}form[data-paso]{border-top:1px solid #e1e8e6;margin-top:1.4rem}