Logo FACTTIC, imagen OG, header con titulo

Author: FACTTIC

css/main.css

@@ -639,6 +639,20 @@ section[id] {
 
 .facttic-logo {
   text-decoration: none;
+  display: flex;
+  align-items: center;
+}
+
+.logo-img {
+  height: 32px;
+  width: auto;
+}
+
+.site-title {
+  font-family: var(--font-handwritten);
+  font-size: var(--text-hand-base);
+  font-weight: 600;
+  color: var(--color-ink);
 }
 
 .logo-text {
@@ -2707,10 +2721,8 @@ section[id] {
 }
 
 .facttic-logo-cierre {
-  font-family: var(--font-handwritten);
-  font-size: var(--text-hand-xl);
-  font-weight: 700;
-  color: #2563eb;
+  height: 48px;
+  width: auto;
   margin-bottom: var(--space-3);
 }
 
@@ -2915,6 +2927,23 @@ section[id] {
   margin-top: var(--space-3) !important;
 }
 
+/* Hero badge con logo */
+.hero-badge {
+  margin-bottom: var(--space-4);
+}
+
+.hero-logo-img {
+  height: 80px;
+  width: auto;
+}
+
+/* Footer logo */
+.footer-logo-img {
+  height: 40px;
+  width: auto;
+  margin-bottom: var(--space-3);
+}
+
 /* Hero disclaimer - sutil en gris */
 .hero-disclaimer {
   background: var(--color-surface-sunken);

index.html

@@ -10,12 +10,16 @@
   <meta property="og:title" content="Reforma Laboral 2026: Lo que cambia para vos">
   <meta property="og:description" content="¿Cómo te afecta la reforma laboral 2026? Guía interactiva para entender los cambios en tus derechos laborales.">
   <meta property="og:type" content="website">
-  <meta property="og:image" content="/assets/og-image.png">
+  <meta property="og:url" content="https://facttic.github.io/guiareforma/">
+  <meta property="og:image" content="https://facttic.github.io/guiareforma/assets/og-image.jpg">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
 
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:title" content="Reforma Laboral 2026 | FACTTIC">
   <meta name="twitter:description" content="Guía interactiva: calculá cómo te afecta la reforma laboral según tu situación.">
+  <meta name="twitter:image" content="https://facttic.github.io/guiareforma/assets/og-image.jpg">
 
   <!-- Leaflet CSS -->
   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="">
@@ -42,9 +46,7 @@
   <header class="site-header">
     <div class="container">
       <div class="header-content">
-        <a href="https://facttic.org.ar" class="facttic-logo" target="_blank" rel="noopener">
-          <span class="logo-text">FACTTIC</span>
-        </a>
+        <span class="site-title">Guía de la Reforma Laboral 2026</span>
         <nav class="header-nav" aria-label="Enlaces externos">
           <ul class="nav-list nav-list-simple">
             <li><a href="https://facttic.org.ar" target="_blank" rel="noopener">facttic.org.ar</a></li>
@@ -61,7 +63,7 @@
     <section id="hero" class="section hero-section" data-step="0" data-step-title="Inicio" aria-labelledby="hero-title">
       <div class="container">
         <div class="hero-content">
-          <div class="hero-badge">FACTTIC</div>
+          <div class="hero-badge"><img src="/assets/logo_facttic.png" alt="FACTTIC" class="hero-logo-img"></div>
           <h1 id="hero-title">Reforma Laboral 2026 <span class="hero-tag">Guía Interactiva</span></h1>
           <p class="hero-subtitle">Una lectura y apuntes de la reforma laboral por parte de las cooperativas tecnológicas argentinas.</p>
 
@@ -1823,7 +1825,7 @@ <h3>¿Qué podés hacer?</h3>
           </div>
 
           <div class="cierre-facttic">
-            <div class="facttic-logo-cierre">FACTTIC</div>
+            <img src="/assets/logo_facttic.png" alt="FACTTIC" class="facttic-logo-cierre">
             <p>Somos la <strong>Federación Argentina de Cooperativas de Trabajo de Tecnología, Innovación y Conocimiento</strong>.</p>
             <p>Trabajadores que elegimos organizarnos de otra forma: sin patrones, con autogestión y solidaridad. Porque creemos que otro modelo de trabajo es posible.</p>
             <a href="https://facttic.org.ar" target="_blank" rel="noopener" class="facttic-link-cierre">Conocé más sobre nosotros →</a>
@@ -1900,6 +1902,7 @@ <h4>Aviso legal</h4>
       <div class="container">
         <div class="footer-content">
           <div class="footer-about">
+            <img src="/assets/logo_facttic.png" alt="FACTTIC" class="footer-logo-img">
             <h4>Sobre FACTTIC</h4>
             <p>Somos la <strong>Federación Argentina de Cooperativas de Trabajo de Tecnología, Innovación y Conocimiento</strong>. Trabajadores organizados en cooperativas, desarrollando tecnología con valores de solidaridad y autogestión.</p>
                       </div>