/* belo-anim.css — animações com a cara do Belo Cavalheiro. Só transform/opacity (leves). */

/* ===== Regulador: pausa o que está fora da tela ou com a aba escondida ===== */
.bo-off,.bo-off *,.bo-off *::before,.bo-off *::after,
html.bo-hidden *,html.bo-hidden *::before,html.bo-hidden *::after{animation-play-state:paused!important}

/* ===== Hero: peças do Belo flutuando (cartola, borboleta, cabide, gravata, cinto, camisa) ===== */
.bo-float{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.bo-float svg{position:absolute;bottom:-34px;width:30px;height:30px;fill:none;stroke:#b99a62;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;opacity:0;animation:boRise 11s ease-in-out infinite;will-change:transform,opacity}
.bo-float svg:nth-child(1){left:6%;animation-delay:0s}
.bo-float svg:nth-child(2){left:24%;width:26px;height:26px;animation-delay:-3.2s;animation-duration:13s;stroke:#c1272d}
.bo-float svg:nth-child(3){left:42%;animation-delay:-6s;animation-duration:12s}
.bo-float svg:nth-child(4){left:60%;width:24px;height:24px;animation-delay:-8.5s;animation-duration:10s}
.bo-float svg:nth-child(5){left:76%;animation-delay:-2s;animation-duration:14s}
.bo-float svg:nth-child(6){left:90%;width:26px;height:26px;animation-delay:-5s;animation-duration:12.5s}
.bo-float i{position:absolute;bottom:-8px;width:4px;height:4px;border-radius:50%;background:#e7c98a;opacity:0;animation:boDust 7s ease-in infinite}
.bo-float i:nth-of-type(1){left:14%;animation-delay:0s}.bo-float i:nth-of-type(2){left:33%;animation-delay:-2s;width:3px;height:3px}
.bo-float i:nth-of-type(3){left:52%;animation-delay:-4s}.bo-float i:nth-of-type(4){left:68%;animation-delay:-1s;width:3px;height:3px}
.bo-float i:nth-of-type(5){left:84%;animation-delay:-5s}
@keyframes boRise{0%{transform:translate3d(0,0,0) rotate(-12deg);opacity:0}15%{opacity:.5}60%{opacity:.4}100%{transform:translate3d(10px,-230px,0) rotate(22deg);opacity:0}}
@keyframes boDust{0%{transform:translate3d(0,0,0) scale(.6);opacity:0}25%{opacity:.9}100%{transform:translate3d(-8px,-190px,0) scale(1.2);opacity:0}}
.lhero .lh-t,.lhero .lh-hat{position:relative;z-index:1}
.lhero .lh-hat{position:absolute}

/* ===== Títulos: gravata borboleta vermelha balançando ===== */
html body .sec-title span::before,html body .sec-title span::after{content:""!important;display:inline-block;width:20px;height:12px;vertical-align:middle;margin:0 8px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 14'%3E%3Cpath d='M12 7 2 1.5v11zM12 7l10-5.5v11z' fill='%23c1272d'/%3E%3Crect x='10' y='5' width='4' height='4' rx='1.2' fill='%23901d22'/%3E%3C/svg%3E") center/contain no-repeat;
  animation:boBow 3.4s ease-in-out infinite!important}
html body .sec-title span::after{animation-delay:-1.7s!important}
@keyframes boBow{0%,100%{transform:rotate(-8deg) scale(1)}50%{transform:rotate(8deg) scale(1.18)}}

/* ===== Brilho dourado passando nos botões principais ===== */
.lh-b a.p,.bc-farda a{position:relative;overflow:hidden}
.lh-b a.p::after,.bc-farda a::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#ffffff70 50%,transparent 70%);transform:translateX(-130%);animation:boShine 4.8s ease-in-out 1.6s infinite;pointer-events:none}
@keyframes boShine{0%,55%{transform:translateX(-130%)}100%{transform:translateX(130%)}}

/* ===== Versículos e fardamento: Bíblia que vira a página + raios de luz ===== */
.bc-verse{position:relative;overflow:hidden}
.bc-verse::before{content:"";position:absolute;left:-40px;top:50%;width:150px;height:150px;margin-top:-75px;border-radius:50%;
  background:repeating-conic-gradient(#b99a6226 0 7deg,transparent 7deg 20deg);-webkit-mask:radial-gradient(circle,#000 25%,transparent 70%);mask:radial-gradient(circle,#000 25%,transparent 70%);
  animation:boSpin 38s linear infinite;pointer-events:none}
.bc-verse .bc-cross,.bc-verse blockquote{position:relative;z-index:1}
.bc-farda::before{content:"";position:absolute;right:-70px;top:-70px;width:230px;height:230px;border-radius:50%;
  background:repeating-conic-gradient(#f1dda81c 0 7deg,transparent 7deg 20deg);-webkit-mask:radial-gradient(circle,#000 20%,transparent 68%);mask:radial-gradient(circle,#000 20%,transparent 68%);
  animation:boSpin 46s linear infinite;pointer-events:none}
.bc-farda>*{position:relative;z-index:1}
.bc-farda .bc-cross{animation:boGlow 3.6s ease-in-out infinite;transform-origin:50% 60%}
@keyframes boSpin{to{transform:rotate(360deg)}}
@keyframes boGlow{0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 #f1dda800)}50%{transform:scale(1.14);filter:drop-shadow(0 0 5px #f1dda8aa)}}

@media(prefers-reduced-motion:reduce){
  .bo-float,.bc-verse::before,.bc-farda::before{display:none}
  html body .sec-title span::before,html body .sec-title span::after,.lh-b a.p::after,.bc-farda a::after,.bc-farda .bc-cross{animation:none!important}
}
html.bo-lite .bo-float svg:nth-child(n+4),html.bo-lite .bo-float i:nth-of-type(n+3){display:none}