:root{--cat-nextjs: #0066CC;--cat-seo: #3b9eff;--cat-ia: #10B981;--cat-supabase: #8B5CF6;--cat-apis: #F5A623}main.blog-main a{text-decoration:none}main.blog-main{--text-primary: #0a0a0a;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--border-subtle: rgba(0, 0, 0, .08);--bg-surface: rgba(0, 0, 0, .03);--bg-surface-hover: rgba(0, 0, 0, .05);--glass-bg: rgba(0, 0, 0, .02);--glass-border: 1px solid rgba(0, 0, 0, .08);color:#0a0a0a;padding-top:clamp(4.5rem,11vw,5.5rem)}main.blog-main.has-hero{padding-top:0}.blog-wrap{max-width:var(--container-max);margin-inline:auto;padding:0 clamp(1rem,4vw,3rem) clamp(3rem,6vw,4.5rem)}.post-cover{position:relative;background:#081527;overflow:hidden}.post-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cat-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.post-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;background-image:url(/javier.webp),var(--gradient-accent);background-size:cover;background-position:center;background-repeat:no-repeat}.blog-hero{position:relative;overflow:hidden;min-height:var(--section-min-h);display:flex;flex-direction:column;justify-content:center;padding:var(--section-padding-y) 0;color:#fff;background-color:#050f22;background-image:linear-gradient(100deg,#061428e6,#082850b3 45%,#0a3c6e80),linear-gradient(#003c8c2e,#003c8c2e),url(/hero-desk.webp);background-size:cover;background-position:center;background-blend-mode:normal,color,normal;background-attachment:fixed}@media (hover: none) and (pointer: coarse){.blog-hero{background-attachment:scroll}}.blog-hero:before,.blog-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}.blog-hero:before{width:44vw;height:44vw;max-width:640px;max-height:640px;background:#0066cc59;top:-18%;left:-12%}.blog-hero:after{width:36vw;height:36vw;max-width:520px;max-height:520px;background:#3b9eff38;bottom:-16%;right:-8%}.blog-hero-inner{position:relative;z-index:1;max-width:var(--container-max);margin-inline:auto;width:100%;padding-inline:clamp(1rem,4vw,3rem)}.blog-eyebrow{display:block;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7ec4ff;margin-bottom:.875rem}.blog-hero h1{font-family:"Poppins",var(--font-sans);font-weight:800;color:#fff;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.05;max-width:780px}.blog-hero p{margin-top:1.125rem;font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.6;color:#ffffffb3;max-width:560px}.blog-pills{display:none;gap:.625rem;margin:0 0 clamp(1.75rem,3.5vw,2.5rem);flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.blog-pill{flex-shrink:0;padding:.55rem 1.2rem;border-radius:var(--radius-full);border:1px solid var(--border-subtle);font-size:.875rem;font-weight:700;color:var(--text-secondary);background:var(--bg-primary);cursor:pointer;transition:border-color var(--transition-base),color var(--transition-base),background var(--transition-base)}.blog-pill[aria-pressed=true]{background:var(--gradient-accent);border-color:transparent;color:#fff}.blog-cat-select-wrap{position:relative;margin:0 0 clamp(1.75rem,3.5vw,2.5rem)}.blog-cat-trigger{display:flex;align-items:center;gap:.625rem;width:100%;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-primary);font-family:inherit;font-size:.9375rem;font-weight:700;color:var(--text-primary);cursor:pointer}.blog-cat-trigger .k{color:var(--text-secondary);font-weight:600}.blog-cat-trigger svg{margin-left:auto;flex-shrink:0;color:var(--text-secondary)}.blog-cat-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 .375rem;border-radius:var(--radius-full);background:var(--gradient-accent);color:#fff;font-size:.75rem;font-weight:800}.blog-cat-menu{position:absolute;z-index:5;top:calc(100% + 8px);left:0;right:0;margin:0;padding:.375rem;list-style:none;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 20px 45px -20px #10182859}.blog-cat-menu[hidden]{display:none}.blog-cat-menu li{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;border-radius:calc(var(--radius-md) - .375rem);font-size:.9375rem;font-weight:600;color:var(--text-secondary);cursor:pointer}.blog-cat-menu li:hover{background:var(--bg-surface)}.blog-cat-menu li.on{color:var(--text-primary);background:var(--bg-surface);font-weight:700}.blog-cat-menu .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}@media (min-width: 900px){.blog-cat-select-wrap{display:none}.blog-pills{display:flex}}.hero-featured{margin-top:clamp(1.75rem,3.5vw,2.5rem);display:flex;flex-direction:column;gap:1.125rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-lg);padding:1.25rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-featured .post-cover{width:100%;aspect-ratio:16 / 10;border-radius:var(--radius-md);flex-shrink:0}.hero-featured-info{min-width:0}.hero-featured-badge{display:block;font-size:.6875rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#7ec4ff;margin-bottom:.5rem}.hero-featured-info h2{font-family:"Poppins",var(--font-sans);font-weight:800;color:#fff;font-size:clamp(1.25rem,2.4vw,1.5rem);line-height:1.25;margin-bottom:.5rem}.hero-featured-meta{font-size:.8125rem;color:#ffffff94}.hero-featured-read{display:inline-flex;align-items:center;gap:.5rem;margin-top:.875rem;font-weight:700;font-size:.9rem;color:#7ec4ff}@media (min-width: 700px){.hero-featured{flex-direction:row;align-items:center;gap:1.75rem}.hero-featured .post-cover{width:240px;aspect-ratio:auto;height:150px}.hero-featured-info{flex:1}.hero-featured-read{margin-top:0;margin-left:auto;flex-shrink:0}}.blog-section-label{display:flex;align-items:baseline;justify-content:space-between;margin:clamp(2.5rem,5vw,4rem) 0 1.5rem}.blog-section-label h3{font-family:"Poppins",var(--font-sans);font-weight:800;font-size:1.25rem}.blog-section-label span{font-size:.875rem;color:var(--text-secondary)}.blog-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.blog-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-primary);transition:transform var(--transition-base),box-shadow var(--transition-base)}.blog-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px -28px #1018284d}.blog-card .post-cover{aspect-ratio:16 / 10}.blog-card-body{padding:1.25rem 1.375rem 1.5rem}.blog-card-cat{display:flex;align-items:center;gap:.4375rem;font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.625rem}.blog-card h4{font-family:"Poppins",var(--font-sans);font-weight:700;font-size:1.1875rem;line-height:1.3;margin-bottom:.5rem}.blog-card p{font-size:.9375rem;line-height:1.55;color:var(--text-secondary);margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-foot{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-tertiary);font-weight:600}.blog-card-foot .sep{width:3px;height:3px;border-radius:50%;background:var(--text-tertiary)}.blog-empty{padding:3rem 0;text-align:center;color:var(--text-secondary);display:none}.blog-empty.show{display:block}@media (min-width: 700px){.blog-grid{grid-template-columns:1fr 1fr}}@media (min-width: 1100px){.blog-grid{grid-template-columns:1fr 1fr 1fr}}.post-back{display:flex;align-items:center;gap:.5rem;max-width:1100px;margin:1.75rem auto 1.5rem;font-size:.875rem;font-weight:700;color:var(--text-secondary)}.post-article-head{max-width:1100px;margin:0 auto}.post-article-head h1{font-family:"Poppins",var(--font-sans);font-weight:800;font-size:clamp(1.75rem,4.2vw,2.75rem);line-height:1.1;margin-bottom:1.375rem}.post-meta-full{display:flex;align-items:center;gap:.75rem;padding-bottom:1.75rem;margin-bottom:1.75rem;border-bottom:1px solid var(--border-subtle)}.post-meta-full .post-avatar{width:44px;height:44px}.post-meta-full .who b{display:block;font-size:.9375rem;font-weight:700}.post-meta-full .who span{font-size:.8125rem;color:var(--text-secondary)}.post-cover.post-cover-hero{border-radius:var(--radius-lg);aspect-ratio:16 / 9;margin:0 auto clamp(2rem,4vw,3rem);max-width:1100px}@media (min-width: 900px){.post-cover.post-cover-hero{aspect-ratio:21 / 9}}.prose{max-width:1100px;margin:0 auto;font-size:1.0625rem;line-height:1.75}.prose>p:first-of-type{font-size:1.1875rem;line-height:1.6;color:var(--text-secondary)}.prose p{margin:0 0 1.5rem}.prose h2{font-family:"Poppins",var(--font-sans);font-weight:800;font-size:1.5rem;margin:2.75rem 0 1.125rem;line-height:1.25}.prose ul{margin:0 0 1.5rem;padding-left:1.375rem}.prose li{font-size:1.0625rem;line-height:1.7;margin-bottom:.5rem}.prose code{background:var(--bg-surface);padding:.15em .4em;border-radius:6px;font-family:ui-monospace,JetBrains Mono,SFMono-Regular,monospace;font-size:.9em}.prose blockquote{margin:2.25rem 0;padding:.25rem 0 .25rem 1.5rem;border-left:3px solid var(--accent-from)}.prose blockquote p{margin:0;font-family:"Poppins",var(--font-sans);font-weight:700;font-size:1.25rem;line-height:1.5;color:var(--text-primary)}.prose pre{background:#081224;border-radius:var(--radius-md);padding:1.375rem 1.5rem;margin:1.875rem 0;overflow-x:auto}.prose pre code{background:none;padding:0;font-size:.8125rem;line-height:1.7;color:#9fd7ff}.post-tags-share{max-width:1100px;margin:2.75rem auto 2.5rem;padding-top:2rem;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.post-tags{display:flex;gap:.5rem;flex-wrap:wrap}.post-tag{padding:.45rem 1rem;border-radius:var(--radius-full);border:1px solid var(--border-subtle);font-size:.8125rem;font-weight:700;color:var(--text-secondary)}.post-share{display:flex;gap:.625rem}.post-share a{width:38px;height:38px;border-radius:50%;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color var(--transition-base),border-color var(--transition-base)}.post-share a:hover{color:var(--accent-from);border-color:#0066cc4d}.author-card{max-width:1100px;margin:0 auto 3.5rem;display:flex;gap:1.125rem;align-items:flex-start;background:var(--bg-surface);border-radius:var(--radius-lg);padding:1.75rem}.author-card .post-avatar{width:56px;height:56px}.author-card h3{font-family:"Poppins",var(--font-sans);font-weight:700;font-size:1.0625rem;margin-bottom:.375rem}.author-card p{font-size:.9375rem;color:var(--text-secondary);line-height:1.55;margin:0}.related-wrap{max-width:1100px;margin:0 auto}.related-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:clamp(3rem,6vw,4.5rem)}@media (min-width: 640px){.related-grid{grid-template-columns:1fr 1fr}}