/* HEADER */
.header { background-color: var(--oscuro-primario); padding: 15px 40px; display: flex; justify-content: space-between; align-items: center; position: fixed; top: 0; width: 100%; z-index: 1000; box-shadow: 0 4px 12px rgba(0,0,0,0.3); }
.navbar a { color: #fff; text-decoration: none; margin: 0 15px; font-weight: 600; font-size: 1.1rem; transition: color 0.3s; }
.navbar a:hover { color: var(--amarillo-espeche); }
.btn-whatsapp-header { background-color: #25D366; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px; font-weight: bold; display: flex; align-items: center; gap: 8px; }

/* LOGO BRILLANTE */
.logo-container img, .footer-logo { height: 60px; filter: saturate(2) contrast(1.3) brightness(1.3); transition: filter 0.3s ease, transform 0.3s ease; }
.logo-container img:hover, .footer-logo:hover { transform: scale(1.05); filter: saturate(2.5) contrast(1.4) brightness(1.5); }

/* FOOTER */
.footer-premium { background-color: var(--oscuro-primario); color: var(--texto-claro); padding: 60px 40px; display: flex; flex-wrap: wrap; gap: 40px; justify-content: space-between; border-top: 5px solid var(--amarillo-espeche); }
.footer-columna { flex: 1; min-width: 250px; }
.footer-columna h3 { color: var(--amarillo-espeche); font-size: 1.3rem; margin-bottom: 20px; text-transform: uppercase; }
.footer-links { list-style: none; }
.footer-links li { margin-bottom: 12px; }
.footer-links a { color: var(--texto-claro); text-decoration: none; transition: color 0.3s; }
.footer-links a:hover { color: var(--amarillo-espeche); }
.footer-contacto { list-style: none; }
.footer-contacto li { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; }
.footer-contacto i { color: var(--amarillo-espeche); font-size: 1.3rem; min-width: 20px; }
.footer-bottom { background-color: #111; color: #777; text-align: center; padding: 15px; font-size: 0.9rem; }

/* MÓVILES PARA HEADER/FOOTER */
@media (max-width: 768px) {
    .header { flex-direction: column; padding: 15px; gap: 15px; }
    .navbar { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
}