/* ========================================================================== Tema ISC — estilo común de las apps de Mantenimiento · Ingenio San Carlos Tomado del tablero "Inventario y Costos" (verde institucional + dorado). Se sirve en /tema-isc/tema.css desde todos los sitios de nginx. Cada app mapea sus propias variables a estas (bloque "tema ISC" en su ). ========================================================================== */ :root { --isc-verde: #1e7b3c; --isc-verde-osc: #145c2b; --isc-verde-hover: #1a6d34; --isc-verde-claro: #eaf4ed; --isc-verde-linea: #1c7038; --isc-dorado: #ffc000; --isc-dorado-osc: #d9a300; --isc-dorado-claro: #fff8e2; --isc-dorado-texto: #3c2f00; --isc-rojo: #c00000; --isc-rojo-claro: #fbe4e4; --isc-fondo: #f2f4f2; --isc-panel: #ffffff; --isc-panel-2: #f7f9f7; --isc-borde: #d5dbd6; --isc-borde-suave: #eef2ef; --isc-texto: #1f2723; --isc-suave: #6a7570; --isc-encabezado-tabla: #eef3ef; --isc-sombra: 0 1px 2px rgba(20, 40, 28, .06), 0 3px 10px rgba(20, 40, 28, .05); --isc-radio: 4px; --isc-fuente: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif; color-scheme: light; } /* ---------------------------------------------------------------- piezas comunes (con prefijo, no chocan) */ /* Barra superior verde oscura con la marca, igual al lateral del tablero */ .isc-barra { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 12px 24px; background: var(--isc-verde-osc); color: #d8e8dd; border-bottom: 3px solid var(--isc-dorado); } .isc-barra .isc-marca strong { display: block; color: #fff; font-size: 15px; letter-spacing: .2px; } .isc-barra .isc-marca span { display: block; font-size: 11.5px; color: #9dc4ab; margin-top: 2px; } .isc-barra a { color: #c4dccd; text-decoration: none; font-size: 13px; font-weight: 600; } .isc-barra a:hover { color: #fff; } .isc-barra .isc-derecha { margin-left: auto; display: flex; gap: 16px; align-items: center; } /* Cabecera blanca con subrayado verde (título de página) */ .isc-cabecera { padding: 16px 24px 13px; background: var(--isc-panel); border-bottom: 3px solid var(--isc-verde); } .isc-cabecera h1 { margin: 0; font-size: 19px; font-weight: 650; color: var(--isc-verde-osc); } .isc-cabecera p { margin: 3px 0 0; font-size: 12.5px; color: var(--isc-suave); } /* Panel con título en barra verde */ .isc-panel { background: var(--isc-panel); border: 1px solid var(--isc-borde); border-radius: var(--isc-radio); box-shadow: var(--isc-sombra); overflow: hidden; } .isc-panel > h2 { margin: 0; padding: 7px 14px; background: var(--isc-verde); color: #fff; font-size: 13px; font-weight: 650; text-transform: uppercase; letter-spacing: .5px; } .isc-boton { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 7px 14px; border: 0; border-radius: var(--isc-radio); background: var(--isc-verde); color: #fff; font: inherit; font-weight: 650; cursor: pointer; } .isc-boton:hover { background: var(--isc-verde-osc); } .isc-boton.dorado { background: var(--isc-dorado); color: var(--isc-dorado-texto); } .isc-boton.dorado:hover { background: #ffcd2e; }