.blog,.post{--blog-lima: var(--color-secondary-5, #bbff00);--blog-morado: var(--color-primary-4, #8c75ff);--blog-fondo: var(--color-neutral-9, #1c1c1c);--blog-panel: var(--color-neutral-8, #252525);--blog-borde: rgba(255, 255, 255, .12);--blog-texto: rgba(255, 255, 255, .86);--blog-tenue: var(--color-neutral-2, #a8a8a8);--blog-header: 120px;width:100%;min-height:100dvh;background:var(--blog-fondo);color:var(--color-neutral-0, #fff);overflow-wrap:break-word}.blog__wrap,.post__wrap{max-width:1280px;margin:0 auto;padding:120px 20px 80px}@media (min-width: 768px){.blog__wrap,.post__wrap{padding:136px 40px 96px}}@media (min-width: 1024px){.blog__wrap,.post__wrap{padding:160px 120px 120px}}.blog__hero{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:880px;margin:0 auto 56px;text-align:center}.blog__eyebrow{font-family:var(--font-titles);font-weight:800;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--blog-lima)}.blog__title{font-weight:900;font-size:36px;line-height:1.05;text-transform:uppercase}.blog__title-accent{color:var(--blog-morado)}.blog__subtitle{max-width:640px;font-size:16px;line-height:1.5;color:var(--blog-texto)}@media (min-width: 768px){.blog__title{font-size:56px}.blog__subtitle{font-size:18px}}@media (min-width: 1024px){.blog__title{font-size:72px}}.blog__grid{display:grid;grid-template-columns:1fr;gap:24px}.blog-card--featured+.blog__grid{margin-top:24px}@media (min-width: 768px){.blog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.blog__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog__empty{text-align:center;font-size:18px;color:var(--blog-tenue)}.blog-card{height:100%}.blog-card__link{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--blog-borde);border-radius:24px;background:var(--blog-panel);color:inherit;text-decoration:none;transition:border-color .2s ease,transform .2s ease}.blog-card__link:hover{border-color:var(--blog-lima);transform:translateY(-4px)}.blog-card__link:focus-visible{outline:2px solid var(--blog-lima);outline-offset:4px}.blog-card__media{aspect-ratio:1200 / 630;overflow:hidden;background:var(--color-neutral-10, #090909)}.blog-card__img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog-card__link:hover .blog-card__img{transform:scale(1.04)}.blog-card__placeholder{display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(circle at 18% 12%,rgba(111,82,255,.6),transparent 55%),radial-gradient(circle at 88% 92%,rgba(187,255,0,.3),transparent 50%),var(--color-neutral-10, #090909)}.blog-card__sticker{width:28%;max-width:150px;transform:rotate(-12deg);filter:drop-shadow(0 12px 24px rgba(0,0,0,.45));transition:transform .4s ease}.blog-card__link:hover .blog-card__sticker{transform:rotate(0) scale(1.08)}.blog-card__body{display:flex;flex:1;flex-direction:column;gap:12px;padding:24px}.blog-card__tags{display:flex;flex-wrap:wrap;gap:8px}.blog-card__category,.blog-card__lang,.post__category{padding:4px 10px;border-radius:999px;font-family:var(--font-titles);font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.blog-card__category,.post__category{background:var(--blog-lima);color:var(--blog-fondo)}.blog-card__lang{border:1px solid var(--blog-morado);color:var(--blog-morado)}.blog-card__title{font-weight:800;font-size:22px;line-height:1.2}.blog-card__excerpt{font-size:15px;line-height:1.5;color:var(--blog-texto)}.blog-card__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px;font-size:13px;color:var(--blog-tenue)}@media (min-width: 768px){.blog-card--featured .blog-card__link{flex-direction:row}.blog-card--featured .blog-card__media{flex:0 0 52%;min-height:340px;aspect-ratio:auto}.blog-card--featured .blog-card__body{justify-content:center;gap:16px;padding:40px}.blog-card--featured .blog-card__title{font-size:30px}.blog-card--featured .blog-card__excerpt{font-size:17px}.blog-card--featured .blog-card__meta{margin-top:8px}}@media (min-width: 1024px){.blog-card--featured .blog-card__title{font-size:38px}}.post__crumbs ol{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;color:var(--blog-tenue)}.post__crumbs li{flex:none;white-space:nowrap}.post__crumbs li+li:before{content:"/";margin-right:8px;color:var(--color-neutral-5, #5c5c5c)}.post__crumbs [aria-current]{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--color-neutral-0, #fff)}.post__crumbs a{color:inherit;text-decoration:none}.post__crumbs a:hover{color:var(--blog-lima)}.post__head{display:flex;flex-direction:column;align-items:flex-start;gap:20px;max-width:900px;margin:32px 0 40px}.post__title{font-weight:900;font-size:32px;line-height:1.1}@media (min-width: 768px){.post__title{font-size:44px}}@media (min-width: 1024px){.post__title{font-size:56px}}.post__meta{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--blog-tenue)}.post__cover{width:100%;height:auto;margin-bottom:48px;border-radius:24px}.post__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:40px}@media (min-width: 1024px){.post__layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:64px}.post__body{grid-column:1;grid-row:1}.post__toc{grid-column:2;grid-row:1;position:sticky;top:var(--blog-header);max-height:calc(100dvh - var(--blog-header) - 24px);overflow-y:auto}}.post__toc{padding:20px 24px;border:1px solid var(--blog-borde);border-radius:20px;background:var(--blog-panel)}.post__toc-title{margin-bottom:12px;font-family:var(--font-titles);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--blog-lima)}.post__toc ol{display:flex;flex-direction:column;gap:10px}.post__toc a{font-size:14px;line-height:1.35;color:var(--blog-texto);text-decoration:none}.post__toc a:hover{color:var(--blog-lima)}.post__body{max-width:720px;font-size:17px;line-height:1.7;color:var(--blog-texto)}@media (min-width: 768px){.post__body{font-size:18px}}.post__body>*+*{margin-top:1.1em}.post__body h2,.post__body h3{color:var(--color-neutral-0, #fff);scroll-margin-top:var(--blog-header)}.post__body h2{margin-top:2.4em;font-weight:900;font-size:26px;line-height:1.2}.post__body h2:before{content:"";display:block;width:40px;height:4px;margin-bottom:14px;border-radius:2px;background:var(--blog-lima)}.post__body>:first-child{margin-top:0}.post__body h3{margin-top:1.8em;font-weight:800;font-size:21px;line-height:1.3}@media (min-width: 768px){.post__body h2{font-size:30px}}.post__body strong{font-weight:700;color:var(--color-neutral-0, #fff)}.post__body a{color:var(--blog-lima);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.post__body a:hover{color:var(--blog-morado)}.post__body ul,.post__body ol{padding-left:1.4em}.post__body ul{list-style:disc}.post__body ol{list-style:decimal}.post__body li+li{margin-top:.45em}.post__body li::marker{color:var(--blog-lima)}.post__body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.post__body :not(pre)>code{padding:.15em .4em;border-radius:6px;background:#ffffff14;font-size:.86em;color:var(--color-secondary-3, #d6ff66)}.post__body pre{padding:18px 20px;overflow-x:auto;border:1px solid var(--blog-borde);border-radius:16px;font-size:14px;line-height:1.6}.post__body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:15px;line-height:1.45}.post__body th,.post__body td{min-width:140px;padding:12px 14px;border-bottom:1px solid var(--blog-borde);text-align:left;vertical-align:top}.post__body th{background:var(--blog-panel);font-family:var(--font-titles);font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--blog-lima)}.post__body blockquote{padding-left:20px;border-left:3px solid var(--blog-lima);font-style:italic;color:var(--color-neutral-0, #fff)}.post__body img{max-width:100%;height:auto;border-radius:16px}.post__body hr{margin:3em 0;border:0;border-top:1px solid var(--blog-borde)}.post__cta{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:80px;padding:40px 24px;border:1px solid var(--blog-borde);border-radius:28px;background:radial-gradient(circle at 12% 0%,rgba(111,82,255,.45),transparent 60%),radial-gradient(circle at 92% 100%,rgba(187,255,0,.2),transparent 55%),var(--blog-panel);text-align:center}.post__cta-title{font-weight:900;font-size:26px;line-height:1.1;text-transform:uppercase}@media (min-width: 768px){.post__cta{padding:56px 40px}.post__cta-title{font-size:36px}}.post__cta-text{max-width:560px;font-size:16px;line-height:1.5;color:var(--blog-texto)}.post__cta-btn{margin-top:8px;padding:12px 28px;border-radius:999px;background:var(--blog-lima);font-family:var(--font-titles);font-weight:800;color:var(--blog-fondo);text-decoration:none;transition:background-color .15s ease,color .15s ease}.post__cta-btn:hover{background:var(--color-primary-5, #6f52ff);color:var(--color-neutral-0, #fff)}.post__related{margin-top:80px}.post__related-title{margin-bottom:24px;font-weight:900;font-size:28px;text-transform:uppercase}.post__back{display:inline-block;margin-top:48px;font-weight:700;color:var(--blog-lima);text-decoration:none}.post__back:hover{text-decoration:underline;text-underline-offset:4px}
