/* ======================================== */
/* TOUR PERSONALIZADO - REDE LIMPA          */
/* ======================================== */

/* --- POPOVER PRINCIPAL --- */
.driver-popover.tour-custom-popover {
  background: #1a3a2a !important;
  color: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important;
  font-family: 'Inter', sans-serif !important;
  max-width: 340px !important;
  border: 1px solid rgba(74, 222, 128, 0.2) !important;
}

/* --- TÍTULO (BRANCO!) --- */
.driver-popover.tour-custom-popover .driver-popover-title {
  color: #ffffff !important;  /* ← MUDOU PARA BRANCO! */
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  margin-bottom: 4px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* --- ÍCONE DO TÍTULO --- */
.driver-popover.tour-custom-popover .driver-popover-title .driver-popover-title-icon {
  color: #4ade80 !important;
  font-size: 1.6rem !important;
  margin-right: 6px !important;
}

/* --- DESCRIÇÃO --- */
.driver-popover.tour-custom-popover .driver-popover-description {
  color: #e5e7eb !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
  margin-top: 4px !important;
}

/* --- PROGRESSO --- */
.driver-popover.tour-custom-popover .driver-popover-progress {
  color: #9ca3af !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  margin-top: 4px !important;
}

/* --- RODAPÉ --- */
.driver-popover.tour-custom-popover .driver-popover-footer {
  margin-top: 16px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  border-top: 1px solid rgba(74, 222, 128, 0.15) !important;
  padding-top: 12px !important;
}

/* --- BOTÃO "PRÓXIMO" --- */
.driver-popover.tour-custom-popover .driver-popover-footer button {
  background: #22c55e !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 8px 20px !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3) !important;
}

.driver-popover.tour-custom-popover .driver-popover-footer button:hover {
  background: #16a34a !important;
  transform: scale(1.02) !important;
  box-shadow: 0 6px 16px rgba(34, 197, 94, 0.4) !important;
}

/* --- BOTÃO "PULAR" --- */
.driver-popover.tour-custom-popover .driver-popover-footer .driver-close-btn {
  background: transparent !important;
  color: #9ca3af !important;
  font-size: 0.85rem !important;
  padding: 6px 14px !important;
  box-shadow: none !important;
  border-radius: 8px !important;
}

.driver-popover.tour-custom-popover .driver-popover-footer .driver-close-btn:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.08) !important;
  transform: scale(1.02) !important;
}

/* --- SETINHA --- */
.driver-popover.tour-custom-popover .driver-popover-arrow {
  border-top-color: #1a3a2a !important;
  border-bottom-color: #1a3a2a !important;
}

/* --- DESTAQUE DO ELEMENTO --- */
.driver-active-element {
  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.6) !important;
  border-radius: 10px !important;
  transition: box-shadow 0.3s ease !important;
}