:root{font-family:system-ui,sans-serif;color:#31382f;background:#f7f7f3;line-height:1.6;--oliva:#424740;--dorado:#c5a04f}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:3px solid var(--dorado);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem max(1rem,calc((100vw - 1000px)/2))}header img{display:block;width:240px;height:auto}a{color:var(--oliva)}main{max-width:780px;margin:2rem auto;padding:0 1.2rem}h1{font-size:1.9rem}h2{font-size:1.3rem}section{background:white;border:1px solid #e0e2d8;border-radius:10px;padding:1.5rem}label{display:block;font-weight:600;margin-top:1rem}input,textarea{display:block;width:100%;padding:.75rem;border:1px solid #767d70;border-radius:5px;font:inherit}textarea{min-height:100px}input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid var(--dorado);outline-offset:2px}button{font:inherit;background:var(--oliva);color:white;border:0;border-radius:5px;padding:.7rem 1.2rem;margin-top:1.2rem;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.secundario{color:var(--oliva);background:#eceee8;margin:0}.sesion-cabecera{display:flex;align-items:center;justify-content:space-between;gap:1rem}#mensaje:not(:empty){padding:1rem;border-left:4px solid var(--dorado);background:#fff}#mensaje.error{border-color:#a12f29;color:#7d201c}#resultado{margin-top:1.5rem;border-top:1px solid #d5d8ce}footer{padding:2rem;text-align:center;font-size:.9rem;color:#555d50}[hidden]{display:none!important}@media(max-width:550px){header{flex-direction:column;align-items:flex-start}section{padding:1rem}.sesion-cabecera{align-items:flex-start;flex-direction:column}}

select{display:block;width:100%;padding:.75rem;font:inherit;border:1px solid #767d70;border-radius:5px}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;padding:.5rem;border-bottom:1px solid #ddd}.tabla{overflow-x:auto;margin:1rem 0}#administracion{margin:1rem 0;padding:1rem;background:#f7f7f3}
