/* CSS personalizado para página home - Restaurante 3 */

:root {
    --home-primary: #B22222;
    --home-secondary: #8B1F1F;
    --home-accent: #FFD700;
}

.hero-section {
    background: linear-gradient(135deg, var(--home-primary), var(--home-secondary));
    color: white;
}

.feature-card {
    border-top: 4px solid var(--home-accent);
    transition: transform 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.cta-button {
    background: var(--home-accent);
    color: var(--home-secondary);
    font-weight: bold;
    border-radius: 25px;
}

.cta-button:hover {
    background: #FFA500;
    transform: scale(1.05);
}