https://huitaca.ai/_next/static/chunks/486-bacc798e705bc82b.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[486],{46486:(e,l,s)=>{s.d(l,{BlogCard:()=>o});var a=s(95155);function t(e,l){let s=new Date(e);if(Number.isNaN(s.getTime()))return e;let a=new Intl.DateTimeFormat(l,{day:"2-digit",month:"long",year:"numeric"}).format(s);if(l.toLowerCase().startsWith("es")){let e=a.replace(/\s*de\s*/g," ").trim().split(/\s+/);return e.length>=2&&(e[1]=e[1].charAt(0).toUpperCase()+e[1].slice(1)),e.join(" ")}return a.replace(/,/g,"")}var r=s(8353),i=s(77492),c=s(15239),n=s(7013),d=s(63524);function o(e){var l,s,o,x,h,m,u,f;let{post:p,locale:g,fallbackImageText:j,variant:b="default",writtenByLabel:w,publishedOnLabel:N,tagsLabel:v}=e,k={design:"magenta",research:"brand",product:"brand",engineering:"success",announcement:"warning",bug:"error"},y=["brand","success","magenta","gray"],z=e=>{let l=e.toLowerCase();return k[l]?k[l]:y[Array.from(l).reduce((e,l)=>e+l.charCodeAt(0),0)%y.length]};return"bloghero"===b?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"w-full md:hidden",children:(0,a.jsx)("article",{className:"w-full rounded-2xl",children:(0,a.jsxs)(i.N_,{href:{pathname:"/blog/[slug]",params:{slug:p.slug}},locale:g,className:"group block rounded-2xl ut-focus",children:[(0,a.jsx)("div",{className:"w-full overflow-hidden rounded-2xl bg-black-50 dark:bg-black-800",children:(0,a.jsx)(d.b,{ratio:1.5,children:p.imageUrl?(0,a.jsx)(c.default,{src:p.imageUrl,alt:p.title,fill:!0,sizes:"(max-width: 768px) 100vw, 50vw",className:"object-cover transition duration-300 group-hover:scale-105",priority:!1}):(0,a.jsx)("div",{className:"flex h-full w-full items-center justify-center text-black-300",children:j})})}),(0,a.jsxs)("div",{className:"w-full pt-4 flex flex-col gap-6",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-1.5 text-sm font-semibold text-brand-secondary",children:[(0,a.jsx)("span",{children:(null==(f=p.author)?void 0:f.name)||"Equipo"}),(0,a.jsx)("span",{"aria-hidden":!0,children:"•"}),(0,a.jsx)("span",{children:t(p.date,g)})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,a.jsxs)("div",{className:"flex items-start gap-4",children:[(0,a.jsx)("h2",{className:"text-lg font-semibold text-primary line-clamp-2 flex-1",children:p.title}),(0,a.jsx)(n.A,{className:"h-6 w-6 fg-quaternary transition-colors duration-200 ease-in-out group-hover:fg-quaternary_hover","aria-hidden":!0})]}),(0,a.jsx)("p",{className:"text-md text-tertiary line-clamp-3",children:p.excerpt})]})]}),(0,a.jsxs)("div",{className:"flex flex-wrap gap-2 text-sm text-black-500 dark:text-black-300",children:[p.keywords.length>0&&p.keywords.slice(0,3).map(e=>(0,a.jsx)(r.h,{color:z(e),size:"md",className:"px-2 py-1 text-xs",children:e},"".concat(p.id,"-").concat(e))),p.keywords.length>3&&(0,a.jsxs)(r.h,{size:"md",className:"py-1 text-xs",children:["+",p.keywords.length-3]})]})]})]})})}),(0,a.jsx)("article",{className:"hidden md:block w-full max-w-[1216px] rounded-3xl overflow-hidden bg-black-900 focus-within:outline-none focus-within:ring-2 focus-within:ring-brand-500 focus-within:ring-offset-2 focus-within:ring-offset-white dark:focus-within:ring-offset-black-950",children:(0,a.jsxs)(i.N_,{href:{pathname:"/blog/[slug]",params:{slug:p.slug}},locale:g,className:"group block h-full w-full relative rounded-3xl",children:[(0,a.jsx)("div",{className:"relative w-full",children:(0,a.jsx)(d.b,{ratio:1216/720,children:(0,a.jsxs)("div",{className:"absolute inset-0",children:[p.imageUrl?(0,a.jsx)(c.default,{src:p.imageUrl,alt:p.title,fill:!0,className:"object-cover transition-transform duration-500 group-hover:scale-[1.02] rounded-3xl",priority:!0}):(0,a.jsx)("div",{className:"flex h-full w-full items-center justify-center text-black-300",children:j}),(0,a.jsx)("div",{className:"absolute inset-0 rounded-3xl bg-gradient-to-t from-black/90 via-black/55 to-black/15 transition-transform duration-500 group-hover:scale-[1.02] pointer-events-none"}),(0,a.jsx)("div",{className:"absolute inset-0 rounded-3xl bg-gradient-to-b from-black/40 via-trans

1parent to-transparent transition-transform duration-500 group-hover:scale-[1.02] pointer-events-none"})]})})}),(0,a.jsx)("div",{className:"absolute inset-0 flex items-end pl-6 pr-6 pb-6 md:pl-8 md:pr-8 md:pb-8",children:(0,a.jsxs)("div",{className:"w-full flex flex-col gap-6",children:[(0,a.jsxs)("div",{className:"w-full flex flex-col gap-2",children:[(null==(s=p.category)?void 0:s.name)&&(0,a.jsx)("p",{className:"font-semibold text-white",children:p.category.name}),(0,a.jsxs)("div",{className:"flex items-start justify-between gap-6",children:[(0,a.jsx)("h2",{className:"text-2xl font-semibold leading-tight text-white max-w-4xl",children:p.title}),(0,a.jsx)(n.A,{className:"h-6 w-6 fg-white shrink-0","aria-hidden":!0})]}),(0,a.jsx)("p",{className:"text-white line-clamp-3",children:p.excerpt})]}),(0,a.jsxs)("div",{className:"w-full flex items-start justify-between gap-6",children:[(0,a.jsxs)("div",{className:"flex items-start gap-8 min-w-[280px]",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("span",{className:"block text-sm font-semibold text-white",children:null!=w?w:"Written by"}),(0,a.jsxs)("div",{className:"flex h-10 items-center gap-2",children:[(null==(o=p.author)?void 0:o.avatar)?(0,a.jsx)(c.default,{src:p.author.avatar,alt:p.author.name,width:40,height:40,className:"h-10 w-10 rounded-full object-cover",loading:"lazy"}):(0,a.jsx)("div",{className:"h-10 w-10 rounded-full bg-black-100/30"}),(0,a.jsx)("span",{className:"text-sm font-semibold text-white",children:(null==(x=p.author)?void 0:x.name)||"Equipo"})]})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("span",{className:"block text-sm font-semibold text-white",children:null!=N?N:"Published on"}),(0,a.jsx)("div",{className:"h-10 flex items-center",children:(0,a.jsx)("span",{className:"font-semibold text-white",children:t(p.date,g)})})]})]}),p.keywords.length>0&&(0,a.jsxs)("div",{className:"flex flex-col items-start gap-2",children:[(0,a.jsx)("span",{className:"text-sm font-semibold text-white",children:null!=v?v:"Tags:"}),(0,a.jsxs)("div",{className:"hidden lg:flex h-10 items-center gap-2 overflow-hidden",children:[p.keywords.slice(0,3).map(e=>(0,a.jsx)(r.h,{color:"whiteOutline",size:"md",className:"px-3 py-1 text-xs",children:e},"".concat(p.id,"-bloghero-desktop-").concat(e))),p.keywords.length>3&&(0,a.jsxs)(r.h,{size:"md",color:"whiteOutline",className:"px-3 py-1 text-xs",children:["+",p.keywords.length-3]})]}),(0,a.jsxs)("div",{className:"flex lg:hidden h-10 items-center gap-2 overflow-hidden",children:[p.keywords.slice(0,2).map(e=>(0,a.jsx)(r.h,{color:"whiteOutline",size:"md",className:"px-3 py-1 text-xs",children:e},"".concat(p.id,"-bloghero-tablet-").concat(e))),p.keywords.length>2&&(0,a.jsxs)(r.h,{size:"md",color:"whiteOutline",className:"px-3 py-1 text-xs",children:["+",p.keywords.length-2]})]})]})]})]})})]})})]}):"latest"===b?(0,a.jsx)("article",{className:"w-full",children:(0,a.jsxs)(i.N_,{href:{pathname:"/blog/[slug]",params:{slug:p.slug}},locale:g,className:"group block rounded-2xl ut-focus",children:[(0,a.jsx)("div",{className:"w-full overflow-hidden rounded-2xl bg-black-50 dark:bg-black-800",children:(0,a.jsx)(d.b,{ratio:1.5,children:p.imageUrl?(0,a.jsx)(c.default,{src:p.imageUrl,alt:p.title,fill:!0,sizes:"(max-width: 768px) 100vw, 50vw",className:"object-cover transition duration-300 group-hover:scale-105",priority:!1}):(0,a.jsx)("div",{className:"flex h-full w-full items-center justify-center text-black-300",children:j})})}),(0,a.jsxs)("div",{className:"w-full pt-4 flex flex-col gap-5",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(null==(h=p.category)?void 0:h.name)&&(0,a.jsx)("span",{className:"text-sm font-semibold text-brand-secondary",children:p.category.name}),(0,a.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,a.jsxs)("div",{className:"flex items-start gap-4",children:[(0,a.jsx)("h2",{className:"text-lg font-semibold text-primary line-clamp-2 flex-1",children:p.title}),(0,a.jsx)(n.A,{className:"h-6 w-6 fg-quaternary transition-colors duration-200 ease-in-out group-hover:fg-quaternary_hover","aria-hidden":!0})]}),(0,a.jsx)("p",{className:"text-md text-tertiary line-clamp-3",children:p.excerpt})]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(null==(m=p.author)?void 0:m.avatar)?(0,a.jsx)(c.default,{src:p.author.avatar,alt:p.author.name||"Author",width:40,height:40,className:"h-10 w-10 rounded-full object-cover border border-black-950/10 dark:border-white/10"}):(0,a.jsx)("div",{className:"h-10 w-10 rounded-full bg-black-100 dark:bg-black-800"}),(0,a.jsxs)("div",{className:"text-sm",children:[(0,a.jsx)("p",{className:"font-semibold text-primary",children:(null==(u=p.author)?void 0:u.name)||"Equipo"}),(0,a.jsx)("span",{className:"text-tertiary",children:t(p.date,g)})]})]})]})]})}):(0,a.jsx)("article",{className:"w-full min-h-[428px] rounded-2xl",children:(0,a.jsxs)(i.N_,{href:{pathname:"/blog/[slug]",params:{slug:p.slug}},locale:g,className:"group block rounded-2xl ut-focus",children:[(0,a.jsx)("div",{className:"w-full overflow-hidden rounded-2xl bg-black-50 dark:bg-black-800",children:(0,a.jsx)(d.b,{ratio:1.5,children:p.imageUrl?(0,a.jsx)(c.default,{src:p.imageUrl,alt:p.title,fill:!0,sizes:"(max-width: 768px) 100vw, 50vw",className:"object-cover transition duration-300 group-hover:scale-105",priority:!1}):(0,a.jsx)("div",{className:"flex h-full w-full items-center justify-center text-black-300",children:j})})}),(0,a.jsxs)("div",{className:"w-full pt-4 flex flex-col gap-6",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-1.5 text-sm font-semibold text-brand-secondary",children:[(0,a.jsx)("span",{children:(null==(l=p.author)?void 0:l.name)||"Equipo"}

1),(0,a.jsx)("span",{"aria-hidden":!0,children:"•"}),(0,a.jsx)("span",{children:t(p.date,g)})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,a.jsxs)("div",{className:"flex items-start gap-4",children:[(0,a.jsx)("h2",{className:"text-lg font-semibold text-primary line-clamp-2 flex-1",children:p.title}),(0,a.jsx)(n.A,{className:"h-6 w-6 fg-quaternary transition-colors duration-200 ease-in-out group-hover:fg-quaternary_hover","aria-hidden":!0})]}),(0,a.jsx)("p",{className:"text-md text-tertiary line-clamp-3",children:p.excerpt})]})]}),(0,a.jsxs)("div",{className:"flex flex-wrap gap-2 text-sm text-black-500 dark:text-black-300",children:[p.keywords.length>0&&p.keywords.slice(0,3).map(e=>(0,a.jsx)(r.h,{color:z(e),size:"md",className:"px-2 py-1 text-xs",children:e},"".concat(p.id,"-").concat(e))),p.keywords.length>3&&(0,a.jsxs)(r.h,{size:"md",className:"py-1 text-xs",children:["+",p.keywords.length-3]})]})]})]})})}}}]);