/* ==============================================
   BLOG — Vanessa Siqueira · Digital Bloom
   Estilos para blog.html e post.html
   ============================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Inter:wght@300;400;500;600&display=swap');

/* ---- TOKENS (espelha style.css) ---- */
:root {
  --c-primary:       #9c5731;
  --c-primary-dk:    #7d4326;
  --c-primary-lt:    #c4845c;
  --c-secondary:     #9a7255;
  --c-support:       #aa8c72;
  --c-complement:    #b8a48f;
  --c-bg:            #FAF8F5;
  --c-bg-alt:        #F5F1EC;
  --c-surface:       #FFFFFF;
  --c-text:          #2C1F14;
  --c-text-muted:    #7A6658;
  --c-text-light:    #A8927E;
  --c-text-inv:      #FAF8F5;
  --c-border:        rgba(170,140,114,.35);
  --c-border-lt:     rgba(170,140,114,.18);
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans:  'Inter', system-ui, -apple-system, sans-serif;
  --text-xs:  .75rem;  --text-sm:  .875rem; --text-base: 1rem;
  --text-md:  1.125rem;--text-lg:  1.25rem; --text-xl:   1.5rem;
  --text-2xl: 2rem;    --text-3xl: 2.625rem;--text-4xl:  3.25rem;
  --space-xs: .5rem;   --space-sm: .75rem;  --space-md:  1rem;
  --space-lg: 1.5rem;  --space-xl: 2rem;    --space-2xl: 3rem;
  --space-3xl:4.5rem;  --space-4xl:6rem;
  --container:1200px;
  --radius-sm:4px; --radius-md:8px; --radius-lg:16px; --radius-full:9999px;
  --shadow-sm: 0 1px 4px rgba(44,31,20,.05);
  --shadow-md: 0 4px 18px rgba(44,31,20,.08);
  --shadow-lg: 0 12px 40px rgba(44,31,20,.11);
  --transition:.3s cubic-bezier(.4,0,.2,1);
}

/* ---- RESET ---- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--c-text);background:var(--c-bg);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button{cursor:pointer;border:none;background:none;font:inherit}

/* ---- CONTAINER ---- */
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 1.5rem}

/* ---- BUTTONS ---- */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;letter-spacing:.03em;transition:var(--transition);white-space:nowrap;text-decoration:none}
.btn--primary{background:var(--c-primary);color:#fff}
.btn--primary:hover{background:var(--c-primary-dk);transform:translateY(-2px);box-shadow:0 8px 24px rgba(156,87,49,.3)}
.btn--outline{border:2px solid var(--c-primary);color:var(--c-primary)}
.btn--outline:hover{background:var(--c-primary);color:#fff;transform:translateY(-2px)}
.btn--ghost{border:2px solid var(--c-border);color:var(--c-text-muted)}
.btn--ghost:hover{border-color:var(--c-primary);color:var(--c-primary)}
.btn--sm{padding:.5rem 1.25rem;font-size:var(--text-xs)}
.btn--lg{padding:1rem 2rem;font-size:var(--text-md)}
.btn--full{width:100%;justify-content:center}

/* ---- HEADER (sempre visível) ---- */
.header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--c-border-lt);
  transition:box-shadow var(--transition);
}
.header.scrolled{box-shadow:var(--shadow-md)}
.header__inner{display:flex;align-items:center;justify-content:space-between;height:84px}
.header__logo{display:flex;align-items:center}
.header__logo img{height:70px;width:auto}
.nav{display:flex;align-items:center;gap:var(--space-xl)}
.nav__list{display:flex;align-items:center;gap:var(--space-lg);list-style:none}
.nav__link{font-size:var(--text-sm);font-weight:500;color:var(--c-text);transition:color var(--transition)}
.nav__link:hover,.nav__link.active{color:var(--c-primary)}
.hamburger{display:none;flex-direction:column;gap:5px;padding:8px;background:none;border:none;cursor:pointer}
.hamburger span{display:block;width:22px;height:2px;background:var(--c-text);border-radius:2px;transition:var(--transition)}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.nav-mobile{display:none;position:fixed;inset:0;top:72px;background:var(--c-surface);z-index:999;padding:var(--space-xl);flex-direction:column;overflow-y:auto}
.nav-mobile.open{display:flex}
.nav-mobile__list{list-style:none;display:flex;flex-direction:column;gap:0;margin-bottom:var(--space-xl)}
.nav-mobile__link{display:block;padding:var(--space-md) 0;font-size:var(--text-md);font-weight:500;color:var(--c-text);border-bottom:1px solid var(--c-border-lt);transition:color var(--transition)}
.nav-mobile__link:hover{color:var(--c-primary)}

/* ---- HERO (blog.html) ---- */
.blog-hero{
  padding:calc(72px + var(--space-4xl)) 0 var(--space-4xl);
  background:var(--c-primary);
  text-align:center;position:relative;overflow:hidden;
}
.blog-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(125,67,38,.4) 0%,transparent 60%);pointer-events:none}
.blog-hero .container{position:relative;z-index:1}
.blog-hero__tag{display:inline-block;font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:var(--space-sm)}
.blog-hero__title{font-family:var(--font-serif);font-size:clamp(2.5rem,5vw,4rem);font-weight:400;color:#fff;line-height:1.15;margin-bottom:var(--space-md)}
.blog-hero__desc{font-size:var(--text-md);color:rgba(255,255,255,.8);max-width:640px;margin:0 auto}

/* ---- SKELETON SHIMMER ---- */
@keyframes shimmer{0%{background-position:-600px 0}100%{background-position:600px 0}}
.skeleton-box,.skeleton-line{
  background:linear-gradient(90deg,var(--c-bg-alt) 25%,rgba(255,255,255,.7) 50%,var(--c-bg-alt) 75%);
  background-size:600px 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--radius-sm);
}
.skeleton-line{height:14px;margin-bottom:10px}
.skeleton-line--sm{width:40%;height:11px}
.skeleton-line--md{width:65%}
.skeleton-box{border-radius:0}

/* ---- BLOG CARD ---- */
.blog-card{
  background:var(--c-surface);border-radius:var(--radius-lg);overflow:hidden;
  box-shadow:var(--shadow-sm);border:1px solid var(--c-border-lt);
  display:flex;flex-direction:column;
  transition:transform var(--transition),box-shadow var(--transition);
}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.blog-card__img-wrap{
  display:block;aspect-ratio:16/9;overflow:hidden;
  background:linear-gradient(135deg,var(--c-bg-alt),rgba(184,164,143,.3));
}
.blog-card__img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.blog-card:hover .blog-card__img-wrap img{transform:scale(1.05)}
.blog-card__img-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--c-bg-alt) 0%,rgba(184,164,143,.3) 100%)}
.blog-card__body{padding:var(--space-lg);display:flex;flex-direction:column;flex:1}
.blog-card__date{font-size:var(--text-xs);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-sm)}
.blog-card__title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:500;line-height:1.3;margin-bottom:var(--space-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-card__title a:hover{color:var(--c-primary)}
.blog-card__excerpt{font-size:var(--text-sm);color:var(--c-text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.blog-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--c-border-lt)}
.blog-card__link{font-size:var(--text-sm);font-weight:600;color:var(--c-primary);transition:color var(--transition)}
.blog-card__link:hover{color:var(--c-primary-dk)}
.blog-card__read-time{font-size:var(--text-xs);color:var(--c-text-light)}
.blog-card--skeleton{pointer-events:none}
.blog-card--skeleton .blog-card__img-wrap{aspect-ratio:16/9}
.blog-card--skeleton .skeleton-box{width:100%;height:100%}

/* ---- FEATURED POST ---- */
.featured-post{
  background:var(--c-surface);border-radius:var(--radius-lg);overflow:hidden;
  box-shadow:var(--shadow-md);border:1px solid var(--c-border-lt);
  display:grid;grid-template-columns:1fr 1fr;min-height:380px;
  margin-bottom:var(--space-3xl);
  transition:box-shadow var(--transition);
}
.featured-post:hover{box-shadow:var(--shadow-lg)}
.featured-post__img{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--c-bg-alt),rgba(184,164,143,.3))}
.featured-post__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;display:block}
.featured-post:hover .featured-post__img img{transform:scale(1.04)}
.featured-post__badge{
  position:absolute;top:1rem;left:1rem;z-index:1;
  background:var(--c-primary);color:#fff;
  font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:.35rem .85rem;border-radius:var(--radius-full);
  display:flex;align-items:center;gap:.35rem;
}
.featured-post__content{padding:var(--space-2xl);display:flex;flex-direction:column;justify-content:center}
.featured-post__meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}
.featured-post__date,.featured-post__read-time{font-size:var(--text-xs);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em}
.featured-post__title{font-family:var(--font-serif);font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:400;line-height:1.2;margin-bottom:var(--space-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.featured-post__title a:hover{color:var(--c-primary)}
.featured-post__excerpt{font-size:var(--text-sm);color:var(--c-text-muted);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-lg);flex:1}

/* ---- BLOG GRID ---- */
.blog-section{padding:var(--space-4xl) 0}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}

/* Fade-up animation */
.fade-up{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}
.fade-up.visible{opacity:1;transform:none}

/* ---- ESTADOS (error / vazio) ---- */
.blog-state{text-align:center;padding:var(--space-4xl) 0;color:var(--c-text-muted)}
.blog-state__icon{font-size:3rem;margin-bottom:var(--space-lg);opacity:.5}
.blog-state__title{font-family:var(--font-serif);font-size:var(--text-2xl);margin-bottom:var(--space-sm);color:var(--c-text)}
.blog-state__text{font-size:var(--text-sm);margin-bottom:var(--space-xl)}

/* ---- PAGINAÇÃO ---- */
.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);margin-top:var(--space-3xl);flex-wrap:wrap}
.pagination__btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:40px;height:40px;padding:0 var(--space-sm);
  border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;
  color:var(--c-text-muted);border:1px solid var(--c-border-lt);
  background:var(--c-surface);transition:var(--transition);
}
.pagination__btn:hover:not(:disabled){border-color:var(--c-primary);color:var(--c-primary)}
.pagination__btn.active{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}
.pagination__btn:disabled{opacity:.4;pointer-events:none;cursor:default}
.pagination__ellipsis{color:var(--c-text-muted);line-height:40px}

/* ---- VOLTAR AO TOPO ---- */
.back-to-top{
  position:fixed;bottom:5.5rem;right:1.5rem;z-index:900;
  width:44px;height:44px;border-radius:50%;
  background:var(--c-surface);color:var(--c-text-muted);
  border:1px solid var(--c-border);box-shadow:var(--shadow-md);
  display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;transition:var(--transition);
}
.back-to-top.visible{opacity:1;pointer-events:auto}
.back-to-top:hover{background:var(--c-primary);color:#fff;border-color:var(--c-primary);transform:translateY(-2px)}

/* ---- POST PAGE ---- */
.post-page{padding:calc(72px + var(--space-3xl)) 0 var(--space-4xl)}
.post-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--space-3xl);align-items:start}

/* Breadcrumb */
.breadcrumb{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:var(--space-xl);font-size:var(--text-sm);color:var(--c-text-muted)}
.breadcrumb a{color:var(--c-text-muted);transition:color var(--transition)}
.breadcrumb a:hover{color:var(--c-primary)}
.breadcrumb__sep{opacity:.5}
.breadcrumb__current{color:var(--c-text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}

/* Post hero image */
.post-featured-img{width:100%;max-height:480px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:var(--space-2xl)}

/* Post header */
.post-title{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3.25rem);font-weight:400;line-height:1.15;margin-bottom:var(--space-lg)}
.post-meta{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap;color:var(--c-text-muted);font-size:var(--text-sm);padding-bottom:var(--space-lg);border-bottom:1px solid var(--c-border-lt);margin-bottom:var(--space-2xl)}
.post-meta__item{display:flex;align-items:center;gap:.4rem}
.post-meta svg{flex-shrink:0}
.post-like{
  display:flex;align-items:center;gap:.5rem;font-size:var(--text-sm);font-weight:500;
  color:var(--c-text-muted);padding:.4rem .9rem;border-radius:var(--radius-full);
  border:1px solid var(--c-border);background:var(--c-surface);transition:var(--transition);
  margin-left:auto;
}
.post-like:hover,.post-like.liked{color:#e05c5c;border-color:#e05c5c;background:rgba(224,92,92,.07)}
.post-like.liked .like-icon{fill:#e05c5c}
.like-icon{transition:fill var(--transition);fill:none;stroke:currentColor}

/* ---- PROGRESS BAR ---- */
.read-progress{
  position:fixed;top:0;left:0;right:0;z-index:2000;
  height:3px;background:linear-gradient(to right,var(--c-primary),var(--c-primary-lt));
  transform-origin:left;transform:scaleX(0);transition:transform .1s linear;
}

/* ---- TOC ---- */
.toc{background:var(--c-bg-alt);border-radius:var(--radius-lg);padding:var(--space-lg);margin:var(--space-2xl) 0;border-left:3px solid var(--c-primary)}
.toc__title{font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-primary);margin-bottom:var(--space-md)}
.toc__list{list-style:none}
.toc__item{margin-bottom:.5rem;font-size:var(--text-sm)}
.toc__item--h3{padding-left:1rem}
.toc__link{color:var(--c-text-muted);transition:color var(--transition);display:block;line-height:1.4}
.toc__link:hover,.toc__link.active{color:var(--c-primary)}
.toc__link.active{font-weight:600}

/* ---- POST CONTENT ---- */
.post-content{font-size:var(--text-md);line-height:1.8;color:var(--c-text)}
.post-content h2{font-family:var(--font-serif);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:500;margin:2.5rem 0 1rem;color:var(--c-text);scroll-margin-top:96px}
.post-content h3{font-family:var(--font-serif);font-size:1.4rem;font-weight:500;margin:2rem 0 .75rem;scroll-margin-top:96px}
.post-content h4{font-size:1.1rem;font-weight:600;margin:1.5rem 0 .5rem}
.post-content p{margin-bottom:1.4rem}
.post-content ul,.post-content ol{margin:0 0 1.4rem 1.5rem;list-style:revert}
.post-content li{margin-bottom:.5rem}
.post-content blockquote{border-left:3px solid var(--c-primary);margin:2rem 0;padding:1rem 1.5rem;background:rgba(156,87,49,.05);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--c-text-muted)}
.post-content blockquote p{margin:0}
.post-content img{border-radius:var(--radius-md);margin:1.5rem auto;max-width:100%}
.post-content img.aligncenter{display:block;margin:1.5rem auto}
.post-content img.alignleft{float:left;margin:.5rem 1.5rem 1rem 0}
.post-content img.alignright{float:right;margin:.5rem 0 1rem 1.5rem}
.post-content figure{margin:1.5rem 0}
.post-content figcaption{font-size:var(--text-xs);color:var(--c-text-muted);text-align:center;margin-top:.5rem}
.post-content pre{background:#1e1e1e;color:#d4d4d4;padding:1.25rem 1.5rem;border-radius:var(--radius-md);overflow-x:auto;font-size:.875rem;margin:1.5rem 0}
.post-content code{font-family:'Courier New',monospace;font-size:.9em;background:var(--c-bg-alt);padding:.15em .4em;border-radius:var(--radius-sm)}
.post-content pre code{background:none;padding:0;font-size:inherit}
.post-content hr{border:none;border-top:1px solid var(--c-border);margin:2.5rem 0}
.post-content a{color:var(--c-primary);text-decoration:underline;text-decoration-color:rgba(156,87,49,.4);transition:text-decoration-color var(--transition)}
.post-content a:hover{text-decoration-color:var(--c-primary)}
.post-content::after{content:'';display:table;clear:both}

/* ---- SIDEBAR ---- */
.sidebar{position:sticky;top:calc(72px + var(--space-xl));display:flex;flex-direction:column;gap:var(--space-xl)}
.sidebar-card{background:var(--c-surface);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--c-border-lt);box-shadow:var(--shadow-sm)}
.sidebar-card__title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:500;margin-bottom:var(--space-md);color:var(--c-text)}
.sidebar-card__text{font-size:var(--text-sm);color:var(--c-text-muted);margin-bottom:var(--space-lg);line-height:1.65}
.sidebar-back{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--text-sm);color:var(--c-text-muted);transition:color var(--transition);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--c-border-lt)}
.sidebar-back:hover{color:var(--c-primary)}

/* ---- POST FOOTER ---- */
.post-footer{margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--c-border-lt)}
.post-share{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-xl)}
.post-share__label{font-size:var(--text-sm);font-weight:600;color:var(--c-text-muted)}
.post-share__btn{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.5rem 1.1rem;border-radius:var(--radius-full);
  font-size:var(--text-xs);font-weight:600;
  border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-muted);
  transition:var(--transition);
}
.post-share__btn:hover{border-color:var(--c-primary);color:var(--c-primary)}
.post-share__btn--copy.copied{border-color:#4caf50;color:#4caf50}
.post-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--c-text-muted);font-size:var(--text-sm);transition:color var(--transition);margin-top:var(--space-md)}
.post-back:hover{color:var(--c-primary)}

/* ---- RELATED POSTS ---- */
.related-posts{margin-top:var(--space-3xl);padding-top:var(--space-3xl);border-top:1px solid var(--c-border-lt)}
.related-posts__title{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:400;margin-bottom:var(--space-xl)}
.related-posts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}

/* ---- COMMENTS ---- */
.comments{margin-top:var(--space-3xl)}
.comments__title{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:400;margin-bottom:var(--space-xl)}
.comments__list{display:flex;flex-direction:column;gap:var(--space-xl)}
.comment-item{display:flex;gap:var(--space-md)}
.comment-avatar{width:44px;height:44px;border-radius:50%;background:var(--c-bg-alt);display:flex;align-items:center;justify-content:center;font-size:var(--text-md);font-weight:700;color:var(--c-secondary);flex-shrink:0;border:2px solid var(--c-border-lt);text-transform:uppercase}
.comment-body{flex:1}
.comment-meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:.4rem;flex-wrap:wrap}
.comment-name{font-size:var(--text-sm);font-weight:600}
.comment-date{font-size:var(--text-xs);color:var(--c-text-muted)}
.comment-text{font-size:var(--text-sm);color:var(--c-text-muted);line-height:1.65}
.comment-form{background:var(--c-bg-alt);border-radius:var(--radius-lg);padding:var(--space-xl);margin-top:var(--space-2xl)}
.comment-form__title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:500;margin-bottom:var(--space-lg)}
.form-group{margin-bottom:var(--space-lg)}
.form-label{display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:.4rem}
.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--c-border);border-radius:var(--radius-md);font:inherit;font-size:var(--text-sm);background:var(--c-surface);color:var(--c-text);transition:border-color var(--transition)}
.form-input:focus{outline:none;border-color:var(--c-primary)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}
textarea.form-input{resize:vertical;min-height:120px}
.form-error{display:block;font-size:var(--text-xs);color:#c0392b;margin-top:.25rem;min-height:1rem}
.comment-success,.comment-error-msg{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-sm);margin-top:var(--space-md)}
.comment-success{background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3);color:#2e7d32}
.comment-error-msg{background:rgba(192,57,43,.08);border:1px solid rgba(192,57,43,.2);color:#c0392b}

/* ---- SELECTION POPUP ---- */
.selection-popup{
  position:fixed;z-index:2000;
  background:var(--c-text);color:#fff;
  border-radius:var(--radius-md);padding:.5rem .65rem;
  display:flex;gap:.35rem;align-items:center;
  opacity:0;pointer-events:none;transition:opacity .2s ease;
  transform:translateX(-50%);white-space:nowrap;
}
.selection-popup.visible{opacity:1;pointer-events:auto}
.selection-popup::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--c-text)}
.selection-popup__btn{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:600;letter-spacing:.04em;color:rgba(255,255,255,.85);background:none;border:none;cursor:pointer;padding:.2rem .4rem;border-radius:3px;transition:color .2s}
.selection-popup__btn:hover{color:#fff}

/* ---- FOOTER ---- */
.footer{background:var(--c-text);color:var(--c-text-inv);padding:var(--space-4xl) 0 0;position:relative;overflow:hidden}
.footer__inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-3xl);padding-bottom:var(--space-3xl)}
.footer__logo{display:inline-block;margin-bottom:var(--space-lg)}
.footer__logo img{height:44px;width:auto}
.footer__desc{font-size:var(--text-sm);color:rgba(255,255,255,.6);line-height:1.7;margin-bottom:var(--space-lg)}
.footer__socials{display:flex;gap:var(--space-md)}
.footer__social{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);transition:var(--transition)}
.footer__social:hover{border-color:var(--c-primary-lt);color:var(--c-primary-lt)}
.footer__nav-title{font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:var(--space-lg)}
.footer__nav ul,.footer__services ul{display:flex;flex-direction:column;gap:var(--space-sm);list-style:none}
.footer__nav a,.footer__services li{font-size:var(--text-sm);color:rgba(255,255,255,.65);transition:color var(--transition)}
.footer__nav a:hover{color:var(--c-primary-lt)}
.footer__address p{margin-bottom:var(--space-sm);font-size:var(--text-sm)}
.footer__address strong{display:block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.4)}
.footer__address a{color:rgba(255,255,255,.65);transition:color var(--transition)}
.footer__address a:hover{color:var(--c-primary-lt)}
.footer__bottom{border-top:1px solid rgba(255,255,255,.08);padding:var(--space-lg) 0}
.footer__bottom-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm)}
.footer__copy,.footer__credit{font-size:var(--text-xs);color:rgba(255,255,255,.35)}
.footer__credit a{color:rgba(255,255,255,.5)}
.footer__credit a:hover{color:var(--c-primary-lt)}

/* WhatsApp float */
.whatsapp-float{
  position:fixed;bottom:1.5rem;right:1.5rem;z-index:900;
  width:52px;height:52px;border-radius:50%;
  background:#25d366;color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 16px rgba(37,211,102,.4);
  transition:var(--transition);
}
.whatsapp-float:hover{background:#1da851;transform:scale(1.08)}

/* ---- RESPONSIVIDADE ---- */
@media(max-width:1024px){
  .blog-grid{grid-template-columns:repeat(2,1fr)}
  .related-posts__grid{grid-template-columns:repeat(2,1fr)}
  .post-layout{grid-template-columns:1fr 300px;gap:var(--space-2xl)}
  .footer__inner{grid-template-columns:1fr 1fr;gap:var(--space-xl)}
}
@media(max-width:768px){
  .hamburger{display:flex}
  .nav .nav__list,.nav .btn{display:none}
  .featured-post{grid-template-columns:1fr}
  .featured-post__img{min-height:220px}
  .post-layout{grid-template-columns:1fr}
  .sidebar{position:static}
  .related-posts__grid{grid-template-columns:repeat(2,1fr)}
  .form-row{grid-template-columns:1fr}
  .footer__inner{grid-template-columns:1fr}
}
@media(max-width:640px){
  .blog-grid{grid-template-columns:1fr}
  .related-posts__grid{grid-template-columns:1fr}
  .post-meta{gap:var(--space-sm)}
  .post-share{flex-direction:column;align-items:flex-start}
  .breadcrumb__current{max-width:180px}
}

:focus-visible{outline:2px solid var(--c-primary);outline-offset:3px;border-radius:var(--radius-sm)}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .fade-up{opacity:1;transform:none}
}