/* Efeitos do modelo A com a fonte e a paleta originais — vale para todas as páginas */
:root { --ease: cubic-bezier(.4,0,.2,1); }
/* menu: barra com vidro e sombra ao rolar; hambúrguer no celular */
nav { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transition: box-shadow .3s var(--ease); }
nav.scrolled { box-shadow: 0 6px 24px rgba(0,0,0,.12); }
.nav-toggle { display: none; background: none; border: 1px solid rgba(26,26,26,.25); border-radius: 6px; width: 42px; height: 42px; cursor: pointer; align-items: center; justify-content: center; flex-direction: column; gap: 5px; }
.nav-toggle span { display: block; width: 20px; height: 2px; background: #1A1A1A; transition: transform .3s var(--ease), opacity .3s; }
nav.open .nav-toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); } nav.open .nav-toggle span:nth-child(2) { opacity: 0; } nav.open .nav-toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
@media (max-width: 900px) {
  .nav-toggle { display: flex; }
  .nav-links { display: flex !important; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; gap: 0 !important; background: #F5F0E0; border-bottom: 1px solid #E0DAD0; padding: 8px 5% 18px; max-height: 0; overflow: hidden; opacity: 0; pointer-events: none; transition: max-height .4s var(--ease), opacity .3s; }
  nav.open .nav-links { max-height: 420px; opacity: 1; pointer-events: auto; }
  .nav-links li, .nav-links li:not(:last-child) { display: block !important; padding: 12px 0; border-bottom: 1px solid #E0DAD0; }
  .nav-links li:last-child { border: 0; padding-top: 16px; }
}
/* entradas ao rolar */
.rv { opacity: 0; transform: translateY(32px); transition: opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }
.rv.in { opacity: 1; transform: none; }
/* cards: sobe e brilha */
.produto-card, .blog-card, .yt-card, .article-card, .featured-article, .sidebar-card, .banner { transition: transform .35s var(--ease), box-shadow .35s var(--ease), background .2s; }
.produto-card:hover, .blog-card:hover, .yt-card:hover, .article-card:hover, .featured-article:hover, .banner:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(26,26,26,.14); }
.capa, .banner img, .blog-card-img, .article-card-img img, .featured-img img { border-radius: 6px; }
.capa { box-shadow: 0 0 0 1px rgba(26,26,26,.06), 0 20px 50px rgba(26,26,26,.18); }
/* faixa escura com pontos (cabeçalho do blog e dos artigos) */
.blog-header, .band { position: relative; background: #1A1A1A; color: #fff; overflow: hidden; border: 0 !important; }
.blog-header::before, .band::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.1) 1px, transparent 1px); background-size: 32px 32px; pointer-events: none; }
.blog-header::after, .band::after { content: ''; position: absolute; right: -120px; top: -80px; width: 620px; height: 420px; background: radial-gradient(closest-side, rgba(232,75,28,.28), transparent); pointer-events: none; animation: glowmove 10s ease-in-out infinite alternate; }
@keyframes glowmove { to { transform: translate(-60px, 30px) scale(1.1); } }
.blog-header > *, .band > * { position: relative; z-index: 1; }
.blog-header h1, .blog-header .blog-title, .band h1 { color: #fff !important; }
.blog-header p, .band .meta, .band .meta span { color: rgba(255,255,255,.72) !important; }
.band { margin: 0 calc(50% - 50vw); padding: 56px calc(50vw - 50%) 40px; max-width: none; }
.band .tag { color: var(--orange, #E84B1C); border: 1px solid var(--orange, #E84B1C); padding: .25rem .7rem; display: inline-block; }
.band + .capa { margin-top: -20px; position: relative; z-index: 2; }
/* botões: leve elevação */
.btn-primary:hover, .btn:hover, .nav-cta:hover { transform: translateY(-2px); }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } .rv { opacity: 1; transform: none; } }
article:has(> .band) { padding-top: 0 !important; }
nav { z-index: 100; }