sass-template-common 0.3.95 → 0.3.97

package/dist/sass-template-common.d.ts

@@ -908,6 +908,7 @@ declare type HeaderProps = {
         sticky: boolean;
     };
     custom_styles?: CSSProperties;
+    mobileIcon?: ReactNode;
 };
 
 declare interface ICommonServices {

package/dist/sass-template-common.js

@@ -1,6 +1,6 @@
 import { jsx as a, jsxs as f, Fragment as Z } from "react/jsx-runtime";
 import * as za from "react";
-import ke, { useState as J, useRef as Vs, useCallback as ue, useEffect as Qe, createElement as ct, forwardRef as $s, Fragment as _n, useMemo as Jo, Component as Zo } from "react";
+import xe, { useState as J, useRef as Vs, useCallback as ue, useEffect as Qe, createElement as ct, forwardRef as $s, Fragment as _n, useMemo as Jo, Component as Zo } from "react";
 let la = {
   PUBLIC_API_HOST: "",
   PUBLIC_API_FRONT: "",
@@ -87,7 +87,7 @@ const Xo = () => {
   newsType: e?.info?.type ?? "",
   publishDate: new Date(e?.info?.date?.firstpublish ?? "").toISOString().split("T")[0] ?? ""
 } : void 0, tr = ({ id: e, dimensionValues: t = {} }) => {
-  const n = ke.useMemo(() => {
+  const n = xe.useMemo(() => {
     const o = {};
     return Object.keys(t).forEach((r) => {
       o[r] = r;
@@ -436,7 +436,7 @@ function Ws() {
   })(hn)), hn.exports;
 }
 var or = Ws();
-const Te = /* @__PURE__ */ Et(or);
+const Ue = /* @__PURE__ */ Et(or);
 var mn = { exports: {} }, rr = mn.exports, Fa;
 function ir() {
   return Fa || (Fa = 1, (function(e, t) {
@@ -642,23 +642,23 @@ function Ar() {
 }
 var wr = Ar();
 const yr = /* @__PURE__ */ Et(wr);
-Te.extend(gr);
-Te.extend(yr);
-Te.extend(lr);
+Ue.extend(gr);
+Ue.extend(yr);
+Ue.extend(lr);
 const kn = (e) => e === "en" ? "en" : "es", Ge = (e, t) => {
   const { PUBLIC_LNG: n, DATE_TIMEZONE: s } = t || W(), o = kn(n ?? "es");
-  return Te.tz(e, s).locale(o).format("DD MMMM YYYY");
+  return Ue.tz(e, s).locale(o).format("DD MMMM YYYY");
 }, Ca = (e) => {
   const { PUBLIC_LNG: t, DATE_TIMEZONE: n } = W(), s = kn(t ?? "es");
-  return Te.tz(e, n).locale(s).format(
+  return Ue.tz(e, n).locale(s).format(
     s === "en" ? "MMMM DD YYYY [•] HH:mm [hs]" : "DD [de] MMMM YYYY [•] HH:mm [hs]"
   );
 }, br = (e) => {
   const { PUBLIC_LNG: t, DATE_TIMEZONE: n } = W(), s = kn(t ?? "es");
-  return Te.tz(e, n).locale(s).format("MM/DD/YYYY [•] HH:mm [HS]");
+  return Ue.tz(e, n).locale(s).format("MM/DD/YYYY [•] HH:mm [HS]");
 }, c9 = (e) => {
   const { PUBLIC_LNG: t, DATE_TIMEZONE: n } = W(), s = kn(t ?? "es");
-  return Te.tz(e, n).locale(s).format("dddd DD [de] MMMM YYYY");
+  return Ue.tz(e, n).locale(s).format("dddd DD [de] MMMM YYYY");
 }, ze = (e, t = 136) => e && e.length > t ? `${e.substring(0, t)}...` : e;
 function St(e) {
   return e && e.status === "fulfilled" ? e.value.data : null;
@@ -1048,15 +1048,15 @@ const Tr = () => {
   let t = "";
   if (e.params.news.match(/.*t[0-9]*.html/g)) {
     const n = e.params.news.split("-"), s = n[n.length - 1] ?? "", o = s.substring(1, 9), r = s.substring(9, 13);
-    t = `/listas/${Te(o).format("YYYY/MM/DD")}/lista_${r}.html`;
+    t = `/listas/${Ue(o).format("YYYY/MM/DD")}/lista_${r}.html`;
   } else if (e.params.news.match(/.*lb[0-9]*.html/g)) {
     const n = e.params.news.split("-"), s = n[n.length - 1] ?? "", o = s.substring(2, 10), r = s.substring(10, 14);
-    t = `/liveblog/${Te(o).format(
+    t = `/liveblog/${Ue(o).format(
       "YYYY/MM/DD"
     )}/liveblog_${r}.html`;
   } else {
     const s = e.params.news.replace(/\.html$/g, "").split("-");
-    Array.isArray(s) && (t = `/contenidos/${Te(s[s.length - 2]).format(
+    Array.isArray(s) && (t = `/contenidos/${Ue(s[s.length - 2]).format(
       "YYYY/MM/DD"
     )}/noticia_${s[s.length - 1]}.html`);
   }
@@ -1065,13 +1065,13 @@ const Tr = () => {
 function h9(e) {
   const t = e.lastIndexOf("-"), n = t >= 0 ? [e.slice(0, t), e.slice(t + 1)] : [e], s = n[n.length - 1]?.split("."), o = s && s[0] ? s[0] : "", r = o.substring(0, 2), i = o.substring(2, 10), c = o.substring(10);
   return { path: {
-    vy: (l) => `/videos/video-youtube/${Te(i).format(
+    vy: (l) => `/videos/video-youtube/${Ue(i).format(
       "YYYY/MM/DD"
     )}/videoYouTube_${l}.lnk`,
-    ve: (l) => `/videos/video-embedded/${Te(i).format(
+    ve: (l) => `/videos/video-embedded/${Ue(i).format(
       "YYYY/MM/DD"
     )}/videoEmbedded_${l}.lnk`,
-    vf: (l) => `/videos/video-flash/${Te(i).format("YYYY/MM/DD")}/${n[0]}.${l}`
+    vf: (l) => `/videos/video-flash/${Ue(i).format("YYYY/MM/DD")}/${n[0]}.${l}`
   }[r]?.(c) ?? "", op: r };
 }
 const At = (e, t) => {
@@ -4721,7 +4721,7 @@ const Rt = (e) => {
       }
     ),
     /* @__PURE__ */ a(h, {}),
-    ke.createElement(
+    xe.createElement(
       e.isTitle ? "h1" : "h2",
       {
         className: ne.articule
@@ -5984,7 +5984,7 @@ const ml = (e) => {
       }
     )
   ] })
-] }), Tl = "_content_19eag_1", kl = "_contentInfo_19eag_39", Ul = "_subscribeImage_19eag_55", Rl = "_tag_19eag_83", Ll = "_contentTitle_19eag_119", ql = "_title_19eag_129", Bl = "_subTitle_19eag_139", Ol = "_inputStyled_19eag_157", Pl = "_buttonStyled_19eag_235", Dl = "_contentTerms_19eag_261", Ml = "_subscribeText_19eag_273", jl = "_terms_19eag_291", Ue = {
+] }), Tl = "_content_19eag_1", kl = "_contentInfo_19eag_39", Ul = "_subscribeImage_19eag_55", Rl = "_tag_19eag_83", Ll = "_contentTitle_19eag_119", ql = "_title_19eag_129", Bl = "_subTitle_19eag_139", Ol = "_inputStyled_19eag_157", Pl = "_buttonStyled_19eag_235", Dl = "_contentTerms_19eag_261", Ml = "_subscribeText_19eag_273", jl = "_terms_19eag_291", Re = {
   content: Tl,
   contentInfo: kl,
   subscribeImage: Ul,
@@ -6023,15 +6023,15 @@ const ml = (e) => {
       htmlFor: e?.toggledrawerevent === "true" ? "side-bar-state" : ""
     }
   ) : /* @__PURE__ */ a(q, { ...s, style: o });
-}, Ql = (e) => /* @__PURE__ */ f("section", { className: Ue.content, children: [
-  /* @__PURE__ */ a("div", { className: Ue.subscribeImage, children: e.image }),
-  /* @__PURE__ */ f("div", { className: Ue.contentInfo, children: [
-    /* @__PURE__ */ a("div", { className: Ue.tag, children: e.texts.newsletterTag ?? "NEWS" }),
-    /* @__PURE__ */ f("div", { className: Ue.contentTitle, children: [
-      /* @__PURE__ */ a("p", { className: Ue.title, children: e.title }),
-      /* @__PURE__ */ a("p", { className: Ue.subTitle, children: e.sibtitle })
+}, Ql = (e) => /* @__PURE__ */ f("section", { className: Re.content, children: [
+  /* @__PURE__ */ a("div", { className: Re.subscribeImage, children: e.image }),
+  /* @__PURE__ */ f("div", { className: Re.contentInfo, children: [
+    /* @__PURE__ */ a("div", { className: Re.tag, children: e.texts.newsletterTag ?? "NEWS" }),
+    /* @__PURE__ */ f("div", { className: Re.contentTitle, children: [
+      /* @__PURE__ */ a("p", { className: Re.title, children: e.title }),
+      /* @__PURE__ */ a("p", { className: Re.subTitle, children: e.sibtitle })
     ] }),
-    /* @__PURE__ */ f("div", { className: Ue.inputStyled, children: [
+    /* @__PURE__ */ f("div", { className: Re.inputStyled, children: [
       /* @__PURE__ */ a(
         "input",
         {
@@ -6040,11 +6040,11 @@ const ml = (e) => {
           id: "newsletter-email"
         }
       ),
-      /* @__PURE__ */ a(qa, { className: Ue.buttonStyled, size: "large", full: !0, children: e.texts.newsletterButtonText ?? "Suscribirme" })
+      /* @__PURE__ */ a(qa, { className: Re.buttonStyled, size: "large", full: !0, children: e.texts.newsletterButtonText ?? "Suscribirme" })
     ] }),
-    /* @__PURE__ */ f("div", { className: Ue.contentTerms, children: [
-      /* @__PURE__ */ a("p", { className: Ue.subscribeText, children: e.texts.newsletterTermsText ?? "Suscribirte implica aceptar los" }),
-      /* @__PURE__ */ a(q, { className: Ue.terms, children: e.texts.newsletterTermsAnchor ?? "Términos y condiciones" })
+    /* @__PURE__ */ f("div", { className: Re.contentTerms, children: [
+      /* @__PURE__ */ a("p", { className: Re.subscribeText, children: e.texts.newsletterTermsText ?? "Suscribirte implica aceptar los" }),
+      /* @__PURE__ */ a(q, { className: Re.terms, children: e.texts.newsletterTermsAnchor ?? "Términos y condiciones" })
     ] })
   ] })
 ] }), Gl = (e) => /* @__PURE__ */ f(
@@ -6164,7 +6164,7 @@ const ml = (e) => {
       /* @__PURE__ */ a("path", { d: "M0,0v19.74h74.3V0H0ZM62.2,4.7h2v5.8l3-3h2.4l-1.1,1.2-6.3,6.2V4.7ZM69.8,15h-2.4l-1.6-2.1,1.4-1.4,2.6,3.5ZM40.3,7.7h1v-1.8h2v1.8h1.8v1.7h-1.8v3c0,.3.1.6.2.7.2.2.4.3.6.3.3,0,.6-.1.8-.3l.5,1.5c-.2.2-.5.3-.7.4-.3.1-.6.1-.9.1-.8,0-1.4-.2-1.9-.6-.5-.5-.7-1.1-.7-2v-3.1h-1v-1.7h.1ZM37.7,12.3c-.2-.1-.4-.2-.6-.2-.3,0-.5-.1-.8-.1s-.6-.1-.9-.2c-.3-.1-.6-.2-.8-.4-.3-.2-.5-.4-.6-.6-.2-.3-.2-.6-.2-1,0-.5.1-.9.4-1.2.3-.4.6-.6,1.1-.8s1-.3,1.7-.3c.5,0,1,.1,1.4.2.5.1.9.3,1.2.5l-.6,1.6c-.3-.2-.6-.4-1-.4-.3-.1-.6-.1-1-.1-.5,0-.8.1-1,.2-.2.1-.3.3-.3.5s.1.3.2.4c.2.1.4.2.6.2.3.1.5.1.8.1s.6.1.9.2c.3.1.6.2.8.4s.4.4.6.6c.2.3.2.6.2,1,0,.5-.1.9-.4,1.2-.3.4-.6.6-1.1.8-.4.2-1,.3-1.7.3-.6,0-1.2-.1-1.7-.2-.6-.2-1-.3-1.3-.6l.6-1.6c.3.2.7.4,1.1.5.4.1.8.2,1.3.2s.8-.1,1-.2c.2-.1.3-.3.3-.5,0-.2,0-.3-.2-.5ZM6.7,14.3l1.1-1.1c.2.1.4.1.6.1.3,0,.6-.1.9-.3.3-.2.5-.4.6-.7.2-.3.2-.7.2-1.1s0-.8-.1-1.1c-.2-.3-.4-.6-.6-.7-.3-.2-.6-.3-.9-.3s-.6.1-.9.3-.5.4-.6.7c-.2.3-.2.7-.2,1.1s.1.8.2,1.1c-.1.1,0,.1,0,.2l-2.3,2.3V4.7h1.9v3.6c.2-.2.4-.3.6-.5.5-.3.9-.4,1.5-.4s1.2.2,1.8.5c.5.3,1,.8,1.2,1.3.3.6.5,1.3.5,2.1s-.2,1.5-.5,2c-.3.6-.7,1-1.2,1.4-.5.3-1.1.5-1.8.5-.6,0-1.1-.2-1.6-.4-.1-.2-.3-.4-.4-.5ZM13.6,4.7h2v10.3h-2V4.7ZM17.7,13.6c-.3-.5-.4-1.1-.4-1.9v-4.2h2v3.9c0,.6.1,1.1.4,1.4.2.3.6.4,1,.4.3,0,.6-.1.8-.2s.4-.4.6-.6c.1-.3.2-.7.2-1.1v-3.8h2v7.5h-1.8v-.9c-.2.2-.4.5-.6.6-.5.2-1,.3-1.5.3-.6,0-1.1-.1-1.6-.4-.5-.1-.8-.5-1.1-1ZM33,11.5v.3h-5.3c0,.2.1.4.2.6.2.3.4.6.7.7.3.2.6.2,1.1.2.4,0,.7-.1,1-.2.3-.1.5-.3.8-.5l1,1.2c-.3.4-.7.7-1.2.9-.5.2-1,.3-1.6.3-.8,0-1.5-.2-2.1-.5s-1-.8-1.4-1.4c-.3-.6-.5-1.2-.5-2s.2-1.4.5-2,.8-1,1.3-1.4c.5-.1,1.2-.3,1.9-.3s1.3.2,1.8.5c.6.3,1,.8,1.3,1.3.3.6.5,1.3.5,2.1,0,0,0,.1,0,.2ZM47.4,14.8c-.4-.2-.7-.5-.9-.8s-.3-.7-.3-1.2c0-.4.1-.8.3-1.2.2-.3.5-.6,1-.8.4-.2,1-.3,1.7-.3h1.6c0-.4-.1-.8-.4-1-.3-.3-.6-.4-1.2-.4-.4,0-.7.1-1.1.2s-.6.3-.9.5l-.7-1.5c.4-.3.8-.5,1.4-.6.5-.2,1.1-.3,1.6-.3,1,0,1.9.3,2.5.8s.9,1.4.9,2.5v4.2h-1.9v-1.1c-.2.3-.4.6-.7.8-.4.3-.8.4-1.4.4-.6.1-1.1,0-1.5-.2ZM56,14.6c-.6-.3-1-.8-1.4-1.4-.3-.6-.5-1.2-.5-2s.2-1.4.5-2,.8-1,1.4-1.4c.6-.2,1.3-.4,2-.4s1.4.2,1.9.5,1,.8,1.2,1.4l-1.6.9c-.2-.4-.4-.6-.7-.8s-.6-.3-.9-.3-.6.1-.9.3c-.3.2-.5.4-.6.7-.2.3-.2.7-.2,1.1s.1.8.2,1.1c.2.3.4.5.6.7.3.2.6.3.9.3s.6-.1.9-.2c.3-.2.5-.4.7-.8l1.6.9c-.3.6-.6,1-1.2,1.4-.6.3-1.2.5-1.9.5s-1.4-.2-2-.5Z" })
     ]
   }
-), Xl = "_content_hsrgo_1", ed = "_brandContent_hsrgo_19", td = "_socialMedia_hsrgo_41", nd = "_linkSocialNetwoks_hsrgo_55", ad = "_sectionContent_hsrgo_97", sd = "_section_hsrgo_97", od = "_menuItem_hsrgo_133", rd = "_otherItems_hsrgo_159", id = "_copyrigth_hsrgo_187", cd = "_copyrigthText_hsrgo_207", ld = "_logoStyled_hsrgo_227", dd = "_socialInstagram_hsrgo_263", xe = {
+), Xl = "_content_hsrgo_1", ed = "_brandContent_hsrgo_19", td = "_socialMedia_hsrgo_41", nd = "_linkSocialNetwoks_hsrgo_55", ad = "_sectionContent_hsrgo_97", sd = "_section_hsrgo_97", od = "_menuItem_hsrgo_133", rd = "_otherItems_hsrgo_159", id = "_copyrigth_hsrgo_187", cd = "_copyrigthText_hsrgo_207", ld = "_logoStyled_hsrgo_227", dd = "_socialInstagram_hsrgo_263", Ie = {
   content: Xl,
   brandContent: ed,
   socialMedia: td,
@@ -6319,52 +6319,52 @@ const ml = (e) => {
   telegram: (e) => /* @__PURE__ */ a(md, { ...e })
 }, F9 = (e) => {
   const { freeZone: t, socials: n, menu: s, customBlock: o } = e;
-  return /* @__PURE__ */ f("footer", { className: xe.content, children: [
-    /* @__PURE__ */ f("section", { className: xe.brandContent, children: [
-      /* @__PURE__ */ a(q, { href: "/", "aria-label": "Ir a la home", children: /* @__PURE__ */ a("span", { className: xe.logoStyled, children: e.logo }) }),
-      /* @__PURE__ */ a("div", { className: xe.socialMedia, children: Object.keys(n).map((r) => n[r]?.show && /* @__PURE__ */ a(
+  return /* @__PURE__ */ f("footer", { className: Ie.content, children: [
+    /* @__PURE__ */ f("section", { className: Ie.brandContent, children: [
+      /* @__PURE__ */ a(q, { href: "/", "aria-label": "Ir a la home", children: /* @__PURE__ */ a("span", { className: Ie.logoStyled, children: e.logo }) }),
+      /* @__PURE__ */ a("div", { className: Ie.socialMedia, children: Object.keys(n).map((r) => n[r]?.show && /* @__PURE__ */ a(
         "a",
         {
           target: "_blank",
           rel: "noreferrer",
           "aria-label": n[r].title + " link",
-          className: xe.linkSocialNetwoks,
+          className: Ie.linkSocialNetwoks,
           href: n[r].url,
           children: Ba[r]({
-            className: `${r === "instagram" ? xe.socialInstagram : ""}`
+            className: `${r === "instagram" ? Ie.socialInstagram : ""}`
           })
         },
         r
       )) })
     ] }),
-    /* @__PURE__ */ f("section", { className: xe.sectionContent, children: [
-      /* @__PURE__ */ a("div", { className: xe.section, children: s.filter((r) => !r.subitem).map((r, i) => /* @__PURE__ */ a(
+    /* @__PURE__ */ f("section", { className: Ie.sectionContent, children: [
+      /* @__PURE__ */ a("div", { className: Ie.section, children: s.filter((r) => !r.subitem).map((r, i) => /* @__PURE__ */ a(
         q,
         {
           block_subPublication: !0,
           href: r.link ? r.link : void 0,
           target: r.target,
-          className: `${xe.menuItem} footer-menu-item`,
+          className: `${Ie.menuItem} footer-menu-item`,
           "aria-label": r.description,
           children: r.description
         },
         i
       )) }),
-      /* @__PURE__ */ a("div", { className: xe.section, children: t && t.map((r, i) => /* @__PURE__ */ a(
+      /* @__PURE__ */ a("div", { className: Ie.section, children: t && t.map((r, i) => /* @__PURE__ */ a(
         q,
         {
           block_subPublication: !0,
           href: r.link ? r?.link : void 0,
           target: r.target,
-          className: xe.otherItems,
+          className: Ie.otherItems,
           children: r.description
         },
         i
       )) })
     ] }),
     o && /* @__PURE__ */ a(Z, { children: o }),
-    /* @__PURE__ */ f("section", { className: xe.copyrigth, children: [
-      /* @__PURE__ */ a("p", { className: xe.copyrigthText, children: e.copyrigth }),
+    /* @__PURE__ */ f("section", { className: Ie.copyrigth, children: [
+      /* @__PURE__ */ a("p", { className: Ie.copyrigthText, children: e.copyrigth }),
       /* @__PURE__ */ a(
         q,
         {
@@ -7038,7 +7038,7 @@ const zd = "_content_xlsy2_1", Hd = "_videoContent_xlsy2_39", Fd = "_articleSect
       ] })
     }
   );
-}, uu = "_content_1ofcp_1", hu = "_contentInfo_1ofcp_25", mu = "_contentAuthor_1ofcp_51", fu = "_imageStyled_1ofcp_65", gu = "_contentIconStyled_1ofcp_83", pu = "_name_1ofcp_127", Au = "_email_1ofcp_143", wu = "_description_1ofcp_163", yu = "_contenSocialNetwork_1ofcp_185", bu = "_socialIcon_1ofcp_205", Ie = {
+}, uu = "_content_1ofcp_1", hu = "_contentInfo_1ofcp_25", mu = "_contentAuthor_1ofcp_51", fu = "_imageStyled_1ofcp_65", gu = "_contentIconStyled_1ofcp_83", pu = "_name_1ofcp_127", Au = "_email_1ofcp_143", wu = "_description_1ofcp_163", yu = "_contenSocialNetwork_1ofcp_185", bu = "_socialIcon_1ofcp_205", Ee = {
   content: uu,
   contentInfo: hu,
   contentAuthor: mu,
@@ -7051,28 +7051,28 @@ const zd = "_content_xlsy2_1", Hd = "_videoContent_xlsy2_39", Fd = "_articleSect
   socialIcon: bu
 }, _u = async (e) => {
   const { autor: t, autorIcon: n } = e, s = n, o = t?.info?.image?.sizes?.[0]?.url ?? "", r = t?.info?.fullname ?? "", i = t?.info?.email ?? "", c = t?.addtional?.USER_SHOWEMAIL ?? !1, u = t?.addtional?.USER_SHOWBIO ?? !1, l = t?.addtional?.USER_MIBIO ?? "", d = t?.addtional?.USER_USERFB ?? "", h = t?.addtional?.USER_USERIG ?? "", m = t?.addtional?.USER_USERTWT ?? "", p = t?.addtional?.USER_USERLIN ?? "";
-  return /* @__PURE__ */ a("section", { className: Ie.content, children: /* @__PURE__ */ f("div", { className: Ie.contentInfo, children: [
+  return /* @__PURE__ */ a("section", { className: Ee.content, children: /* @__PURE__ */ f("div", { className: Ee.contentInfo, children: [
     o ? /* @__PURE__ */ a(
       "img",
       {
         fetchPriority: "low",
         loading: "lazy",
-        className: Ie.imageStyled,
+        className: Ee.imageStyled,
         src: await pe(o)
       }
-    ) : /* @__PURE__ */ a("div", { className: Ie.contentIconStyled, children: /* @__PURE__ */ a(s, {}) }),
-    /* @__PURE__ */ f("div", { className: Ie.contentAuthor, children: [
-      /* @__PURE__ */ a("h1", { className: Ie.name, children: r }),
-      c && /* @__PURE__ */ a("p", { className: Ie.email, children: i }),
-      u && /* @__PURE__ */ a("p", { className: Ie.description, children: l }),
-      /* @__PURE__ */ f("div", { className: Ie.contenSocialNetwork, children: [
+    ) : /* @__PURE__ */ a("div", { className: Ee.contentIconStyled, children: /* @__PURE__ */ a(s, {}) }),
+    /* @__PURE__ */ f("div", { className: Ee.contentAuthor, children: [
+      /* @__PURE__ */ a("h1", { className: Ee.name, children: r }),
+      c && /* @__PURE__ */ a("p", { className: Ee.email, children: i }),
+      u && /* @__PURE__ */ a("p", { className: Ee.description, children: l }),
+      /* @__PURE__ */ f("div", { className: Ee.contenSocialNetwork, children: [
         d && /* @__PURE__ */ a(
           "a",
           {
             href: d,
             target: "_blank",
             rel: "noreferrer",
-            children: /* @__PURE__ */ a(Pn, { className: Ie.socialIcon })
+            children: /* @__PURE__ */ a(Pn, { className: Ee.socialIcon })
           }
         ),
         h && /* @__PURE__ */ a(
@@ -7084,7 +7084,7 @@ const zd = "_content_xlsy2_1", Hd = "_videoContent_xlsy2_39", Fd = "_articleSect
             children: /* @__PURE__ */ a(
               Dn,
               {
-                className: Ie.socialIcon,
+                className: Ee.socialIcon,
                 style: { padding: "4px" }
               }
             )
@@ -7096,7 +7096,7 @@ const zd = "_content_xlsy2_1", Hd = "_videoContent_xlsy2_39", Fd = "_articleSect
             href: m,
             target: "_blank",
             rel: "noreferrer",
-            children: /* @__PURE__ */ a(lt, { className: Ie.socialIcon })
+            children: /* @__PURE__ */ a(lt, { className: Ee.socialIcon })
           }
         ),
         p && /* @__PURE__ */ a(
@@ -7105,7 +7105,7 @@ const zd = "_content_xlsy2_1", Hd = "_videoContent_xlsy2_39", Fd = "_articleSect
             href: p,
             target: "_blank",
             rel: "noreferrer",
-            children: /* @__PURE__ */ a(yt, { className: Ie.socialIcon })
+            children: /* @__PURE__ */ a(yt, { className: Ee.socialIcon })
           }
         )
       ] })
@@ -7647,7 +7647,7 @@ const zd = "_content_xlsy2_1", Hd = "_videoContent_xlsy2_39", Fd = "_articleSect
       i
     )) })
   ] });
-}, Eh = "_headerStyled_1gz8t_1", Th = "_headerContent_1gz8t_27", kh = "_iconContent_1gz8t_49", Uh = "_menuButton_1gz8t_67", Rh = "_logoStyled_1gz8t_131", Lh = "_buttonSection_1gz8t_187", qh = "_buttonSectionSearch_1gz8t_217", Bh = "_headLineContent_1gz8t_261", Oh = "_headLineTitle_1gz8t_287", Ph = "_headLine_1gz8t_261", Dh = "_hasAlertZone_1gz8t_393", Re = {
+}, Eh = "_headerStyled_1gz8t_1", Th = "_headerContent_1gz8t_27", kh = "_iconContent_1gz8t_49", Uh = "_menuButton_1gz8t_67", Rh = "_logoStyled_1gz8t_131", Lh = "_buttonSection_1gz8t_187", qh = "_buttonSectionSearch_1gz8t_217", Bh = "_headLineContent_1gz8t_261", Oh = "_headLineTitle_1gz8t_287", Ph = "_headLine_1gz8t_261", Dh = "_hasAlertZone_1gz8t_393", Te = {
   headerStyled: Eh,
   headerContent: Th,
   iconContent: kh,
@@ -7661,7 +7661,7 @@ const zd = "_content_xlsy2_1", Hd = "_videoContent_xlsy2_39", Fd = "_articleSect
   hasAlertZone: Dh
 }, Mh = (e) => {
   const { alertZone: t, custom_styles: n = {} } = e, { SUB_PUBLICATION_PREFIX_IN_ROUTES: s } = W();
-  return /* @__PURE__ */ f("header", { className: Re.headerStyled, style: n, children: [
+  return /* @__PURE__ */ f("header", { className: Te.headerStyled, style: n, children: [
     e.socialIcons && e.headerTape?.sticky && /* @__PURE__ */ a(
       Bo,
       {
@@ -7671,12 +7671,12 @@ const zd = "_content_xlsy2_1", Hd = "_videoContent_xlsy2_39", Fd = "_articleSect
         socials: e.socials
       }
     ),
-    /* @__PURE__ */ f("div", { className: `${Re.headerContent} center-mobile-header-icon`, children: [
+    /* @__PURE__ */ f("div", { className: `${Te.headerContent} center-mobile-header-icon`, children: [
       /* @__PURE__ */ a(
         qa,
         {
           id: "button-app",
-          className: Re.menuButton,
+          className: Te.menuButton,
           toggledrawerevent: "true",
           "aria-label": "menu",
           "aria-labelledby": "menu",
@@ -7684,34 +7684,50 @@ const zd = "_content_xlsy2_1", Hd = "_videoContent_xlsy2_39", Fd = "_articleSect
           children: /* @__PURE__ */ a(
             Lo,
             {
-              className: Re.startIcon,
-              color: "var(--header-icons)",
+              className: Te.startIcon,
+              color: "var(--header-menu-icon-color, var(--header-icons))",
               width: 27,
               height: 27
             }
           )
         }
       ),
-      /* @__PURE__ */ a("div", { className: Re.iconContent, children: /* @__PURE__ */ a(
-        q,
-        {
-          href: "/",
-          "aria-label": "Home",
-          className: "icon header-logo-link-sticky",
-          style: { display: "flex" },
-          children: ke.createElement(
-            "span",
-            { className: Re.logoStyled },
-            e.icon
-          )
-        }
-      ) }),
-      !e.showAlertPop && t?.data && /* @__PURE__ */ f("div", { className: Re.headLineContent, children: [
-        /* @__PURE__ */ a("div", { className: `${Re.headLineTitle} headLineTitle`, children: t.entity.description ? `${t.entity.description}` : "" }),
+      /* @__PURE__ */ f("div", { className: Te.iconContent, children: [
+        /* @__PURE__ */ a(
+          q,
+          {
+            href: "/",
+            "aria-label": "Home",
+            className: "icon header-logo-link-sticky",
+            style: { display: "flex" },
+            children: xe.createElement(
+              "span",
+              { className: Te.logoStyled },
+              e.icon
+            )
+          }
+        ),
+        e.mobileIcon && /* @__PURE__ */ a(
+          q,
+          {
+            href: "/",
+            "aria-label": "Home",
+            className: "icon header-logo-link-sticky header-mobile-icon",
+            style: { display: "flex" },
+            children: xe.createElement(
+              "span",
+              { className: Te.logoStyled },
+              e.mobileIcon
+            )
+          }
+        )
+      ] }),
+      !e.showAlertPop && t?.data && /* @__PURE__ */ f("div", { className: Te.headLineContent, children: [
+        /* @__PURE__ */ a("div", { className: `${Te.headLineTitle} headLineTitle`, children: t.entity.description ? `${t.entity.description}` : "" }),
         /* @__PURE__ */ a(
           q,
           {
-            className: Re.headLine,
+            className: Te.headLine,
             href: t.data[0]?.info.link.url,
             target: t.data[0]?.info.link.target,
             title: t.data[0]?.main.title.home,
@@ -7724,8 +7740,8 @@ const zd = "_content_xlsy2_1", Hd = "_videoContent_xlsy2_39", Fd = "_articleSect
         {
           style: e.showAlertPop ? { marginLeft: "auto" } : {},
           className: [
-            Re.buttonSection,
-            t?.data ? Re.hasAlertZone : "",
+            Te.buttonSection,
+            t?.data ? Te.hasAlertZone : "",
             "search-button"
           ].join(" "),
           children: [
@@ -7735,7 +7751,7 @@ const zd = "_content_xlsy2_1", Hd = "_videoContent_xlsy2_39", Fd = "_articleSect
                 block_subPublication: s?.buscar,
                 href: e.searchLink ? e.searchLink : "/buscar",
                 "aria-label": e.searchKeyWord,
-                className: `${Re.buttonSectionSearch} search-button-icon`,
+                className: `${Te.buttonSectionSearch} search-button-icon`,
                 style: { display: "flex" },
                 children: /* @__PURE__ */ a(Oa, { width: 28, height: 28, color: "currentColor" })
               }
@@ -7845,12 +7861,12 @@ const zd = "_content_xlsy2_1", Hd = "_videoContent_xlsy2_39", Fd = "_articleSect
                   "aria-labelledby": "menu",
                   title: "menu",
                   children: [
-                    /* @__PURE__ */ a(Lo, { color: "var(--header-icons)", width: 27, height: 27 }),
+                    /* @__PURE__ */ a(Lo, { color: "var(--header-menu-icon-color, var(--header-icons))", width: 27, height: 27 }),
                     /* @__PURE__ */ a("p", { className: _e.buttonText, style: { lineHeight: 0 }, children: e.menuText })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ a("div", { className: _e.logoContent, children: /* @__PURE__ */ a(q, { href: "/", "aria-label": "Home", className: "header-logo-link", children: ke.createElement(
+              /* @__PURE__ */ a("div", { className: _e.logoContent, children: /* @__PURE__ */ a(q, { href: "/", "aria-label": "Home", className: "header-logo-link", children: xe.createElement(
                 "span",
                 { className: `${_e.logoStyled}` },
                 e.icon
@@ -8310,7 +8326,7 @@ const zd = "_content_xlsy2_1", Hd = "_videoContent_xlsy2_39", Fd = "_articleSect
       ]
     }
   ) });
-}, Jm = "_content_qiw8s_1", Zm = "_contentNews_qiw8s_19", Xm = "_linkTitle_qiw8s_53", e2 = "_tag_qiw8s_69", t2 = "_tagmx_qiw8s_109", n2 = "_titular_qiw8s_139", a2 = "_correspondent_qiw8s_169", s2 = "_correspondentLink_qiw8s_191", o2 = "_description_qiw8s_213", Ee = {
+}, Jm = "_content_qiw8s_1", Zm = "_contentNews_qiw8s_19", Xm = "_linkTitle_qiw8s_53", e2 = "_tag_qiw8s_69", t2 = "_tagmx_qiw8s_109", n2 = "_titular_qiw8s_139", a2 = "_correspondent_qiw8s_169", s2 = "_correspondentLink_qiw8s_191", o2 = "_description_qiw8s_213", ke = {
   content: Jm,
   contentNews: Zm,
   linkTitle: Xm,
@@ -8339,15 +8355,15 @@ const zd = "_content_xlsy2_1", Hd = "_videoContent_xlsy2_39", Fd = "_articleSect
           q,
           {
             "aria-label": c,
-            className: Ee.tagmx,
+            className: ke.tagmx,
             block_subPublication: n?.tema,
             href: At(i, e.paths),
             children: c
           }
         )
-      ] }) : /* @__PURE__ */ a("div", { className: Ee.tagmx, children: c });
+      ] }) : /* @__PURE__ */ a("div", { className: ke.tagmx, children: c });
     } else if (e.info?.section?.url)
-      return /* @__PURE__ */ a("h3", { children: /* @__PURE__ */ a(q, { className: Ee.tagmx, href: e?.info?.section?.url, children: e?.info?.section?.name }) });
+      return /* @__PURE__ */ a("h3", { children: /* @__PURE__ */ a(q, { className: ke.tagmx, href: e?.info?.section?.url, children: e?.info?.section?.name }) });
     return null;
   }, r = () => {
     if (t && e.keywords?.tags?.length && e.keywords.tags.length > 0) {
@@ -8356,17 +8372,17 @@ const zd = "_content_xlsy2_1", Hd = "_videoContent_xlsy2_39", Fd = "_articleSect
         q,
         {
           "aria-label": c,
-          className: Ee.tag,
+          className: ke.tag,
           block_subPublication: n?.tema,
           href: At(i, e.paths),
           children: c
         }
-      ) }) : /* @__PURE__ */ a("div", { className: Ee.tag, children: c });
+      ) }) : /* @__PURE__ */ a("div", { className: ke.tag, children: c });
     } else if (e.info?.section?.url)
-      return /* @__PURE__ */ a("h3", { children: /* @__PURE__ */ a(q, { className: Ee.tag, href: e?.info?.section?.url, children: e?.info?.section?.name }) });
+      return /* @__PURE__ */ a("h3", { children: /* @__PURE__ */ a(q, { className: ke.tag, href: e?.info?.section?.url, children: e?.info?.section?.name }) });
     return null;
   };
-  return /* @__PURE__ */ f("section", { className: `${Ee.content} destacado-super-content`, children: [
+  return /* @__PURE__ */ f("section", { className: `${ke.content} destacado-super-content`, children: [
     /* @__PURE__ */ a(
       q,
       {
@@ -8392,7 +8408,7 @@ const zd = "_content_xlsy2_1", Hd = "_videoContent_xlsy2_39", Fd = "_articleSect
     /* @__PURE__ */ f(
       "div",
       {
-        className: Ee.contentNews,
+        className: ke.contentNews,
         style: {
           "--widthTextContent": e.textPosition === "start" ? "100%" : "80%"
         },
@@ -8409,13 +8425,13 @@ const zd = "_content_xlsy2_1", Hd = "_videoContent_xlsy2_39", Fd = "_articleSect
                 /* @__PURE__ */ a(
                   q,
                   {
-                    className: Ee.linkTitle,
+                    className: ke.linkTitle,
                     href: e?.info?.link?.url,
                     target: e?.info?.link?.target,
                     children: /* @__PURE__ */ a(
                       "h1",
                       {
-                        className: Ee.titular,
+                        className: ke.titular,
                         style: {
                           "--titlePosition": e.textPosition === "start" ? "initial" : "center"
                         },
@@ -8430,7 +8446,7 @@ const zd = "_content_xlsy2_1", Hd = "_videoContent_xlsy2_39", Fd = "_articleSect
           e.config?.showsubtitle && /* @__PURE__ */ a(
             "div",
             {
-              className: Ee.description,
+              className: ke.description,
               dangerouslySetInnerHTML: {
                 __html: e.main.subtitle.striped
               }
@@ -8441,10 +8457,10 @@ const zd = "_content_xlsy2_1", Hd = "_videoContent_xlsy2_39", Fd = "_articleSect
             {
               block_subPublication: n?.autor,
               href: `/${e.paths?.autor ?? "autor"}/${e?.authors[0]?.name}`,
-              className: Ee.correspondent,
+              className: ke.correspondent,
               children: s()
             }
-          ) : /* @__PURE__ */ a("p", { className: Ee.correspondentLink, children: s() }) })
+          ) : /* @__PURE__ */ a("p", { className: ke.correspondentLink, children: s() }) })
         ]
       }
     )
@@ -13623,8 +13639,8 @@ const H3 = (e, t) => {
     ] })
   ] });
 }, Wo = ({ onClick: e, isDisabled: t, API_ENV: n }) => {
-  const [s, o] = ke.useState(!1), { S3_ID_DIR: r = "", PUBLIC_ENV: i, PUBLIC_API_HOST: c, PUBLIC_ASSETS_URL: u } = n;
-  ke.useEffect(() => {
+  const [s, o] = xe.useState(!1), { S3_ID_DIR: r = "", PUBLIC_ENV: i, PUBLIC_API_HOST: c, PUBLIC_ASSETS_URL: u } = n;
+  xe.useEffect(() => {
     let d = null;
     return s && (d = setTimeout(() => {
       o(!1);
@@ -13792,7 +13808,7 @@ const H3 = (e, t) => {
     ] })
   ] }) });
 }, $3 = ({ comment: e, replyingTo: t, path: n, user: s, handleReplyingTo: o, onFlag: r, API_ENV: i }) => {
-  const c = { morereply: e.morereply ?? !1, reply: e.reply ? e.reply : [] }, [u, l] = J(c), [d, h] = ke.useState(!1), { PUBLIC_PUBLICATION_ID: m, PUBLIC_X_SECURITY_TOKEN: p } = i, g = e.text, A = ke.useRef(null);
+  const c = { morereply: e.morereply ?? !1, reply: e.reply ? e.reply : [] }, [u, l] = J(c), [d, h] = xe.useState(!1), { PUBLIC_PUBLICATION_ID: m, PUBLIC_X_SECURITY_TOKEN: p } = i, g = e.text, A = xe.useRef(null);
   let w = `${et.firstname} ${et.lastname ?? ""}`, b = et.username;
   e.user && (w = `${e.user.firstname} ${e.user.lastname ?? ""}`, b = e.user.username);
   const N = (v) => {
@@ -13931,7 +13947,7 @@ const H3 = (e, t) => {
 }) => {
   const { PUBLIC_PUBLICATION_ID: r, PUBLIC_X_SECURITY_TOKEN: i } = o, c = r ?? "", u = t.replaceAll("/", "|"), [l, d] = J(
     void 0
-  ), [h, m] = J(""), { comments: p, setComments: g } = H3(u, o), [A, w] = ke.useState(!1), b = ke.useRef(null), N = (Y) => {
+  ), [h, m] = J(""), { comments: p, setComments: g } = H3(u, o), [A, w] = xe.useState(!1), b = xe.useRef(null), N = (Y) => {
     m(h === Y ? "" : Y);
   }, v = (Y) => {
     g(
@@ -14768,7 +14784,7 @@ function a9({
   API_ENV: c,
   commentLabel: u
 }) {
-  const [l, d] = ke.useState(!1);
+  const [l, d] = xe.useState(!1);
   return /* @__PURE__ */ f(Z, { children: [
     l && /* @__PURE__ */ a(
       n9,
@@ -14890,8 +14906,8 @@ const p5 = ({
   fetchConfig: u,
   commentLabel: l
 }) => {
-  const d = Vs(null), [h, m] = ke.useState(r);
-  ke.useEffect(() => {
+  const d = Vs(null), [h, m] = xe.useState(r);
+  xe.useEffect(() => {
     if (r || h) return;
     const g = new IntersectionObserver(
       ([A]) => {