// Fonts
@import url('https://fonts.bunny.net/css?family=Nunito');

// Variables
@import 'variables';

// Bootstrap
@import 'bootstrap/scss/bootstrap';

// AdminLte 3.1.0
@import 'admin-lte/dist/css/adminlte.css';

//FontAwesone
@import "@fortawesome/fontawesome-free/css/all.css";

//vue-select
@import "vue-select/dist/vue-select.css";

//Sweetalert2
@import 'sweetalert2/dist/sweetalert2';

//Toastr
@import 'toastr/build/toastr';

@import '../../node_modules/bootstrap/scss/bootstrap';
// Custom styles

/* Pulso aún más grande */
.pulse-marker {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #CC9933;
  position: relative;
}
.pulse-marker::after {
  content: '';
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 123, 255, 0.4);
  animation: pulsate 1s ease-out infinite;
}
@keyframes pulsate {
  0%   { transform: scale(0.3); opacity: 1; }
  100% { transform: scale(4);   opacity: 0; }
}

/* Icono centrado y más grande */
.pulse-marker .inner-icon {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border-radius: 50%;
  padding: 2px;
  box-shadow: 0 0 4px rgba(0,0,0,0.3);
  z-index: 2;
  pointer-events: none;
}



/* --- CSS: ponlo en tu hoja global o en <style> --- */

/* Parpadeo sutil del casco */
@keyframes helmet-blink {
  0%, 100% { opacity: 1; }
  50%     { opacity: 0.5; }
}

/* Pulso externo (halo) */
@keyframes helmet-pulse {
  0%   { transform: scale(0.4); opacity: 1; }
  100% { transform: scale(3.5); opacity: 0; }
}

.pulse-helmet {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: blue;  /* oliva drab */
  position: relative;
  animation: helmet-blink 1.5s ease-in-out infinite;
}
.pulse-helmet::after {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 40px; height: 40px;
  border-radius: 50%;
  background: blue;
  animation: helmet-pulse 2s ease-out infinite;
}
.pulse-helmet .helmet-icon {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%; left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}