diff --git a/src/main/resources/static/css/flashcards.css b/src/main/resources/static/css/flashcards.css
index 49ad81f..517bbf1 100644
--- a/src/main/resources/static/css/flashcards.css
+++ b/src/main/resources/static/css/flashcards.css
@@ -7,17 +7,17 @@
   --text:      #d4d4d4;
   --text-muted:#858585;
   --accent:    #007acc;
-  --accent-2:  #4ec9b0;
-  --warning:   #d7ba7d;
+  --accent-2:  #a4d7fa;
+  --warning:   #ffc24a;
   --error:     #f44747;
 }
 
 /* ── General ── */
 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
 body { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 11pt; color: var(--text); background: var(--bg); padding: 1.5rem; }
-h1 { font-size: 18pt; text-align: center; margin-bottom: 0.2em; color: var(--accent-2); }
-h2 { font-size: 13pt; margin: 1.2em 0 0.4em; border-bottom: 2px solid var(--border); padding-bottom: 0.2em; color: var(--accent-2); }
-h3 { font-size: 11pt; margin: 0.9em 0 0.3em; color: var(--text-muted); }
+h1 { font-size: 22pt; text-align: center; margin-bottom: 0.2em; color: var(--accent);}
+h2 { font-size: 18pt; margin: 1.2em 0 0.4em; border-bottom: 2px solid var(--accent); padding-bottom: 0.2em; color: var(--accent); font-weight: bold;}
+h3 { font-size: 15pt; margin: 0.9em 0 0.3em; color: var(--accent); font-weight: bold;}
 p, li { margin: 0.3em 0; line-height: 1.5; }
 ul { padding-left: 1.4em; }
 a { color: var(--accent); }
@@ -25,14 +25,14 @@ blockquote { border-left: 3px solid var(--border); padding-left: 0.8em; color: v
 
 /* ── Tablas ── */
 table { width: 100%; border-collapse: collapse; margin: 0.5em 0; font-size: 10pt; }
-th { background: #2c3e50; color: var(--accent-2); padding: 5px 8px; text-align: left; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
+th { background: var(--border); color: var(--text-muted); padding: 5px 8px; text-align: left; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
 td { padding: 4px 8px; vertical-align: top; border-bottom: 1px solid var(--border); }
 tr:nth-child(even) td { background: var(--bg-alt); }
 
 /* ── Secciones / tarjetas ── */
 .card { border: 1px solid var(--border); border-radius: 6px; background: var(--bg-alt); padding: 0.8em 1em; margin-bottom: 1.2em; }
-.card-title { font-size: 14pt; font-weight: bold; margin-bottom: 0.5em; color: var(--text); }
-.tag { display: inline-block; font-size: 8pt; background: var(--accent); color: #fff; border-radius: 3px; padding: 1px 6px; margin-bottom: 0.6em; vertical-align: middle; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
+.card-title { font-size: 14pt; font-weight: bold; margin-bottom: 0.5em; color: var(--accent-2); }
+.tag { display: inline-block; font-size: 8pt; background: var(--accent-2); color: var(--bg); border-radius: 3px; padding: 1px 6px; margin-bottom: 0.6em; vertical-align: middle; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
 .warn { background: #2a2005; border-left: 4px solid var(--warning); padding: 0.4em 0.8em; margin: 0.6em 0; font-size: 10pt; color: var(--warning); -webkit-print-color-adjust: exact; print-color-adjust: exact; }
 .p-alta td { background: #2a1010 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
 .p-alta td:first-child { font-weight: bold; color: var(--error); }
diff --git a/src/main/resources/static/flashcards.html b/src/main/resources/static/flashcards.html
index ccd7e93..b06f0a2 100644
--- a/src/main/resources/static/flashcards.html
+++ b/src/main/resources/static/flashcards.html
@@ -16,7 +16,7 @@
 <!-- ══════════════════════════════════════════════════════
      BLOQUE 1
 ══════════════════════════════════════════════════════ -->
-<h2>Bloque 1 — Marco jurídico y servicios</h2>
+<h2>Bloque 1 — Organización del Estado y Administración electrónica</h2>
 
 <div class="card">
   <div class="card-title">Leyes del Bloque 1 <span class="tag">B1</span></div>
@@ -78,14 +78,8 @@
   </div>
 </div>
 
-<!-- ══════════════════════════════════════════════════════
-     BLOQUE 1
-══════════════════════════════════════════════════════ -->
-<div class="page-break"></div>
-<h2>Bloque 1 — Plazos</h2>
-
 <div class="card">
-  <div class="card-title">Plazos administrativos — Bloque 1 <span class="tag">B1</span></div>
+  <div class="card-title">Bloque 1 — Plazos administrativos <span class="tag">B1</span></div>
 
   <h3>Constitución Española — Derechos fundamentales</h3>
   <table>