/* Intranet Mudanzas — estilos básicos */
* { box-sizing: border-box; }
body { margin:0; font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif; background:#f4f6f9; color:#222; }
a { color:#1f6feb; text-decoration:none; }
a:hover { text-decoration:underline; }

/* Barra superior */
.barra { display:flex; align-items:center; gap:20px; background:#15233b; color:#fff; padding:10px 18px; flex-wrap:wrap; }
.marca-app a { color:#fff; font-weight:700; font-size:18px; }
.menu { display:flex; gap:6px; flex-wrap:wrap; flex:1; }
.menu a { color:#cdd7e6; padding:6px 12px; border-radius:6px; }
.menu a:hover { background:#22324f; text-decoration:none; }
.menu a.activo { background:#1f6feb; color:#fff; }
.usuario { display:flex; align-items:center; gap:10px; font-size:14px; }
.usuario .salir { background:#3a4a66; color:#fff; padding:6px 12px; border-radius:6px; }

.contenido { max-width:1050px; margin:24px auto; padding:0 16px; }
.pie { text-align:center; color:#8893a5; font-size:13px; padding:24px; }

/* Avisos */
.aviso { background:#e6f6ec; border:1px solid #aadcbb; color:#1c6b3a; padding:10px 14px; border-radius:8px; margin-bottom:16px; }

/* Tarjetas y tablas */
h1 { font-size:24px; margin:0 0 16px; }
h2 { font-size:18px; }
.panel { background:#fff; border:1px solid #e2e7ee; border-radius:10px; padding:18px; margin-bottom:18px; }
table { width:100%; border-collapse:collapse; background:#fff; border-radius:10px; overflow:hidden; }
th, td { text-align:left; padding:10px 12px; border-bottom:1px solid #eef1f5; font-size:14px; }
th { background:#f0f3f8; color:#3a4660; }
tr:hover td { background:#f9fbfd; }

/* Botones */
.btn { display:inline-block; background:#1f6feb; color:#fff; padding:9px 16px; border-radius:8px; border:0; cursor:pointer; font-size:14px; }
.btn:hover { background:#1559c0; text-decoration:none; }
.btn.gris { background:#5b6b86; }
.btn.verde { background:#1c9e57; }
.btn.rojo { background:#d23b3b; }
.btn.peq { padding:5px 10px; font-size:13px; }

/* Formularios */
form .campo { margin-bottom:14px; }
label { display:block; font-size:13px; color:#46506a; margin-bottom:5px; font-weight:600; }
input[type=text], input[type=email], input[type=password], input[type=number], input[type=date], input[type=time], select, textarea {
  width:100%; padding:9px 11px; border:1px solid #c9d2e0; border-radius:8px; font-size:14px; font-family:inherit;
}
textarea { min-height:70px; }
.fila { display:flex; gap:14px; flex-wrap:wrap; }
.fila .campo { flex:1; min-width:160px; }

/* Etiquetas de estado */
.tag { display:inline-block; padding:2px 9px; border-radius:20px; font-size:12px; font-weight:600; }
.tag.gris{background:#e7ebf1;color:#5b6b86;} .tag.azul{background:#dbeafe;color:#1559c0;}
.tag.verde{background:#dcfce7;color:#1c7a45;} .tag.rojo{background:#fde2e2;color:#b42525;}
.tag.amar{background:#fef3c7;color:#946200;}

/* Login */
.login-caja { max-width:360px; margin:8vh auto; }
.cabecera-acc { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }

/* Marca chip */
.chip-marca { font-weight:700; }
.chip-S { color:#1559c0; } .chip-G { color:#b06a00; }

/* Tarjetas resumen del panel */
.resumen { display:flex; gap:14px; flex-wrap:wrap; }
.resumen .caja { flex:1; min-width:150px; background:#fff; border:1px solid #e2e7ee; border-radius:10px; padding:16px; }
.resumen .num { font-size:30px; font-weight:700; }
.resumen .et { color:#6b7790; font-size:13px; }
.right { text-align:right; }