/* ============================================================
   HONESTIA CONNECT — EMPRESAS.CSS
   Generated programmatically from empresas.html
   ============================================================ */

.custom-range-slider {
                -webkit-appearance: none;
                appearance: none;
                width: 100%;
                height: 6px;
                border-radius: 999px;
                background: var(--v-border);
                outline: none;
                transition: background 0.3s;
                margin: 12px 0;
            }
            .custom-range-slider::-webkit-slider-thumb {
                -webkit-appearance: none;
                appearance: none;
                width: 20px;
                height: 20px;
                border-radius: 50%;
                background: #2563eb;
                cursor: pointer;
                box-shadow: 0 0 12px rgba(37, 99, 235, 0.3);
                border: 3px solid #ffffff;
                transition: transform 0.15s ease, background-color 0.15s ease;
            }
            .custom-range-slider::-webkit-slider-thumb:hover {
                transform: scale(1.15);
                background: #1d4ed8;
            }
            .custom-range-slider::-moz-range-thumb {
                width: 14px;
                height: 14px;
                border-radius: 50%;
                background: #2563eb;
                cursor: pointer;
                box-shadow: 0 0 12px rgba(37, 99, 235, 0.3);
                border: 3px solid #ffffff;
                transition: transform 0.15s ease, background-color 0.15s ease;
            }
            .custom-range-slider::-moz-range-thumb:hover {
                transform: scale(1.15);
                background: #1d4ed8;
            }
            .dark .custom-range-slider::-webkit-slider-thumb {
                border-color: #0f172a;
            }
            .dark .custom-range-slider::-moz-range-thumb {
                border-color: #0f172a;
            }

@keyframes hc-fade-in-up {
                0% { opacity: 0; transform: translateY(16px); }
                100% { opacity: 1; transform: translateY(0); }
            }
            .hc-fade-in-active {
                animation: hc-fade-in-up 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
            }
            .sector-tab {
                cursor: pointer;
                transition: all 0.3s ease;
            }
            .sector-tab:hover {
                transform: translateY(-2px);
            }
            .gradient-text-hero {
                background: linear-gradient(135deg, #2563eb 0%, #10b981 50%, #f59e0b 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
            }