style(contactos): opening hours stacked by day, one line per period, centred

site/assets/css/style.css

@@ -871,16 +871,18 @@ section[id] {
 /* Horário de Funcionamento, nested inside Informações e contactos (not its
    own section) — plain text lines, centered, matching the "less graphics"
    direction the rest of that column took once the icons came out. */
-.wh-text p {
+/* One block per day, centred: the day on its own line, then one line per
-  margin: 0 0 8px;
+   opening period (Sábado: morning and afternoon). */
-  color: rgba(255, 255, 255, .7);
+.wh-day + .wh-day { margin-top: 14px; }
-}
 
-.wh-text p:last-child {
+.wh-text p {
-  margin-bottom: 0;
+  margin: 0;
+  color: rgba(255, 255, 255, .7);
+  line-height: 1.6;
 }
 
 .wh-text strong {
+  display: block;
   color: var(--fitme-accent);
   font-weight: 700;
 }

site/includes/contactos.php

@@ -70,10 +70,11 @@ $session          = session();
                                 }
                             }
                         ?>
-                        <p><strong><?= htmlspecialchars($key) ?>:</strong>
+                        <div class="wh-day">
-                            <?php if ($ranges): ?><?= htmlspecialchars(implode(', ', $ranges)) ?>
+                            <strong><?= htmlspecialchars($key) ?></strong>
-                            <?php else: ?><span class="wh-closed">Encerrado</span><?php endif; ?>
+                            <?php if ($ranges): foreach ($ranges as $r): ?><p><?= htmlspecialchars($r) ?></p><?php endforeach; ?>
-                        </p>
+                            <?php else: ?><p class="wh-closed">Encerrado</p><?php endif; ?>
+                        </div>
                         <?php endforeach; ?>
                     </div>
                 </div>