/* Estilos compartidos de las páginas de carga de Producción (Ayudín, Fadial, Spartam, Diversey).
   Superset de lo que usaban las 4 páginas; las reglas que una marca no use quedan inertes. */
:root{ --navy:#1a2a4a; --navy2:#284a78; --bg:#f4f6fa; --ok:#1e6b2f; --amber:#8a5a00; }
*{box-sizing:border-box}
body{margin:0;font-family:'Segoe UI',system-ui,sans-serif;background:var(--bg);color:#1c2333}
header{background:var(--navy);color:#fff;padding:22px 28px}
header h1{margin:0;font-size:20px;letter-spacing:.3px}
header p{margin:4px 0 0;font-size:13px;opacity:.8}
main{max-width:720px;margin:24px auto;padding:0 20px 60px}
.card{background:#fff;border:1px solid #e3e8f0;border-radius:12px;padding:22px;margin-bottom:18px}
.card h2{margin:0 0 4px;font-size:15px;color:var(--navy)}
.card small{color:#66708a}
label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px;color:var(--navy)}
input[type=text]{width:100%;padding:11px 12px;border:1px solid #cfd7e6;border-radius:8px;font-size:15px}
.drop{border:2px dashed #b9c4da;border-radius:10px;padding:20px;text-align:center;color:#66708a;
      cursor:pointer;transition:.15s;background:#fafbfe}
.drop.on{border-color:var(--navy2);background:#eef3fb;color:var(--navy)}
.drop.filled{border-style:solid;border-color:var(--ok);background:#f0f9f2;color:var(--ok);font-weight:600}
.meses{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.meses label{display:flex;align-items:center;gap:6px;font-weight:500;margin:0;
      border:1px solid #cfd7e6;border-radius:20px;padding:6px 12px;cursor:pointer;background:#fff}
.meses input{margin:0}
.meses label.sel{background:var(--navy);color:#fff;border-color:var(--navy)}
.chk{display:flex;align-items:flex-start;gap:10px;margin-top:4px}
.chk input{width:20px;height:20px;margin-top:1px;flex:none}
.chk label{font-size:14px;font-weight:600;color:var(--navy);margin:0}
.chk .sub{font-weight:400;color:#66708a;font-size:12.5px;display:block;margin-top:2px}
button.go{width:100%;padding:14px;background:var(--navy);color:#fff;border:0;border-radius:10px;
      font-size:16px;font-weight:600;cursor:pointer;margin-top:6px}
button.go:disabled{opacity:.5;cursor:not-allowed}
#res{margin-top:16px;padding:14px;border-radius:10px;font-size:14px;display:none}
#res.ok{background:#f0f9f2;border:1px solid #bfe3c8;color:var(--ok);display:block}
#res.err{background:#fdf0f0;border:1px solid #e6bcbc;color:#8a1f1f;display:block}
#res.warn{background:#fff8e8;border:1px solid #e8cf8a;color:var(--amber);display:block}