Aggiornamento della news page e del video

Author: EttoreCaputo

venezia-marea/assets/venezia_marea_ios_available.mp4

@@ -21,7 +21,7 @@
       --text: #111;
       --muted: #555;
       --bg: #ffffff;
-      --radius: 12px;
+      --radius: 16px;
       --tag-bg: #e8f0fb;
       --tag-color: #0057a8;
     }
@@ -34,7 +34,7 @@
       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
       line-height: 1.6;
       margin: 0;
-      padding: 24px 16px 32px;
+      padding: 8em 2em 8em;
       background: radial-gradient(circle at top, #e3f0ff 0, #ffffff 55%);
       color: var(--text);
       -webkit-font-smoothing: antialiased;
@@ -119,7 +119,7 @@
 
     .news-card {
       background: linear-gradient(145deg, #ffffff 0%, #f8fafd 100%);
-      border-radius: 18px;
+      border-radius: 32px;
       padding: 18px 18px 18px 18px;
       border: 1px solid rgba(15, 23, 42, 0.06);
       box-shadow: 0 18px 45px rgba(15, 23, 42, 0.12);
@@ -237,13 +237,13 @@ <h2>Venezia Marea è ora disponibile su iOS</h2>
             Porta le previsioni di marea direttamente sul tuo iPhone. Interfaccia ottimizzata,
             notifiche affidabili e una mappa pensata per muoverti in sicurezza in città.
           </p>
-          <div style="margin-top: 14px; border-radius: 14px; overflow: hidden;">
+          <div style="margin-top: 14px; border-radius: 16px; overflow: hidden;">
             <video
               src="assets/venezia_marea_ios_available.mp4"
               autoplay
               muted
               playsinline
-              style="width: 100%; height: auto; display: block; background: #000;"
+              style="width: 100%; height: 100%; display: block; background: #000;"
             ></video>
           </div>
         </div>
@@ -306,13 +306,13 @@ <h2>Venezia Marea is now on iOS</h2>
             Get tide forecasts right on your iPhone. A layout tuned for small screens,
             reliable alerts and a map designed to help you move safely around the city.
           </p>
-          <div style="margin-top: 14px; border-radius: 14px; overflow: hidden;">
+          <div style="margin-top: 14px; border-radius: 16px; overflow: hidden;">
             <video
               src="assets/venezia_marea_ios_available.mp4"
               autoplay
               muted
               playsinline
-              style="width: 100%; height: auto; display: block; background: #000;"
+              style="width: 100%; height: 100%; display: block; background: #000;"
             ></video>
           </div>
         </div>