feat: condiciona el sol al hero de inicio y preserva el halo del cursor en proyectos y servicios

- Se condiciona la inclusión del sol (<Sun />) mediante la prop showSun={true} exclusivamente en la página de inicio (Seascape.astro + Home.astro).
- Las páginas de Proyectos y Servicios preservan el cielo compartido sin el sol, permitiendo que sus heros (ViewHero) activen únicamente el halo brillante que envuelve el cursor (.skyfx-cursorlight).
- En el hero de Inicio se desactiva el halo brillante del cursor (.hhero .skyfx-cursorlight { display: none; }) para evitar la redundancia luminosa con la presencia del sol.

Técnico: la prop showSun de Seascape.astro tiene valor por defecto false; únicamente Home.astro pasa showSun={true}. El halo del cursor se activa por la clase .is-cursor en cualquier [data-sky-hero] que no sea .hhero.

Author: SurivZ

public/images/og/en/projects.png

@@ -7,12 +7,12 @@
  * CTG Code. Encapsula el mar y su cielo en un solo lugar, con dos variantes:
  *
  *   · `full`  → el mar entero CON su cielo del atardecer en la franja alta
- *               (el hero): bóveda índigo→violeta→magenta→coral y el SOL de la
- *               marca posado en el horizonte, disolviéndose en el agua.
+ *               (el hero): bóveda índigo→violeta→magenta→coral.
  *   · `water` → solo agua, SIN cielo, con un brillo frío entrando por arriba
  *               (la luz penetrando la superficie del mar). Para las vistas sin
  *               hero (legales).
  *
+ * El SOL de la marca (`showSun={true}`) vive únicamente en la página de inicio.
  * Las «burbujas» (cáusticas de luz a la deriva) recorren el CUERPO en ambas.
  *
  * Uso: primer hijo de un contenedor con `position: relative; overflow-x: clip`;
@@ -25,9 +25,10 @@ import "./Seascape.css";
 
 interface Props {
   variant?: "full" | "water";
+  showSun?: boolean;
 }
 
-const { variant = "full" } = Astro.props;
+const { variant = "full", showSun = false } = Astro.props;
 
 /* Las burbujas del mar: cáusticas repartidas A LO LARGO del cuerpo. Se generan
    aquí (una sola regla CSS + variables por burbuja). Arrancan bajo el cielo
@@ -46,11 +47,11 @@ const bubbles = [
 
 <div class="seascape" data-variant={variant} aria-hidden="true">
   {/* El cielo del atardecer (solo con hero) — o el brillo de luz entrando al
-      agua (legales). */}
+      agua (legales). El sol solo se incluye si showSun es true (Inicio). */}
   {
     variant === "full" ? (
       <div class="sea-sky">
-        <Sun />
+        {showSun && <Sun />}
       </div>
     ) : (
       <div class="sea-topglow" />

public/images/og/es/home.png

@@ -38,7 +38,7 @@ const title = `CTG Code — ${t.hero.title}`;
     <!-- El fondo compartido del sitio: mar + cielo del atardecer + sol de la
          marca + burbujas (el mismo que proyectos y servicios). Un solo lienzo,
          sin escenas bespoke por sección. -->
-    <Seascape variant="full" />
+    <Seascape variant="full" showSun={true} />
 
     <!-- 01 · HERO — sobrio, bajo el cielo del atardecer -->
     <section class="hhero" data-sky-hero aria-labelledby="home-title">

src/components/backdrop/Seascape/Seascape.astro

@@ -147,6 +147,12 @@ main {
   }
 }
 
+/* El hero de Inicio lleva el sol, por lo que se desactiva el halo del cursor;
+   los heros de Proyectos y Servicios sí llevan el halo del cursor. */
+.hhero .skyfx-cursorlight {
+  display: none;
+}
+
 
 
 .hero {

src/components/pages/Home/Home.astro

@@ -272,48 +272,43 @@ const schema = buildSchema({
       </script>
     )}
 
-    <!-- Microsoft Clarity (mapas de calor / grabaciones de sesión). Es rastreo
-         analítico con cookies: para no contradecir la Política de Privacidad
-         (Consent Mode v2, todo denegado por defecto) NO se carga hasta que el
-         usuario acepte. La cola `clarity(...)` se crea de inmediato; la
-         librería solo se inyecta si hay consentimiento ahora o cuando el banner
-         lo concede (evento `ctg-consent-resolved`). -->
+    <!-- Microsoft Clarity (mapas de calor / grabaciones de sesión).
+         Se inyecta de forma estática con el ID "xshyomjk3n" para que los bots
+         de verificación (Bing Webmaster Tools / Clarity) detecten la presencia
+         de la etiqueta en el HTML sin requerir interacción previa.
+         
+         Para cumplir con el RGPD/GDPR, el estado de consentimiento se pasa a
+         Clarity mediante su Consent API (clarity("consent", bool)): por defecto
+         está denegado hasta que el usuario acepte en el CookieBanner. -->
     <script is:inline>
       (function (c, l, a, r, i) {
         c[a] =
           c[a] ||
           function () {
             (c[a].q = c[a].q || []).push(arguments);
           };
-
-        var loaded = false;
-        function loadClarity() {
-          if (loaded) return;
-          loaded = true;
-          var t = l.createElement(r);
-          t.async = 1;
-          t.src = "https://www.clarity.ms/tag/" + i + "?ref=bwt";
-          var y = l.getElementsByTagName(r)[0];
-          y.parentNode.insertBefore(t, y);
+        var t = l.createElement(r);
+        t.async = 1;
+        t.src = "https://www.clarity.ms/tag/" + i + "?ref=bwt";
+        var y = l.getElementsByTagName(r)[0];
+        y.parentNode.insertBefore(t, y);
+      })(window, document, "clarity", "script", "xshyomjk3n");
+
+      function checkClarityConsent() {
+        try {
+          return localStorage.getItem("ctg-cookie-consent") === "granted";
+        } catch (e) {
+          return false;
         }
+      }
 
-        function consentGranted() {
-          try {
-            return localStorage.getItem("ctg-cookie-consent") === "granted";
-          } catch (e) {
-            return false;
-          }
-        }
+      // Aplicar el estado de consentimiento inicial (denegado si no hay preferencia previa)
+      window.clarity("consent", checkClarityConsent());
 
-        if (consentGranted()) {
-          loadClarity();
-        } else {
-          // El banner emite este evento al decidir; solo cargamos si aceptó.
-          l.addEventListener("ctg-consent-resolved", function () {
-            if (consentGranted()) loadClarity();
-          });
-        }
-      })(window, document, "clarity", "script", "xrsiaovoa7");
+      // Actualizar el consentimiento cuando el banner emite la decisión del usuario
+      window.addEventListener("ctg-consent-resolved", function () {
+        window.clarity("consent", checkClarityConsent());
+      });
     </script>
   </head>
   <body>