fix: move location to right side of header topbar

public/index.html

@@ -86,6 +86,20 @@
 
     .top-social a:hover { background: var(--color-secondary); }
 
+    .top-right-info {
+      display: flex;
+      align-items: center;
+      gap: 1.5rem;
+      margin-left: auto;
+    }
+
+    .top-right-info span {
+      display: flex;
+      align-items: center;
+      gap: 0.4rem;
+      font-size: 0.82rem;
+    }
+
     /* ===== MAIN HEADER ===== */
     .main-header {
       background: var(--color-white);
@@ -826,12 +840,14 @@
       <div class="top-contact">
         <span><i class="fas fa-phone"></i> <a href="tel:+529181261222">918 126 1222</a></span>
         <span><i class="fas fa-envelope"></i> <a href="mailto:festival@armadillos.org.mx">festival@armadillos.org.mx</a></span>
-        <span><i class="fas fa-map-marker-alt"></i> Acapetahua, Chiapas, México</span>
       </div>
-      <div class="top-social">
-        <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
-        <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
-        <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
+      <div class="top-right-info">
+        <span><i class="fas fa-map-marker-alt"></i> Acapetahua, Chiapas, México</span>
+        <div class="top-social">
+          <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
+          <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
+          <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
+        </div>
       </div>
     </div>
   </div>