/* DAYSLUME Conteúdos — camada editorial sobre o sistema institucional existente */
:root{--editor-navy:var(--ink-deep);--editor-dark:var(--ink-deep);--editor-paper:var(--warm-ivory);--editor-ink:var(--ink-deep);--editor-muted:var(--slate-mineral);--editor-lilac:var(--plum-mineral);--editor-peach:var(--peach);--editor-blue:var(--mist-blue)}
body.blog-index,body.blog-article{background:var(--editor-paper);overflow-x:hidden}
.blog-index .header,.blog-article .header{background:#181f31}
.blog-index .header .header-inner,.blog-article .header .header-inner{min-height:80px}
.blog-index .header nav a,.blog-article .header nav a{font-size:14px}
.blog-index .header .nav-cta,.blog-article .header .nav-cta{border-radius:100px;padding:11px 21px}
.blog-index .footer,.blog-article .footer{background:#181f31}
.blog-container{width:min(calc(100% - 48px),1200px);margin-inline:auto}
.blog-kicker{display:inline-flex;align-items:center;gap:11px;font:700 11px/1.5 'DM Sans',sans-serif;letter-spacing:.17em;text-transform:uppercase}
.blog-kicker::before{content:"";width:22px;height:1px;background:currentColor}
.blog-hero{position:relative;isolation:isolate;background:#151c2d;color:#f8f5f0;overflow:hidden;padding:clamp(45px,7vw,94px) 0 clamp(65px,7vw,106px)}
.blog-hero::before{content:"";position:absolute;inset:-20%;z-index:-2;background:radial-gradient(ellipse at 78% 35%,rgba(168,166,213,.23),transparent 34%),radial-gradient(ellipse at 65% 75%,rgba(216,182,165,.13),transparent 32%),linear-gradient(120deg,#141b2c 10%,#2c3048 58%,#1a2636 100%)}
.blog-hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.3;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(245,244,249,.07) calc(25% - 1px),rgba(245,244,249,.07) 25%)}
.blog-hero-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:clamp(38px,6vw,72px)}
.blog-hero-top .blog-kicker{color:#e5c6b5}.blog-hero-index{color:#d2ccdb;font-size:12px;letter-spacing:.14em}
.blog-hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(26px,5vw,84px);align-items:center}
.blog-hero h1{font-size:clamp(46px,6.35vw,94px);font-weight:500;letter-spacing:-.075em;line-height:1.04;max-width:12ch;margin:0 0 28px}
.blog-hero h1 em{font-style:normal;color:#dacde9}.blog-hero h1 .serif-accent{color:#e6bfad}
.blog-hero .blog-lead{font-size:clamp(16px,1.5vw,19px);color:#d7dce7;max-width:50ch;line-height:1.74;margin:0 0 30px}
.blog-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.blog-pill-link{display:inline-flex;gap:15px;justify-content:center;align-items:center;border-radius:100px;border:1px solid #e7e4eb;background:#f4f1eb;color:#22283c;min-height:49px;padding:12px 22px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .25s,background .25s}
.blog-pill-link:hover{transform:translateY(-3px);background:#e5e0ed}.blog-inline-link{font-size:13px;text-decoration:none;border-bottom:1px solid currentColor;padding:8px 0;color:#e5dfec}
.blog-hero-art{height:clamp(320px,37vw,490px);border-radius:clamp(20px,3vw,38px);border:1px solid #f7f5ff30;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 44%,#89829a50,transparent 36%),linear-gradient(140deg,#292c42,#101626 67%);box-shadow:0 27px 95px #080d1b70}
.blog-hero-art::before,.blog-hero-art::after{content:"";position:absolute;inset:8%;border:1px solid #ffffff24;border-radius:50%;transform:rotate(-20deg) scaleX(.89);pointer-events:none}.blog-hero-art::after{inset:18%;transform:rotate(27deg) scaleX(1.3);border-color:#d8b6a550}
.blog-hero-art img{width:min(86%,490px);height:88%;object-fit:contain;position:absolute;inset:6% 0 0 7%;margin:auto;filter:drop-shadow(0 0 32px #d9c4e771);animation:blog-flower-float 8s ease-in-out infinite alternate}
.blog-art-label{position:absolute;left:24px;bottom:20px;color:#e8e3ef;font-size:10px;letter-spacing:.17em;z-index:1}.blog-art-mark{position:absolute;right:20px;top:17px;font-size:11px;color:#f2d6c5;z-index:1}
@keyframes blog-flower-float{to{transform:translateY(-11px) rotate(3deg)}}
.blog-scroll-cue{display:flex;gap:13px;align-items:center;color:#b6bbce;letter-spacing:.12em;font-size:10px;margin-top:44px}.blog-scroll-cue span{height:1px;width:42px;background:#b8bbc8}
.blog-directory{padding:clamp(66px,8vw,110px) 0;background:#f2f0eb}
.blog-heading-line{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}.blog-heading-line h2{font-size:clamp(33px,4.2vw,54px);font-weight:500;max-width:15ch;margin:8px 0 0}.blog-heading-line>p{color:var(--editor-muted);max-width:35ch;font-size:15px;margin:0 0 6px}
.blog-toolbar{display:flex;gap:18px;justify-content:space-between;align-items:center;flex-wrap:wrap;border-top:1px solid #c6cbd0;padding:24px 0 28px}
.blog-filters{display:flex;gap:8px;flex-wrap:wrap}.blog-filter{min-height:43px;border:1px solid #cbd0d5;border-radius:100px;background:transparent;color:#333c4e;font-size:12px;font-weight:700;padding:10px 16px;transition:background .2s,color .2s,border-color .2s}.blog-filter[aria-pressed=true],.blog-filter:hover{background:#263049;color:#fff;border-color:#263049}
.blog-search{display:flex;align-items:center;gap:10px;min-height:45px;border:1px solid #c6cbd0;background:#fffdfa;padding:0 15px;border-radius:100px;min-width:min(100%,240px)}
.blog-search svg{width:18px;height:18px;stroke:#6e7787;stroke-width:1.8;fill:none;flex:none}.blog-search input{min-width:0;border:0;outline:0;background:transparent;width:100%;font-size:14px;color:#22283c}.blog-search:focus-within{outline:3px solid #9bb8ce;outline-offset:2px}
.blog-count{color:#626b79;font-size:12px;margin:0 0 20px}.blog-list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(16px,2vw,25px)}
.blog-story{grid-column:span 4;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:18px;background:#fffdfa;border:1px solid #e1e1e0;box-shadow:0 5px 14px #202a3d08;transition:transform .35s,box-shadow .35s,border-color .35s}
.blog-story:hover{transform:translateY(-5px);border-color:#b9c4d1;box-shadow:0 20px 34px #202a3d17}
.blog-story--wide{grid-column:span 7;display:grid;grid-template-columns:1fr 1fr}.blog-story--wide+.blog-story{grid-column:span 5}
.blog-visual{display:block;aspect-ratio:1.38;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#252b42,#515776)}
.blog-story--wide .blog-visual{aspect-ratio:auto;min-height:310px}.blog-visual::before,.blog-visual::after{content:"";position:absolute;border:1px solid #ffffff70;border-radius:40%;pointer-events:none}
.blog-visual::before{width:66%;aspect-ratio:1;left:17%;top:4%;transform:rotate(45deg);box-shadow:0 0 60px #ffffff40}.blog-visual::after{width:48%;aspect-ratio:1;left:27%;top:18%;transform:rotate(24deg);border-color:#ffffff40}
.blog-visual img{position:absolute;width:78%;height:78%;left:11%;top:11%;object-fit:contain;transition:transform .65s,filter .65s;filter:drop-shadow(0 10px 26px #10172460)}.blog-story:hover .blog-visual img{transform:scale(1.06) rotate(3deg)}
.blog-visual--social{background:radial-gradient(circle at 70% 30%,#e7ccdf,#a8a3c0 32%,transparent 66%),linear-gradient(135deg,#b6afc5,#414c66)}
.blog-visual--social .blog-shape{position:absolute;inset:18% 28%;border:2px solid #fffc;border-radius:27%;box-shadow:0 20px 40px #26314940;transform:rotate(-12deg)}.blog-visual--social .blog-shape:before{content:"";position:absolute;width:38%;aspect-ratio:1;border:2px solid #fffc;border-radius:50%;inset:30%;}.blog-visual--social .blog-shape:after{content:"";position:absolute;width:9%;aspect-ratio:1;background:#fffc;border-radius:50%;right:13%;top:13%}
.blog-visual--web{background:linear-gradient(130deg,#d7e0e4,#a0b9cd)}.blog-visual--web .blog-shape{position:absolute;inset:20% 13%;background:#f7f5f0;border-radius:10px;border:1px solid #fff;box-shadow:0 20px 36px #3d50664d}.blog-visual--web .blog-shape:before{content:"";position:absolute;inset:0 0 auto;height:23%;border-bottom:1px solid #cbd2d6;background:linear-gradient(90deg,#dfc9bd 5%,#d6e3e5 5%);border-radius:10px 10px 0 0}.blog-visual--web .blog-shape:after{content:"";position:absolute;left:10%;right:10%;top:39%;height:10%;border-radius:7px;background:#929eb4;box-shadow:0 27px 0 #d5d9df,0 54px 0 #d5d9df}
.blog-visual--ai{background:radial-gradient(circle at center,#c8b5d6,#5b5b81 58%,#22283c)}.blog-visual--ai .blog-shape{position:absolute;inset:22%;border:2px solid #f5e9ff;border-radius:26%;transform:rotate(45deg);box-shadow:0 0 40px #f4dfff80,inset 0 0 50px #eee2ff4d}
.blog-visual--process{background:linear-gradient(135deg,#e8d7c9,#bb9e9c)}.blog-visual--process .blog-shape{position:absolute;inset:22% 20%;border:1px solid #fff;border-radius:12px;background:linear-gradient(110deg,#fff8 48%,transparent 48%),repeating-linear-gradient(0deg,transparent 0 35px,#fff6 35px 36px);transform:rotate(-8deg);box-shadow:13px 15px 0 #554e6433}
.blog-visual--perspective{background:radial-gradient(circle at 68% 30%,#ffead8,#ceb7ae 36%,transparent 66%),linear-gradient(135deg,#b7b2c7,#525d76)}.blog-visual--perspective .blog-shape{position:absolute;inset:19% 28%;border:2px solid #fff9;border-radius:50%;box-shadow:0 0 0 17px #fff2,0 0 0 37px #fff2}.blog-visual--perspective .blog-shape::after{content:"";position:absolute;width:14%;aspect-ratio:1;left:43%;top:43%;border-radius:50%;background:#fff}
.blog-story-copy{display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding:clamp(22px,2.7vw,32px);flex:1}.blog-story-category{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#6d6880}.blog-story h3{font-weight:600;font-size:clamp(20px,2vw,28px);line-height:1.22;letter-spacing:-.048em;margin:0}.blog-story p{color:#626978;font-size:14px;line-height:1.7;margin:0}.blog-story-meta{font-size:11px;color:#6b7585;margin-top:auto;padding-top:5px}.blog-story-link{font-size:13px;text-decoration:none;font-weight:700;color:#26344d;display:inline-flex;align-items:center;gap:16px;margin-top:5px}.blog-story-link span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #cad0d7;transition:transform .25s,background .25s}.blog-story:hover .blog-story-link span{transform:translate(3px,-3px);background:#e7e8f2}.blog-story-link:focus-visible{outline:3px solid #6e7f9b;outline-offset:5px}
.blog-empty{padding:38px;border:1px dashed #b8bfca;border-radius:16px;text-align:center;color:#525d71}.blog-empty h3{margin:0 0 12px}.blog-empty button{border:0;background:#263049;color:#fff;padding:12px 20px;border-radius:100px;margin-top:10px}
.blog-interlude{background:#dedee8;padding:clamp(55px,8vw,100px) 0;overflow:hidden}.blog-interlude-inner{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px}.blog-interlude h2{font-weight:500;font-size:clamp(36px,5.6vw,75px);line-height:1.09;letter-spacing:-.07em;max-width:13ch;margin:12px 0 0}.blog-interlude p{max-width:48ch;color:#4e5367;font-size:16px;line-height:1.8}.blog-interlude a{color:#263049;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px}
.blog-cta{background:#20293c;color:#f2f0eb;padding:clamp(66px,7vw,100px) 0}.blog-cta-inner{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end}.blog-cta h2{font-size:clamp(32px,4.2vw,56px);font-weight:500;max-width:17ch;margin:12px 0}.blog-cta p{max-width:55ch;color:#d5dbe4;margin:0}.blog-cta .blog-kicker{color:#e8c6b4}
/* individual article pages; original text and source attribution are preserved */
.blog-article .hero.blog-reading-hero{padding:clamp(48px,6vw,80px) 0 clamp(70px,7vw,105px);background:radial-gradient(ellipse at 88% 28%,#77728b77,transparent 33%),linear-gradient(120deg,#181f31,#333850 70%,#273445)}
.blog-article .hero.blog-reading-hero::after{content:"";position:absolute;right:-65px;top:5%;width:280px;aspect-ratio:1;border:1px solid #bfc8d044;border-radius:50%;background:url('../images/dayslume-flor-hero.png') center/contain no-repeat;opacity:.4}
.blog-article .blog-reading-hero .days-page-hero{width:min(calc(100% - 48px),1000px);margin-inline:auto}.blog-article .blog-reading-hero h1{max-width:17ch;position:relative;z-index:1;font-size:clamp(37px,5.5vw,71px)}.blog-article .blog-reading-hero p.lead{max-width:66ch}.blog-article .blog-crumb{display:inline-flex;gap:9px;align-items:center;flex-wrap:wrap;color:#dbdfea;font-size:12px;text-decoration:none;margin-bottom:24px}.blog-article .blog-crumb a{color:inherit;text-underline-offset:4px}
.blog-article .article-layout{width:min(calc(100% - 48px),1080px);grid-template-columns:minmax(0,1fr) minmax(220px,260px);gap:clamp(24px,5vw,65px)}
.blog-article .article-body{max-width:750px}.blog-article .article-body>p:first-of-type{font-size:15px}.blog-article .article-body h2{scroll-margin-top:24px;letter-spacing:-.045em}.blog-article .article-body p{color:#414957;font-size:16px;line-height:1.9}.blog-article .article-body .note{font-size:12px;color:#666e7c}
.blog-article .article-side{border-radius:17px;background:#e8ebee;border-color:#d2d8dd;padding:24px}.blog-article .article-side:hover{transform:none;box-shadow:none}.blog-article .article-side h3{font-size:17px}.blog-article .article-side a.btn{font-size:12px}
.blog-read-meta{display:flex;flex-wrap:wrap;gap:10px 18px;color:#6a7280;font-size:12px;margin:0 0 30px;padding:0 0 21px;border-bottom:1px solid #d2d4d5}.blog-read-meta span+span::before{content:"·";margin-right:18px}
.blog-toc{border-top:1px solid #cad1d7;padding-top:18px;margin-top:23px}.blog-toc h3{font-size:13px;letter-spacing:.03em;margin:0 0 12px}.blog-toc ol{padding-left:17px;margin:0;display:grid;gap:9px;color:#4f5d73;font-size:12px;line-height:1.55}.blog-toc a{text-decoration:none}.blog-toc a:hover{text-decoration:underline}
.blog-read-progress{position:fixed;inset:0 0 auto;height:3px;z-index:99;pointer-events:none;background:transparent}.blog-read-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#9bb8ce,#d8b6a5)}
.blog-article .blog-share-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:30px 0 0;padding-top:24px;border-top:1px solid #d0d4d8}.blog-share-row button,.blog-share-row a{display:inline-flex;align-items:center;min-height:44px;border:1px solid #bfc8d0;border-radius:100px;padding:10px 17px;font:700 12px/1.3 'DM Sans',sans-serif;color:#263049;background:#fffdfa;text-decoration:none}
.blog-share-row button:hover,.blog-share-row a:hover{background:#e3e9ef}.blog-article .blog-related{margin-top:50px;padding-top:26px;border-top:1px solid #cbd0d5}.blog-related h2{font-size:clamp(24px,3vw,32px);margin:0 0 15px}.blog-related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.blog-related-links a{border-radius:12px;min-height:90px;background:#e6e9ee;border:1px solid #cbd2dc;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;font-size:14px;font-weight:700;line-height:1.4}.blog-related-links a:hover{background:#d9dfea}
.blog-article .callout{border-radius:15px;border-left:3px solid #738ba6;padding:28px;background:#e6ebef}
@media(max-width:1040px){.blog-hero-grid{gap:25px}.blog-hero h1{font-size:clamp(45px,6vw,67px)}.blog-story--wide{grid-column:span 6}.blog-story--wide+.blog-story{grid-column:span 6}.blog-story{grid-column:span 6}.blog-story--wide{grid-template-columns:1fr}.blog-story--wide .blog-visual{aspect-ratio:1.38;min-height:0}}
@media(max-width:800px){.blog-hero-grid{grid-template-columns:1fr}.blog-hero-art{height:340px}.blog-hero h1{max-width:14ch}.blog-interlude-inner{grid-template-columns:1fr;gap:20px}.blog-article .article-layout{grid-template-columns:1fr}.blog-article .article-side{position:static}}
@media(max-width:610px){.blog-container{width:calc(100% - 36px)}.blog-hero{padding:42px 0 65px}.blog-hero-top{margin-bottom:34px}.blog-hero h1{font-size:clamp(42px,11vw,62px)}.blog-hero-art{height:305px}.blog-scroll-cue{margin-top:24px}.blog-directory{padding:60px 0}.blog-heading-line{align-items:start;flex-direction:column;gap:4px}.blog-toolbar{align-items:stretch;gap:17px}.blog-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.blog-filter{white-space:nowrap;flex:none}.blog-search{width:100%}.blog-story,.blog-story--wide,.blog-story--wide+.blog-story{grid-column:span 12}.blog-story-copy{padding:23px}.blog-cta-inner{grid-template-columns:1fr}.blog-article .blog-reading-hero .days-page-hero,.blog-article .article-layout{width:calc(100% - 36px)}.blog-related-links{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.blog-hero-art img{animation:none!important}.blog-story,.blog-story img,.blog-pill-link,.blog-story-link span{transition:none!important}.blog-story:hover,.blog-story:hover img,.blog-pill-link:hover,.blog-story:hover .blog-story-link span{transform:none!important}}