.hero-section { height: 100vh; margin-top: 80px; background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https://via.placeholder.com/1920x1080.png?text=Fondo+Nave+Industrial') center/cover; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 20px; }
.hero-content h1 { color: #fff; font-size: 3.5rem; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 2px; }
.hero-content p { color: var(--texto-claro); font-size: 1.2rem; margin-bottom: 40px; line-height: 1.6; }
.hero-buttons { display: flex; gap: 20px; justify-content: center; }
.btn-primario, .btn-secundario { padding: 15px 30px; text-decoration: none; font-size: 1.1rem; font-weight: bold; border-radius: 5px; transition: all 0.3s; }
.btn-primario { background-color: var(--amarillo-espeche); color: #111; }
.btn-secundario { background-color: transparent; color: #fff; border: 2px solid #fff; }

/* LOGO LOOP CON TAMAÑO CORREGIDO */
.logo-loop-container { background-color: #000; padding: 40px 0; overflow: hidden; white-space: nowrap; position: relative; border-bottom: 3px solid var(--amarillo-espeche); }
.logo-track { display: inline-block; animation: scroll 25s linear infinite; }
.logo-track img { height: 85px !important; margin: 0 60px !important; vertical-align: middle; object-fit: contain; filter: brightness(0) invert(1); opacity: 0.65; transition: opacity 0.3s, transform 0.3s; }
.logo-track img:hover { opacity: 1; transform: scale(1.1); }
@keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

@media (max-width: 768px) {
    .hero-section { margin-top: 130px; }
    .hero-content h1 { font-size: 2.2rem; }
    .hero-buttons { flex-direction: column; }
}