nosotros + blog en curso

style/main.css

@@ -1,7 +1,15 @@
 /* ============================================
    FUENTES DE MARCA
    ============================================ */
-@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&family=Literata:ital,wght@0,400;0,700;1,400;1,700&family=Raleway:wght@400;500;600;700&family=Windsong&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&family=Literata:ital,wght@0,400;0,700;1,400;1,700&family=Raleway:wght@400;500;600;700&family=WindSong&display=swap');
+
+@font-face {
+  font-family: 'Kaleagnetta';
+  src: url(../assets/fonts/Kaleagnetta.woff2);
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
 
 /* ============================================
    VARIABLES DE TEMA (modo claro por defecto)
@@ -47,6 +55,7 @@
   --font-body: 'Raleway', sans-serif;
   --font-small: 'Jost', sans-serif;
   --font-signature: 'Windsong', cursive;
+  --font-signature2: 'Kaleagnetta', cursive;
 
   --font-family-base: var(--font-body);
   --font-size-base: 16px;
@@ -65,6 +74,8 @@
   --bg-surface: #170c1d;
   --bg-surface-elevated: #221728;
   --bg-icon-contrast: var(--brand-sage-light);
+  --brand-teal-contraste: #116c88;
+  --brand-crimson-contraste: #d81a5c;
 
   --text-primary: var(--brand-sage-light);
   --text-secondary: var(--brand-rose-muted);
@@ -833,9 +844,9 @@ PANTALLA DE BIENVENIDA
 .bienvenida-icono {
   width: 80px;
   height: 80px;
-  border-radius: 50%;
+  /*border-radius: 50%;
   background-color: var(--bg-surface-elevated);
-  border: 2px solid var(--border);
+  border: 2px solid var(--border);*/
   display: flex;
   align-items: center;
   justify-content: center;
@@ -843,8 +854,8 @@ PANTALLA DE BIENVENIDA
 }
 
 .icono-diagnostico {
-  width: 40px;
-  height: 40px;
+  width: 70px;
+  height: 70px;
   display: block;
   background-color: var(--btn-primary-bg);
   -webkit-mask-image: url("../assets/iconos/ad_hoc.svg");