.bitacora-skin-modal .modal-title {
  font-family: "Orbitron", sans-serif;
  font-size: 0.9rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.bitacora-skin-modal .form-label,
.bitacora-skin-modal .form-text {
  font-family: "Orbitron", sans-serif;
  letter-spacing: 0.07em;
  font-size: 0.66rem;
  text-transform: uppercase;
}

.bitacora-skin-modal .form-control,
.bitacora-skin-modal .form-select,
.bitacora-skin-modal textarea {
  font-family: "Rajdhani", sans-serif;
  font-size: 0.92rem;
  letter-spacing: 0.01em;
}

.bitacora-skin-modal .btn-close {
  width: 1.7rem;
  height: 1.7rem;
  border: 1px solid rgba(0, 240, 255, 0.35);
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 0 8px rgba(0, 240, 255, 0.1);
  opacity: 0.88;
  transition: 0.2s ease;
}

.bitacora-skin-modal .btn-close:hover {
  opacity: 1;
  border-color: rgba(0, 240, 255, 0.72);
  box-shadow: 0 0 10px rgba(0, 240, 255, 0.26);
  transform: translateY(-1px);
}

.bitacora-skin-modal .btn-close:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 240, 255, 0.22);
}

.bitacora-modal-btn {
  border: 1px solid rgba(0, 240, 255, 0.35) !important;
  color: #00f0ff !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 0 !important;
  font-family: "Orbitron", sans-serif !important;
  font-size: 0.66rem !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: 0.2s ease;
}

.bitacora-modal-btn:hover {
  box-shadow: 0 0 12px rgba(0, 240, 255, 0.25);
  border-color: rgba(0, 240, 255, 0.75) !important;
  color: #c8f9ff !important;
}

.bitacora-modal-btn-danger {
  border-color: rgba(255, 74, 126, 0.45) !important;
  color: #ff8db4 !important;
}

.bitacora-modal-btn-danger:hover {
  box-shadow: 0 0 12px rgba(255, 74, 126, 0.22);
  border-color: rgba(255, 74, 126, 0.75) !important;
  color: #ffd0df !important;
}

.fav-admin-trigger {
  position: fixed;
  right: 14px;
  bottom: 16px;
  z-index: 1085;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 13px;
  border: 1px solid rgba(0, 240, 255, 0.32);
  background: linear-gradient(135deg, rgba(6, 14, 30, 0.94), rgba(18, 8, 34, 0.92));
  color: #dffbff;
  text-decoration: none;
  font-family: "Orbitron", sans-serif;
  font-size: 0.64rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 999px;
  box-shadow: 0 0 18px rgba(0, 240, 255, 0.14);
  backdrop-filter: blur(8px);
  opacity: 0;
  transform: translateY(14px) scale(0.96);
  pointer-events: none;
  visibility: hidden;
  transition: opacity 0.24s ease, transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease;
}

.fav-admin-trigger:hover {
  color: #ffffff;
  border-color: rgba(0, 240, 255, 0.64);
  box-shadow: 0 0 18px rgba(0, 240, 255, 0.26);
}

body.admin-mode .fav-admin-trigger {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
  visibility: visible;
}

@media (max-width: 768px) {
  .fav-admin-trigger {
    right: 10px;
    left: 10px;
    bottom: 12px;
    justify-content: center;
  }
}