Merge pull request 'feat(contactos): embed the FitMe app contact form' (#5) from beta into main

Merge pull request #3: promote beta to main

site/assets/css/style.css

@@ -1653,13 +1653,9 @@ section[id] {
   margin-bottom: 2.5rem;
 }
 
-/* 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; }
+/* The form heading is an h3 under the section's h2 — keep the h2 look. */
+h3.contact-title {
+  font-size: 2.25rem;
 }
 
 .contact-info-warp {

site/includes/contactos.php

@@ -24,10 +24,8 @@ $session          = session();
         </div>
         <?php endif; ?>
         <div class="row">
-            <div class="col-lg-6">
+            <div class="col-lg-4">
                 <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">
@@ -60,12 +58,10 @@ $session          = session();
                         </a>
                     </div>
                 </div>
-                </div>
                 <?php if ($whours): ?>
-                <div class="col-sm-6">
-                <div class="contact-info-warp text-center text-md-left">
+                <div class="contact-info-warp text-center">
                     <h3>Horário de Funcionamento</h3>
-                    <div class="contact-info wh-text text-center text-md-left">
+                    <div class="contact-info wh-text text-center">
                         <?php foreach ($work_hours_days as $key => $value):
                             $ranges = [];
                             foreach ($whours as $h) {
@@ -82,12 +78,11 @@ $session          = session();
                         <?php endforeach; ?>
                     </div>
                 </div>
-                </div>
                 <?php endif; ?>
-                </div>
             </div>
-            <div class="col-lg-6">
+            <div class="col-lg-8">
                 <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>