/* SAG V5.0.0 · Vista de diagnóstico accesible y adaptable. No contiene datos simulados. */
:root{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#173024;background:#eef4ef}
*{box-sizing:border-box}
body{margin:0}
.contenedor{width:min(850px,100%);margin:auto;padding:clamp(20px,5vw,60px) 18px}
header{background:#184d33;color:#fff;padding:30px;border-radius:16px}
.marca{font-weight:650;font-size:.92rem;letter-spacing:.02em;color:#ccefd3}
h1{font-size:clamp(1.7rem,4vw,2.4rem);margin:12px 0 0}
header p{color:#e3eee6;line-height:1.5;max-width:60ch}
.tarjeta{background:white;border:1px solid #cfdbd3;border-radius:14px;padding:25px;margin-top:20px;box-shadow:0 4px 15px #122a1810}
h2{margin-top:14px;font-size:1.25rem}
.estado{display:inline-block;padding:8px 14px;border-radius:50px;background:#e9efe9;color:#22523a;font-weight:600}
.estado.cargando{background:#fff0cc;color:#795000}
.estado.error{background:#ffe8e7;color:#8b2017}
.estado.exito{background:#e4f6e9;color:#176335}
button{min-height:46px;margin-top:12px;background:#226740;color:white;border:0;border-radius:8px;padding:11px 17px;font-size:1rem;cursor:pointer}
button:disabled{opacity:.55;cursor:progress}
button:focus-visible{outline:3px solid #ffbd3c;outline-offset:3px}
.nota{border-left:3px solid #d3a850;padding-left:12px;color:#60512e;margin-top:25px;line-height:1.6}
footer{font-size:.85rem;color:#58715f;margin-top:24px}