@charset "UTF-8";
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  padding: 2rem;
  background-color: #F4FBF7;
  color: #144D17;
}

/* Reset básico para botones */
button {
  all: unset;
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  text-align: inherit;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

main {
  flex: 1; /* Empuja el footer al fondo si el contenido es corto */
}

h1, h2, h3, h4, h5, h6 {
  color: #0B2E0F !important;
}

a {
  color: #144D17 !important;
}

.mt-container {
  margin-top: 2rem; /* O define esta variable si no está */
}

/* Logo */
.logo {
  height: 40px;
}

/* Bloques reutilizables */
.bloque-elevado, .accesos-directos .acceso, .navbar {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 0.5rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

/* Navbar */
/* Botones generales */
/* Botón acción principal */
.btn-action, .form-inline-strict .btn-submit {
  background-color: #107C41;
  color: white;
  border: none;
  padding: 0.5rem 1.25rem;
  border-radius: 0.5rem;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
}
.btn-action:hover, .form-inline-strict .btn-submit:hover {
  background-color: #0F6C0F;
  transform: translateY(-2px);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.btn-action i, .form-inline-strict .btn-submit i {
  transition: transform 0.3s ease;
}
.btn-action:hover i, .form-inline-strict .btn-submit:hover i {
  transform: scale(1.1);
}

.btn-outline-primary {
  background: transparent !important;
  border: 1px solid #217346 !important;
  color: #217346 !important;
  transition: all 0.3s ease;
}
.btn-outline-primary:hover {
  background-color: #217346 !important;
  color: #fff !important;
  border-color: #0F6C0F !important;
}

/* Botón salir */
.btn-salir {
  transition: all 0.5s ease-in-out;
  color: #D95F5F !important;
}
.btn-salir:hover {
  transform: translateY(-2px);
}
.btn-salir i {
  font-size: 1.2rem;
  transition: transform 0.5s ease-in-out;
  color: #D95F5F !important;
}
.btn-salir:hover i {
  transform: scale(1.1);
  color: #D95F5F !important;
}

.color-iconos {
  color: #217346;
}

/* Accesos directos */
.accesos-directos .acceso {
  margin-top: 2rem !important;
  padding: 1.5rem;
  text-align: center;
  transition: all 0.2s ease-in-out;
}
.accesos-directos .acceso:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.accesos-directos .acceso .icono {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  transition: transform 0.2s ease-in-out;
}
.accesos-directos .acceso:hover .icono {
  transform: scale(1.1);
}

/* Caja informativa */
.info-box {
  background-color: #D9EAD3;
  padding: 0.75rem;
  border-radius: 4px;
  border-left: 5px solid #217346;
  margin-top: 1rem;
}

/* Tablas tipo Excel */
.table-excel {
  border-collapse: collapse;
  background-color: #fff;
}
.table-excel th, .table-excel td {
  border: 1px solid #D9D9D9;
  padding: 0.4rem;
  text-align: center;
  min-width: 80px;
}
 .table-excel td:hover {
  background-color: rgb(231.9076923077, 242.2384615385, 228.2615384615);
}
.table-excel thead {
  background-color: #E2F0D9;
  font-weight: bold;
  cursor:pointer;
}
.table-excel th:hover{
background-color:#444444;
}

.table-excel tbody tr:nth-child(even) {
  background-color: #F9F9F9;
}
.table-excel tbody tr:hover {
  background-color: #EFFBEF;
}

/* Estilos de filas por tipo de día/hora — intuitivos y visuales */
tr.feriado td:first-child {
  border-left: 4px solid #107C41;
  background-color: #D9EAD3;
}

tr.finde td:first-child {
  border-left: 4px solid #3498DB;
  background-color: #EAF6FD;
}

tr.justificada td:first-child {
  border-left: 4px solid #217346;
  background-color: white;
  color: #0F6C0F;
  font-weight: 600;
}

tr.ausente td:first-child {
  border-left: 4px solid #E74C3C;
  background-color: #FDECEA;
  color: #0B2E0F;
  font-weight: 600;
}

tr.normal {
  background-color: #F4FBF7;
  color: #144D17;
}

tr.extra {
  background-color: #D4EDDA;
  border-left: 4px solid #0F6C0F;
  color: #0B2E0F;
}

/* Transición suave */
tr {
  transition: background-color 0.3s ease, border-left-color 0.3s ease;
}

.dropdown-menu {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Celdas editables */
.cell-editable:hover {
  outline: 1px dashed #217346;
  background-color: rgb(240.8523076923, 247.1815384615, 238.6184615385);
}
.cell-editable:focus {
  outline: 2px solid #217346;
  background-color: white;
}

/* Footer */
.footer {
  font-size: 0.85rem;
  color: #6C757D;
  background-color: transparent;
  text-align: center;
  margin-top: 2rem;
}

/* Formularios horizontales (form-inline-strict) */
.form-inline-strict {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: flex-end;
  gap: 2rem;
}
.form-inline-strict .form-group {
  display: flex;
  flex-direction: column;
}
.form-inline-strict .form-group label {
  font-weight: 600;
  margin-bottom: 0.25rem;
  white-space: nowrap;
}
.form-inline-strict .form-group input[type=file],
.form-inline-strict .form-group input[type=date] {
  width: 170px;
  padding: 0.4rem 0.6rem;
}
.form-inline-strict .btn-submit {
  align-self: stretch;
  white-space: nowrap;
}

.btn-outline-primary {
  background: transparent !important;
  border: 1px solid #217346 !important;
  color: #217346 !important;
  transition: all 0.3s ease;
}
.btn-outline-primary:hover {
  background-color: #217346 !important;
  color: #fff !important;
  border-color: #0F6C0F !important;
}
/* Pestaña activa con color del botón btn-action */
    .nav-tabs .nav-link.active {
        color: var(--bs-success)!important;
    }

    /* Pestañas inactivas con color text-success de Bootstrap */
    .nav-tabs .nav-link:not(.active) {
        color: var(--bs-dark)!important; /* o un tono más oscuro si querés */
    }

    /* Hover para pestañas inactivas (opcional) */
    .nav-tabs .nav-link:not(.active):hover {
        color: var(--bs-success)!important;    }
/*# sourceMappingURL=styles.css.map */