:root {
    --gastro: #7b1fa2;
    /* morado gastronómico */
    --gastro-2: #512da8;
}

.bg-gastro {
    background: var(--gastro);
}

.btn-gastro {
    background: var(--gastro);
    color: #fff;
}

.btn-gastro:hover {
    background: var(--gastro-2);
    color: #fff;
}

.bg-gastro-gradient {
    background: linear-gradient(135deg, #faf7ff 0%, #e9ddff 35%, #d7c2ff 100%);
}

.card.shadow-xl {
    box-shadow: 0 20px 60px rgba(80, 40, 120, .25);
}

.tile {
    transition: transform .12s ease, box-shadow .12s ease;
    border-radius: 1rem;
}

.tile:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(0, 0, 0, .12);
}