.blog-main{padding-top:calc(58px + env(safe-area-inset-top,0px) + clamp(48px,8vh,96px));padding-bottom:clamp(72px,12vh,130px)}.blog-h1{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.06;font-size:clamp(38px,6vw,64px)}.blog-entradilla{margin-top:18px;max-width:54ch;color:var(--gray);font-size:clamp(17px,2vw,19px)}.blog-lista{list-style:none;margin-top:clamp(48px,7vh,76px);border-top:1px solid var(--line)}.blog-item{padding:clamp(28px,4vh,40px) 0;border-bottom:1px solid var(--line)}.blog-meta{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-soft)}.blog-sep{color:var(--line)}.blog-titulo{margin-top:14px;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.12;font-size:clamp(24px,3.2vw,34px);max-width:24ch}.blog-titulo a{color:var(--ink);transition:color .25s cubic-bezier(.3,0,.2,1)}.blog-titulo a:hover{color:var(--accent)}.blog-titulo a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.blog-extracto{margin-top:12px;max-width:62ch;color:var(--gray)}.blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.blog-tag{border:1px solid var(--line);padding:4px 10px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-soft)}