From 2089f927503e01e884b6d7dcd5c8cc3afa672057 Mon Sep 17 00:00:00 2001
From: andre <andre.filipe6@gmail.com>
Date: Tue, 27 Oct 2026 13:55:13 +0000
Subject: [PATCH] style(contactos): info and hours in two columns beside the
 form
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Drops the duplicate «Envia-nos uma mensagem» heading (the app form has its
own) and gives the narrower form the right half.
---
 site/assets/css/style.css   | 10 +++++++---
 site/includes/contactos.php | 15 ++++++++++-----
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/site/assets/css/style.css b/site/assets/css/style.css
index 91a24b6..57fe8d3 100644
--- a/site/assets/css/style.css
+++ b/site/assets/css/style.css
@@ -1653,9 +1653,13 @@ section[id] {
   margin-bottom: 2.5rem;
 }
 
-/* The form heading is an h3 under the section's h2 — keep the h2 look. */
-h3.contact-title {
-  font-size: 2.25rem;
+/* The FitMe app form (iframe, max 480px): centred when it stacks under the info. */
+#fitme-form-site-contacto {
+  display: block;
+  margin-inline: auto;
+}
+@media (max-width: 991px) {
+  #contact-form { margin-top: 1rem; }
 }
 
 .contact-info-warp {
diff --git a/site/includes/contactos.php b/site/includes/contactos.php
index 4f1fb04..e234483 100644
--- a/site/includes/contactos.php
+++ b/site/includes/contactos.php
@@ -24,8 +24,10 @@ $session          = session();
         </div>
         <?php endif; ?>
         <div class="row">
-            <div class="col-lg-4">
+            <div class="col-lg-6">
                 <h2 id="contactos-title" class="contact-title text-center text-md-left">Informações</h2>
+                <div class="row">
+                <div class="col-sm-6">
                 <div class="contact-info-warp text-center text-md-left">
                     <h3>Localização</h3>
                     <div class="contact-info">
@@ -58,10 +60,12 @@ $session          = session();
                         </a>
                     </div>
                 </div>
+                </div>
                 <?php if ($whours): ?>
-                <div class="contact-info-warp text-center">
+                <div class="col-sm-6">
+                <div class="contact-info-warp text-center text-md-left">
                     <h3>Horário de Funcionamento</h3>
-                    <div class="contact-info wh-text text-center">
+                    <div class="contact-info wh-text text-center text-md-left">
                         <?php foreach ($work_hours_days as $key => $value):
                             $ranges = [];
                             foreach ($whours as $h) {
@@ -78,11 +82,12 @@ $session          = session();
                         <?php endforeach; ?>
                     </div>
                 </div>
+                </div>
                 <?php endif; ?>
+                </div>
             </div>
-            <div class="col-lg-8">
+            <div class="col-lg-6">
                 <div id="contact-form">
-                    <h3 class="contact-title text-center text-md-left">Envia-nos uma mensagem</h3>
                     <?php /* Formulário da app FitMe (app.fitme3070.pt), em iframe; a altura acompanha o conteúdo via postMessage. */ ?>
                     <div id="fitme-form-site-contacto-wrap"></div>
                     <script>