@import 'menu.css';
@import 'jscal/calendar-blue.css';
@import url(domcollapse.css);
:root {
  --azul-principal: #006699;
  --gris-claro: #eeeeee;
  --amarillo-alerta: #fff8b3;
  --rojo-alerta: #ffcaca;
  --fuente-base: "Segoe UI", Arial, sans-serif;
  --borde-suave: 4px;
}

/* Tipografía y fondo general */
body, table, tr, td, input, select, button, option {
  font-family: var(--fuente-base);
  font-size: 13px;
}

body {
  margin: 0;
  background: white url('images/fondo.jpg') no-repeat fixed 100% 100%;
}

/* Encabezados */
h1 {
  margin-top: 0;
  float: left;
  text-align: center;
  font-size: 16px;
  color: var(--azul-principal);
}

/* Inputs */
input, button, textarea, select {
  border: 1px solid #ccc;
  padding: 5px 8px;
  border-radius: var(--borde-suave);
  transition: background 0.3s ease;
}

input:hover, select:hover, button:hover, textarea:hover {
  background: #e6f0ff;
}

input:focus, select:focus, button:focus, textarea:focus {
  background: #fff;
  color: #000;
  outline: 1px solid var(--azul-principal);
}

/* Títulos */
.titulo td, .titulo2 td {
  background-color: #f2e9a6;
  color: #cc6600;
  font-weight: bold;
  border-radius: var(--borde-suave);
  padding: 4px;
}

.titulo_gris td {
  background-color: #8c8c8c;
  color: white;
  font-weight: bold;
}

.titulo_naranja td {
  background-color: #f9f3d0;
  color: #cc6600;
  font-weight: bold;
}

/* Celdas de tabla */
td, th {
  padding: 6px;
  border-radius: var(--borde-suave);
}

td {
  background-color: var(--gris-claro);
  vertical-align: top;
}

th {
  background-color: var(--azul-principal);
  color: white;
  font-weight: 500;
}

/* Links */
a, a:link, a:visited {
  color: var(--azul-principal);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Notificación general */
#notificacion_general {
  z-index: 9999;
  position: fixed;
  width: 350px;
  height: 250px;
  left: 2%;
  bottom: 3%;
  padding: 8px;
  border: 1px solid #ccc;
  background: linear-gradient(to bottom, #fff, #ededed);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  border-radius: var(--borde-suave);
  color: #555;
  font-family: var(--fuente-base);
}