/* --- Estilos del Menú Navegación --- */
.nav-principal {
    background: #ffffff; border-bottom: 1px solid #eee; padding: 12px 0;
    position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 8px rgba(0,0,0,0.06); width: 100%;
}
.nav-container {
    max-width: 1100px; margin: 0 auto; display: flex; justify-content: center;
    align-items: center; gap: 18px; flex-wrap: wrap; padding: 0 20px;
}
.nav-link {
    text-decoration: none; color: #555; font-weight: 500; font-size: 0.95rem;
    transition: all 0.3s ease; padding: 8px 12px; border-radius: 6px;
}
.nav-link:hover { color: #000; background: #f8f9fa; }
.nav-link-bold { font-weight: 700; color: #333; }
.btn-destacado { color: #fff !important; padding: 8px 16px; font-weight: 600; border-radius: 50px !important; }
.btn-destacado:hover { opacity: 0.9; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.color-azul { background: #007bff; }
.color-verde { background: #28a745; }
.color-naranja { background: #fd7e14; }
.color-rojo { background: #dc3545; }
.color-morado { background: #6f42c1; }