/* Estética de Laboratorio de Audio Integrada */
    body {
        font-family: 'Barlow', sans-serif;
    }

    .lab-hero-section {
        background: linear-gradient(135deg, #6b34c2 0%, #3a1c71 100%);
        padding: 40px 0;
        margin-bottom: 0px;
        color: white;
    }

    .training-card {
        background-color: #0f0f0f !important;
        border: 1px solid #222 !important;
        border-radius: 4px;
        position: relative;
    }

    .training-card::after {
        content: 'RE-MOD EAR LAB // ANALIZER v1.0';
        position: absolute;
        bottom: 10px;
        right: 15px;
        font-size: 8px;
        font-family: monospace;
        color: #333;
    }

    .ear-control-btn {
        border-radius: 2px;
        min-width: 180px;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 600;
        font-size: 0.85rem;
    }

    .band-btn {
        border-radius: 2px;
        border: 1px solid #222;
        color: #666;
        background: #151515;
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        font-family: monospace;
        font-size: 1.1rem;
    }

    .band-btn:hover {
        border-color: #00ffcc;
        color: #00ffcc;
        background: rgba(0, 255, 204, 0.05);
        transform: scale(1.05);
    }

    .band-btn.selected {
        background-color: #00ffcc !important;
        border-color: #00ffcc !important;
        color: #000 !important;
        box-shadow: 0 0 15px rgba(0, 255, 204, 0.3);
    }

    .band-btn.correct {
        background-color: #28a745 !important;
        border-color: #28a745 !important;
        color: #fff !important;
    }

    .band-btn.wrong {
        background-color: #dc3545 !important;
        border-color: #dc3545 !important;
        color: #fff !important;
    }

    .text-info {
        color: #00ffcc !important;
    }

    .btn-info {
        background-color: #00ffcc;
        border-color: #00ffcc;
        color: #000;
    }

    .btn-info:hover {
        background-color: #00e6b8;
        border-color: #00e6b8;
        color: #000;
        box-shadow: 0 0 20px rgba(0, 255, 204, 0.4);
    }

    /* Animaciones Custom */
    .animated {
        animation-duration: 0.6s;
        animation-fill-mode: both;
    }

    .delay-1s {
        animation-delay: 0.3s;
    }

    /* Custom Range Styling */
    .custom-range::-webkit-slider-thumb {
        background: #00ffcc !important;
        box-shadow: 0 0 10px rgba(0, 255, 204, 0.5);
        border: none;
        width: 24px;
        height: 24px;
    }

    .custom-range::-moz-range-thumb {
        background: #00ffcc !important;
        border: none;
        width: 24px;
        height: 24px;
    }

    .custom-range::-ms-thumb {
        background: #00ffcc !important;
        border: none;
        width: 24px;
        height: 24px;
    }

    .custom-range {
        height: 1.5rem;
    }