/* ===== SOLUCIÓN COMPLETA PARA EL LOGO Y ELIMINACIÓN DE TODOS LOS EFECTOS ===== */

/* ============================================
   ELIMINAR TODAS LAS ANIMACIONES DEL LOGO
   ============================================ */

/* RESETEAR COMPLETAMENTE EL LOGO */
.brand-logo {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #3b82f6 !important;
    text-decoration: none !important;
    transition: none !important;
    transform: none !important;
    animation: none !important;
    position: static !important;
}

/* ELIMINAR TODOS LOS PSEUDO-ELEMENTOS DEL LOGO */
.brand-logo::before,
.brand-logo::after {
    display: none !important;
    content: none !important;
}

/* CONTENEDOR DEL LOGO - ESTÁTICO */
.logo-container {
    position: relative !important;
    width: 45px !important;
    height: 45px !important;
    animation: none !important;
    transform: none !important;
    transition: none !important;
}

/* IMAGEN DEL LOGO - SIN ANIMACIONES */
.logo-img {
    width: 45px !important;
    height: 45px !important;
    border-radius: 8px !important;
    object-fit: cover !important;
    border: none !important;
    transition: none !important;
    animation: none !important;
    display: block !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    z-index: auto !important;
    transform: none !important;
    filter: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: #f3f4f6 !important;
}

/* FALLBACK DEL LOGO - SIMPLE Y LIMPIO */
.logo-fallback {
    display: none !important;
}

/* TEXTO DEL LOGO - SIN EFECTOS */
.logo-text {
    color: #3b82f6 !important;
    font-weight: 700 !important;
    letter-spacing: 0px !important;
    transition: none !important;
    animation: none !important;
    background: none !important;
    background-image: none !important;
    -webkit-text-fill-color: unset !important;
    background-clip: unset !important;
    text-shadow: none !important;
}

/* ELIMINAR TODOS LOS EFECTOS HOVER DEL LOGO */
.brand-logo:hover {
    transform: none !important;
    color: #3b82f6 !important;
}

.brand-logo:hover .logo-img {
    transform: none !important;
    box-shadow: none !important;
    filter: none !important;
    animation: none !important;
}

.brand-logo:hover .logo-text {
    animation: none !important;
    text-shadow: none !important;
    color: #3b82f6 !important;
}

/* ============================================
   ELIMINAR TODAS LAS ANIMACIONES GLOBALES
   ============================================ */

/* ELIMINAR KEYFRAMES PROBLEMÁTICOS */
@keyframes logo-glow { /* No animation */ }
@keyframes logo-explosion { /* No animation */ }
@keyframes gradient-text { /* No animation */ }
@keyframes gradient-bg { /* No animation */ }
@keyframes accordion-expand { /* No animation */ }
@keyframes accordion-wave { /* No animation */ }
@keyframes color-shift { /* No animation */ }
@keyframes pulse-glow { /* No animation */ }
@keyframes floating-particle { /* No animation */ }
@keyframes text-glow { /* No animation */ }
@keyframes typing { /* No animation */ }
@keyframes blink { /* No animation */ }
@keyframes fade-in-up { /* No animation */ }
@keyframes shimmer { /* No animation */ }
@keyframes pulse-ring { /* No animation */ }
@keyframes energy-pulse { /* No animation */ }
@keyframes float-particle { /* No animation */ }
@keyframes pulse-overlay { /* No animation */ }

/* ============================================
   ELIMINAR TODOS LOS EFECTOS DEL HERO
   ============================================ */

/* HERO COMPLETAMENTE LIMPIO */
.hero {
    background: #ffffff !important;
    background-image: none !important;
    position: relative !important;
    padding: 8rem 0 6rem 0 !important;
    min-height: 80vh !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
    border-bottom: 1px solid #e5e7eb !important;
}

/* ELIMINAR TODOS LOS ELEMENTOS DEL HERO */
.accordion-container,
.accordion-strip,
.strip-bg,
.strip-overlay,
.pulse-ring,
.pulse-ring-2,
.pulse-ring-3,
.floating-particles,
.particle,
.neon-particle,
.electric-particle,
.laser-particle,
.plasma-particle,
.aurora-particle,
.cosmic-particle,
.hero-background,
.hero-overlay,
.gallery-indicators,
.indicator {
    display: none !important;
}

/* ============================================
   ELIMINAR EFECTOS DE PARTÍCULAS Y FONDO
   ============================================ */

.dynamic-particles-container,
.mouse-glow,
.energy-waves-bg,
.energy-wave {
    display: none !important;
}

/* ============================================
   IMÁGENES - ELIMINAR TODOS LOS FILTROS Y EFECTOS
   ============================================ */

img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    position: static !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
    backface-visibility: visible !important;
    perspective: none !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    background: #f3f4f6 !important;
}

/* CARD IMAGES - SIN EFECTOS */
.card-img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 8px 8px 0 0 !important;
    filter: none !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
}

/* PORTFOLIO IMAGES - COMPLETAMENTE ESTÁTICAS */
.portfolio-item img,
.portfolio-item-teaser img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    object-position: center !important;
    position: static !important;
    transform: none !important;
    transition: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: #f3f4f6 !important;
    filter: none !important;
    animation: none !important;
    box-shadow: none !important;
}

.portfolio-item-teaser {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

/* ELIMINAR TODOS LOS EFECTOS HOVER DE IMÁGENES */
.portfolio-item-teaser:hover img,
.portfolio-item:hover img,
.card:hover img,
img:hover {
    transform: none !important;
    scale: none !important;
    filter: none !important;
    opacity: 1 !important;
    animation: none !important;
    transition: none !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* SERVICE IMAGES - SIN EFECTOS */
.service-item img {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
    filter: none !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
}

/* ============================================
   ELIMINAR TODOS LOS GRADIENTES
   ============================================ */

/* ELIMINAR VARIABLES DE GRADIENTE */
:root {
    --neon-cyan: #3b82f6 !important;
    --electric-pink: #3b82f6 !important;
    --laser-purple: #3b82f6 !important;
    --plasma-green: #3b82f6 !important;
    --cosmic-orange: #3b82f6 !important;
    --aurora-blue: #3b82f6 !important;
}

/* ELIMINAR GRADIENTES DE TEXTO */
.text-gradient,
.gradient-text-animated,
.loading-logo {
    color: #3b82f6 !important;
    background: none !important;
    background-image: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    background-clip: unset !important;
    animation: none !important;
    filter: none !important;
}

/* ============================================
   BOTONES - SIN GRADIENTES
   ============================================ */

.btn-enhanced,
.glow-button {
    background: #3b82f6 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 2px solid #3b82f6 !important;
    animation: none !important;
    filter: none !important;
    box-shadow: 0 2px 4px rgba(59, 130, 246, 0.2) !important;
}

.btn-enhanced:hover,
.glow-button:hover {
    background: #2563eb !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(59, 130, 246, 0.25) !important;
    animation: none !important;
    filter: none !important;
}

/* ELIMINAR PSEUDO-ELEMENTOS DE BOTONES */
.btn-enhanced::before,
.btn-enhanced::after,
.glow-button::before,
.glow-button::after,
.btn-shimmer {
    display: none !important;
    content: none !important;
}

/* ============================================
   CARDS - SIN EFECTOS 3D
   ============================================ */

.card {
    transform: none !important;
    perspective: none !important;
    transform-style: flat !important;
    animation: none !important;
    transition: all 0.2s ease !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

/* ELIMINAR PSEUDO-ELEMENTOS DE CARDS */
.card::before,
.card::after,
.card-advanced::before,
.card-advanced::after {
    display: none !important;
    content: none !important;
}

/* ============================================
   ELIMINAR LOADING SCREEN Y EFECTOS
   ============================================ */

.loading-screen {
    display: none !important;
}

/* ============================================
   OVERLAYS - SIN GRADIENTES
   ============================================ */

.portfolio-overlay {
    background: rgba(0, 0, 0, 0.8) !important;
    background-image: none !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    padding: 1rem !important;
    color: #ffffff !important;
    border-radius: 0 0 12px 12px !important;
}

/* ============================================
   SECCIONES CTA - SIN EFECTOS
   ============================================ */

.cta-section {
    background: #ffffff !important;
    background-image: none !important;
    color: #000000 !important;
}

.cta-section::before {
    display: none !important;
}

/* ============================================
   ELIMINAR TODOS LOS EFECTOS DE TRANSICIÓN PROBLEMÁTICOS
   ============================================ */

/* Elementos que pueden causar problemas */
.stagger-item,
.progressive-image,
.testimonial-enhanced,
.modern-badge {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
}

/* ============================================
   PARALAX Y EFECTOS DE SCROLL
   ============================================ */

.parallax-element,
[data-speed],
[data-parallax] {
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

/* ============================================
   FORZAR MODO DE RENDIMIENTO
   ============================================ */

* {
    will-change: auto !important;
    backface-visibility: visible !important;
    perspective: none !important;
    transform-style: flat !important;
}

/* ============================================
   RESPONSIVE - MANTENER SIMPLIFICADO
   ============================================ */

@media (max-width: 768px) {
    .brand-logo {
        font-size: 1.2rem !important;
        gap: 8px !important;
    }

    .logo-img {
        width: 35px !important;
        height: 35px !important;
    }
}

@media (max-width: 480px) {
    .brand-logo {
        font-size: 1rem !important;
        gap: 6px !important;
    }

    .logo-img {
        width: 30px !important;
        height: 30px !important;
    }
}

/* ============================================
   ELIMINAR ANIMACIONES EN DISPOSITIVOS LENTOS
   ============================================ */

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* ============================================
   NAVEGACIÓN MÓVIL - SIN EFECTOS
   ============================================ */

@media (max-width: 768px) {
    .main-nav {
        background: #ffffff !important;
        border: 1px solid #e5e7eb !important;
    }

    .main-nav a {
        color: #000000 !important;
        animation: none !important;
        transform: none !important;
        transition: none !important;
    }

    .nav-toggle .hamburger,
    .nav-toggle .hamburger::before,
    .nav-toggle .hamburger::after {
        background: #000000 !important;
        transition: none !important;
        transform: none !important;
    }
}

/* ============================================
   HEADER - COMPLETAMENTE ESTÁTICO
   ============================================ */

.main-header {
    background: #ffffff !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: 1px solid #e5e7eb !important;
    transition: none !important;
    animation: none !important;
}

.header-scrolled {
    background: #ffffff !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* ============================================
   NOTIFICACIONES - SIN EFECTOS
   ============================================ */

.notification {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    animation: none !important;
    transform: none !important;
    transition: none !important;
}

/* ============================================
   ÚLTIMA LÍNEA DE DEFENSA - ELIMINAR TODO
   ============================================ */

/* Si algo sigue animándose, eliminar por completo */
[style*="animation"],
[style*="transform"],
[style*="gradient"],
.animated,
.animate,
.animation {
    animation: none !important;
    transform: none !important;
    background-image: none !important;
    filter: none !important;
    transition: none !important;
}