toggle sun-moon

index.html

@@ -16,7 +16,6 @@
 
   <!-- HERO -->
   <section class="hero">
-    <canvas id="hero-canvas" aria-hidden="true"></canvas>
      <div class="container">
       <div class="hero-copy">
         <p class="eyebrow">ESTUDIO CREATIVO · AGENCIA BOUTIQUE</p>
@@ -36,26 +35,7 @@
     <div class="container">
       <p class="eyebrow">EL CONCEPTO</p>
       <h2 style="max-width:30ch;">Dos fuerzas.<br> Una forma de construir.</h2>
-      <div class="duo-columns" style="margin-top:var(--space-4);">
+      
-        <div class="duo-col amor">
-          <h4 style="color:var(--accent-amor);">AMOR</h4>
-          <ul>
-            <li>Pasión</li>
-            <li>Arte</li>
-            <li>Identidad</li>
-            <li>Dirección creativa</li>
-          </ul>
-        </div>
-        <div class="duo-col roma">
-          <h4 style="color:var(--accent-roma-bright);">ROMA</h4>
-          <ul>
-            <li>Estrategia</li>
-            <li>Arquitectura</li>
-            <li>Tecnología</li>
-            <li>Procesos</li>
-          </ul>
-        </div>
-      </div>
       <p class="lede" style="margin-top:var(--space-3); max-width:80ch;">La creatividad atrae. La estrategia la convierte en crecimiento. No somos "otra agencia de marketing": diagnosticamos, diseñamos y construimos soluciones digitales a medida.</p>
     </div>
   </section>
@@ -80,7 +60,7 @@
   </section>
 
   <!-- ECOSISTEMA DE SERVICIOS -->
-  <section class="section-tight" style="background:var(--bg-sunken);">
+  <section class="section-tight"></section>
     <div class="container">
       <p class="eyebrow">ECOSISTEMA DE SOLUCIONES</p>
       <h2 style="max-width:22ch;">Una estrategia construida alrededor de tu negocio.</h2>
@@ -126,11 +106,11 @@
   <section>
     <div class="container">
       <p class="eyebrow">PLANES DE CRECIMIENTO</p>
-      <h2 style="max-width:60ch;">Distintos negocios. Distintas etapas.<br> Un mismo objetivo: crecer.</h2>
+      <h2 style="max-width:60ch;">Cada proyecto es único.<br> Adaptamos nuestros planes a tus objetivos.</h2>
       <div class="grid grid-4" style="margin-top:var(--space-4);">
         <div class="card"><h4 style="font-size:var(--step-0);">Esencial</h4><p style="color:var(--text-soft); font-size:0.92rem; margin-top:0.5rem;">Establecer una presencia digital profesional y consistente.</p></div>
         <div class="card"><h4 style="font-size:var(--step-0);">Impulso</h4><p style="color:var(--text-soft); font-size:0.92rem; margin-top:0.5rem;">Aumentar visibilidad, interacción y generación de leads calificados.</p></div>
-        <div class="card" style="border-color:var(--accent-amor);"><h4 style="font-size:var(--step-0); color:var(--accent-amor);">Premium</h4><p style="color:var(--text-soft); font-size:0.92rem; margin-top:0.5rem;">Consolidar y expandir la empresa comercialmente.</p></div>
+        <div class="card" style="border-color:var(--accent-amor);"><h4 style="font-size:var(--step-0); color:var(--accent-amor);">Premium ★ </p></h4><p style="color:var(--text-soft); font-size:0.92rem; margin-top:0.5rem;">Consolidar y expandir la empresa comercialmente.</p></div>
         <div class="card"><h4 style="font-size:var(--step-0);">Élite</h4><p style="color:var(--text-soft); font-size:0.92rem; margin-top:0.5rem;">Máximo posicionamiento y gestión integral de marca.</p></div>
       </div>
       <div class="btn-row" style="display:flex; gap:1rem; flex-wrap:wrap; margin-top:var(--space-4);">
@@ -141,7 +121,7 @@
   </section>
 
   <!-- PORTFOLIO DESTACADO -->
-  <section class="section-tight" style="background:var(--bg-sunken);">
+  <section class="section-tight"></section>
     <div class="container">
       <p class="eyebrow">TRABAJO QUE HABLA POR NOSOTROS</p>
       <h2 style="max-width:60ch;">Proyectos que combinan identidad, <br>estrategia y estructura.</h2>
@@ -201,10 +181,9 @@
 <!-- CTA FINAL -->
 <section style="background: var(--c-plum-2); color:var(--c-mist);">
   <div class="container" style="text-align:center;">
-      <h2 style="max-width:20ch; margin-inline:auto; color:var(--c-mist);">Tu próximo tiene que ser una estratégico.</h2>
+    <h2 style="max-width:20ch; margin-inline:auto; color:var(--c-mist);">Tu próximo tiene que ser estratégico.</h2>
     <div class="btn-row" style="justify-content:center; margin-top:var(--space-3);">
-        <a href="diagnostico.html" class="btn btn-primary">Empezar diagnóstico</a>
+      <a href="contacto.html" class="btn btn-primary">Hablar con Amor &amp; Roma</a>
-        <a href="contacto.html" class="btn btn-primary">Hablar con Amor y Roma</a>
     </div>
   </div>
 </section>

metodo.html

@@ -15,7 +15,7 @@
 
   <section class="section-tight">
     <div class="container">
-      <p class="eyebrow">MÉTODO</p>
+      <p class="eyebrow">MÉTODO a&amp;r</p>
       <h1 style="font-size:var(--step-4); max-width:30ch;">No empezamos diseñando. Empezamos <span class="grad-word">entendiendo.</span></h1>
       <p class="lede" style="margin-top:1rem;">De la esencia a la estructura: cada proyecto comienza entendiendo el negocio y termina midiendo lo que construimos.</p>
     </div>

partials/header.html

@@ -16,8 +16,8 @@
     <div class="nav-actions">
       <a href="contacto.html" class="btn btn-primary">Hablemos</a>
       <button class="theme-toggle" data-theme-toggle type="button" aria-label="Cambiar tema claro/oscuro">
-        <svg class="icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg>
+        <svg class="icon-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg>
-        <svg class="icon-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12.8A9 9 0 1111.2 3a7 7 0 009.8 9.8z"/></svg>
+        <svg class="icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12.8A9 9 0 1111.2 3a7 7 0 009.8 9.8z"/></svg>
       </button>
       <button class="nav-toggle" data-nav-toggle type="button" aria-label="Abrir menú" aria-expanded="false">
         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 7h16M4 12h16M4 17h16"/></svg>