/* ===== Selo PUBLICIDADE animado (seção de publicidade da home) ===== */

/* --- Selo PUBLICIDADE (não clicável) em dobro e animado --- */
#paineis .section-badge{
  position:relative;isolation:isolate;overflow:hidden;
  gap:clamp(10px,2.2vw,18px);margin-bottom:30px;
  padding:clamp(13px,3.2vw,18px) clamp(26px,7vw,44px);
  font:800 clamp(19px,5.6vw,26px)/1 "Space Grotesk",sans-serif;letter-spacing:.12em;
  background:linear-gradient(100deg,#ff4d00,#ff9a3d,#ff3d00,#ff7a1a);background-size:300% 100%;
  box-shadow:0 10px 34px rgba(255,90,0,.45),inset 0 0 0 1px rgba(255,255,255,.28);
  animation:pub-flow 5s ease-in-out infinite,pub-float 3.4s ease-in-out infinite,pub-glow 2.2s ease-in-out infinite;
  text-shadow:0 2px 10px rgba(120,30,0,.35);
}
#paineis .section-badge svg{width:1.25em;height:1.25em;stroke-width:2.2;animation:pub-wiggle 2.6s ease-in-out infinite;transform-origin:30% 60%}
#paineis .section-badge:before{ /* brilho que passa */
  content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:40%;z-index:-1;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);
  transform:skewX(-22deg);animation:pub-shine 2.8s ease-in-out infinite;
}
@keyframes pub-flow{0%,100%{background-position:0 0}50%{background-position:100% 0}}
@keyframes pub-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes pub-glow{0%,100%{box-shadow:0 10px 30px rgba(255,90,0,.40),0 0 0 0 rgba(255,90,0,.50),inset 0 0 0 1px rgba(255,255,255,.28)}60%{box-shadow:0 14px 44px rgba(255,90,0,.70),0 0 0 16px rgba(255,90,0,0),inset 0 0 0 1px rgba(255,255,255,.28)}}
@keyframes pub-shine{0%{left:-60%}55%,100%{left:130%}}

/* --- "VISTO" 30% maior --- */
#paineis .section-heading h2 .word-visto{font-size:1.3em;line-height:.9}

@media (prefers-reduced-motion:reduce){
  #paineis .section-badge,#paineis .section-badge:before,#paineis .section-badge svg{animation:none}
}

/* --- Subtítulo da seção de publicidade --- */
#paineis .section-heading .pub-lead{color:#e9e9e9;letter-spacing:.04em}

/* --- Botão "Veja o catálogo completo": ícone de totem passando anúncios --- */
.catalog-teaser-icon .tt{position:relative;display:block;width:24px;height:42px}
.tt-screen{position:absolute;inset:0 0 6px;border:2px solid #fff;border-radius:4px;background:#0d0d0d;overflow:hidden;box-shadow:0 0 10px rgba(255,255,255,.35)}
.tt-slides{display:flex;flex-direction:column;width:100%;height:400%;animation:tt-slide 8s cubic-bezier(.65,0,.35,1) infinite}
.tt-slides i{display:block;flex:1;min-height:0}
.tt-slides .s1{background:radial-gradient(circle at 50% 38%,#fff 0 20%,transparent 22%),linear-gradient(#ff7a1a,#c43d00)}
.tt-slides .s2{background:linear-gradient(#fff,#fff) 50% 50%/70% 12% no-repeat,repeating-linear-gradient(135deg,#ff5a00 0 4px,#161616 4px 8px)}
.tt-slides .s3{background:linear-gradient(#fff,#fff) 50% 18%/62% 9% no-repeat,linear-gradient(#ff8a3d,#ff8a3d) 50% 52%/82% 34% no-repeat,linear-gradient(#5a5a5a,#5a5a5a) 50% 86%/52% 7% no-repeat,#151515}
.tt-screen:after{content:"";position:absolute;left:0;right:0;top:-40%;height:40%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.35),transparent);animation:tt-scan 2.6s linear infinite}
.tt-foot{position:absolute;left:50%;bottom:0;width:16px;height:4px;margin-left:-8px;border-radius:2px;background:#fff}
.tt-foot:before{content:"";position:absolute;left:50%;top:-3px;width:4px;height:3px;margin-left:-2px;background:#fff}
@keyframes tt-slide{0%,20%{transform:translateY(0)}27%,45%{transform:translateY(-25%)}52%,70%{transform:translateY(-50%)}77%,100%{transform:translateY(-75%)}}
@keyframes tt-scan{to{top:110%}}
@media (prefers-reduced-motion:reduce){.tt-slides,.tt-screen:after{animation:none}}

/* --- Título do simulador (texto mais longo): cabe em uma linha no desktop --- */
.quick-simulator-heading{max-width:1100px}
.quick-simulator-heading h2{text-wrap:balance}