/* WEBOSCELL_LANDING_STAGE1_13_3_FUNDO_LOGO_BOTOES_SUTIS_SEM_REFLOW * Escopo estrito: reduzir efeitos dos botões e transferir o destaque ao fundo/marca-d'água. * Não altera grid, flex, ordem, margens, paddings, dimensões ou alinhamentos. */ body.weboscell-lp-stage1-13-3-visual-fx { background-color: #041318; background-image: radial-gradient(circle at 13% 16%, rgba(16, 185, 129, .15), transparent 34%), radial-gradient(circle at 86% 18%, rgba(34, 211, 238, .11), transparent 31%), radial-gradient(circle at 50% 73%, rgba(14, 165, 233, .065), transparent 40%), linear-gradient(180deg, #041318 0%, #061a20 48%, #041116 100%) !important; background-attachment: fixed; background-size: 116% 116%, 120% 120%, 112% 112%, 100% 100%; animation: webosStage133BackgroundDrift 28s ease-in-out infinite alternate !important; } /* Recupera a marca-d'água central e cria uma respiração lenta e discreta. */ body.weboscell-lp-stage1-13-3-visual-fx::after { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0; background-image: url("/assets/img/logo_consult_dev.png") !important; background-repeat: no-repeat !important; background-position: center 46% !important; background-size: min(980px, 70vw) !important; opacity: .046 !important; filter: grayscale(5%) saturate(126%) drop-shadow(0 0 46px rgba(34, 211, 238, .20)) !important; transform-origin: center center; mix-blend-mode: screen; animation: webosStage133WatermarkBreath 15s ease-in-out infinite alternate !important; } body.weboscell-lp-stage1-13-3-visual-fx .page-glow { opacity: .92 !important; background-image: linear-gradient(rgba(148, 163, 184, .026) 1px, transparent 1px), linear-gradient(90deg, rgba(148, 163, 184, .026) 1px, transparent 1px), radial-gradient(circle at 19% 25%, rgba(52, 211, 153, .15), transparent 29%), radial-gradient(circle at 82% 20%, rgba(34, 211, 238, .12), transparent 27%) !important; background-size: 42px 42px, 42px 42px, 100% 100%, 100% 100% !important; filter: saturate(1.10) contrast(1.015) !important; } body.weboscell-lp-stage1-13-3-visual-fx .page-glow::before, body.weboscell-lp-stage1-13-3-visual-fx .page-glow::after { opacity: .42 !important; filter: blur(66px) !important; } body.weboscell-lp-stage1-13-3-visual-fx .page-glow::before { background: radial-gradient(circle, rgba(16, 185, 129, .17), transparent 64%) !important; animation: webosStage133AuraA 21s ease-in-out infinite alternate !important; } body.weboscell-lp-stage1-13-3-visual-fx .page-glow::after { background: radial-gradient(circle, rgba(14, 165, 233, .13), transparent 66%) !important; animation: webosStage133AuraB 25s ease-in-out infinite alternate !important; } /* Botões: sem pulso contínuo, sem glow excessivo e com hover curto. */ body.weboscell-lp-stage1-13-3-visual-fx :is( .top-cta, .hero-btn, .submit-btn, .mobile-sticky-cta a, .weboscell-proof-cta a, .webos-cta-teste-sem-custo-fix ) { background-image: linear-gradient(135deg, #22c55e 0%, #4ade80 100%) !important; background-size: 100% 100% !important; border-color: rgba(187, 247, 208, .42) !important; color: #03140c !important; box-shadow: 0 10px 24px rgba(16, 185, 129, .17), 0 0 0 1px rgba(255, 255, 255, .15) inset, 0 -1px 0 rgba(0, 0, 0, .11) inset !important; animation: none !important; filter: none !important; transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important; } body.weboscell-lp-stage1-13-3-visual-fx :is( .top-cta, .hero-btn, .submit-btn, .mobile-sticky-cta a, .weboscell-proof-cta a, .webos-cta-teste-sem-custo-fix )::before { opacity: 0 !important; animation: none !important; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .22), transparent) !important; } body.weboscell-lp-stage1-13-3-visual-fx :is( .top-cta, .hero-btn, .submit-btn, .mobile-sticky-cta a, .weboscell-proof-cta a, .webos-cta-teste-sem-custo-fix ):hover { transform: translateY(-1px) !important; filter: brightness(1.025) saturate(1.025) !important; box-shadow: 0 13px 29px rgba(16, 185, 129, .22), 0 0 0 1px rgba(255, 255, 255, .19) inset !important; } body.weboscell-lp-stage1-13-3-visual-fx :is( .top-cta, .hero-btn, .submit-btn, .mobile-sticky-cta a, .weboscell-proof-cta a, .webos-cta-teste-sem-custo-fix ):hover::before { opacity: .36 !important; animation: webosStage133ButtonShine .72s ease-out 1 !important; } body.weboscell-lp-stage1-13-3-visual-fx :is(.top-system-link, .hero-link, .final-cta-secondary) { border-color: rgba(125, 211, 252, .22) !important; background-image: linear-gradient(180deg, rgba(13, 39, 49, .72), rgba(4, 21, 28, .72)) !important; box-shadow: 0 8px 21px rgba(0, 0, 0, .18), 0 0 0 1px rgba(255, 255, 255, .035) inset !important; } body.weboscell-lp-stage1-13-3-visual-fx :is(.top-system-link, .hero-link, .final-cta-secondary):hover { transform: translateY(-1px) !important; border-color: rgba(110, 231, 183, .38) !important; box-shadow: 0 11px 25px rgba(0, 0, 0, .21) !important; } /* Preço: destaque estático, sem pulsação. */ body.weboscell-lp-stage1-13-3-visual-fx .price-highlight.weboscell-conversion-price { border-color: rgba(110, 231, 183, .38) !important; background-image: radial-gradient(circle at 18% 18%, rgba(110, 231, 183, .13), transparent 37%), radial-gradient(circle at 84% 76%, rgba(34, 211, 238, .07), transparent 37%), linear-gradient(135deg, rgba(16, 55, 51, .87), rgba(4, 24, 31, .91)) !important; box-shadow: 0 18px 46px rgba(0, 0, 0, .25), 0 0 0 1px rgba(110, 231, 183, .075) inset, 0 0 28px rgba(16, 185, 129, .07) !important; animation: none !important; filter: none !important; } body.weboscell-lp-stage1-13-3-visual-fx .price-highlight.weboscell-conversion-price strong { text-shadow: 0 0 16px rgba(110, 231, 183, .16) !important; } /* Cards: somente resposta discreta ao hover. */ body.weboscell-lp-stage1-13-3-visual-fx :is( .benefit, .screen-card, .weboscell-proof-step, .seo-faq-item, .trust-chip ):hover { transform: translateY(-1px) !important; border-color: rgba(110, 231, 183, .31) !important; box-shadow: 0 22px 56px rgba(0, 0, 0, .27), 0 0 0 1px rgba(110, 231, 183, .045) inset !important; filter: brightness(1.012) !important; } @keyframes webosStage133BackgroundDrift { from { background-position: 0% 0%, 100% 0%, 50% 100%, 0% 0%; } to { background-position: 5% 4%, 95% 6%, 53% 94%, 0% 0%; } } @keyframes webosStage133WatermarkBreath { from { opacity: .034; transform: translate3d(0, 5px, 0) scale(.985); filter: grayscale(7%) saturate(116%) drop-shadow(0 0 34px rgba(34, 211, 238, .15)); } to { opacity: .068; transform: translate3d(0, -5px, 0) scale(1.025); filter: grayscale(3%) saturate(136%) drop-shadow(0 0 58px rgba(52, 211, 153, .23)); } } @keyframes webosStage133AuraA { from { transform: translate3d(-5%, -3%, 0) scale(.94); } to { transform: translate3d(7%, 5%, 0) scale(1.08); } } @keyframes webosStage133AuraB { from { transform: translate3d(7%, -4%, 0) scale(1.07); } to { transform: translate3d(-6%, 6%, 0) scale(.94); } } @keyframes webosStage133ButtonShine { from { left: -42%; opacity: 0; } 24% { opacity: .36; } to { left: 126%; opacity: 0; } } @media (prefers-reduced-motion: reduce) { body.weboscell-lp-stage1-13-3-visual-fx, body.weboscell-lp-stage1-13-3-visual-fx::after, body.weboscell-lp-stage1-13-3-visual-fx .page-glow::before, body.weboscell-lp-stage1-13-3-visual-fx .page-glow::after, body.weboscell-lp-stage1-13-3-visual-fx :is( .top-cta, .hero-btn, .submit-btn, .mobile-sticky-cta a, .weboscell-proof-cta a, .webos-cta-teste-sem-custo-fix )::before { animation: none !important; } } @media (max-width: 768px) { body.weboscell-lp-stage1-13-3-visual-fx { background-attachment: scroll; animation-duration: 34s !important; } body.weboscell-lp-stage1-13-3-visual-fx::after { background-position: center 41% !important; background-size: min(760px, 92vw) !important; opacity: .034 !important; animation-duration: 19s !important; } body.weboscell-lp-stage1-13-3-visual-fx .page-glow::before, body.weboscell-lp-stage1-13-3-visual-fx .page-glow::after { opacity: .28 !important; filter: blur(58px) !important; } }