﻿/* ================================================================
   TICKER DE EMPRESAS
================================================================ */
.ticker-empresas-wrapper {
    width: 100%;
    background: #ffffff;
    border-top: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    overflow: hidden;
    height: 36px;
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 0;
}

    /* Fade izquierda y derecha */
    .ticker-empresas-wrapper::before,
    .ticker-empresas-wrapper::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 80px;
        z-index: 2;
        pointer-events: none;
    }

    .ticker-empresas-wrapper::before {
        left: 0;
        background: linear-gradient(to right, #ffffff, transparent);
    }

    .ticker-empresas-wrapper::after {
        right: 0;
        background: linear-gradient(to left, #ffffff, transparent);
    }

/* Track animado */
.ticker-track {
    display: flex;
    align-items: center;
    gap: 0;
    white-space: nowrap;
    animation: ticker-scroll 40s linear infinite;
    will-change: transform;
}

.ticker-empresas-wrapper:hover .ticker-track {
    animation-play-state: paused;
}

@keyframes ticker-scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* Item individual */
.ticker-item {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 20px;
    cursor: pointer;
    transition: opacity 0.2s ease;
    text-decoration: none;
    flex-shrink: 0;
}

    .ticker-item:hover {
        opacity: 0.85;
    }

        .ticker-item:hover .ticker-nombre {
            color: #8B1D1D;
        }

.ticker-nombre {
    font-size: 0.78rem;
    font-weight: 600;
    color: #1a1a1a;
    letter-spacing: 0.02em;
    transition: color 0.2s ease;
    white-space: nowrap;
}

.ticker-rubro {
    font-size: 0.68rem;
    color: #B8960C;
    font-weight: 500;
    white-space: nowrap;
}

.ticker-verificada {
    color: #B8960C;
    font-size: 0.65rem;
}

/* Separador entre items */
.ticker-sep {
    color: rgba(0, 0, 0, 0.15);
    font-size: 0.9rem;
    flex-shrink: 0;
    user-select: none;
}

/* Mobile: un poco más compacto */
@media (max-width: 768px) {
    .ticker-empresas-wrapper {
        height: 34px;
    }

    .ticker-nombre {
        font-size: 0.72rem;
    }

    .ticker-rubro {
        font-size: 0.62rem;
    }
}
/* ================================================================
   ELIMINAR ESPACIO ENTRE HERO Y TICKER
================================================================ */
.hero-banner-with-search {
    margin-bottom: 0 !important;
}

.ticker-empresas-wrapper {
    margin-top: 0 !important;
}

/* El container mt-5 del HomeHero genera espacio arriba del buscador
   que empuja el hero hacia abajo */
.home-search-wrapper .container.mt-5 {
    margin-top: 0 !important;
}