/* ═══════════════════════════════════════════════════════════════
   RUTA DE EVOLUCIÓN DIGITAL (Repo: ruta/index.html)
   Specific Styles
   ═══════════════════════════════════════════════════════════════ */

/* Gantt Chart Bars */
.gantt-lane { 
    position: relative; 
    padding: 1rem 0; 
    border-bottom: 1px solid rgba(255, 255, 255, 0.05); 
}

.gantt-bar { 
    height: 40px; 
    border-radius: 0.5rem; 
    display: flex; 
    align-items: center; 
    padding: 0 0.75rem; 
    font-size: 0.75rem; 
    border: 1px solid; 
    cursor: pointer; 
    transition: all 0.3s; 
}

.gantt-bar:hover { 
    transform: scale(1.05); 
    z-index: 10;
}

/* Color definitions for Gantt Bars (Specific to Ruta visualization) */
.bar-slate { background: rgba(71, 85, 105, 0.3); border-color: rgba(71, 85, 105, 0.5); color: #94a3b8; }
.bar-blue { background: rgba(59, 130, 246, 0.2); border-color: rgba(59, 130, 246, 0.4); color: #60a5fa; }
.bar-cyan { background: rgba(6, 182, 212, 0.2); border-color: rgba(6, 182, 212, 0.4); color: #22d3ee; }
.bar-amber { background: rgba(245, 158, 11, 0.2); border-color: rgba(245, 158, 11, 0.4); color: #fbbf24; }
.bar-yellow { background: rgba(234, 179, 8, 0.2); border-color: rgba(234, 179, 8, 0.4); color: #facc15; }
.bar-purple { background: rgba(168, 85, 247, 0.2); border-color: rgba(168, 85, 247, 0.4); color: #c084fc; }
.bar-emerald { background: rgba(16, 185, 129, 0.2); border-color: rgba(16, 185, 129, 0.4); color: #34d399; }
.bar-pink { background: rgba(236, 72, 153, 0.2); border-color: rgba(236, 72, 153, 0.4); color: #f472b6; }
.bar-red { background: rgba(239, 68, 68, 0.2); border-color: rgba(239, 68, 68, 0.4); color: #f87171; }