:root {
  --azul-profuturo: #002f6c;
  --amarillo-profuturo: #ffc400;
}

body {
  background-color: white;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.navbar-profuturo {
  background-color: var(--azul-profuturo);
}

.navbar-nav .nav-link {
  color: white !important;
  margin-right: 15px;
}

.navbar-brand img {
  height: 40px;
}

.card {
  border-radius: 1rem;
}

.btn-amarillo {
  background-color: var(--amarillo-profuturo);
  color: black;
  font-weight: bold;
}

.btn-amarillo:hover {
  background-color: #e6b800;
}

.btn-rojo {
  background-color: rgba(255, 0, 0, 0.589);
  color: white;
  font-weight: bold;
}

.btn-rojo:hover {
  color: white;
  background-color: #e60000;
}

.btn-azul {
  background-color: rgba(0, 140, 255, 0.589);
  color: white;
  font-weight: bold;
}

.btn-azul:hover {
  color: white;
  background-color: #00a5e6;
}

.table thead th {
  background-color: #002f6c;
  color: white;
}

.table td,
.table th {
  vertical-align: middle;
}

.checkbox-scale {
  transform: scale(1.5);
  transform-origin: center;
}

.modal {
  z-index: 9999;
}

.bg-azul {
  background-color: #002f6c;
}

/* Texto Amarillo */
.text-amarillo {
  color: #FFCC00;
  /* Amarillo */
}

.text-amarillo:hover {
  color: #FFB800;
  /* Amarillo más oscuro al pasar el ratón */
}

.navbar-toggler {
  border-color: rgba(255, 255, 255, 0.5);
}

/* Botón fijo de regresar en la parte superior izquierda del contenido principal */
.btn-regresar-fijo {
  position: fixed;
  top: 90px;
  /* debajo del navbar fijo */
  left: 30px;
  z-index: 1050;
  min-width: 120px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  background-color: #002f6c;
  color: white;
  border-radius: 0.9rem;
}

@media (max-width: 768px) {
  .btn-regresar-fijo {
    top: 70px;
    left: 10px;
    min-width: 90px;
    font-size: 0.95rem;
    padding: 0.4rem 0.8rem;
  }
}