.blog-layout{background-color:var(--bg-base);min-height:100vh;color:var(--text-primary);padding:calc(var(--spacing-2xl) + 20px)0 var(--spacing-2xl)0;position:relative;overflow:hidden}.blog-bg-gradient{pointer-events:none;z-index:0;background:radial-gradient(circle,#e52e2d14 0%,#05050500 70%);border-radius:50%;width:50%;height:60%;position:absolute;top:-10%;left:5%}.blog-bg-gradient-secondary{pointer-events:none;z-index:0;background:radial-gradient(circle,#e52e2d0d 0%,#05050500 70%);border-radius:50%;width:60%;height:70%;position:absolute;bottom:10%;right:-5%}.blog-container{z-index:10;position:relative}.blog-header{text-align:center;max-width:750px;margin:0 auto var(--spacing-xl)auto}.blog-title{letter-spacing:-.04em;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--text-primary)30%,#e52e2d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.15}[data-theme=light] .blog-title{background:linear-gradient(135deg,#111827 40%,#e52e2d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.blog-description{color:var(--text-secondary);font-size:1.25rem;line-height:1.6}.blog-filters{justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);background-color:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-wrap:wrap;width:fit-content;margin-left:auto;margin-right:auto;padding:6px;display:flex}.blog-filter-btn{border-radius:var(--radius-lg);color:var(--text-secondary);padding:.6rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.blog-filter-btn:hover{color:var(--text-primary);background-color:var(--surface-2)}.blog-filter-btn.active{background-color:var(--accent-primary);color:#fff;box-shadow:0 4px 15px #e52e2d4d}[data-theme=light] .blog-filters{background-color:#fff;border:1px solid #e5e7eb}[data-theme=light] .blog-filter-btn.active{box-shadow:0 4px 15px #e52e2d33}.featured-post-card{background-color:var(--surface-0);border:2px solid var(--border-subtle);border-radius:var(--radius-xl);margin-bottom:var(--spacing-2xl);grid-template-columns:1.1fr .9fr;transition:all .4s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden}.featured-post-card:before{content:"";background-color:var(--accent-primary);width:4px;height:100%;position:absolute;top:0;left:0}.featured-post-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 20px 40px #00000080,0 0 20px #e52e2d1a}.featured-post-content{padding:var(--spacing-xl);flex-direction:column;justify-content:center;display:flex}.featured-post-badge{background-color:var(--accent-light);border:1px solid var(--accent-primary);color:var(--accent-primary);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-md);align-self:flex-start;padding:.35rem .75rem;font-size:.75rem;font-weight:800;display:inline-block}.featured-post-title{margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:2.25rem;font-weight:800;line-height:1.2;transition:color .2s}.featured-post-card:hover .featured-post-title{color:var(--accent-hover)}.featured-post-summary{color:var(--text-secondary);margin-bottom:var(--spacing-lg);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1.05rem;line-height:1.6;display:-webkit-box;overflow:hidden}.featured-post-visual{padding:var(--spacing-xl);border-left:1px solid var(--border-subtle);background:linear-gradient(135deg,#111 0%,#050505 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.featured-visual-art{border-radius:var(--radius-lg);background:linear-gradient(135deg,#e52e2d33 0%,#e52e2d05 100%);border:1px solid #e52e2d26;justify-content:center;align-items:center;width:100%;height:100%;min-height:320px;display:flex;position:relative}.featured-visual-icon{filter:drop-shadow(0 0 20px #e52e2d66);font-size:5rem}@media (max-width:992px){.featured-post-card{grid-template-columns:1fr}.featured-post-visual{border-left:none;border-top:1px solid var(--border-subtle)}}.post-meta-row{align-items:center;gap:var(--spacing-md);color:var(--text-muted);flex-wrap:wrap;margin-top:auto;font-size:.85rem;display:flex}.post-author-box{align-items:center;gap:var(--spacing-sm);display:flex}.post-author-avatar{background-color:var(--accent-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex;box-shadow:0 0 10px #e52e2d4d}.posts-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.post-card{background-color:var(--surface-0);border:2px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;height:100%;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.post-card:hover{border-color:var(--accent-primary);transform:translateY(-6px);box-shadow:0 20px 40px #0009,0 0 20px #e52e2d1a}.post-card-visual{background:linear-gradient(135deg,var(--surface-1)0%,var(--surface-2)100%);border-bottom:1px solid var(--border-subtle);justify-content:center;align-items:center;height:200px;display:flex;position:relative}.post-card-art{border-radius:var(--radius-md);background:linear-gradient(135deg,#e52e2d1f 0%,#e52e2d03 100%);border:1px solid #e52e2d1a;justify-content:center;align-items:center;width:85%;height:80%;transition:all .4s;display:flex}.post-card:hover .post-card-art{background:linear-gradient(135deg,#e52e2d38 0%,#e52e2d08 100%);border-color:#e52e2d4d;transform:scale(1.03)}.post-card-content{padding:var(--spacing-lg);flex-direction:column;flex-grow:1;display:flex}.post-card-tag-row{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.post-card-tag{text-transform:uppercase;color:var(--accent-primary);background-color:var(--accent-light);border-radius:var(--radius-sm);padding:.2rem .5rem;font-size:.7rem;font-weight:700}.post-card-title{color:var(--text-primary);margin-bottom:var(--spacing-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.35rem;font-weight:800;line-height:1.3;transition:color .2s;display:-webkit-box;overflow:hidden}.post-card:hover .post-card-title{color:var(--accent-hover)}.post-card-summary{color:var(--text-secondary);margin-bottom:var(--spacing-lg);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.post-read-progress{background-color:var(--accent-primary);z-index:1100;width:0%;height:4px;box-shadow:0 0 10px var(--accent-primary);transition:width .1s ease-out;position:fixed;top:0;left:0}.post-detail-layout{background-color:var(--bg-base);min-height:100vh;padding:calc(var(--spacing-2xl) + 40px)0 var(--spacing-2xl)0}.post-detail-container{max-width:850px;padding:0 var(--spacing-lg);margin:0 auto}.post-back-btn{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xl);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background-color:var(--surface-0);padding:.5rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.post-back-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary);transform:translate(-4px)}.post-detail-header{margin-bottom:var(--spacing-xl)}.post-detail-category{background-color:var(--accent-light);color:var(--accent-primary);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:var(--spacing-md);border:1px solid #e52e2d4d;padding:.35rem .8rem;font-size:.8rem;font-weight:800;display:inline-block}.post-detail-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--spacing-lg);font-size:3.2rem;font-weight:800;line-height:1.15}@media (max-width:768px){.post-detail-title{font-size:2.2rem}.blog-title{font-size:2.5rem}}.post-detail-meta-wrapper{padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.post-detail-author-avatar{background-color:var(--accent-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.05rem;font-weight:800;display:flex;box-shadow:0 0 12px #e52e2d66}.post-detail-author-info{flex-direction:column;display:flex}.post-detail-author-name{color:var(--text-primary);font-size:.95rem;font-weight:700}.post-detail-author-role{color:var(--text-muted);font-size:.75rem}.post-detail-banner{border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--surface-1)0%,var(--surface-0)100%);border:1px solid var(--border-subtle);height:380px;margin-bottom:var(--spacing-2xl);box-shadow:var(--shadow-lg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.post-detail-banner-art{border-radius:var(--radius-lg);background:linear-gradient(135deg,#e52e2d26 0%,#e52e2d03 100%);border:1px solid #e52e2d26;justify-content:center;align-items:center;width:90%;height:85%;display:flex}.post-detail-banner-art:before{content:"";background-color:var(--accent-primary);opacity:.12;filter:blur(80px);border-radius:50%;width:150px;height:150px;position:absolute}.post-detail-banner-icon{filter:drop-shadow(0 0 30px #e52e2d66);font-size:7rem}@media (max-width:576px){.post-detail-banner{height:240px}.post-detail-banner-icon{font-size:4rem}}.post-article-body{color:var(--text-secondary);font-size:1.15rem;line-height:1.85}.post-article-body p{margin-bottom:var(--spacing-lg)}.post-article-body h3{color:var(--text-primary);margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md);letter-spacing:-.02em;font-size:1.8rem;font-weight:800}.post-article-body h4{color:var(--text-primary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm);letter-spacing:-.01em;font-size:1.4rem;font-weight:700}.post-article-body ul,.post-article-body ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}.post-article-body li{margin-bottom:var(--spacing-sm)}.post-article-body strong{color:var(--text-primary);font-weight:700}.blog-highlight{background-color:var(--surface-1);border-left:4px solid var(--accent-primary);padding:var(--spacing-lg);border-radius:0 var(--radius-md)var(--radius-md)0;margin:var(--spacing-xl)0;font-style:italic}.blog-highlight p{color:var(--text-primary)!important;margin-bottom:0!important}.post-share-section{margin:var(--spacing-2xl)0;padding:var(--spacing-lg)0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.post-share-title{color:var(--text-primary);font-size:1rem;font-weight:700}.post-share-buttons{gap:var(--spacing-sm);display:flex}.post-share-btn{background-color:var(--surface-1);border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.post-share-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #0006}.post-share-btn.whatsapp:hover{background-color:#25d366;border-color:#25d366}.post-share-btn.twitter:hover{background-color:#000;border-color:#000}.post-share-btn.linkedin:hover{background-color:#0077b5;border-color:#0077b5}.post-share-btn.facebook:hover{background-color:#1877f2;border-color:#1877f2}.related-posts-section{margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--border-subtle)}.related-posts-title{color:var(--text-primary);margin-bottom:var(--spacing-xl);letter-spacing:-.02em;font-size:2rem;font-weight:800}[data-theme=light] .blog-layout,[data-theme=light] .post-detail-layout{color:#111827;background-color:#fdfdfd}[data-theme=light] .post-card,[data-theme=light] .featured-post-card,[data-theme=light] .post-detail-banner,[data-theme=light] .post-back-btn,[data-theme=light] .post-share-btn{background-color:#fff;border-color:#e5e7eb}[data-theme=light] .post-card:hover,[data-theme=light] .featured-post-card:hover{border-color:var(--accent-primary);box-shadow:0 20px 40px #0000000d,0 0 20px #e52e2d0d}[data-theme=light] .post-card-visual,[data-theme=light] .post-detail-banner{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-bottom:1px solid #e5e7eb}[data-theme=light] .blog-highlight{background-color:#f9fafb}