feat(site): per-gym SEO texts, event gym selector, hero/navbar polish

- Generated SEO titles/descriptions per gym; gym seo fields override each on its own - Keywords, author, og:site_name, favicon and JSON-LD logo follow the gym - CrossFit page 404s before output for gyms without a box - Events: «Mostrar em» gym selector; event page uses its gym's brand - Hero event button text colour from the event colour (--ev-on) - Navbar bottom line stops at the other-gym head (--switch-w) - Diagonal hero blur mask; remove the trial link
2026-10-26 12:15:37 +00:00
1 parent 785d1f6ceb
commit 725f5b9c26
@@ -81,6 +81,10 @@ backoffice has an "a editar" gym switcher (`admin_gym_id()` /
 `admin_gym()` in `config/functions_gyms.php`). `/` and `/home` 301 to the default gym (`is_default`); the other published gyms appear as highlighted buttons (`.gym-switch-btn`) at the right end of the public navbar (`site/includes/navbar.php`). `site/gym_chooser.php` is no longer used.
 Each gym has a brand colour (`gyms.brand_color`, `#RRGGBB`, migration `migration_20261013_gym_brand_color.sql`; gym 1 = green `#C2D500`, gym 2 = red): set in Gestão → Ginásios, emitted as `:root` overrides by `gym_brand_css()` in `site/includes/include.php`. New components must use `--fitme-accent*` / `--fitme-on-accent`, never a hard-coded colour; the CrossFit nav pill follows the brand colour too. The public navbar's bottom edge is an always-on, slow (14s) sweep in the brand colour (`.header-section::before/::after`, `nav-sweep`, static with reduced motion). On the home page and the CrossFit page (`$nav_center_logo` set in `site/index.php` / `site/crossfit.php`, shared by `_open.php`; the CrossFit video header no longer prints its own logo, only a `visually-hidden` h1) the header starts taller (desktop >= 992px) with a second, big copy of the logo centred (fixed 52px height, so tall logos like the CrossFit one clear the links) (`.navbar-brand-hero`, `aria-hidden`); once `scrollY >= 40` (script in `navbar.php` toggles `.is-top`) the bar shrinks, the big logo fades out and the 150px left logo fades in (opacity crossfade, no movement). The hero gets `padding-top: 120px` on desktop so its event card clears the tall bar. On desktop the brand is absolute at the left and the links are centred on the full bar width; nav padding and logo width live in CSS, not inline. The other-gym buttons (`.gym-switch`) sit in the **match head**, a glimpse into the other site: painted in the first other gym's brand (`navbar.php` puts `gym_brand_vars()` of `$other_gyms[0]` on `.gym-switch`), a 5px strip in its accent on the slash, the face a shade darker (`--fitme-accent-dark` to 82% of it mixed with black) with a shadow inside the cut so the strip reads, and its logo in that gym's on-accent ink (`brightness(0)`, plus `invert(1)` with `.gym-switch--light-ink` when the on-accent is white). Paint is shared; geometry per breakpoint: desktop = absolute block at the right end of the bar (full height, width follows its buttons), left side cut on the brand slash (22px); below 992px = a full-width band across the bottom of the open menu, top edge slashed (18px). 992-1199px: links shrink (`.8125rem`, `--bs-navbar-nav-link-padding-x: .35rem`) so the 3070 menu clears the logo and head. Menu links are `.875rem` bold. Below 992px the open menu fills the screen under the bar (absolute, `100dvh - var(--nav-h)`, `--nav-h` = the header's real height, set by the `navbar.php` script, links/buttons centred, opacity fade; not `position:fixed` because the header's backdrop-filter is its containing block). The bar is liquid glass in Chromium: `backdrop-filter: url(#nav-glass) blur(6px) saturate(180%)` (`#nav-glass` in `include.php`: blurred low-frequency `feTurbulence` -> `feDisplacementMap`, bends the page behind it), gated by `@supports (-webkit-app-region: drag)` (Chromium-only property); Safari/Firefox keep the plain blur. **Brand slash template:** the cut corners of the "in" box are one rule in `style.css` ("Brand slash (template)"): `class="fx-slash"` (both ends) or `fx-slash-start` (left only), size via `--slash` (default 4px); pseudo-elements are added to that rule's selector list. Used by the nav and section-title underlines and the CrossFit pill (`--slash: 8px`, no radius); never paste the polygon again. The hero text has no glow, only a tight `0 1px 2px` shadow (h1, `.hero-brand`, `.hero-tagline`) and the hero frosted-band blur (`.hero-section .container::before`) is at opacity .8. The hero subtitle (`.hero-text h1 span`, gym `hero_subtitle`) is a block strapline at `.42em` of the h1, weight 600, tracked out. The hero event card's border is solid `--ev-accent`, the same colour as its button (button text stays `--fitme-on-accent`). Logos (`.navbar-brand img`, `.gym-switch-logo`) get the same `#pt-noise` grain filter as h1/h2, and `.hero-event-go`, `.cta-btn`, `.btn-primary` joined the `--noise` button list. Section-title underlines (`.section-title.deco h2:after`) use the same slashed 4px bar as the nav underline. The hero event button text uses `--fitme-on-accent` (white on red). The nav underline (`.nav-link:after`) is a 4px bar 3px under the text with slashed ends (`clip-path`, like the "in" box of the FitMe in logo). The hero event card (`.hero-event`) is square (no radius on card, badge or button), taller (88px min) and has a defocus gradient: `::after` is a `backdrop-filter: blur()` layer masked left->right, sharp on the left and most blurred on the right; the card itself must not get filter/backdrop-filter/opacity/mask or the blur stops reaching the hero photo. Each gym can have a `logo` (same migration, plus `migration_20261026_gym_logo.sql`: the column was added to the 2026-10-13 file after it had already run on dev, so dev had no `logo` column until 2026-10-26 — never edit a migration that has run, add a new one); the header image and the logo are uploaded in Gestão → Ginásios (`gyms_save_image()` → `uploads/gyms/`, valLine truncated
 An unpublished gym 404s publicly but previews for staff.
+- **SEO per gym (2026-10-26):** `site/includes/include.php` builds title/description per page from the gym (`$gym_name`, `$loc_in` = «na Zona …»/«em Mira»); gym 1 keeps hand-written texts, other gyms get generated ones (never the 3070 texts). The gym's own `seo_title` / `seo_description` (Gestão → Ginásios) override the homepage each on its own. Keywords, author, og:site_name, favicon (gym logo if SVG) and the JSON-LD logo (`seo.php`) follow the gym. FitMe in's SEO texts were set in the dev DB only; production needs them entered in Gestão → Ginásios.
+- `site/crossfit.php` decides the 404 for gyms without `has_crossfit` before `_open.php`, so it is a real 404 status.
+- **Events per gym:** Eventos form «Mostrar em» writes `events.gym_id` (NULL = all gyms; `site_active_events()` filters on it). `site/evento.php` renders the event in its gym's brand/name/info. The hero event button text uses `--ev-on` (white/black computed from the event colour), not the page gym's on-accent.
+- Navbar: the desktop bottom sweep line stops before the other-gym head via `--switch-w` (set by `setNavH` in `navbar.php`). The hero blur (`.hero-section .container::before`) has a second diagonal mask, so it is weaker at the top left. The «Marca uma aula experimental» link was removed; `#trialModal` stays (only reopened by `?agendar=erro`).

 ## Imagens / JPEG XL (2026-10-26)
 Fleet transition to JPEG XL (root `Y:\GitTea\CLAUDE.md`, "Images"); fitme3070 is the reference site. Uploads already accept `.jxl` (gyms header/logo, gallery photos).
@@ -15,6 +15,7 @@ function events_defaults(): array {
        'location' => '', 'event_starts_at' => null, 'event_ends_at' => null,
        'publish_from' => '', 'publish_until' => '', 'is_active' => 1,
        'cta_label' => '', 'cta_url' => '', 'show_lead_form' => 1,
+        'gym_id' => null,   // NULL = shown on every gym's homepage
    ];
 }

@@ -117,8 +118,8 @@ function db_events_create(PDO $pdo, array $data): int {
        INSERT INTO events
            (slug, title, subtitle, summary, description, hero_image, cor, location,
             event_starts_at, event_ends_at, publish_from, publish_until,
-             is_active, cta_label, cta_url, show_lead_form)
-        VALUES (?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?)
+             is_active, cta_label, cta_url, show_lead_form, gym_id)
+        VALUES (?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?)
    ");
    $stmt->execute([
        $d['slug'], $d['title'], $d['subtitle'], $d['summary'], $d['description'],
@@ -127,6 +128,7 @@ function db_events_create(PDO $pdo, array $data): int {
        str_replace('T', ' ', (string) $d['publish_from']),
        str_replace('T', ' ', (string) $d['publish_until']),
        (int) $d['is_active'], $d['cta_label'], $d['cta_url'], (int) $d['show_lead_form'],
+        $d['gym_id'] ? (int) $d['gym_id'] : null,
    ]);
    $__id = (int) $pdo->lastInsertId();
    audit_change($pdo, 'event', 'events', 'e_id', (int) $__id, 'create', null, 'title');
@@ -141,7 +143,7 @@ function db_events_update(PDO $pdo, int $id, array $data): bool {
            slug = ?, title = ?, subtitle = ?, summary = ?, description = ?,
            hero_image = ?, cor = ?, location = ?,
            event_starts_at = ?, event_ends_at = ?, publish_from = ?, publish_until = ?,
-            is_active = ?, cta_label = ?, cta_url = ?, show_lead_form = ?
+            is_active = ?, cta_label = ?, cta_url = ?, show_lead_form = ?, gym_id = ?
        WHERE e_id = ?
    ");
    $stmt->execute([
@@ -151,6 +153,7 @@ function db_events_update(PDO $pdo, int $id, array $data): bool {
        str_replace('T', ' ', (string) $d['publish_from']),
        str_replace('T', ' ', (string) $d['publish_until']),
        (int) $d['is_active'], $d['cta_label'], $d['cta_url'], (int) $d['show_lead_form'],
+        $d['gym_id'] ? (int) $d['gym_id'] : null,
        $id,
    ]);
    $__r = $stmt->rowCount() > 0;
@@ -600,7 +600,7 @@ section[id] {
  content: '';
  position: absolute;
  left: 0;
-  right: 0;
+  right: var(--switch-w, 0px);   /* ends where the other-gym head starts (navbar.php JS) */
  bottom: -1px;
  height: 2px;
  pointer-events: none;
@@ -894,7 +894,15 @@ section[id] {
  -webkit-mask-image: linear-gradient(to bottom, transparent 18%, rgba(0, 0, 0, .55) 36%, #000 50%, rgba(0, 0, 0, .55) 64%, transparent 82%);
  mask-image: linear-gradient(to bottom, transparent 18%, rgba(0, 0, 0, .55) 36%, #000 50%, rgba(0, 0, 0, .55) 64%, transparent 82%);
 }
+/* The blur fades in diagonally: lightest at the top left, full at the bottom
+   right (second mask layer, intersected with the band above). */
 .hero-section .container::before {
+  -webkit-mask-image: linear-gradient(to bottom, transparent 18%, rgba(0, 0, 0, .55) 36%, #000 50%, rgba(0, 0, 0, .55) 64%, transparent 82%),
+                      linear-gradient(135deg, rgba(0, 0, 0, .15) 15%, #000 75%);
+  mask-image: linear-gradient(to bottom, transparent 18%, rgba(0, 0, 0, .55) 36%, #000 50%, rgba(0, 0, 0, .55) 64%, transparent 82%),
+              linear-gradient(135deg, rgba(0, 0, 0, .15) 15%, #000 75%);
+  -webkit-mask-composite: source-in;
+  mask-composite: intersect;
  -webkit-backdrop-filter: blur(22px) saturate(1.1);
  backdrop-filter: blur(22px) saturate(1.1);
  opacity: .8;
@@ -962,31 +970,12 @@ section[id] {

 .hero-cta-row {
  display: flex;
-  flex-direction: column;   /* the button, then the trial link as plain text under it */
+  flex-direction: column;
  align-items: center;
  gap: 14px;
  margin-top: 2.5rem;
 }

-/* "Marca uma aula experimental": text only, under the main button. */
-.hero-text-link {
-  background: none;
-  border: 0;
-  padding: 4px 8px;
-  color: #fff;
-  font: inherit;
-  font-weight: 300;
-  letter-spacing: .02em;
-  text-shadow: 0 1px 6px rgba(0, 0, 0, .6);
-  cursor: pointer;
-  transition: color .3s ease;
-}
-.hero-text-link:hover,
-.hero-text-link:focus-visible {
-  color: var(--fitme-accent);
-  text-decoration: none;
-}
-
 .hero-cta-row .site-btn {
  margin-top: 0;
 }
@@ -3541,7 +3530,7 @@ h3.contact-title {
  font-size: .92rem;
  font-weight: 700;
  white-space: nowrap;
-  color: var(--fitme-on-accent);   /* white on the red gym, dark on lime */
+  color: var(--ev-on, var(--fitme-on-accent));   /* set from the event colour (index.php) */
  background: var(--ev-accent);
 }
 .hero-event-go i { transition: transform var(--fitme-transition); }
@@ -12,9 +12,13 @@ if (($_GET['gym'] ?? '') === '') {
    exit;
 }

+// Only gyms with a CrossFit box have this page: a real 404 status, so decide before any output.
+require_once __DIR__ . '/../config/db.php';
+require_once __DIR__ . '/../config/functions.php';
+$cf_gym = site_gym($pdo);
+if ($cf_gym && empty($cf_gym['has_crossfit'])) { require __DIR__ . '/404.php'; exit; }
+
 require __DIR__ . '/_open.php';
-// Only gyms with a CrossFit box have this page.
-if (empty($gym['has_crossfit'])) { ob_get_level() && ob_end_clean(); require __DIR__ . '/404.php'; exit; }

 $data = [
    'title'              => 'CrossFit',
@@ -105,8 +105,12 @@ $seo_desc  = $event['summary'] !== ''
    : trim(mb_substr(strip_tags((string) ($event['subtitle'] ?: $event['description'])), 0, 200));

 $current_uri_2 = 'evento';
+// An event tied to one gym (Eventos → «Mostrar em») renders in that gym's brand.
+$ev_gym = !empty($event['gym_id']) ? db_gyms_get($pdo, (int) $event['gym_id']) : null;
+if ($ev_gym && empty($_GET['gym'])) $_GET['gym'] = $ev_gym['slug'];
+$ev_gym = $ev_gym ?? site_gym($pdo) ?? gym_fallback();
 $GLOBALS['_page_meta_override'] = [
-    ($event['title'] !== '' ? $event['title'] : 'Evento') . ' | FitMe 3070',
+    ($event['title'] !== '' ? $event['title'] : 'Evento') . ' | ' . $ev_gym['name'],
    $seo_desc,
 ];
 $GLOBALS['_canonical_override'] = $event_url;
@@ -114,7 +118,7 @@ $GLOBALS['_og_type_override']   = 'article';
 if ($hero_url !== '') $GLOBALS['_og_image_override'] = $hero_url;

 // Event structured data (schema.org/Event) for rich link previews / search.
-$info = site_info($pdo);
+$info = site_info($pdo, (int) $ev_gym['id']);
 $ld_event = [
    '@context'    => 'https://schema.org',
    '@type'       => 'Event',
@@ -130,11 +134,11 @@ if (!empty($event['event_ends_at']))   $ld_event['endDate']   = str_replace(' ',
 $ld_event['location'] = $event['location'] !== ''
    ? ['@type' => 'Place', 'name' => $event['location']]
    : ['@type' => 'Place',
-       'name'    => ($info['name'] ?? '') !== '' ? $info['name'] : 'FitMe 3070',
+       'name'    => ($info['name'] ?? '') !== '' ? $info['name'] : $ev_gym['name'],
       'address' => $info['adress'] ?? ''];
 $ld_event['organizer'] = [
    '@type' => 'Organization',
-    'name'  => ($info['name'] ?? '') !== '' ? $info['name'] : 'FitMe 3070',
+    'name'  => ($info['name'] ?? '') !== '' ? $info['name'] : $ev_gym['name'],
    'url'   => base_url(),
 ];
 $GLOBALS['_jsonld_extra'] = $ld_event;
@@ -2,27 +2,37 @@
 // Per-page metadata, keyed by $current_uri_2. The canonical URL comes from
 // base_url(), which matches the https + non-www redirect in .htaccess.
 $page = $current_uri_2 ?? '';
-$page_meta = [
-    '' => ['FitMe 3070 — Ginásio & CrossFit em Mira',
-           'Ginásio em Mira (Lagoa) com musculação, CrossFit, aulas de grupo, personal trainers, nutrição e fisioterapia. Inscreve-te já no FitMe 3070!'],
-    'crossfit' => ['CrossFit 3070 — Box de CrossFit em Mira | FitMe 3070',
-           'Box de CrossFit em Mira (Lagoa). Aulas para todos os níveis com treinadores certificados. Marca a tua aula experimental no CrossFit 3070!'],
-    'privacidade' => ['Política de Privacidade | FitMe 3070',
-           'Política de privacidade do FitMe 3070 — como recolhemos, usamos e protegemos os teus dados pessoais.'],
-    'termos' => ['Termos e Condições | FitMe 3070',
-           'Termos e condições de utilização do website do FitMe 3070.'],
-];
-// The gym's homepage uses the gym's own SEO title/description when set
-// (Gestão → Ginásios); a new gym without them gets a generic one from its name
-// and locality rather than the 3070 texts above.
+// Titles ~50-60 characters, descriptions ~140-160 (what Google shows).
 $gym_meta = current_gym();
-if ($page === '' && ($gym_meta['seo_title'] ?? '') !== '') {
-    $page_meta[''] = [$gym_meta['seo_title'], ($gym_meta['seo_description'] ?? '') !== '' ? $gym_meta['seo_description'] : $page_meta[''][1]];
-} elseif ($page === '' && (int) $gym_meta['id'] !== 1) {
-    $loc = ($gym_meta['locality'] ?? '') !== '' ? ' em ' . $gym_meta['locality'] : '';
-    $page_meta[''] = [$gym_meta['name'] . ' — Ginásio' . $loc,
-                      ($gym_meta['seo_description'] ?? '') !== '' ? $gym_meta['seo_description'] : 'Ginásio ' . $gym_meta['name'] . $loc . ': treino, aulas de grupo e acompanhamento.'];
+$gym_name = ($gym_meta['name'] ?? '') !== '' ? $gym_meta['name'] : 'FitMe 3070';
+$is_main  = (int) ($gym_meta['id'] ?? 1) === 1;
+$loc      = ($gym_meta['locality'] ?? '') !== '' ? $gym_meta['locality'] : 'Mira';
+$loc_in   = (preg_match('/^(zona|rua|avenida|praia|vila)/iu', $loc) ? 'na ' : 'em ') . $loc;   // «na Zona Industrial de Mira»
+$page_meta = [
+    '' => $is_main
+        ? ['FitMe 3070 — Ginásio e CrossFit em Mira',
+           'Ginásio em Mira (Lagoa) com musculação, CrossFit, aulas de grupo, personal trainers, nutrição e fisioterapia. Vê horários e mensalidades e inscreve-te!']
+        // Other gyms without their own texts get them from name and locality, never the 3070 ones.
+        : [$gym_name . ' — Ginásio ' . $loc_in,
+           $gym_name . ', ginásio ' . $loc_in . ': musculação, cardio e treino funcional com acompanhamento. Vê horários e mensalidades e inscreve-te já!'],
+    'crossfit' => $is_main
+        ? ['CrossFit 3070 — Box de CrossFit em Mira | FitMe 3070',
+           'Box de CrossFit em Mira (Lagoa) com treinadores certificados e aulas para todos os níveis, do primeiro treino à competição. Vê o horário e treina connosco!']
+        : ['CrossFit — Box ' . $loc_in . ' | ' . $gym_name,
+           'Box de CrossFit do ' . $gym_name . ' ' . $loc_in . ': aulas para todos os níveis com treinadores certificados. Vê o horário e treina connosco!'],
+    'privacidade' => ['Política de Privacidade | ' . $gym_name,
+           'Política de privacidade do ' . $gym_name . ': que dados pessoais recolhemos, para quê, durante quanto tempo e como exerces os teus direitos (RGPD).'],
+    'termos' => ['Termos e Condições | ' . $gym_name,
+           'Termos e condições de utilização do site do ' . $gym_name . ': pedidos de inscrição, preços, horários, eventos e limites de responsabilidade.'],
+];
+// The gym's own SEO title/description (Gestão → Ginásios) win on its homepage, each on its own.
+if ($page === '') {
+    if (($gym_meta['seo_title'] ?? '') !== '')       $page_meta[''][0] = $gym_meta['seo_title'];
+    if (($gym_meta['seo_description'] ?? '') !== '') $page_meta[''][1] = $gym_meta['seo_description'];
 }
+// Favicon: the gym's own logo when it is an SVG.
+$gym_logo_rel = gym_logo($gym_meta);
+$favicon_rel  = str_ends_with(strtolower($gym_logo_rel), '.svg') ? $gym_logo_rel : 'site/assets/img/logos/logo_black.svg';
 // A dynamic page (e.g. an event landing page) can set its own title/description
 // and canonical via these globals before requiring _open.php.
 [$page_title, $page_desc] = $GLOBALS['_page_meta_override'] ?? $page_meta[$page] ?? $page_meta[''];
@@ -37,8 +47,8 @@ $canonical = $GLOBALS['_canonical_override'] ?? match ($page) {
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 <meta name="description" content="<?= htmlspecialchars($page_desc) ?>">
-<meta name="keywords" content="fitness, ginásio, exercício, personal trainer, crossfit, box, aveiro, mira">
-<meta name="author" content="FitMe 3070">
+<meta name="keywords" content="<?= htmlspecialchars('ginásio, fitness, musculação, personal trainer, ' . (!empty($gym_meta['has_crossfit']) ? 'crossfit, box, ' : '') . mb_strtolower($loc) . ', ' . $gym_name) ?>">
+<meta name="author" content="<?= htmlspecialchars($gym_name) ?>">
 <meta name="theme-color" content="<?= htmlspecialchars(($gym_meta['brand_color'] ?? '') !== '' ? $gym_meta['brand_color'] : '#C2D500') ?>">
 <title><?= htmlspecialchars($page_title) ?></title>
 <link rel="canonical" href="<?= htmlspecialchars($canonical) ?>">
@@ -68,13 +78,13 @@ $canonical = $GLOBALS['_canonical_override'] ?? match ($page) {
 <?= link_tag('site/assets/css/style.css') ?>

 <!-- Favicon -->
-<link rel="icon" type="image/svg+xml" href="<?= base_url('site/assets/img/logos/logo_black.svg') ?>">
+<link rel="icon" type="image/svg+xml" href="<?= htmlspecialchars(base_url($favicon_rel)) ?>">
 <link rel="apple-touch-icon" sizes="180x180" href="<?= base_url('site/assets/img/logos/apple-touch-icon.png') ?>">

 <!-- Open Graph / link previews -->
 <meta property="og:url" content="<?= htmlspecialchars($canonical) ?>">
 <meta property="og:type" content="<?= htmlspecialchars($GLOBALS['_og_type_override'] ?? 'website') ?>">
-<meta property="og:site_name" content="FitMe 3070">
+<meta property="og:site_name" content="<?= htmlspecialchars($gym_name) ?>">
 <meta property="og:locale" content="pt_PT">
 <meta property="og:title" content="<?= htmlspecialchars($page_title) ?>">
 <meta property="og:description" content="<?= htmlspecialchars($page_desc) ?>">
@@ -109,8 +109,15 @@ $center_logo = !empty($nav_center_logo);
    /* ── Mobile menu fills the screen below the bar (style.css --nav-h) ──── */
    var hdr = document.querySelector('.header-section');
    if (hdr) {
-        var setNavH = function() { hdr.style.setProperty('--nav-h', hdr.offsetHeight + 'px'); };
+        // Desktop: the bottom sweep line stops at the other-gym head (style.css --switch-w).
+        var sw = hdr.querySelector('.gym-switch');
+        var setNavH = function() {
+            hdr.style.setProperty('--nav-h', hdr.offsetHeight + 'px');
+            var w = (sw && window.innerWidth >= 992) ? hdr.getBoundingClientRect().right - sw.getBoundingClientRect().left + 5 : 0;
+            hdr.style.setProperty('--switch-w', Math.max(0, w) + 'px');
+        };
        window.addEventListener('resize', setNavH, { passive: true });
+        window.addEventListener('load', setNavH);
        setNavH();
    }

@@ -8,7 +8,7 @@ $ld = [
    'name'     => $ld_gym['name'] !== '' ? $ld_gym['name'] : (($info['name'] ?? '') !== '' ? $info['name'] : 'FitMe 3070'),
    'url'      => gym_url($ld_gym),
    'image'    => base_url(img_compat_rel(($ld_gym['hero_image'] ?? '') !== '' ? $ld_gym['hero_image'] : 'site/assets/img/home.jpg')),
-    'logo'     => base_url('site/assets/img/logos/logo_black.svg'),
+    'logo'     => base_url(img_compat_rel(gym_logo($ld_gym) ?: 'site/assets/img/logos/logo_black.svg')),
 ];
 if (!empty($info['phone'])) $ld['telephone'] = site_tel($info['phone']);
 if (!empty($info['email'])) $ld['email']     = $info['email'];
@@ -61,10 +61,12 @@ $hero_img    = $gym['hero_image'] !== '' ? $gym['hero_image'] : 'site/assets/img
            <div class="hero-events">
                <?php foreach ($events as $ev):
                    $ac     = $ev['cor'] !== '' ? $ev['cor'] : '#C2D500';
+                    // Button text follows the event's colour, not the page gym's (red event on lime 3070).
+                    $ev_on  = str_contains(gym_brand_vars(['brand_color' => $ac]), 'on-accent:#FFFFFF') ? '#FFFFFF' : '#0B0B0D';
                    $ev_img = $ev['hero_image'] !== '' ? base_url('uploads/events/' . rawurlencode($ev['hero_image'])) : '';
                ?>
                <a class="hero-event<?= $ev_img ? ' has-img' : '' ?>" href="<?= base_url('evento/' . rawurlencode($ev['slug'])) ?>"
-                   style="--ev-accent:<?= htmlspecialchars($ac, ENT_QUOTES) ?><?= $ev_img ? ';--ev-img:url(\'' . htmlspecialchars($ev_img, ENT_QUOTES) . '\')' : '' ?>">
+                   style="--ev-accent:<?= htmlspecialchars($ac, ENT_QUOTES) ?>;--ev-on:<?= $ev_on ?><?= $ev_img ? ';--ev-img:url(\'' . htmlspecialchars($ev_img, ENT_QUOTES) . '\')' : '' ?>">
                    <span class="hero-event-badge"><span class="event-live-dot"></span><i class="fas fa-bolt"></i> Evento</span>
                    <span class="hero-event-text">
                        <strong class="hero-event-title"><?= htmlspecialchars($ev['title']) ?></strong>
@@ -78,7 +80,6 @@ $hero_img    = $gym['hero_image'] !== '' ? $gym['hero_image'] : 'site/assets/img
            <h1><?= htmlspecialchars($gym['hero_title'] !== '' ? $gym['hero_title'] : $gym['name']) ?><?php if ($gym['hero_subtitle'] !== ''): ?><br><span><?= htmlspecialchars($gym['hero_subtitle']) ?></span><?php endif; ?></h1>
            <div class="hero-cta-row">
                <a href="?assunto=insc#contactos" class="site-btn">Inscreve-te Já!</a>
-                <button type="button" class="hero-text-link" data-bs-toggle="modal" data-bs-target="#trialModal">Marca uma aula experimental</button>
            </div>
        </div>
    </div>
@@ -21,6 +21,17 @@ $dt = static function ($v): string {
        <input type="color" class="form-control form-control-color" name="cor" value="<?= htmlspecialchars($data['cor'] ?? '#C2D500') ?>">
    </div>

+    <div class="col-md-6">
+        <label class="form-label">Mostrar em</label>
+        <select class="form-select" name="gym_id">
+            <option value="">Todos os ginásios</option>
+            <?php foreach (db_gyms_list($pdo) as $g): ?>
+            <option value="<?= (int) $g['id'] ?>"<?= (int) ($data['gym_id'] ?? 0) === (int) $g['id'] ? ' selected' : '' ?>><?= htmlspecialchars($g['name']) ?></option>
+            <?php endforeach; ?>
+        </select>
+        <div class="form-text">Ginásio em cujo topo da página inicial o destaque aparece.</div>
+    </div>
+
    <div class="col-12">
        <label class="form-label">Subtítulo</label>
        <input class="form-control" name="subtitle" maxlength="255" value="<?= htmlspecialchars($data['subtitle'] ?? '') ?>">
@@ -24,6 +24,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
        'cta_label'       => trim($_POST['cta_label'] ?? ''),
        'cta_url'         => trim($_POST['cta_url'] ?? ''),
        'show_lead_form'  => isset($_POST['show_lead_form']) ? 1 : 0,
+        'gym_id'          => (int) ($_POST['gym_id'] ?? 0) ?: null,
        'hero_image'      => '',
    ];

@@ -48,6 +48,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['save_event'])) {
        'cta_label'       => trim($_POST['cta_label'] ?? ''),
        'cta_url'         => trim($_POST['cta_url'] ?? ''),
        'show_lead_form'  => isset($_POST['show_lead_form']) ? 1 : 0,
+        'gym_id'          => (int) ($_POST['gym_id'] ?? 0) ?: null,
        'hero_image'      => $item['hero_image'],
    ];