/* 1. RESET Y RENDIMIENTO */ * { font-display: swap !important; }/* 2. DISEÑO Y ACCESIBILIDAD 100% */ .hero-title { color: #FFFFFF !important; background-color: #B71C1C !important; padding: 14px 28px !important; border-radius: 4px; display: inline-block; font-weight: 900; text-transform: uppercase; box-shadow: 6px 6px 0px #000000; line-height: 1.2; text-align: center; }/* 3. ELIMINACIÓN DE CLS (Logo estable) */ .logo img { width: 150px !important; height: 45px !important; aspect-ratio: 150 / 45; display: block; object-fit: contain; }.contenedor-header { display: flex; align-items: center; justify-content: space-between; max-width: 1200px; margin: 0 auto; }.navegacion-original ul { list-style: none; display: flex; gap: 12px; margin: 0; padding: 0; }.navegacion-original ul li a { color: #FFFFFF; text-decoration: none; font-weight: 700; font-size: 0.85rem; transition: 0.3s ease; padding: 12px 8px; /* Área de toque óptima para móviles */ display: block; }.navegacion-original ul li a:hover { color: #F74F58; background: rgba(255,255,255,0.05); /* Feedback visual sutil */ border-radius: 4px; }/* Responsive Móvil */ @media (max-width: 950px) { .contenedor-header { flex-direction: column !important; padding: 10px; } .navegacion-original ul { flex-wrap: wrap; justify-content: center; margin-top: 15px; gap: 5px; } .navegacion-original ul li a { font-size: 0.75rem; padding: 10px 5px; } }