textos gral

servicios.html

@@ -54,8 +54,8 @@
 
   <section class="section-tight">
     <div class="container">
-      <p class="eyebrow">Servicios</p>
-      <h1 style="font-size:var(--step-3); max-width:22ch;">Soluciones digitales diseñadas para hacer crecer tu marca.</h1>
+      <p class="eyebrow">SERVICIOS</p>
+      <h1 style="font-size:var(--step-4); max-width:20ch;">Soluciones digitales diseñadas para hacer crecer tu marca.</h1>
       <p class="lede" style="margin-top:1rem;">No vendemos piezas sueltas: cada servicio resuelve un problema concreto de tu negocio, y puede combinarse con otros según tu etapa.</p>
       <a href="diagnostico.html" class="btn btn-primary" style="margin-top:1.5rem;">Encontrá tu solución</a>
     </div>
@@ -67,7 +67,7 @@
       <h3>¿Qué necesita hoy tu negocio?</h3>
       <div class="grid grid-4" style="margin-top:var(--space-3);">
         <a href="diagnostico.html?interes=marca" class="card" style="text-align:center;">Construir una marca</a>
-        <a href="diagnostico.html?interes=presencia" class="card" style="text-align:center;">Mejorar mi presencia digital</a>
+        <a href="diagnostico.html?interes=presencia" class="card" style="text-align:center;">Mejorar presencia digital</a>
         <a href="diagnostico.html?interes=contenido" class="card" style="text-align:center;">Generar contenido</a>
         <a href="diagnostico.html?interes=web" class="card" style="text-align:center;">Crear una web</a>
         <a href="diagnostico.html?interes=captacion" class="card" style="text-align:center;">Conseguir clientes</a>
@@ -82,7 +82,7 @@
     <div class="container">
       <div class="grid grid-2" style="align-items:center;">
         <div>
-          <p class="eyebrow">01 · Branding &amp; Identidad</p>
+          <p class="eyebrow">01 · BRANDING &amp; IDENTIDAD</p>
           <h2 style="max-width:16ch;">La esencia visual y conceptual de tu marca.</h2>
           <p class="lede" style="margin-top:1rem;">Diagnóstico de marca, propuesta de valor, personalidad y todo el sistema de identidad que sostiene tu comunicación.</p>
           <a href="diagnostico.html?interes=marca" class="btn btn-primary" style="margin-top:1.5rem;">Construir mi marca</a>
@@ -116,7 +116,7 @@
           <li class="card">Paid Media según plan</li>
         </ul>
         <div style="order:1;">
-          <p class="eyebrow">02 · Redes Sociales &amp; Contenido</p>
+          <p class="eyebrow">02 · REDES SOCIALES &amp; CONTENIDO</p>
           <h2 style="max-width:16ch;">Contenido con criterio, no solo calendario.</h2>
           <p class="lede" style="margin-top:1rem;">Estrategia, dirección de arte y gestión pensadas para generar comunidad real, no solo publicaciones.</p>
           <a href="planes.html" class="btn btn-primary" style="margin-top:1.5rem;">Ver planes</a>
@@ -128,8 +128,8 @@
   <!-- WEB -->
   <section id="web">
     <div class="container">
-      <p class="eyebrow">03 · Desarrollo Web</p>
-      <h2 style="max-width:20ch;">Activos digitales construidos alrededor de tu embudo.</h2>
+      <p class="eyebrow">03 · DESARROLLO WEB</p>
+      <h2 style="max-width:25ch;">Activos digitales construidos alrededor de tu embudo.</h2>
       <div class="grid grid-3" style="margin-top:var(--space-4);">
         <div class="card">
           <h4 style="font-size:1.05rem;">Landing Pages</h4>
@@ -152,14 +152,14 @@
   <!-- AUTOMATIZACIONES -->
   <section id="automatizaciones" style="background:var(--bg-sunken);">
     <div class="container">
-      <p class="eyebrow">04 · Automatizaciones</p>
+      <p class="eyebrow">04 · AUTOMATIZACIONES</p>
       <h2 style="max-width:18ch;">De la conversación a la venta, sin perder oportunidades.</h2>
       <div class="timeline" style="margin-top:var(--space-4); grid-template-columns:repeat(5,1fr) !important;">
-        <div class="step"><h4 style="font-style:normal; font-size:1rem;">Interacción</h4></div>
-        <div class="step"><h4 style="font-style:normal; font-size:1rem;">Cualificación</h4></div>
-        <div class="step"><h4 style="font-style:normal; font-size:1rem;">Lead</h4></div>
-        <div class="step"><h4 style="font-style:normal; font-size:1rem;">Notificación</h4></div>
-        <div class="step"><h4 style="font-style:normal; font-size:1rem;">Seguimiento</h4></div>
+        <div class="step"><h4 style="font-style:italicl; font-size:1rem;">Interacción</h4></div>
+        <div class="step"><h4 style="font-style:italic; font-size:1rem;">Cualificación</h4></div>
+        <div class="step"><h4 style="font-style:italic; font-size:1rem;">Lead</h4></div>
+        <div class="step"><h4 style="font-style:italic; font-size:1rem;">Notificación</h4></div>
+        <div class="step"><h4 style="font-style:italic; font-size:1rem;">Seguimiento</h4></div>
       </div>
       <p style="margin-top:var(--space-3); color:var(--text-soft); font-size:0.92rem;">Instagram · Facebook · WhatsApp · captación · cualificación · notificaciones internas.</p>
       <a href="diagnostico.html?interes=automatizacion" class="btn btn-primary" style="margin-top:1.5rem;">Quiero automatizar</a>
@@ -169,7 +169,7 @@
   <!-- PAID MEDIA -->
   <section id="paid-media">
     <div class="container">
-      <p class="eyebrow">05 · Paid Media</p>
+      <p class="eyebrow">05 · PAID MEDIA</p>
       <h2 style="max-width:18ch;">Publicidad que se optimiza, no que se apaga.</h2>
       <p class="lede" style="margin-top:1rem;">Auditoría, definición de públicos, conversiones, creatividades, testing y optimización continua.</p>
       <p style="margin-top:0.8rem; color:var(--text-soft); font-size:0.85rem;">La inversión publicitaria (Meta Ads, Google Ads) corre por cuenta del cliente; nuestros honorarios cubren estrategia, configuración, creatividades y optimización.</p>