/* ONEMANKICK — tema claro/oscuro compartido entre paginas.
   Se activa con la clase html.light (clave localStorage: omkMode, default light).
   --voltx = acento volt legible segun fondo (volt puro en oscuro, oliva en claro). */
:root{--voltx:#CEFF00}
html.light{--voltx:#4A6300}
html.light body{--bg:#F5F7F0;--card:#FFFFFF;--card2:#FBFCF7;--line:rgba(13,18,0,.16);
  --ink:#0D1200;--muted:rgba(13,18,0,.56)}
html.light body::before{background:repeating-linear-gradient(90deg,transparent 0 54px,
  rgba(74,99,0,.06) 54px 56px,rgba(13,18,0,.04) 56px 57px,transparent 57px 112px)}
html.light header{background:rgba(245,247,240,.92)}
html.light .q{background:rgba(255,255,255,.9)}
html.light .card{background:rgba(255,255,255,.94)}
html.light input,html.light textarea,html.light select{
  border-color:rgba(13,18,0,.22);background:var(--card2)}
html.light .wrap p,html.light .wrap li{color:rgba(13,18,0,.78)}
html.light .cuponmsg.mal{color:#B3261E}
html.light .mal{color:#B3261E}

.modo-btn{background:none;border:1px solid var(--line);color:var(--muted);border-radius:99px;
  width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;padding:0;flex:none}
.modo-btn:hover{border-color:var(--voltx);color:var(--voltx)}
.modo-btn svg{display:block}