/* ============================================================
   TESTE (10/10): o céu da marca na chamada final "Pronto para transbordar?"
   Ligado por <link> dentro de partials/rodape.html, então vale em todas as páginas.
   PARA DESFAZER: tirar a classe "tbr-final-ceu" da <section id="cta-final"> (ou a linha do <link>).
   ============================================================ */
.tbr-final-ceu .tb-final-card { background: #2A64CF url('/assets/hero-ceu-transbordo-1600.webp') center 30% / cover no-repeat !important; box-shadow: 0 50px 90px -50px rgba(20,60,140,.7) !important; }
.tbr-final-ceu .tb-final-card::before, .tbr-final-ceu .tb-final-wing, .tbr-final-ceu .tb-final-patch { display: none !important; }
.tbr-final-ceu .tb-final-title { color: #fff !important; text-shadow: 0 2px 28px rgba(6,60,120,.3); }
.tbr-final-ceu .tb-final-title span { background: none !important; -webkit-text-fill-color: #fff !important; color: #fff !important; }
.tbr-final-ceu .tb-final-sub { color: #fff !important; text-shadow: 0 1px 16px rgba(6,60,120,.4); }
.tbr-final-ceu .tb-final-btn.primary { background: #1B1B1B !important; color: #fff !important; border-color: #1B1B1B !important; box-shadow: 0 18px 38px rgba(6,40,90,.3) !important; }
.tbr-final-ceu .tb-final-btn.primary span { color: #fff !important; }
.tbr-final-ceu .tb-final-btn.secondary { background: #fff !important; color: #1B1B1B !important; border-color: #fff !important; }
.tbr-final-masc { position: absolute; z-index: 1; width: clamp(84px, 11vw, 150px); height: auto; pointer-events: none; filter: drop-shadow(0 16px 22px rgba(20,40,90,.3)); animation: tbrFinalFlutua 4.4s ease-in-out infinite; }
.tbr-final-masc--1 { left: 9%; bottom: 16%; }
.tbr-final-masc--2 { right: 9%; top: 20%; animation-delay: -1.6s; }
.tbr-final-masc--3 { right: 20%; bottom: 10%; width: clamp(64px, 8vw, 108px); animation-delay: -3s; }
@keyframes tbrFinalFlutua { 0%, 100% { translate: 0 0; rotate: -2deg; } 50% { translate: 0 -10px; rotate: 2deg; } }
@media (max-width: 760px) { .tbr-final-masc--3 { display: none; } .tbr-final-masc--1 { left: 3%; bottom: 4%; } .tbr-final-masc--2 { right: 3%; top: 6%; } }
@media (prefers-reduced-motion: reduce) { .tbr-final-masc { animation: none; } }