@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap');@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap');
































































.custom-scrollbar::-webkit-scrollbar-thumb { background: #475569; border-radius: 10px; }.custom-scrollbar::-webkit-scrollbar-track { background: #1e293b; }.custom-scrollbar::-webkit-scrollbar       { width: 4px; }/* ── Scrollbar personalizado ── */}  border-radius: 2px;  background: #334155;  cursor: pointer;  height: 4px;  width: 100%;input[type=range]::-webkit-slider-runnable-track {}  margin-top: -7px;  box-shadow: 0 0 10px rgba(99, 102, 241, 0.5);  cursor: pointer;  background: #6366f1;  border-radius: 50%;  width: 18px;  height: 18px;  -webkit-appearance: none;input[type=range]::-webkit-slider-thumb {}  outline: none;input[type=range]:focus {}  width: 100%;  background: transparent;  -webkit-appearance: none;input[type=range] {/* ── Inputs range custom ── */}  animation: activeBlink 1s infinite ease-in-out;.rep-blink {}  50%       { background-color: #064e3b; opacity: 0.5; transform: scaleY(1);   }  0%,  100% { background-color: #10b981; opacity: 1;   transform: scaleY(1.1); }@keyframes activeBlink {/* ── Parpadeo de rep activa ── */}  to   { opacity: 1; }  from { opacity: 0; }@keyframes fadeIn {}  animation: fadeIn 0.3s ease-out;.fade-in {/* ── Animaciones generales ── */}  overflow-x: hidden;  margin: 0;  color: white;  background-color: #0f172a;  font-family: 'Inter', sans-serif;body {
/* Base */
body {
  font-family: 'Inter', sans-serif;
  background-color: #0f172a;
  color: white;
  margin: 0;
  overflow-x: hidden;
}

/* Animaciones generales */
.fade-in {
  animation: fadeIn 0.3s ease-out;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Blink de repetición activa */
@keyframes activeBlink {
  0%, 100% {
    background-color: #10b981;
    opacity: 1;
    transform: scaleY(1.1);
  }
  50% {
    background-color: #064e3b;
    opacity: 0.5;
    transform: scaleY(1);
  }
}

.rep-blink {
  animation: activeBlink 1s infinite ease-in-out;
}

/* Range inputs personalizados */
input[type=range] {
  -webkit-appearance: none;
  background: transparent;
  width: 100%;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background: #6366f1;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(99, 102, 241, 0.5);
  margin-top: -7px;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #334155;
  border-radius: 2px;
}

/* Scrollbar personalizado */
.custom-scrollbar::-webkit-scrollbar       { width: 4px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #1e293b; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #475569; border-radius: 10px; }