/* Visual novo nas 7 páginas (ligado em Ferramentas → Blog do Cordeiro). Mesmo estilo do topo do blog. */
.cdv-topo { position: sticky; top: 0; z-index: 99999; background: #FFFFFF; border-bottom: 4px solid #E6E1D8; font-family: 'Poppins', sans-serif; }
body.admin-bar .cdv-topo { top: 32px; }
.cdv-topo *, .cdv-barra * { box-sizing: border-box; }
.cdv-topo a, .cdv-barra a { text-decoration: none !important; }
.cdv-topo-in { max-width: 1140px; margin: 0 auto; height: 76px; padding: 0 16px; display: flex; align-items: center; gap: 14px; }
.cdv-logo { display: flex; align-items: center; gap: 10px; margin-right: auto; }
.cdv-logo img { width: 46px !important; height: 46px !important; border-radius: 50%; object-fit: cover; object-position: top; background: #DCEBF5; border: 3px solid #1E3A52; }
.cdv-logo b { display: block; font: 900 20px/1 'Poppins', sans-serif !important; letter-spacing: -.4px; color: #1E3A52; }
.cdv-logo i { display: block; font: italic 800 13px/1.2 'Nunito', sans-serif !important; color: #C4932A; }
.cdv-menu { display: flex; gap: 4px; }
.cdv-menu a { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 7px 13px; border-radius: 14px; color: #5F7381 !important; transition: background .15s ease, transform .15s ease; }
.cdv-menu a span { font-size: 22px; line-height: 1.1; }
.cdv-menu a em, .cdv-barra a em { font: normal 800 12px/1.2 'Poppins', sans-serif !important; }
@media (hover: hover) { .cdv-menu a:hover { background: #F2F6F3; transform: translateY(-2px); } }
.cdv-menu a.cd-menu-ativo { background: #E3F1E7; color: #2E5E3E !important; box-shadow: inset 0 0 0 2px #3FA066; }
.cdv-topo .cd-lang { order: 0; }
.cdv-cta { display: inline-flex; align-items: center; min-height: 48px; padding: 0 22px; border-radius: 16px; background: #3FA066; color: #FFFFFF !important; font: 800 16px/1 'Poppins', sans-serif !important; box-shadow: 0 5px 0 #2A7347; transition: transform .12s ease, box-shadow .12s ease; white-space: nowrap; }
@media (hover: hover) { .cdv-cta:hover { transform: translateY(-2px); box-shadow: 0 7px 0 #2A7347; } }
.cdv-cta:active { transform: translateY(4px); box-shadow: 0 1px 0 #2A7347; }
.cdv-barra { display: none; }

/* paisagem do app no pé do topo */
.cdv-com-chao { position: relative !important; padding-bottom: 150px !important; overflow: hidden; }
.cdv-com-chao > *:not(.cdv-chao) { position: relative; z-index: 1; }
.cdv-chao { position: absolute; left: 0; right: 0; bottom: 0; height: 130px; z-index: 0; pointer-events: none; }
.cdv-chao-svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.cdv-xuxu { position: absolute; right: max(16px, calc(50% - 600px)); bottom: 46px; width: 130px !important; height: auto !important; animation: cdv-boia 3.6s ease-in-out infinite; }
@keyframes cdv-boia { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

@media (max-width: 860px) {
  .cdv-menu { display: none; }
  .cdv-topo-in { height: 66px; gap: 10px; }
  .cdv-logo img { width: 40px !important; height: 40px !important; }
  .cdv-logo b { font-size: 17px !important; }
  .cdv-cta { min-height: 44px; padding: 0 14px; font-size: 14px !important; }
  .cdv-barra { display: flex; justify-content: space-around; position: fixed; left: 0; right: 0; bottom: 0; z-index: 99999; background: #FFFFFF; border-top: 3px solid #E6E1D8; padding: 8px 8px calc(10px + env(safe-area-inset-bottom, 0px)); }
  .cdv-barra a { display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 70px; padding: 6px 10px; border-radius: 14px; color: #5F7381 !important; }
  .cdv-barra a span { font-size: 22px; line-height: 1.1; }
  .cdv-barra a.cd-menu-ativo { background: #FFF1CC; color: #1E3A52 !important; box-shadow: inset 0 0 0 2px #C4932A; }
  body { padding-bottom: 84px; }
  .cdv-com-chao { padding-bottom: 150px !important; }
  .cdv-chao { height: 100px; }
  .cdv-xuxu { width: 84px !important; bottom: 36px; right: 12px; }
  .cd-sugestao { top: 66px !important; }
}
@media (max-width: 782px) { body.admin-bar .cdv-topo { top: 46px; } }
@media (prefers-reduced-motion: reduce) { .cdv-xuxu { animation: none; } }

/* toque no celular (15/10): sem atraso de toque duplo e sem o "hover grudado" do iPhone, que comia o 1º toque */
button, a.cdb-btn3d, .cdb-op, .cdb-sentimento, .cdb-vs-btn, .cdb-pessoa, .cdb-isca-tema, .n-btn, .n-isca-tema, .n-isca-img { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }

/* 16/10: Leituras só existe em português (some em inglês/espanhol); na barra do celular troca de lugar com Imagens */
html[lang="en"] .cd-so-pt, html[lang="es"] .cd-so-pt { display: none !important; }
html[lang="pt-BR"] .cdv-barra .cd-nao-pt, html:not([lang]) .cdv-barra .cd-nao-pt { display: none !important; }