/* Custom styles for Nativo Restaurante */

/* Smooth transitions for interactive elements */
a, button, input, select, textarea {
    transition: all 0.3s ease;
}

/* Gold accent line animation */
.gold-gradient-line {
    height: 2px;
    background: linear-gradient(90deg, transparent, #c9952e, transparent);
    animation: shimmer 3s ease-in-out infinite;
}

@keyframes shimmer {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}

/* Subtle glow on focus for inputs */
input:focus, select:focus, textarea:focus {
    box-shadow: 0 0 0 3px rgba(201, 149, 46, 0.15);
}

/* Ensure consistent image aspect ratios */
img {
    max-width: 100%;
    height: auto;
}

/* Mobile menu animation */
@keyframes slideIn {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Responsive typography adjustments */
@media (max-width: 768px) {
    h1 { font-size: 2.25rem; }
    h2 { font-size: 1.75rem; }
}

/* Print styles */
@media print {
    .hero-split, .fade-in { opacity: 1 !important; transform: none !important; }
    nav, #mobile-menu, #menu-overlay { display: none !important; }
}