Merge pull request 'style(contactos): info and hours beside the form' (#6) from beta into main

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 {

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>