/* Monitor NISA · tema claro "liquid glass" */
:root{
  --cielo:#eaf4fb; --sol:#ffd98e; --menta:#c8efdc; --durazno:#ffd9c7; --azul:#bfe0fb;
  --tinta:#12324a; --tenue:#5d7486; --linea:rgba(18,50,74,.08);
  --verde:#0f7a4a; --naranja:#ee8f22;
  --ok:#11845a; --ok-bg:rgba(17,132,90,.12); --bad:#d0412f; --bad-bg:rgba(208,65,47,.12); --off:#6f8191; --off-bg:rgba(111,129,145,.14);
  --vidrio:rgba(255,255,255,.46); --vidrio-fuerte:rgba(255,255,255,.62);
  --borde-vidrio:rgba(255,255,255,.75);
  --sombra:0 10px 40px rgba(31,74,110,.10), 0 1px 0 rgba(255,255,255,.9) inset;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{
  font-family:"Barlow",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:15px;line-height:1.45;color:var(--tinta);
  background:linear-gradient(160deg,#f5fafe 0%,var(--cielo) 45%,#f3f8f2 100%);background-attachment:fixed;
}
/* Manchas de luz difuminadas */
body::before{
  content:"";position:fixed;inset:-20%;z-index:-1;pointer-events:none;filter:blur(70px);opacity:.85;
  background:
    radial-gradient(38% 34% at 82% 8%, var(--sol) 0%, transparent 70%),
    radial-gradient(34% 30% at 10% 22%, var(--azul) 0%, transparent 70%),
    radial-gradient(40% 36% at 70% 78%, var(--menta) 0%, transparent 70%),
    radial-gradient(30% 28% at 18% 88%, var(--durazno) 0%, transparent 70%);
}
button,input,select{font:inherit;color:inherit}
.vidrio{
  background:var(--vidrio);border:1px solid var(--borde-vidrio);box-shadow:var(--sombra);
  -webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .vidrio{background:rgba(255,255,255,.88)}
}
.btn{border:1px solid var(--borde-vidrio);background:var(--vidrio-fuerte);border-radius:999px;padding:8px 16px;cursor:pointer;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 2px 10px rgba(31,74,110,.08), 0 1px 0 #fff inset;transition:background .15s}
.btn:hover{background:rgba(255,255,255,.85)}
.btn:disabled{opacity:.55;cursor:default}
.btn-primario{background:linear-gradient(180deg,#1a9461,var(--verde));color:#fff;border-color:rgba(255,255,255,.35);box-shadow:0 6px 18px rgba(15,122,74,.28), 0 1px 0 rgba(255,255,255,.35) inset}
.btn-primario:hover{background:linear-gradient(180deg,#1ea56c,#0d6c41)}
.oculto{display:none!important}