/* Elimina sombras y efectos no deseados en el logo */
.no-shadow-logo img {
    box-shadow: none !important;
    filter: none !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
}

/* Ajuste adicional para evitar sombras en todas las imágenes si es necesario */
.no-shadow-img {
    box-shadow: none !important;
    filter: none !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
}




/* ======= Estilos mejorados para los íconos del Top Bar ======= */
.social-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px; /* Tamaño uniforme */
    height: 40px;
    margin: 0 5px; /* Espaciado uniforme */
    background-color: #f1f1f1; /* Color de fondo suave */
    border-radius: 50%; /* Iconos circulares */
    transition: all 0.3s ease-in-out;
    font-size: 20px; /* Tamaño del icono */
    color: #333; /* Color inicial */
    text-decoration: none;
}

/* Colores específicos por red social */
.social-links a.whatsapp { background-color: #25D366; color: #fff; }
.social-links a.facebook { background-color: #1877F2; color: #fff; }
.social-links a.instagram { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); color: #fff; }
.social-links a.youtube { background-color: #FF0000; color: #fff; }

/* Efecto al pasar el mouse */
.social-links a:hover {
    transform: scale(1.2); /* Agrandar icono */
    opacity: 0.9;
}