/* ========================================= */ /* Estilos Globales y Base */ /* ========================================= */ /* Importación de fuentes (asegúrate de que este link esté en tu HTML ) */ /* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); */ body { font-family: 'Poppins', sans-serif; /* Fuente principal del sitio */ color: #333; /* Color de texto base, ya presente en catering.css, se centraliza aquí */ line-height: 1.6; /* Mejora la legibilidad */ background-color: #f8f9fa; /* Un color de fondo suave para todo el sitio */ } /* Estilos para enlaces generales, si no los tienes ya en Bootstrap */ a { color: #007bff; /* Color primario de Bootstrap */ text-decoration: none; transition: color 0.3s ease; } a:hover { color: #0056b3; text-decoration: underline; } /* ========================================= */ /* Componentes Comunes */ /* ========================================= */ /* Botón de WhatsApp personalizado - Mantener aquí, es global */ .btn-whatsapp { background-color: #25D366; color: white; border: none; transition: background-color 0.3s ease; } .btn-whatsapp:hover { background-color: #1ebe5d; color: white; } /* Botón flotante de WhatsApp - Mantener aquí, es global */ .floating-whatsapp { position: fixed; bottom: 20px; right: 20px; background-color: #25D366; color: white; border-radius: 50%; width: 55px; height: 55px; display: flex; justify-content: center; align-items: center; font-size: 28px; z-index: 1000; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); transition: background-color 0.3s ease; } .floating-whatsapp:hover { background-color: #1ebe5d; text-decoration: none; } /* Estilos para el footer - Mantener aquí, es global */ footer { /* bg-dark text-white py-4 ya lo gestiona Bootstrap */ /* Puedes añadir más estilos aquí si necesitas algo específico que Bootstrap no cubra */ font-size: 0.9rem; } footer a { color: #f8f9fa; /* Asegura que los enlaces sean visibles en fondo oscuro */ } footer a:hover { color: #e9ecef; text-decoration: underline; } /* ========================================= */ /* Clases de Animación Globales */ /* ========================================= */ /* Clase base para animaciones de fade-in */ .animate-fade-in { animation: fadeIn 1s ease-out forwards; opacity: 0; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* Clase base para animaciones de slide-up (originalmente de menu.css, pero puede ser global) */ .animate-slide-up { animation: slideUp 0.8s ease-out forwards; opacity: 0; transform: translateY(20px); } @keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* Ajustes para el navbar (fixed-top puede superponerse al contenido) */ body { padding-top: 70px; /* Ajusta este valor según la altura de tu navbar fixed-top */ }