:root{--tinta: #1c2024;--tinta-suave: #5b636b;--fondo: #ffffff;--linea: #dfe3e6;--acento: #1f5f8b;--error: #a52222;--radio: 4px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--tinta);background:var(--fondo);line-height:1.55}.app__barra{display:flex;align-items:baseline;gap:2rem;padding:1rem 1.5rem;border-bottom:1px solid var(--linea)}.app__marca{font-weight:600;font-size:1.0625rem}.app__nav{display:flex;gap:1.25rem}.app__nav a{color:var(--tinta-suave);text-decoration:none}.app__nav a.active{color:var(--acento);font-weight:500}.app__contenido{max-width:60rem;margin:0 auto;padding:2rem 1.5rem}h1{font-size:1.5rem;font-weight:600;margin:0 0 1.25rem}button{font:inherit;padding:.5rem 1rem;border:1px solid var(--acento);border-radius:var(--radio);background:var(--acento);color:#fff;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--acento);outline-offset:2px}input{font:inherit;padding:.5rem .65rem;border:1px solid var(--linea);border-radius:var(--radio);min-width:16rem}.formulario{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.datos{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1.5rem;margin:0 0 1.5rem}.datos dt{color:var(--tinta-suave)}.datos dd{margin:0}.tabla{width:100%;border-collapse:collapse}.tabla th,.tabla td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--linea)}.tabla th{color:var(--tinta-suave);font-weight:500}.estado{padding:1rem 0;color:var(--tinta-suave)}.estado--error{color:var(--error)}@media (max-width: 40rem){.app__barra{flex-direction:column;gap:.75rem}input{min-width:0;width:100%}}