/* Enhanced Logo Styles - Sin Background, Tamaño Grande */

/* Logo base styles sin background */
img[alt*="Abundiss"] {
    transition: transform 0.3s ease;
    filter: drop-shadow(0 4px 20px rgba(255, 215, 0, 0.3));
}

/* Logo sizes - 30% más grandes */
/* Principal - Navigation */
.logo-nav {
    width: 8rem;
    height: 8rem;
}

/* Landing pages - Header */
.logo-header {
    width: 8rem;
    height: 8rem;
}

/* Footer - Más pequeño */
.logo-footer {
    width: 6.5rem;
    height: 6.5rem;
}

/* Thank you pages - Mediano */
.logo-thankyou {
    width: 6.5rem;
    height: 6.5rem;
}

/* Hover effects para todos los logos */
img[alt*="Abundiss"]:hover {
    transform: scale(1.05);
    filter: drop-shadow(0 6px 25px rgba(255, 215, 0, 0.5));
}

/* Animation para logo principal */
.logo-glow {
    animation: logoGlow 2s ease-in-out infinite;
}

@keyframes logoGlow {
    0%, 100% {
        filter: drop-shadow(0 4px 20px rgba(255, 215, 0, 0.3));
    }
    50% {
        filter: drop-shadow(0 6px 30px rgba(255, 215, 0, 0.6));
    }
}

/* Responsive adjustments - 30% más grandes */
@media (max-width: 768px) {
    img[alt*="Abundiss"] {
        width: 6.5rem !important;
        height: 6.5rem !important;
    }
}

@media (max-width: 640px) {
    img[alt*="Abundiss"] {
        width: 5.2rem !important;
        height: 5.2rem !important;
    }
}

@media (max-width: 480px) {
    img[alt*="Abundiss"] {
        width: 4.5rem !important;
        height: 4.5rem !important;
    }
}

/* Special case - Navigation logo siempre visible y decente */
nav img[alt*="Abundiss"] {
    width: 6.5rem;
    height: 6.5rem;
}

/* Logo secundario en página Kommo (navbar derecha) - más pequeño */
nav img.logo-compact,
nav .logo-compact {
    width: auto !important;
    height: auto !important;
    max-width: 120px !important;
    max-height: 40px !important;
}

/* Ensure logo always has good contrast */
img[alt*="Abundiss"] {
    z-index: 10;
    position: relative;
}

/* Remove any remaining background containers */
.glass-morphism img[alt*="Abundiss"] {
    background: none !important;
    border: none !important;
    backdrop-filter: none !important;
}

/* Logo positioning adjustments */
.logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Link wrapping for logos */
a img[alt*="Abundiss"] {
    display: inline-block;
    transition: transform 0.3s ease;
}

/* High DPI optimization */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    img[alt*="Abundiss"] {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}

/* Print styles */
@media print {
    img[alt*="Abundiss"] {
        width: 4rem !important;
        height: 4rem !important;
        filter: none !important;
    }
}