/* SARJOS Panel — base: variables, reset, layout */
  :root {
    --verde: #235935;
    --verde-osc: #1A4428;
    --verde-light: #2D7344;
    --verde2: #71A136;
    --amarillo: #F3C814;
    --marron: #976636;
    --marron-osc: #61340D;
    --crema: #EEE3C8;
    --crema-light: #F5F0E2;
    --hint: #B8956E;
    --border: #D4C4A8;
    --divider: #E0D5C0;
    --bg: #FFFFFF;
  }
  * { box-sizing: border-box; }
  body { margin: 0; font-family: "Segoe UI", Roboto, system-ui, sans-serif; color: var(--marron-osc); border-top: 4px solid var(--verde);
         background: linear-gradient(180deg, #FFFFFF 0%, var(--crema-light) 100%); background-attachment: fixed; min-height: 100vh; }
  .oculto { display: none !important; }