chore(frontend): remove Bootstrap 4 morto e alinha breakpoints à grelha

- assets/vendor/bootstrap/ (cópia BS 4.3.1) já sem referências desde a
  migração para 5.3.3 (auditoria 5.1); removida do repositório.
- style.css: cabeçalho corrigido (Bootstrap 4.3.1 → 5.3.3).
- Breakpoints inventados alinhados à grelha (auditoria 4.1): 479px e os dois
  339px passaram a max-width: 575px (o tier xs do Bootstrap). Os cartões de
  detalhe (modalidade/equipa) passam a coluna em todos os telefones ≤575px.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

site/assets/css/style.css

@@ -1,6 +1,6 @@
 /* ==========================================================================
-   FitMe 3070 — Bootstrap 4 Override Stylesheet
-   Base: Bootstrap 4.3.1 (vendor/bootstrap/)
+   FitMe 3070 — Bootstrap 5 Override Stylesheet
+   Base: Bootstrap 5.3.3 (vendor/bootstrap5/)
    Palette: Neon Moss (#C2D500) accent over a Void Black (#0B0B0D) → Charcoal
             Slate (#3D403E) dark ramp, with Ash Silver (#B8B9BE) + Arctic White
             (#F7F8FA) for light/secondary. Treat the green as a spotlight (~10%).
@@ -2180,8 +2180,8 @@ h3.contact-title {
   }
 }
 
-/* ── ≤ 479px ───────────────────────────────────────────────────────────────── */
-@media only screen and (max-width: 479px) {
+/* ── ≤ 575px (xs) ──────────────────────────────────────────────────────────── */
+@media only screen and (max-width: 575px) {
   .hero-text {
     padding-top: 100px;
     padding-bottom: 80px;
@@ -2587,7 +2587,7 @@ h3.contact-title {
   .md-flip .md-body { max-height: calc(100dvh - 48px); padding: 16px 16px 16px 14px; transform: none; }
 }
 
-@media (max-width: 339px) {
+@media (max-width: 575px) {
   .mod-detail, .mod-detail.md-flip { flex-direction: column; }
   .md-card { flex-basis: auto; border-right: 0; border-bottom: 4px solid var(--md-color, var(--fitme-accent)); }
 }
@@ -3565,7 +3565,7 @@ h3.contact-title {
   .td-flip .td-body { max-height: calc(100dvh - 48px); padding: 16px 16px 16px 14px; transform: none; }
 }
 
-@media (max-width: 339px) {
+@media (max-width: 575px) {
   .trainer-detail,
   .trainer-detail.td-flip { flex-direction: column; }
   .td-photo { max-width: none; flex-basis: auto; }