From d6f1739160f08be46c5e79324bf5866f661a17a0 Mon Sep 17 00:00:00 2001
From: devRaGonSa <rgonsal93@gmail.com>
Date: Thu, 11 Jun 2026 10:01:26 +0200
Subject: [PATCH] Adjust countdown and page navigation

---
 ...41-adjust-countdown-and-page-navigation.md | 68 +++++++++++++++++++
 frontend/assets/css/styles.css                | 16 +++--
 frontend/historico-partida.html               | 17 ++++-
 frontend/index.html                           |  1 -
 frontend/partida-actual.html                  |  6 --
 5 files changed, 92 insertions(+), 16 deletions(-)
 create mode 100644 ai/tasks/done/TASK-241-adjust-countdown-and-page-navigation.md

diff --git a/ai/tasks/done/TASK-241-adjust-countdown-and-page-navigation.md b/ai/tasks/done/TASK-241-adjust-countdown-and-page-navigation.md
new file mode 100644
index 0000000..00290ac
--- /dev/null
+++ b/ai/tasks/done/TASK-241-adjust-countdown-and-page-navigation.md
@@ -0,0 +1,68 @@
+---
+id: TASK-241
+title: Adjust countdown and page navigation
+status: done
+type: frontend
+team: Frontend Senior
+supporting_teams:
+  - Experto en interfaz
+roadmap_item: foundation
+priority: medium
+---
+
+# TASK-241 - Adjust countdown and page navigation
+
+## Goal
+
+Apply the requested visual cleanup to the home countdown and align `partida-actual.html` and `historico-partida.html` with the existing public navigation pattern.
+
+## Context
+
+The countdown copy needed to move into the green capsule without duplicating the heading below it. The current-match page still had redundant hero buttons after the shared top navigation was added. The historical match detail page still lacked the shared top navigation and kept a local back button.
+
+## Steps
+
+1. Reviewed the existing public nav markup and countdown block.
+2. Updated the home countdown markup and capsule styling.
+3. Removed redundant hero buttons from current match and added the shared nav to historical match detail.
+
+## Files to Read First
+
+- `AGENTS.md`
+- `ai/architecture-index.md`
+- `ai/repo-context.md`
+- `frontend/index.html`
+- `frontend/partida-actual.html`
+- `frontend/historico-partida.html`
+
+## Expected Files to Modify
+
+- `frontend/index.html`
+- `frontend/assets/css/styles.css`
+- `frontend/partida-actual.html`
+- `frontend/historico-partida.html`
+
+## Constraints
+
+- No backend changes for this task.
+- No assets, weapons, SVGs or clan images.
+- Do not touch the weapon icon system.
+- Keep the countdown target at `2026-08-13T00:00:00+02:00`.
+
+## Validation
+
+- `node --check frontend/assets/js/main.js` if touched
+- `node --check frontend/assets/js/partida-actual.js` if touched
+- `node --check frontend/assets/js/historico-partida.js` if touched
+- `git diff --name-only`
+
+## Outcome
+
+- The countdown capsule now contains the full launch text and the duplicate white heading was removed.
+- `partida-actual.html` keeps the shared top navigation and the public scoreboard button, but no longer repeats `VOLVER INICIO` or `ABRIR HISTORICO` inside the hero.
+- `historico-partida.html` now uses the same shared top navigation and no longer shows `VOLVER HISTORICO`.
+- No weapon icons, weapon assets or backend code were touched for this task.
+
+## Change Budget
+
+- Stayed within a small, HTML/CSS-only frontend scope.
diff --git a/frontend/assets/css/styles.css b/frontend/assets/css/styles.css
index 0d98622..2171797 100644
--- a/frontend/assets/css/styles.css
+++ b/frontend/assets/css/styles.css
@@ -617,10 +617,9 @@ h2 {
 
 .release-countdown {
   margin-top: 18px;
-  display: grid;
-  grid-template-columns: minmax(0, 0.85fr) minmax(360px, 1.15fr);
-  align-items: center;
-  gap: 18px;
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
   padding: 18px;
   border: 1px solid rgba(210, 182, 118, 0.24);
   border-radius: 18px;
@@ -635,12 +634,17 @@ h2 {
 
 .release-countdown__copy {
   min-width: 0;
+  padding: 11px 16px;
+  border: 1px solid rgba(168, 199, 109, 0.3);
+  border-radius: 999px;
+  background: rgba(62, 88, 43, 0.62);
 }
 
 .release-countdown__copy h3 {
   margin: 0;
-  font-size: clamp(1.15rem, 1.8vw, 1.55rem);
-  line-height: 1.2;
+  color: var(--text-main);
+  font-size: clamp(0.95rem, 1.45vw, 1.12rem);
+  line-height: 1.25;
 }
 
 .release-countdown__units {
diff --git a/frontend/historico-partida.html b/frontend/historico-partida.html
index 3ad3f3d..dcda54f 100644
--- a/frontend/historico-partida.html
+++ b/frontend/historico-partida.html
@@ -14,13 +14,24 @@
   </head>
   <body>
     <div class="page-shell historical-shell">
+      <nav class="public-nav" aria-label="Navegación pública principal">
+        <a class="public-nav__link" href="./index.html">
+          Inicio
+        </a>
+        <a class="public-nav__link" href="./historico.html">
+          Histórico
+        </a>
+        <a class="public-nav__link" href="./stats.html">
+          Estadísticas
+        </a>
+        <a class="public-nav__link" href="./ranking.html">
+          Ranking
+        </a>
+      </nav>
       <header class="hero historical-hero">
         <div class="hero__overlay"></div>
         <div class="hero__content historical-hero__content">
           <div class="historical-hero__topline">
-            <a class="secondary-button secondary-button--ghost" href="./historico.html">
-              VOLVER HISTORICO
-            </a>
             <p class="eyebrow">Detalle interno</p>
           </div>
           <div class="historical-hero__layout">
diff --git a/frontend/index.html b/frontend/index.html
index 117044d..4e5b5af 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -93,7 +93,6 @@
               aria-labelledby="release-countdown-title"
             >
               <div class="release-countdown__copy">
-                <p class="eyebrow eyebrow--section">Hell Let Loose Vietnam</p>
                 <h3 id="release-countdown-title">
                   Fecha de lanzamiento de Hell Let Loose Vietnam (13 de agosto)
                 </h3>
diff --git a/frontend/partida-actual.html b/frontend/partida-actual.html
index 469b076..ea32214 100644
--- a/frontend/partida-actual.html
+++ b/frontend/partida-actual.html
@@ -32,9 +32,6 @@
         <div class="hero__overlay"></div>
         <div class="hero__content historical-hero__content">
           <div class="historical-hero__topline">
-            <a class="secondary-button secondary-button--ghost" href="./index.html">
-              VOLVER INICIO
-            </a>
             <p class="eyebrow">Partida en vivo</p>
           </div>
           <div class="historical-hero__layout">
@@ -58,9 +55,6 @@
                 </p>
               </div>
               <div class="hero__actions">
-                <a class="secondary-button" id="current-match-history" href="./historico.html">
-                  Abrir historico
-                </a>
                 <a
                   class="secondary-button"
                   id="current-match-scoreboard"