/* CoisaPet - Blog */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.blog-loading,.blog-empty,.blog-load-error{grid-column:1/-1;text-align:center;padding:64px 24px;color:var(--txt2)}.blog-empty h2,.blog-load-error p{font-family:var(--serif);font-size:26px;color:var(--cream);margin-bottom:12px}.blog-empty p{font-size:14px}.blog-load-error .btn-sec{margin-top:18px}
.blog-hero{padding:146px 48px 72px;background:radial-gradient(ellipse at 18% 35%,#5a2d14 0%,var(--bg) 62%);position:relative;overflow:hidden}
.blog-hero::after{content:'';position:absolute;inset:0;opacity:.04;pointer-events:none;background-image:radial-gradient(var(--copper) 1px,transparent 1px);background-size:24px 24px}
.blog-hero-inner,.blog-main,.blog-post-wrap{max-width:1200px;margin:0 auto;position:relative;z-index:1}
.blog-breadcrumb{display:flex;gap:8px;align-items:center;color:var(--txt3);font-size:12px;margin-bottom:22px}.blog-breadcrumb a{color:var(--copper)}
.blog-hero h1{font-family:var(--serif);font-weight:900;font-size:clamp(42px,6vw,76px);line-height:1;letter-spacing:-2px;max-width:760px;color:var(--cream);margin-bottom:20px}.blog-hero h1 em{color:var(--copper);font-style:italic}
.blog-hero p{max-width:540px;color:var(--txt2);font-size:16px;line-height:1.7;font-weight:300}
.blog-main{padding:72px 48px 100px}.blog-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.blog-section-head h2{font:700 30px/1.1 var(--serif);color:var(--cream)}.blog-section-head p{color:var(--txt3);font-size:13px}
.blog-featured{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,.95fr);min-height:400px;margin-bottom:72px;border:1px solid rgba(196,149,106,.18);border-radius:24px;overflow:hidden;background:var(--bg2);box-shadow:0 18px 50px rgba(24,10,4,.18)}.blog-card-visual-link{display:block;width:100%;height:100%}.blog-featured .blog-copy{display:flex;flex-direction:column;justify-content:center;padding:28px 30px 26px;width:100%;min-height:100%;box-sizing:border-box}.blog-featured .blog-visual{width:100%;height:100%;min-height:400px;display:block;position:relative}.blog-featured .blog-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.blog-featured .blog-category{margin-bottom:14px;font-size:9px;letter-spacing:1.6px}.blog-featured .blog-card-title{font:700 clamp(2rem,2.6vw,3.2rem)/1.02 var(--serif);letter-spacing:-.06em;color:var(--cream);margin:0 0 16px;word-break:break-word}.blog-featured .blog-excerpt{font-size:.96rem;line-height:1.55;margin:0 0 18px;max-width:29rem}.blog-featured .blog-meta{margin-top:4px;font-size:10px}.blog-featured .blog-link{margin-top:24px;font-size:12px}.blog-card-title a{color:inherit;text-decoration:none}.blog-card-title a:focus-visible,.blog-card-visual-link:focus-visible{outline:2px solid var(--copper);outline-offset:4px}
.blog-visual{min-height:270px;position:relative;overflow:hidden;background:linear-gradient(135deg,#70411e,#2e1609 72%)}.blog-visual::before{content:'CoisaPet';position:absolute;inset:auto 26px 20px;font:italic 64px/1 var(--serif);color:rgba(245,236,215,.13)}.blog-visual::after{content:'';position:absolute;width:190px;height:190px;border:1px solid rgba(245,236,215,.2);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 28px rgba(245,236,215,.04),0 0 0 56px rgba(245,236,215,.03)}
.blog-visual img{display:block;width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.blog-copy{padding:42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;box-sizing:border-box}.blog-category{font-size:10px;text-transform:uppercase;letter-spacing:1.7px;font-weight:700;color:var(--copper);margin-bottom:16px}.blog-card-title{font:700 27px/1.15 var(--serif);color:var(--cream);margin:0 0 14px;word-break:break-word}.blog-excerpt{color:var(--txt2);font-size:14px;line-height:1.7;margin:0 0 22px;word-break:break-word}.blog-meta{color:var(--txt3);font-size:11px;display:flex;gap:10px;flex-wrap:wrap}.blog-link{margin-top:26px;color:var(--copper);font-size:13px;font-weight:600;border-bottom:1px solid var(--copper);padding-bottom:4px;transition:color .2s}.blog-link:hover{color:var(--cream)}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.blog-card{display:flex;flex-direction:column;min-width:0;border-top:1px solid rgba(196,149,106,.22);padding-top:18px;transition:transform .25s;box-sizing:border-box}.blog-card:hover{transform:translateY(-4px)}.blog-card .blog-visual{width:100%;aspect-ratio:1.55;min-height:0;margin:0 0 22px;border-radius:14px;overflow:hidden}.blog-card .blog-copy{padding:0;width:100%}.blog-card .blog-card-title{font-size:clamp(20px,2vw,26px)}.blog-card .blog-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card:nth-child(2) .blog-visual{background:linear-gradient(135deg,#456052,#1d2b26)}.blog-card:nth-child(3) .blog-visual{background:linear-gradient(135deg,#9b6544,#4c2417)}
.blog-filter{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:-8px 0 12px}.blog-filter-label{font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--copper);white-space:nowrap}.blog-filter-chips{display:flex;gap:8px;flex-wrap:wrap}.blog-filter-chip{min-height:40px;padding:8px 16px;border:1px solid rgba(196,149,106,.22);border-radius:100px;background:transparent;color:var(--txt2);font:600 12px var(--sans);cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}.blog-filter-chip:hover,.blog-filter-chip:focus-visible{border-color:var(--copper);color:var(--cream);transform:translateY(-1px)}.blog-filter-chip.active{background:var(--copper);border-color:var(--copper);color:var(--bg2)}.blog-filter-result{min-height:22px;margin-bottom:22px;color:var(--txt3);font-size:12px}
.blog-search{padding:120px 48px 100px}.blog-search-form{display:flex;max-width:720px;margin:30px 0 54px;gap:10px}.blog-search-form input{flex:1;min-width:0;background:transparent;border:1px solid rgba(196,149,106,.3);border-radius:100px;padding:15px 20px;color:var(--cream);font:14px var(--sans);outline:none}.blog-search-form input:focus{border-color:var(--copper)}.blog-search-form button{border:0;border-radius:100px;background:var(--copper);color:var(--bg2);padding:0 25px;font-weight:700;cursor:pointer}
.blog-post-wrap{padding:140px 48px 100px}.blog-post-header{max-width:780px;margin-bottom:46px}.blog-post-header h1{font:900 clamp(38px,5vw,66px)/1.05 var(--serif);color:var(--cream);letter-spacing:-1.5px;margin:16px 0 22px}.blog-post-header .blog-excerpt{font-size:17px;max-width:650px}.blog-post-visual{height:360px;border-radius:24px;background:linear-gradient(135deg,#70411e,#2e1609 72%);margin-bottom:48px;position:relative;overflow:hidden}.blog-post-visual.has-image::after{display:none}.blog-post-visual img{width:100%;height:100%;object-fit:cover}.blog-post-visual::after{content:'CoisaPet';position:absolute;right:7%;bottom:8%;font:italic 100px/1 var(--serif);color:rgba(245,236,215,.13)}.blog-toc{position:static;top:auto;right:auto;bottom:auto;left:auto;z-index:auto;max-width:720px;margin:0 auto 48px;padding:24px 28px;border:1px solid rgba(196,149,106,.2);border-left:3px solid var(--copper);border-radius:2px 14px 14px 2px;background:linear-gradient(105deg,rgba(196,149,106,.09),rgba(196,149,106,.02));display:flex;gap:28px;align-items:flex-start}.blog-toc[hidden]{display:none}.blog-toc-heading{min-width:148px}.blog-toc-kicker{display:block;margin-bottom:7px;color:var(--copper);font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.blog-toc h2{font:700 25px/1.1 var(--serif);color:var(--cream);margin:0}.blog-toc-list{display:grid;gap:2px;flex:1;margin:0;padding:0;list-style:none}.blog-toc-list a{display:block;min-height:40px;padding:10px 12px;color:var(--txt2);font-size:13px;line-height:1.35;text-decoration:none;border-left:1px solid transparent;transition:color .2s,background .2s,border-color .2s}.blog-toc-list a:hover,.blog-toc-list a:focus-visible,.blog-toc-list a.is-active{color:var(--cream);background:rgba(196,149,106,.1);border-left-color:var(--copper);outline:none}.blog-toc-list a:focus-visible{box-shadow:0 0 0 2px rgba(196,149,106,.45)}.blog-article{max-width:720px;margin:0 auto}.blog-article h2,.blog-toc h2{scroll-margin-top:112px}.blog-article p{font-size:17px;line-height:1.9;color:var(--txt2);margin-bottom:24px}.blog-article h2{font:700 30px/1.2 var(--serif);color:var(--cream);margin:44px 0 16px}.blog-article h3{font:700 22px/1.3 var(--serif);color:var(--cream);margin:34px 0 14px}.blog-article ul{padding-left:24px;margin:0 0 24px;color:var(--txt2);line-height:1.9}.blog-article a{color:var(--copper);text-decoration:underline;text-underline-offset:3px}
.blog-reading-bar{position:fixed;top:88px;left:0;right:0;height:3px;z-index:101;background:rgba(196,149,106,.16);pointer-events:none}.blog-reading-bar span{display:block;width:0;height:100%;background:var(--copper);transition:width .08s linear}.blog-back-top{position:fixed;left:28px;bottom:56px;z-index:998;width:48px;height:48px;border:1px solid rgba(196,149,106,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--cream);background:var(--bg2);box-shadow:0 8px 24px rgba(0,0,0,.25);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,visibility .25s,transform .25s,color .2s}.blog-back-top:hover{color:var(--copper);transform:translateY(-2px)}.blog-back-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.blog-recommendations{max-width:1200px;margin:88px auto 0;padding-top:52px;border-top:1px solid rgba(196,149,106,.16)}.blog-recommendations .blog-section-head{margin-bottom:28px}.blog-recommendations .blog-section-head h2{font-size:30px}.blog-recommendations .blog-card{border-top:0;padding-top:0}.blog-recommendations .blog-card-title{font-size:22px}.blog-recommendations[hidden]{display:none}
.blog-notfound{min-height:65vh;padding:180px 24px 100px;text-align:center}.blog-notfound h1{font:900 clamp(70px,14vw,150px)/.85 var(--serif);color:var(--copper)}.blog-notfound h2{font:700 32px var(--serif);color:var(--cream);margin:26px 0 14px}.blog-notfound p{color:var(--txt2);margin-bottom:28px}
@media(max-width:800px){.blog-hero,.blog-main,.blog-search,.blog-post-wrap{padding-left:24px;padding-right:24px}.blog-featured{grid-template-columns:1fr}.blog-featured .blog-visual{min-height:250px}.blog-grid{grid-template-columns:1fr 1fr}.blog-copy{padding:30px}.blog-post-visual{height:240px}.blog-post-visual::after{font-size:60px}}
@media(max-width:540px){.blog-grid{grid-template-columns:1fr}.blog-section-head{display:block}.blog-section-head p{margin-top:8px}.blog-search-form{display:block}.blog-search-form button{height:48px;width:100%;margin-top:10px}.blog-post-wrap{padding-top:120px}.blog-post-header h1{font-size:40px}}
@media(max-width:540px){.blog-toc{display:block;margin-bottom:40px;padding:22px 20px}.blog-toc-heading{margin-bottom:14px}.blog-toc-list{gap:0}.blog-toc-list a{padding-left:10px}}
@media(max-width:800px){.blog-reading-bar{top:76px}.blog-back-top{left:18px;bottom:96px}}

/* Sumário editorial do artigo */
.blog-toc{position:static;max-width:720px;margin:0 auto 56px;padding:22px 0 24px;border-top:1px solid rgba(196,149,106,.3);border-bottom:1px solid rgba(196,149,106,.18);border-left:0;border-radius:0;background:none;display:grid;grid-template-columns:148px 1fr;gap:28px;align-items:start}
.blog-toc-heading{padding-top:5px}.blog-toc-list{counter-reset:toc;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;gap:0;margin:0;padding:0;list-style:none}.blog-toc-list a{counter-increment:toc;display:grid;grid-template-columns:28px 1fr 16px;gap:8px;align-items:start;min-height:44px;padding:10px 0;color:var(--txt2);font-size:13px;line-height:1.35;text-decoration:none;border-left:0;border-bottom:1px solid rgba(196,149,106,.12);background:none;transition:color .2s,border-color .2s}.blog-toc-list a::before{content:counter(toc,decimal-leading-zero);color:var(--copper);font-size:10px;font-weight:700;letter-spacing:.5px;padding-top:2px}.blog-toc-list a::after{content:'↗';color:var(--txt3);font-size:14px;line-height:1;opacity:0;transform:translate(-4px,4px);transition:opacity .2s,transform .2s}.blog-toc-list a:hover,.blog-toc-list a:focus-visible,.blog-toc-list a.is-active{color:var(--cream);border-bottom-color:var(--copper);background:none;outline:none}.blog-toc-list a:hover::after,.blog-toc-list a:focus-visible::after,.blog-toc-list a.is-active::after{opacity:1;transform:translate(0,0)}.blog-toc-list a:focus-visible{box-shadow:0 2px 0 var(--copper)}
@media(max-width:540px){.blog-toc{display:block;margin-bottom:40px;padding:20px 0}.blog-toc-heading{margin-bottom:14px}.blog-toc-list{grid-template-columns:1fr;gap:0}.blog-toc-list a{min-height:42px}}
@media(prefers-reduced-motion:reduce){.blog-card,.blog-link{transition:none}}
.blog-product-preview{position:fixed;z-index:1200;width:248px;padding:10px;border:1px solid rgba(196,149,106,.28);border-radius:12px;background:var(--bg2);box-shadow:0 14px 36px rgba(0,0,0,.28);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .16s ease,visibility .16s ease,transform .16s ease;pointer-events:none}.blog-product-preview.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.blog-product-preview.is-loading{min-height:76px}.blog-product-preview-hint{display:block;margin-bottom:8px;font:700 9px var(--sans);letter-spacing:1.2px;text-transform:uppercase;color:var(--copper)}.blog-product-preview-content{display:flex;gap:12px}.blog-product-preview-image{width:64px;height:64px;flex:0 0 64px;border-radius:8px;overflow:hidden;background:rgba(196,149,106,.1);display:flex;align-items:center;justify-content:center}.blog-product-preview-image img{width:100%;height:100%;object-fit:cover}.blog-product-preview-placeholder{font:italic 12px var(--serif);color:var(--copper)}.blog-product-preview-info{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:6px}.blog-product-preview-info strong{font:600 13px/1.3 var(--sans);color:var(--cream);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}