Cambios Implementados - Logo y UI
📋 Resumen de cambios realizados
🎯 Reemplazo de texto por logo SVG
- ✅ Loading page: Eliminado texto “ALMACÉN DE LIMPIEZA”, ahora muestra solo el logo.svg
- ✅ Navbar: Reemplazado texto por logo.svg, sin efectos ni transiciones
- ✅ Favicon: Actualizado para usar logo.svg como favicon moderno + fallback .ico
🎨 Mejoras visuales implementadas
Logo del navbar
- Tamaños optimizados: 90px (mobile), 100px (desktop), 80px (pantallas pequeñas)
- Eliminados TODOS los efectos: sin hover, sin scale al scroll, sin filtros
- Logo limpio y simple: “solo una foto ahí y listo”
Loading page
- Logo aumentado a: 200px (desktop), 150px (mobile)
- Mantiene animaciones de flotación existentes
- Se ve prominente y profesional
Botón WhatsApp flotante
- Arreglado problema en mobile: agregado
display: flex !important
- Código CSS limpio y simplificado
- Tamaños: 60px (mobile), 70px (desktop)
- Tooltip solo visible en desktop
Carrusel de depósito
- Corregido problema de fotos gigantes
- Alturas fijas: 400px (mobile), 500px (desktop)
- Indicadores del carrusel arreglados
📁 Archivos modificados
_layouts/default.html
- Loading page_includes/header.html
- Navbar_includes/head.html
- Favicon y structured data_sass/_header.scss
- Estilos del navbar_sass/_base.scss
- Estilos del loading y WhatsApp_sass/_sections.scss
- Carrusel de fotosassets/images/logo.svg
- Logo copiado desde raíz
🔧 Problemas resueltos
- Logo muy pequeño → Aumentados todos los tamaños
- Efectos molestos en navbar → Eliminados completamente
- Pixelado al scroll → Quitadas transiciones y filtros
- WhatsApp roto en mobile → CSS simplificado y arreglado
- Carrusel con fotos gigantes → Alturas fijas implementadas
- Error SCSS “unmatched }” → Sintaxis corregida
🚀 Resultado final
- Logo profesional y limpio en toda la web
- WhatsApp funcional en todos los dispositivos
- Carrusel de fotos con tamaños correctos
- Código CSS optimizado y sin errores
- Favicon moderno con fallback para navegadores antiguos
⚠️ Notas técnicas
- Los warnings de
@import
son normales (deprecación de Sass) - Los errores CSP en desarrollo local son esperados
- El logo.svg se usa como favicon moderno + .ico como fallback
- Tooltip de WhatsApp solo aparece en desktop (>1024px)
Todos los cambios probados y funcionando correctamente ✅