.blog-page main{padding-top:calc(var(--nav-safe,96px) + 2rem);padding-bottom:6rem;padding-inline:clamp(24px, var(--gutter), 7rem)}.blog-wrap{max-width:1180px;margin-inline:auto}.blog-hero{isolation:isolate;text-align:center;margin-bottom:clamp(2.5rem,5vw,4rem);flex-direction:column;align-items:center;gap:.75rem;max-width:900px;margin-inline:auto;display:flex;position:relative}.blog-hero .ghost{z-index:0;font-family:var(--font-display);letter-spacing:-.02em;color:color-mix(in srgb, var(--paper) 7%, transparent);user-select:none;pointer-events:none;font-size:clamp(180px,28vw,400px);font-weight:800;line-height:1;display:none;position:absolute;top:-.34em;left:50%;transform:translate(-50%)}@media (width>=1100px){.blog-hero .ghost{display:block}}.blog-lede{font-size:var(--fs-lead);color:var(--muted);text-wrap:pretty;max-width:62ch;margin-inline:auto}.blog-hero .eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-size:.8125rem}.blog-hero h1{font-family:var(--font-display);text-wrap:balance;margin:0;font-size:clamp(2.25rem,5vw,4.25rem);font-weight:700;line-height:.98}.blog-hero p{font-size:var(--fs-lead);color:var(--muted);text-wrap:pretty;max-width:60ch}.post-grid{grid-template-columns:1fr;gap:clamp(16px,2vw,28px);display:grid}@media (width>=768px){.post-grid{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(260px,1fr)}.post-card.featured{grid-area:span 2/span 2}}@media (width>=1100px){.post-grid{grid-template-columns:1fr .55fr}.post-card.featured{grid-area:span 2/1}}.post-grid.secundaria{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:minmax(300px,auto);margin-top:clamp(16px,2vw,28px)}.post-grid.secundaria .post-card.featured{grid-area:auto}.post-grid.simple{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.post-grid.simple .post-card{min-height:0}.post-card{isolation:isolate;background:var(--surface);border:1px solid var(--line);min-height:300px;color:inherit;transition:border-color var(--dur-ui) var(--ease), transform var(--dur-ui) var(--ease);border-radius:20px;align-items:flex-end;gap:1rem;padding:clamp(20px,2vw,28px);text-decoration:none;display:flex;position:relative;overflow:hidden}.post-card:before{content:"";z-index:-2;background-image:var(--card-img,none);transition:transform var(--dur-entrada,1s) var(--ease);background-position:50%;background-size:cover;position:absolute;inset:0}.post-card:after{content:"";z-index:-1;background:linear-gradient(to top, color-mix(in srgb, var(--ink) 92%, transparent) 0%, color-mix(in srgb, var(--ink) 55%, transparent) 45%, color-mix(in srgb, var(--ink) 15%, transparent) 100%);transition:opacity var(--dur-ui) var(--ease);position:absolute;inset:0}.post-card.sin-portada:after{background:0 0}.post-card:hover,.post-card:focus-visible{border-color:var(--accent);transform:scale(.98)rotate(.3deg)}.post-card:hover:before{transform:scale(1.06)}.post-card:hover:after{background:linear-gradient(to top, color-mix(in srgb, var(--ink) 94%, transparent) 0%, color-mix(in srgb, var(--ink) 72%, transparent) 60%, color-mix(in srgb, var(--ink) 40%, transparent) 100%)}.post-card-body{flex-direction:column;flex:1;gap:.75rem;display:flex}.post-card-meta{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.post-card .cat{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper);backdrop-filter:blur(12px);background:#ffffff29;border:1px solid #ffffff2e;border-radius:8px;width:fit-content;padding:4px 10px;font-size:.75rem}.post-card.sin-portada .cat{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:#0000}.post-card .lectura{color:var(--paper);font-size:1.0625rem;font-weight:600}.post-card h2{font-family:var(--font-display);text-wrap:balance;margin:0;font-size:clamp(1.5rem,2vw,1.875rem);font-weight:600;line-height:1.15}.post-card.featured h2{font-size:clamp(2rem,3.4vw,3rem)}.post-card p{color:var(--muted);font-size:var(--fs-body);margin:0;line-height:1.5}.post-card .meta{font-family:var(--font-mono);letter-spacing:.08em;color:var(--faint);font-size:.75rem}.post-card-arrow{color:var(--paper);transition:transform var(--dur-ui) var(--ease);flex:none;align-self:flex-end}.post-card:hover .post-card-arrow{transform:translate(8px)}.blog-empty{color:var(--muted);font-size:var(--fs-lead);border:1px dashed var(--line);border-radius:var(--radius-card);padding:clamp(24px,4vw,48px)}.article{margin-inline:auto}@media (width>=768px){.article{width:80vw;max-width:80vw;margin-inline:calc(50% - 40vw)}}.article-hero{width:100vw;min-height:100svh;margin-inline:calc(50% - 50vw);margin-top:calc(-1 * (var(--nav-safe,96px) + 2rem));padding:clamp(24px, var(--gutter), 7rem);background:var(--ink);align-items:end;margin-bottom:clamp(3rem,6vw,5rem);padding-block-end:clamp(48px,8vh,96px);display:grid;position:relative;overflow:hidden}.article-hero-bg{will-change:transform;background-position:50%;background-size:cover;width:100%;height:130%;position:absolute;top:-15%;left:0}.article-hero.has-image:after{content:"";background:linear-gradient(to top, color-mix(in srgb, var(--ink) 88%, transparent) 0%, color-mix(in srgb, var(--ink) 55%, transparent) 38%, transparent 70%);position:absolute;inset:0}.article-hero-inner{z-index:1;flex-direction:column;gap:1rem;width:100%;max-width:1180px;margin-inline:auto;display:flex;position:relative}.article-hero-inner h1{font-family:var(--font-display);text-wrap:balance;margin:0;font-size:clamp(2rem,5.2vw,4.25rem);font-weight:700;line-height:1.02}.article-lede{max-width:62ch;color:var(--muted);text-wrap:pretty;margin:0;font-size:clamp(1.05rem,1.6vw,1.375rem);line-height:1.5}.article-hero-inner .cat{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:.8125rem}.article-hero-inner .meta{font-family:var(--font-mono);letter-spacing:.08em;color:var(--faint);font-size:.8125rem}.article-team{border-top:1px solid var(--line);margin-top:clamp(3rem,6vw,5rem);padding-top:2rem}.article-team h2{font-family:var(--font-display);margin:0 0 1.5rem;font-size:clamp(1.25rem,2vw,1.75rem)}.article-team ul{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.article-team li{border:1px solid var(--line);border-radius:var(--radius-card);flex-direction:column;gap:.25rem;padding:1.5rem;display:flex}.article-team .nombre{color:var(--paper);font-weight:700}.article-team .rol{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:.8125rem}.article-team a{color:var(--accent);margin-top:.5rem;font-size:.9375rem;text-decoration:none}.article-team a:hover{text-decoration:underline}.article .back,.article-hero .back{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.8125rem;text-decoration:none}.article .back:hover,.article-hero .back:hover{color:var(--accent)}.article-head{flex-direction:column;gap:1rem;margin:1.5rem 0 2.5rem;display:flex}.article-head .cat{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:.8125rem}.article-head h1{font-family:var(--font-display);text-wrap:balance;margin:0;font-size:clamp(2rem,4.4vw,3.5rem);font-weight:700;line-height:1.02}.article-head .meta{font-family:var(--font-mono);letter-spacing:.08em;color:var(--faint);font-size:.8125rem}.article-cover{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-card);border:1px solid var(--line);width:100%;margin-bottom:2.5rem}.article-body{font-size:var(--fs-body);color:var(--paper);line-height:1.7}.article-body p{color:var(--muted);text-wrap:pretty;margin-block:0 1.4rem}.article-body h2{font-family:var(--font-display);color:var(--paper);text-wrap:balance;margin:2.5rem 0 1rem;font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:600;line-height:1.2}.article-body h3{font-family:var(--font-display);color:var(--paper);margin:2rem 0 .75rem;font-size:1.25rem}.article-body a{color:var(--accent);text-underline-offset:3px}.article-body blockquote{border-left:2px solid var(--accent);color:var(--paper);font-size:var(--fs-lead);margin:2rem 0;padding-left:1.25rem}.article-body strong{color:var(--paper);font-weight:700}.article-body ul,.article-body ol{color:var(--muted);margin-block:0 1.6rem;padding-left:0;list-style:none}.article-body ol{counter-reset:paso}.article-body li{margin-bottom:.9rem;padding-left:1.75rem;line-height:1.65;position:relative}.article-body ul li:before{content:"";background:var(--accent);border-radius:999px;width:7px;height:7px;position:absolute;top:.62em;left:0}.article-body ol li:before{counter-increment:paso;content:counter(paso);font-family:var(--font-mono);color:var(--accent);font-size:.8125rem;position:absolute;top:0;left:0}.article-cta{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-card);flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;max-width:760px;margin:4rem auto 0;padding:clamp(24px,3vw,40px);display:flex}.article-cta p{color:var(--muted);flex:320px;margin:0}.article-cta a{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink);background:var(--accent);border-radius:var(--radius-pill);padding:.9rem 1.4rem;font-size:.8125rem;text-decoration:none}.article-cta a:hover{background:var(--accent-hover)}@media (prefers-reduced-motion:reduce){.post-card,.post-card:before,.post-card:after,.post-card-arrow{transition:none}.post-card:hover,.post-card:hover:before,.post-card:hover .post-card-arrow{transform:none}}.blog-hero .eyebrow,.blog-hero h1,.blog-hero .blog-lede{z-index:1;position:relative}
