*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000 radial-gradient(circle at 50% 50%,#111 0,#000 70%);color:#fff;font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.preloader{position:fixed;inset:0;z-index:999;background:#09090b;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:1s}.preloader.off{opacity:0;visibility:hidden;transform:scale(1.08)}.pre-logo{text-align:center;animation:float3d 4s ease-in-out infinite}.pre-logo div:last-child{font-size:clamp(42px,8vw,95px);font-weight:900;font-style:italic;line-height:.9}.pre-logo span{display:block;background:linear-gradient(90deg,#22c55e,#facc15,#2563eb);-webkit-background-clip:text;color:transparent}.pre-logo b{filter:drop-shadow(0 0 20px #fff5)}.pre-icons{font-size:60px;filter:drop-shadow(0 0 20px #22c55e)}.loadbar{width:260px;height:5px;background:#ffffff18;border-radius:99px;overflow:hidden}.loadbar i{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#facc15,#3b82f6);animation:loading 2.5s infinite}.navbar{position:fixed;top:0;left:0;right:0;z-index:80;background:#000;border-bottom:1px solid #ffffff12;box-shadow:0 18px 45px #000}.nav-inner{height:96px;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1280px;margin:auto;padding:0 18px}.brand{display:flex;align-items:center;gap:14px}.brand-icon{width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,#16a34a,#facc15,#2563eb);padding:2px;position:relative;box-shadow:0 0 20px #22c55e44;transition:.5s}.brand:hover .brand-icon{transform:rotate(12deg) scale(1.05)}.brand-icon:before{content:"";position:absolute;inset:2px;background:#000;border-radius:13px}.brand-icon i,.brand-icon b,.brand-icon em{position:absolute;z-index:1;font-style:normal}.brand-icon b{left:16px;top:14px}.brand-icon i{left:3px;bottom:2px}.brand-icon em{right:2px;top:2px}.brand-text strong{font-size:clamp(22px,3vw,34px);font-weight:1000;font-style:italic;background:linear-gradient(90deg,#22c55e,#facc15,#2563eb);background-size:200%;-webkit-background-clip:text;color:transparent;animation:grad 3s linear infinite}.brand-text strong span{color:#fff;-webkit-text-fill-color:#fff}.brand-text small{display:block;text-align:right;color:#71717a;text-transform:uppercase;letter-spacing:.28em;font-weight:800;font-size:10px}.menu{display:flex;gap:28px}.menu a{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#a1a1aa;transition:.25s}.menu a:hover,.menu a.active{color:#60a5fa}.hamb{display:none;background:#ffffff12;border:1px solid #ffffff22;color:white;padding:12px;border-radius:12px;font-size:24px}.compact-player{display:flex;align-items:center;gap:12px;background:#18181bcc;backdrop-filter:blur(12px);border:1px solid #ffffff16;border-radius:999px;color:white;padding:8px 12px;box-shadow:0 15px 40px #0008}.compact-player audio{display:none}.compact-player small{display:block;color:#a1a1aa;font-size:10px}.live-dot{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#22d3ee);box-shadow:0 0 18px #2563eb88;position:relative}.live-dot:before{content:'📻';position:absolute;inset:0;display:grid;place-items:center}.compact-player.playing .live-dot:after{content:'';position:absolute;right:-2px;top:-2px;width:11px;height:11px;border-radius:50%;background:#ec4899;border:2px solid #000}.play-btn{width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#000;font-weight:900;cursor:pointer;box-shadow:0 8px 20px #0005}.volume{width:70px;accent-color:#3b82f6}.bars{display:flex;align-items:end;gap:3px;height:22px}.bars i{width:4px;height:5px;background:linear-gradient(#22d3ee,#2563eb);border-radius:10px;opacity:.35}.playing .bars i{animation:bounce .7s infinite alternate;opacity:1}.bars i:nth-child(2){animation-delay:.1s}.bars i:nth-child(3){animation-delay:.2s}.bars i:nth-child(4){animation-delay:.3s}.bars i:nth-child(5){animation-delay:.15s}.bars i:nth-child(6){animation-delay:.25s}.bars i:nth-child(7){animation-delay:.05s}.hero{height:85vh;min-height:620px;margin-top:96px;position:relative;overflow:hidden;background:#09090b}.slide{position:absolute;inset:0;background-image:linear-gradient(90deg,#09090b 0,#09090bcc 45%,#0000),var(--bg);background-size:cover;background-position:center;opacity:0;transform:scale(1.1) rotateY(12deg);transition:1s;display:flex;align-items:center}.slide.active{opacity:1;transform:scale(1) rotateY(0)}.slide:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 55%,#2563eb33,transparent 35%)}.slide>div{position:relative;z-index:2;max-width:1280px;width:100%;margin:auto;padding:0 18px}.slide h1{font-size:clamp(42px,7vw,88px);line-height:1;margin:0 0 20px;font-weight:1000}.slide p{color:#d4d4d8;font-size:clamp(18px,2vw,24px);max-width:650px}.btn{display:inline-flex;align-items:center;justify-content:center;margin:10px 10px 0 0;padding:17px 28px;border-radius:16px;background:#2563eb;font-weight:900;transition:.25s;border:1px solid #ffffff10}.btn:hover{transform:scale(1.05);background:#3b82f6}.btn.glass{background:#ffffff17;backdrop-filter:blur(10px)}.btn.full{width:100%;margin-top:auto}.slide-nav{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;border:1px solid #ffffff20;background:#0009;color:white;font-size:42px;cursor:pointer}.slide-nav:hover{background:#2563eb}.prev{left:24px}.next{right:24px}.dots{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);z-index:7;display:flex;gap:8px}.dots button{width:13px;height:13px;border:0;border-radius:99px;background:#ffffff55;cursor:pointer;transition:.25s}.dots button.active{width:36px;background:#3b82f6}.intro{text-align:center;padding:120px 18px}.intro h1{font-size:clamp(42px,8vw,88px);line-height:1;font-weight:1000;margin:0 0 28px;text-shadow:0 0 30px #3b82f680}.intro p{font-size:clamp(18px,2.2vw,28px);color:#fff}.intro span{color:#3b82f6;margin:0 14px}.pricing{padding:100px 18px;background:#ffffff08;border-block:1px solid #ffffff12;backdrop-filter:blur(12px)}.title{text-align:center;max-width:900px;margin:0 auto 80px}.title small{display:block;color:#3b82f6;text-transform:uppercase;letter-spacing:.3em;font-weight:1000}.title h2,.models h2{font-size:clamp(34px,5vw,66px);line-height:1.05;margin:18px 0;font-weight:1000}.title p,.models p{color:#a1a1aa;font-size:18px}.cards{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.plan{position:relative;padding:38px;border-radius:30px;background:#18181bcc;border:1px solid #ffffff12;box-shadow:0 25px 70px #0008;display:flex;flex-direction:column;min-height:560px;transition:.35s}.plan:hover{transform:translateY(-8px) rotateX(2deg);border-color:#3b82f688}.plan.hot{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:scale(1.02);box-shadow:0 0 60px #2563eb55}.tag{position:absolute;top:-18px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#ec4899,#f43f5e);padding:10px 22px;border-radius:99px;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.plan-icon{font-size:48px;margin-bottom:22px}.plan h3{font-size:27px;margin:0 0 10px}.price{font-size:52px;font-weight:1000;margin-bottom:25px}.price span{font-size:14px;color:#cbd5e1;margin-left:4px}.plan ul{border-top:1px solid #ffffff16;list-style:none;padding:26px 0;margin:0;display:grid;gap:18px;color:#e4e4e7}.info-grid{max-width:900px;margin:70px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}.info-grid div{background:#ffffff08;border:1px solid #ffffff12;border-radius:22px;padding:24px}.models{padding:100px 18px;background:#000}.models-head{max-width:1280px;margin:0 auto 50px;display:flex;justify-content:space-between;align-items:end;gap:20px}.models-head a{color:#3b82f6;font-weight:900}.model-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.model{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;border:1px solid #ffffff16;background:#ffffff08}.model img{width:100%;height:100%;object-fit:cover;transition:.5s}.model:hover img{transform:scale(1.12)}.model span{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:end;padding:28px;background:linear-gradient(transparent,#000d);opacity:0;transition:.3s}.model:hover span{opacity:1}.model b{font-size:22px}.model em{font-style:normal;color:#60a5fa;margin-top:6px}.footer{position:relative;background:#09090b;border-top:1px solid #ffffff12;padding:70px 18px 30px}.foot-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.foot-grid h3{font-size:36px;margin:0;background:linear-gradient(90deg,#22c55e,#facc15,#2563eb);-webkit-background-clip:text;color:transparent}.foot-grid a{display:block;color:#a1a1aa;margin:8px 0}.copy{text-align:center;color:#71717a;margin-top:40px}#toTop{position:absolute;top:-22px;left:50%;transform:translateX(-50%);width:50px;height:50px;border-radius:50%;border:0;background:#2563eb;color:#fff;font-size:28px;cursor:pointer}.whats{position:fixed;right:28px;bottom:28px;z-index:95;display:flex;align-items:center;gap:8px;background:#22c55e;padding:16px;border-radius:999px;font-size:28px;box-shadow:0 18px 45px #22c55e55;transition:.25s}.whats span{font-size:16px;font-weight:900;max-width:0;overflow:hidden;white-space:nowrap;transition:.3s}.whats:hover{transform:scale(1.08)}.whats:hover span{max-width:180px}.floating-player{position:fixed;right:28px;bottom:105px;z-index:90;display:flex;flex-direction:column;align-items:end;gap:12px}.hide-player{width:44px;height:44px;border-radius:50%;border:1px solid #ffffff18;background:#18181b;color:white;cursor:pointer}.float-box{border-radius:22px;padding:12px;transition:.45s}.float-box.hidden{transform:translateX(150%);opacity:0;pointer-events:none}.avatar{width:58px;height:58px;border-radius:15px;overflow:hidden;background:#2563eb}.avatar img{width:100%;height:100%;object-fit:cover;transition:.6s}.playing .avatar img{transform:scale(1.2) rotate(5deg)}.status{display:inline-block;background:#2563eb30;color:#60a5fa;border:1px solid #3b82f650;border-radius:8px;padding:3px 7px;font-size:10px;text-transform:uppercase;font-weight:1000}.playing .status{color:#4ade80;background:#22c55e22}.bg-icons{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.ico{position:absolute;font-size:110px;opacity:.08;animation:pulse 4s infinite}.mic{top:24%;left:5%;transform:rotate(-15deg)}.phone{right:5%;bottom:20%;animation-name:float}.speaker{left:24%;bottom:5%}.music{right:18%;top:35%}.alexa{position:absolute;right:9%;top:45%;font-size:80px;color:#60a5fa33;text-align:center;animation:float3d 6s infinite}.alexa small{display:block;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.fade-in{animation:fade .35s ease}.page-loading{opacity:.3;transform:translateY(8px);transition:.2s}@keyframes grad{to{background-position:200% center}}@keyframes loading{0%{width:0;transform:translateX(-100%)}50%{width:100%;transform:translateX(0)}100%{width:100%;transform:translateX(100%)}}@keyframes float3d{50%{transform:rotateX(10deg) rotateY(5deg) translateY(-20px)}}@keyframes float{50%{transform:translateY(-20px)}}@keyframes pulse{50%{opacity:.15;transform:scale(1.05)}}@keyframes bounce{from{height:4px}to{height:22px}}@keyframes fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:1050px){.top-player{display:none}.cards,.model-grid{grid-template-columns:1fr}.models-head,.foot-grid,.info-grid{grid-template-columns:1fr;display:grid}.menu{position:fixed;top:96px;left:0;right:0;background:#050505;border-bottom:1px solid #ffffff12;padding:18px;display:none;flex-direction:column}.menu.open{display:flex}.hamb{display:block}.hero{min-height:560px}.slide-nav{display:none}.floating-player{right:14px;bottom:95px}.whats{right:14px}.intro{padding:80px 18px}.plan.hot{transform:none}}@media(max-width:640px){.brand-text strong{font-size:22px}.brand-text small{font-size:8px}.nav-inner{height:82px}.hero{margin-top:82px;height:78vh}.menu{top:82px}.slide h1{font-size:40px}.slide p{font-size:17px}.cards{gap:45px}.plan{padding:28px;min-height:auto}.float-box{max-width:310px}.volume{display:none}.prev,.next{display:none}}
/* Ajustes v2: resolução automática e responsividade total */
:root{--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-width:320px}.navbar{padding-top:var(--safe-top)}.nav-inner{width:min(100%,1280px)}.hero{height:clamp(540px,85svh,900px)}.slide{background-position:center center}.section-page,.intro,.pricing,.models,.footer{content-visibility:auto;contain-intrinsic-size:1px 900px}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}.model-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.plan,.model,.compact-player{will-change:transform}.float-box{width:min(92vw,410px);justify-content:space-between}.floating-player{max-width:calc(100vw - 28px)}.whats{bottom:calc(28px + var(--safe-bottom))}.volume{touch-action:pan-x}.btn,.play-btn,.hamb,.hide-player,.whats{touch-action:manipulation}.slide>div,.intro,.title,.models-head,.model-grid,.cards,.info-grid,.foot-grid{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
@media (min-width:641px) and (max-width:1180px){.nav-inner{gap:12px}.menu{gap:16px}.brand-text strong{font-size:26px}.top-player{max-width:360px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){body{background:#000 radial-gradient(circle at 50% 20%,#111827 0,#000 65%)}.navbar{position:sticky}.nav-inner{height:78px}.brand-icon{width:46px;height:46px}.brand-text strong{font-size:20px}.brand-text small{letter-spacing:.18em}.menu{top:78px;max-height:calc(100svh - 78px);overflow:auto}.hero{margin-top:0;height:calc(100svh - 78px);min-height:520px}.slide{background-image:linear-gradient(180deg,#09090bdd 0,#09090baa 48%,#000 100%),var(--bg);align-items:flex-end;padding-bottom:78px}.slide h1{font-size:clamp(32px,11vw,52px)}.slide p{font-size:clamp(15px,4.5vw,19px)}.btn{width:100%;margin-right:0;padding:15px 18px}.intro{padding:64px 16px}.intro h1{font-size:clamp(32px,11vw,56px)}.intro p{font-size:clamp(15px,4.5vw,20px)}.intro span{display:none}.pricing,.models{padding:64px 14px}.title{margin-bottom:42px}.title h2,.models h2{font-size:clamp(30px,9vw,46px)}.plan{border-radius:22px}.models-head{align-items:start}.model{border-radius:18px}.foot-grid{gap:18px}.footer{padding-bottom:110px}.floating-player{left:12px;right:12px;bottom:88px;align-items:stretch}.hide-player{align-self:flex-end}.float-box{width:100%;max-width:none;border-radius:20px}.whats{left:12px;right:12px;bottom:12px;justify-content:center}.whats span{max-width:260px}.bg-icons .ico,.alexa{display:none}}
@media(max-width:380px){.brand-text small{display:none}.slide h1{font-size:31px}.plan{padding:22px}.price{font-size:42px}.compact-player{gap:8px}.avatar{width:48px;height:48px}.play-btn{width:38px;height:38px}}
@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* Integração do painel sem alterar o tema visual original */
.brand-upload{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;overflow:hidden;background:#111;border:1px solid #ffffff18;box-shadow:0 0 20px #22c55e33}.brand-upload img{width:100%;height:100%;object-fit:contain}.top-clock{display:flex;align-items:center;gap:9px;min-width:126px;padding:8px 11px;border:1px solid #ffffff14;border-radius:14px;background:#111;color:#fff}.top-clock i{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 12px #22c55e}.top-clock span{display:flex;flex-direction:column}.top-clock b{font-size:15px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.05em}.top-clock small{margin-top:4px;color:#71717a;font-size:9px;text-transform:capitalize}.plan-image{height:92px;display:flex;align-items:center}.plan-image img{width:138px;height:92px;object-fit:contain;object-position:left center}.hide-player.closed{background:#2563eb;box-shadow:0 0 24px #2563eb88}.hero{height:clamp(500px,68svh,680px);min-height:500px}.section-page{scroll-margin-top:96px}.preloader{transition:.35s}.float-box.hidden{transform:translateX(calc(100% + 50px))}.compact-player b{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-player small{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1180px){.top-clock{display:none}}
@media(max-width:780px){.hero{height:clamp(500px,calc(100svh - 78px),640px);min-height:500px}.section-page{scroll-margin-top:78px}.plan-image{height:76px}.plan-image img{height:76px}}
/* Player play button — heartbeat only while playing */
.play-btn{
position:relative;
overflow:visible;
display:inline-flex;
align-items:center;
justify-content:center;
transition:transform .2s, box-shadow .25s, background .25s;
}
.play-btn .play-icon,
.play-btn .pause-icon{
display:block;
width:0;height:0;
border-style:solid;
}
.play-btn .play-icon{
width:0;height:0;
border-width:8px 0 8px 14px;
border-color:transparent transparent transparent #000;
margin-left:3px;
}
.play-btn .pause-icon{
width:12px;height:14px;
border:0;
background:
linear-gradient(#000,#000) left/4px 100% no-repeat,
linear-gradient(#000,#000) right/4px 100% no-repeat;
background-color:transparent;
}
.play-btn:hover{transform:scale(1.08)}
.play-btn:active{transform:scale(.96)}
.play-btn.is-playing,
.compact-player.playing .play-btn{
background:linear-gradient(135deg,#22c55e,#16a34a);
color:#fff;
box-shadow:0 0 0 0 rgba(34,197,94,.55);
animation:heartbeat 1.1s ease-in-out infinite;
}
.play-btn.is-playing .pause-icon{
background:
linear-gradient(#fff,#fff) left/4px 100% no-repeat,
linear-gradient(#fff,#fff) right/4px 100% no-repeat;
}
@keyframes heartbeat{
0%{transform:scale(1);box-shadow:0 0 0 0 rgba(34,197,94,.55)}
25%{transform:scale(1.12);box-shadow:0 0 0 8px rgba(34,197,94,.18)}
40%{transform:scale(1);box-shadow:0 0 0 12px rgba(34,197,94,0)}
60%{transform:scale(1.08);box-shadow:0 0 0 6px rgba(34,197,94,.15)}
100%{transform:scale(1);box-shadow:0 0 0 0 rgba(34,197,94,0)}
}
@media (prefers-reduced-motion: reduce){
.play-btn.is-playing,
.compact-player.playing .play-btn{animation:none}
}
/* Toast: mais um cliente contratando */
.client-toast{
position:fixed;
left:18px;
bottom:calc(110px + env(safe-area-inset-bottom,0px));
z-index:120;
display:flex;
align-items:center;
gap:12px;
max-width:min(360px,calc(100vw - 36px));
padding:14px 16px;
border-radius:16px;
background:#0f172aee;
border:1px solid #22c55e55;
box-shadow:0 18px 50px #000a, 0 0 30px #22c55e22;
color:#fff;
opacity:0;
transform:translateY(18px) scale(.96);
pointer-events:none;
transition:opacity .4s, transform .4s;
backdrop-filter:blur(12px);
}
.client-toast.show{
opacity:1;
transform:none;
pointer-events:auto;
}
.client-toast-icon{
width:40px;height:40px;
border-radius:12px;
display:grid;place-items:center;
background:#22c55e22;
font-size:20px;
flex-shrink:0;
}
.client-toast strong{
display:block;
font-size:13px;
font-weight:800;
margin-bottom:3px;
color:#4ade80;
}
.client-toast small{
display:block;
font-size:12px;
color:#cbd5e1;
line-height:1.35;
}
@media(max-width:780px){
.client-toast{
left:12px;right:12px;
bottom:calc(160px + env(safe-area-inset-bottom,0px));
max-width:none;
}
}
/* Garantia: imagens do player e slides enviadas pelo admin */
.avatar{background:#111;flex-shrink:0}
.avatar img{width:100%;height:100%;object-fit:cover;display:block}
.slide{background-color:#09090b;background-size:cover;background-position:center center;background-repeat:no-repeat}
.plan-image img{display:block;max-width:100%;height:auto;max-height:92px;object-fit:contain}
.brand-upload img{display:block;width:100%;height:100%;object-fit:contain}
.model img{display:block}
/* Otimizações de desempenho: renderiza seções abaixo da dobra somente quando próximas da tela. */
.pricing,.models,.footer{content-visibility:auto;contain-intrinsic-size:1px 900px}
img{height:auto}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* ===== Ajuste visual + imagens + tipografia v5 ===== */
:root{--content:1180px;--text:#f7f7f8;--muted:#b5b8c2}
body{line-height:1.6;color:var(--text)}
.hero{height:clamp(430px,58svh,560px);min-height:430px}
.slide{background-size:cover;background-position:center}
.slide>div{max-width:var(--content)}
.slide h1{font-size:clamp(34px,5.2vw,64px);max-width:780px;letter-spacing:-.025em}
.slide p{font-size:clamp(16px,1.7vw,20px);line-height:1.55;max-width:610px}
.intro{padding:78px 18px}
.intro h1{font-size:clamp(34px,5.8vw,64px);max-width:1050px;margin-left:auto;margin-right:auto;letter-spacing:-.03em}
.intro p{max-width:920px;margin-left:auto;margin-right:auto;line-height:1.65;color:#d9dce3}
.title{margin-bottom:52px}.compact-title{margin-bottom:42px}
.title h2,.models h2{font-size:clamp(31px,4.3vw,52px);letter-spacing:-.025em}
.title p,.models p{line-height:1.65;color:var(--muted)}
.pricing,.models{padding:76px 18px}
.cards{max-width:var(--content);gap:22px}
.plan{padding:30px;border-radius:24px;min-height:540px}
.plan-image{height:72px;margin-bottom:12px}.plan-image img{width:auto!important;height:72px!important;max-width:150px;max-height:72px!important;object-fit:contain!important}
.plan h3{font-size:24px}.price{font-size:44px}
.plan ul{gap:12px;font-size:15px;line-height:1.45}
.model-grid{max-width:var(--content);gap:22px}
.model{aspect-ratio:959/314;border-radius:18px;max-height:315px;background:#111}
.model img{width:100%;height:100%!important;object-fit:contain!important;background:#0b0b0d}
.model:hover img{transform:scale(1.025)}
.model span{padding:20px;background:linear-gradient(transparent 45%,#000e)}
.seo-benefits{padding:76px 18px;background:linear-gradient(180deg,#06080d,#0a0d15);border-block:1px solid #ffffff10}
.benefit-grid{max-width:var(--content);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.benefit-grid article{padding:26px;border:1px solid #ffffff12;border-radius:20px;background:#ffffff08;box-shadow:0 16px 45px #0005}
.benefit-grid article>span{font-size:30px}.benefit-grid h3{margin:12px 0 7px;font-size:20px}.benefit-grid p{margin:0 0 13px;color:#b9bec9;font-size:15px;line-height:1.6}.benefit-grid a{color:#7bb1ff;font-weight:800;font-size:14px}
.info-grid{max-width:var(--content);gap:18px;margin-top:45px}.info-grid div{padding:22px}.info-grid h3,.info-grid h4{margin-top:0}.info-grid p{font-size:16px!important;line-height:1.65;color:#c9cdd6}
@media(max-width:900px){.benefit-grid{grid-template-columns:1fr 1fr}.hero{height:clamp(430px,64svh,540px)}}
@media(max-width:600px){.benefit-grid{grid-template-columns:1fr}.hero{height:500px;min-height:500px}.slide{background-size:cover}.intro,.seo-benefits,.pricing,.models{padding-top:55px;padding-bottom:55px}.model{aspect-ratio:959/314}.plan-image img{height:64px!important;max-height:64px!important}}
/* ===== Ajuste solicitado: seção Modelos no padrão visual do print ===== */
.models-showcase{
background:#f4f7fb;
color:#111827;
padding:76px 18px 92px;
border-block:1px solid #e8edf4;
}
.models-showcase-head{
max-width:1180px;
margin:0 auto 48px;
text-align:center;
}
.models-kicker{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:94px;
padding:8px 18px;
border-radius:999px;
background:#e0f3ec;
color:#00a64b;
font-size:12px;
font-weight:1000;
letter-spacing:.04em;
}
.models-showcase .models-showcase-head h2{
margin:18px 0 8px;
color:#0b1220;
font-size:clamp(34px,4vw,54px);
line-height:1.08;
letter-spacing:-.035em;
}
.models-showcase .models-showcase-head p{
margin:0;
color:#64748b;
font-size:17px;
}
.model-grid-showcase{
max-width:1180px;
margin:0 auto;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(245px,1fr));
gap:24px;
align-items:stretch;
}
.model-card-showcase{
position:relative;
min-height:300px;
padding:28px 11px 34px;
border:1px solid #d9dee7;
border-radius:14px;
background:#e8e8e8;
box-shadow:0 10px 28px rgba(15,23,42,.08);
}
.model-badge{
position:absolute;
left:50%;
top:-16px;
transform:translateX(-50%);
z-index:2;
max-width:calc(100% - 28px);
padding:7px 16px;
border-radius:5px;
background:#ff7100;
color:white;
font-size:11px;
line-height:1;
font-weight:1000;
text-transform:uppercase;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
box-shadow:0 5px 12px rgba(255,113,0,.18);
}
.model-screen{
overflow:hidden;
border:4px solid #171717;
border-radius:7px;
background:#101010;
box-shadow:inset 0 0 0 1px #444,0 2px 8px rgba(0,0,0,.18);
aspect-ratio:16/9;
}
.model-screen img{
width:100%;
height:100%!important;
object-fit:cover!important;
background:#101010;
transform:none!important;
}
.model-example-btn{
position:absolute;
left:50%;
bottom:-23px;
transform:translateX(-50%);
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-width:139px;
padding:11px 16px;
border-radius:7px;
background:#00ae55;
color:#fff;
font-size:13px;
font-weight:900;
box-shadow:0 9px 20px rgba(0,174,85,.28);
transition:.2s ease;
}
.model-example-btn:hover{
background:#009b4b;
transform:translateX(-50%) translateY(-2px);
}
/* Bandeira/idiomas no topo */
.language-switcher{position:relative;flex:0 0 auto}
.language-trigger{
width:38px;height:38px;padding:0;border-radius:10px;
border:1px solid #ffffff1f;background:#111318;color:#fff;
display:grid;place-items:center;cursor:pointer;font-size:21px;
}
.language-trigger:hover{background:#1b1f27}
.language-menu{
position:absolute;top:48px;right:0;z-index:120;display:none;
width:185px;padding:8px;border-radius:12px;background:#fff;
border:1px solid #e5e7eb;box-shadow:0 18px 45px #0003;
}
.language-menu.open{display:grid}
.language-menu button{
border:0;background:transparent;color:#111827;text-align:left;
padding:10px 11px;border-radius:8px;font-weight:700;cursor:pointer;
}
.language-menu button:hover{background:#f1f5f9}
#google_translate_element{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.goog-te-banner-frame.skiptranslate,.goog-te-gadget-icon{display:none!important}
body{top:0!important}
/* Toast real de visitantes online */
.visitor-toast{
position:fixed;left:18px;bottom:calc(110px + env(safe-area-inset-bottom,0px));
z-index:121;display:flex;align-items:center;gap:12px;
max-width:min(380px,calc(100vw - 36px));padding:14px 16px;border-radius:16px;
background:#0f172aee;border:1px solid #38bdf855;
box-shadow:0 18px 50px #000a,0 0 30px #38bdf822;color:#fff;
opacity:0;transform:translateY(18px) scale(.96);pointer-events:none;
transition:opacity .4s,transform .4s;backdrop-filter:blur(12px)
}
.visitor-toast.show{opacity:1;transform:none}
.visitor-toast-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#38bdf822;font-size:20px;flex-shrink:0}
.visitor-toast strong{display:block;font-size:13px;font-weight:900;margin-bottom:3px;color:#7dd3fc}
.visitor-toast small{display:block;font-size:12px;color:#dbeafe;line-height:1.4}
@media(max-width:1050px){
.language-switcher{margin-left:auto}
.model-grid-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 20px}
}
@media(max-width:640px){
.models-showcase{padding:58px 12px 78px}
.models-showcase-head{margin-bottom:42px}
.model-grid-showcase{grid-template-columns:1fr;gap:46px}
.model-card-showcase{min-height:0;padding-bottom:34px}
.language-trigger{width:34px;height:34px;font-size:19px}
.visitor-toast{left:12px;right:12px;bottom:calc(160px + env(safe-area-inset-bottom,0px));max-width:none}
}
/* ===== Tema Streaming Brasil 2026: azul, verde e amarelo ===== */
:root{--br-blue:#062b72;--br-green:#00ad57;--br-yellow:#ffd400;--br-ink:#101828;--br-soft:#f3f7fb}
body{background:#fff;color:var(--br-ink)}
.navbar{background:#fff!important;border-top:3px solid var(--br-green);box-shadow:0 2px 16px rgba(6,43,114,.08)}
.navbar:after{content:"";position:absolute;top:-3px;left:33%;right:0;height:3px;background:linear-gradient(90deg,var(--br-yellow) 0 50%,var(--br-blue) 50%)}
.menu a{color:#233044}.menu a:hover,.menu a.active{color:var(--br-green)}
.menu .client-button{background:var(--br-green);color:#fff!important;border-radius:24px;padding:11px 22px}
.hero{background:#effdf6;min-height:410px}.slide:after{background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(6,43,114,.08))}
.brasil-hero-copy{max-width:1180px;margin:-365px auto 80px;position:relative;z-index:8;width:calc(100% - 40px);pointer-events:none}
.brasil-hero-copy>*{pointer-events:auto}.brasil-hero-copy h1{max-width:600px;font-size:clamp(36px,4vw,58px);line-height:1.02;margin:22px 0 20px;color:#111827}.brasil-hero-copy h1 em{color:var(--br-green);font-style:italic}.brasil-hero-copy p{max-width:620px;font-size:18px;line-height:1.6;color:#637083}.world-badge{display:inline-block;padding:9px 18px;border-radius:999px;background:#e4f1ff;border:1px solid #bad3ec;color:var(--br-blue);font-weight:800}.hero-actions{display:flex;gap:12px;margin:28px 0}.hero-actions .ghost{background:#fff!important;color:#243047!important;border:1px solid #d9e0e8}.hero-trust{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;color:#667085}.compact-intro{padding-top:20px}
.pricing{background:#fff}.pricing .title h2,.models-showcase-head h2,.ref-head h2{font-size:clamp(30px,3vw,44px);color:#0b1320}.pricing .title h2 strong{color:var(--br-green)}.cards{align-items:stretch}.plan{border:1px solid #d9e1ea;border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(15,23,42,.06)}.plan.hot{border:2px solid var(--br-green);background:#fff}.plan .price{color:#ff7900}.plan .btn{background:var(--br-green)}.plan.hot:nth-child(3){border-color:#e77b00}.plan.hot:nth-child(3) .btn{background:#e77b00}.tag{background:var(--br-yellow)!important;color:#102a56!important}
.models-showcase{background:#f0f5fb!important}.models-kicker,.ref-head>span{display:inline-block;padding:7px 18px;border-radius:999px;background:#e2f6ec;color:var(--br-green);font-weight:900;font-size:12px;letter-spacing:.04em}.model-card-showcase{background:#e8e8e8}.model-badge{background:#ff7a00}
.reference-section{padding:90px 20px;background:#f7f9fc}.ref-head{text-align:center;max-width:850px;margin:0 auto 42px}.ref-head p{color:#68758a;font-size:17px}.resource-cards{max-width:1160px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.resource-cards article{background:#fff;border:1px solid #dce3eb;border-radius:18px;padding:30px;text-align:center;min-height:190px;transition:.25s}.resource-cards article:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(6,43,114,.08)}.resource-cards i{display:grid;width:50px;height:50px;margin:0 auto 16px;place-items:center;border-radius:13px;background:#e4f7ee;color:var(--br-green);font-style:normal;font-size:23px}.resource-cards h3{margin:0 0 10px}.resource-cards p{color:#64748b;line-height:1.55}.plus-turbo-card{animation:heartBeatClean 1.8s ease-in-out infinite;transform-origin:center;will-change:transform}.plus-turbo-card:hover{animation-play-state:paused}@keyframes heartBeatClean{0%,100%{transform:scale(1)}12%{transform:scale(1.025)}24%{transform:scale(1)}36%{transform:scale(1.018)}50%{transform:scale(1)}}
.clients-strip{padding:72px 20px;background:#fff}.client-logos{max-width:1250px;margin:auto;display:flex;justify-content:center;align-items:center;gap:38px;flex-wrap:wrap;min-height:82px}.client-logos a{width:120px;height:64px;display:grid;place-items:center}.client-logos img{max-width:110px;max-height:58px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.7;transition:.2s}.client-logos img:hover{filter:none;opacity:1;transform:scale(1.05)}
.start-cta{background:linear-gradient(100deg,#009f4d,#00b95d);color:#fff;text-align:center;padding:72px 20px}.start-cta h2{font-size:42px;font-style:italic;margin:0 0 10px}.start-cta p{font-size:17px}.start-cta .btn{margin-top:20px;background:#fff!important;color:var(--br-green)!important}
.footer{border-top:4px solid var(--br-yellow)}
.brasil-loader{background:#fff!important;z-index:99999}.loader-mark{animation:loaderPulse 1.1s ease-in-out infinite}.loader-mark img{max-width:220px;max-height:110px;object-fit:contain}.loader-mark strong{font-size:34px;color:var(--br-blue)}.loader-mark b{color:var(--br-green)}.brasil-loader p{color:#526074}.brasil-loadbar{width:min(320px,70vw);height:7px;background:#e7edf4;border-radius:99px;overflow:hidden}.brasil-loadbar i{display:block;height:100%;width:45%;background:linear-gradient(90deg,var(--br-blue),var(--br-green),var(--br-yellow));animation:brLoad 1.1s linear infinite}@keyframes loaderPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes brLoad{from{transform:translateX(-110%)}to{transform:translateX(230%)}}
@media(max-width:900px){.brasil-hero-copy{margin:-330px auto 60px}.resource-cards{grid-template-columns:1fr 1fr}.hero-trust{gap:12px}.menu .client-button{border-radius:8px}}
@media(max-width:620px){.brasil-hero-copy{margin:-300px auto 45px}.brasil-hero-copy h1{font-size:34px}.brasil-hero-copy p{font-size:15px}.resource-cards{grid-template-columns:1fr}.start-cta h2{font-size:32px}.client-logos{gap:20px}}
/* ===== Correção visual 2026-08-18: leitura, slide e imagens sem corte ===== */
body{color:#111827!important;background:#fff!important}
.hero{height:clamp(500px,66svh,650px)!important;min-height:500px!important;background:#f5f7fb!important}
.slide{background-size:cover!important;background-position:center!important;isolation:isolate}
.slide:after{background:linear-gradient(90deg,rgba(0,0,0,.38) 0%,rgba(0,0,0,.16) 48%,rgba(0,0,0,.06) 100%)!important;z-index:0}
.slide>div{max-width:1180px!important;position:relative!important;z-index:2!important;padding:0 82px!important}
.slide>div:before{content:"";position:absolute;z-index:-1;left:58px;top:50%;transform:translateY(-50%);width:min(610px,58vw);height:calc(100% + 74px);border-radius:28px;background:linear-gradient(135deg,rgba(234,105,0,.90),rgba(255,139,20,.72));backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);box-shadow:0 18px 55px rgba(65,32,0,.22);border:1px solid rgba(255,255,255,.35)}
.slide h2{max-width:520px;margin:0 0 14px;color:#fff!important;font-size:clamp(34px,4vw,56px);line-height:1.05;font-weight:950;text-shadow:0 2px 8px rgba(0,0,0,.22)}
.slide p{max-width:520px!important;margin:0 0 18px;color:#fff!important;font-size:clamp(16px,1.6vw,20px)!important;line-height:1.55!important;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.2)}
.slide .btn{background:#fff!important;color:#9a4300!important;border:0!important;box-shadow:0 10px 25px rgba(0,0,0,.18)}
.slide .btn:hover{background:#fff7ed!important;transform:translateY(-2px)}
.slide-nav{background:rgba(13,28,55,.78)!important;border:1px solid rgba(255,255,255,.6)!important;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.dots button{background:rgba(255,255,255,.8)!important}.dots button.active{background:#ffd400!important}
.compact-intro{padding:55px 18px!important;background:#fff}.compact-intro h2{color:#0f172a!important}.compact-intro p{color:#475569!important}
.title h2,.title p,.models h2,.models p,.ref-head h2,.ref-head p{opacity:1!important;visibility:visible!important}
.title p,.models p,.ref-head p{color:#475569!important}
.plan,.plan.hot{color:#111827!important;background:#fff!important}
.plan h3,.plan.hot h3{color:#111827!important;opacity:1!important}.plan .price,.plan.hot .price{color:#f97300!important}.plan .price span,.plan.hot .price span{color:#334155!important}
.plan ul,.plan.hot ul{color:#334155!important;border-top-color:#e5e7eb!important}.plan li,.plan.hot li{color:#334155!important;opacity:1!important;font-weight:650}.plan li::first-letter{color:#00ad57}
.info-grid div{background:#fff!important;border-color:#dce3eb!important}.info-grid h3,.info-grid h4{color:#111827!important}.info-grid p{color:#475569!important;opacity:1!important}
.seo-benefits,.pricing,.models,.reference-section,.clients-strip{color:#111827}
.model-screen{display:grid;place-items:center;overflow:hidden}.model-screen img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.plan-image{display:grid!important;place-items:center!important}.plan-image img{width:100%!important;height:100%!important;max-width:150px!important;max-height:76px!important;object-fit:contain!important;object-position:center!important}
.client-logos a{overflow:hidden}.client-logos img{width:100%!important;height:100%!important;max-width:110px!important;max-height:58px!important;object-fit:contain!important;object-position:center!important}
.footer,.footer *{opacity:1}.foot-grid p,.foot-grid a,.copy{color:#cbd5e1!important}
@media(max-width:780px){.hero{height:560px!important;min-height:560px!important}.slide>div{padding:0 58px 60px!important}.slide>div:before{left:38px;width:calc(100% - 76px);height:calc(100% + 48px)}.slide h2{font-size:34px}.slide p{font-size:15px!important}.slide-nav{display:none!important}}
/* Streaming Brasil: icone oficial no topo e carregamento */
.brand-upload{width:64px!important;height:64px!important;border-radius:17px!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.brand-upload img{width:64px!important;height:64px!important;object-fit:contain!important}
.loader-mark{display:grid;place-items:center;animation:heartBeatClean 1.25s ease-in-out infinite!important;transform-origin:center}
.loader-mark img{width:min(300px,48vw)!important;height:min(300px,48vw)!important;max-width:none!important;max-height:none!important;object-fit:contain!important;filter:none!important}
@keyframes heartBeatClean{0%,100%{transform:scale(1)}14%{transform:scale(1.10)}28%{transform:scale(1)}42%{transform:scale(1.16)}62%{transform:scale(1)}}
@media(max-width:640px){.brand-upload,.brand-upload img{width:58px!important;height:58px!important}.loader-mark img{width:min(240px,58vw)!important;height:min(240px,58vw)!important}}
/* ===== Slide Premium Streaming Brasil — correção definitiva =====
Um único painel laranja, sem textos fantasmas, sem sobreposição. */
.hero{
height:clamp(500px,66svh,650px)!important;
min-height:500px!important;
background:#d97706!important;
overflow:hidden!important;
}
.slides,.slide{height:100%!important}
.slide{
display:flex!important;
align-items:center!important;
background-color:#d97706!important;
background-size:cover!important;
background-position:center!important;
background-repeat:no-repeat!important;
isolation:isolate!important;
}
.slide:after{
content:""!important;
position:absolute!important;
inset:0!important;
z-index:0!important;
background:
linear-gradient(90deg,rgba(174,78,0,.90) 0%,rgba(217,119,6,.78) 42%,rgba(217,119,6,.35) 70%,rgba(8,15,28,.18) 100%)!important;
}
/* cancela o antigo cartão laranja que cobria/duplicava o conteúdo */
.slide>div:before{display:none!important;content:none!important}
.slide>div{
width:min(1180px,calc(100% - 130px))!important;
max-width:1180px!important;
margin:0 auto!important;
padding:0!important;
position:relative!important;
z-index:2!important;
}
.slide h2{
width:min(650px,70%)!important;
max-width:650px!important;
margin:0 0 16px!important;
color:#fff!important;
opacity:1!important;
visibility:visible!important;
font-size:clamp(38px,4.4vw,64px)!important;
line-height:1.03!important;
letter-spacing:-.025em!important;
font-weight:950!important;
text-shadow:0 3px 18px rgba(56,25,0,.35)!important;
}
.slide p{
width:min(610px,68%)!important;
max-width:610px!important;
margin:0 0 25px!important;
color:#fff7ed!important;
opacity:1!important;
visibility:visible!important;
font-size:clamp(16px,1.45vw,20px)!important;
line-height:1.55!important;
font-weight:650!important;
text-shadow:0 2px 10px rgba(65,28,0,.28)!important;
}
.slide .btn{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-width:150px!important;
padding:14px 24px!important;
border-radius:13px!important;
background:#fff!important;
color:#9a4300!important;
border:1px solid rgba(255,255,255,.8)!important;
box-shadow:0 12px 28px rgba(73,31,0,.20)!important;
font-weight:900!important;
opacity:1!important;
}
.slide .btn:hover{background:#fff8ee!important;transform:translateY(-2px)!important}
.slide-nav{
width:50px!important;height:50px!important;border-radius:50%!important;
background:rgba(80,36,0,.58)!important;color:#fff!important;
border:1px solid rgba(255,255,255,.52)!important;
backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
.dots{z-index:5!important}
.dots button{background:rgba(255,255,255,.72)!important;border:0!important}
.dots button.active{background:#ffd400!important;transform:scale(1.18)}
/* Não existe mais o bloco hero antigo sobreposto */
.brasil-hero-copy{display:none!important}
@media(max-width:780px){
.hero{height:560px!important;min-height:560px!important}
.slide{align-items:flex-end!important;background-position:center!important}
.slide:after{background:linear-gradient(180deg,rgba(217,119,6,.20) 0%,rgba(188,83,0,.70) 42%,rgba(142,62,0,.94) 100%)!important}
.slide>div{width:calc(100% - 40px)!important;margin:0 20px 72px!important;padding:0!important}
.slide h2,.slide p{width:100%!important;max-width:100%!important}
.slide h2{font-size:clamp(34px,10vw,48px)!important}
.slide p{font-size:16px!important}
.slide .btn{width:auto!important;min-width:145px!important}
}
/* ===== Planos Premium: ícones mais bonitos + profundidade no hover ===== */
.plan-card{overflow:visible!important}
.plan-card .plan-icon,
.plan-card>img:first-of-type,
.plan-card [class*="icon"] img{
object-fit:contain!important;
image-rendering:auto!important;
filter:drop-shadow(0 10px 14px rgba(8,35,70,.12))!important;
transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .42s ease!important;
transform:translateZ(0) scale(1)!important;
transform-origin:center!important;
}
.plan-card:hover .plan-icon,
.plan-card:hover>img:first-of-type,
.plan-card:hover [class*="icon"] img{
transform:perspective(700px) translateY(-9px) translateZ(45px) scale(1.16) rotateX(2deg)!important;
filter:drop-shadow(0 18px 18px rgba(0,156,59,.22))!important;
}
.plan-card:hover{
transform:translateY(-7px)!important;
box-shadow:0 24px 54px rgba(12,38,72,.13)!important;
}
.plan-card{transition:transform .35s ease,box-shadow .35s ease!important}
/* ===== Slider reconstruído: imagem limpa + um único texto ===== */
.hero{
min-height:570px!important;
height:clamp(570px,68svh,690px)!important;
background:#c96b08!important;
}
.slide{
display:flex!important;
align-items:center!important;
background-size:cover!important;
background-position:center!important;
background-repeat:no-repeat!important;
background-color:#c96b08!important;
isolation:isolate!important;
}
.slide:before{content:none!important;display:none!important}
.slide:after{
content:""!important;
display:block!important;
position:absolute!important;
inset:0!important;
z-index:0!important;
background:
linear-gradient(90deg,rgba(72,31,3,.88) 0%,rgba(118,50,2,.72) 34%,rgba(177,84,9,.42) 57%,rgba(7,15,28,.14) 100%)!important;
}
.slide>div{
position:relative!important;
z-index:2!important;
width:min(1180px,calc(100% - 150px))!important;
max-width:1180px!important;
margin:0 auto!important;
padding:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
.slide>div:before,.slide>div:after{content:none!important;display:none!important}
.slide h2{
width:min(690px,66%)!important;
max-width:690px!important;
margin:0 0 18px!important;
color:#fff!important;
font-size:clamp(42px,4.7vw,70px)!important;
line-height:1.02!important;
font-weight:950!important;
letter-spacing:-.035em!important;
text-shadow:0 4px 22px rgba(0,0,0,.38)!important;
}
.slide p{
width:min(650px,64%)!important;
max-width:650px!important;
margin:0 0 27px!important;
color:#fff8ec!important;
font-size:clamp(17px,1.45vw,21px)!important;
line-height:1.55!important;
font-weight:700!important;
text-shadow:0 2px 12px rgba(0,0,0,.35)!important;
}
.slide .btn{
min-width:165px!important;
padding:15px 27px!important;
border-radius:14px!important;
background:#fff!important;
color:#a64900!important;
font-weight:950!important;
border:0!important;
box-shadow:0 14px 30px rgba(55,24,0,.23)!important;
}
.slide .btn:hover{transform:translateY(-3px) scale(1.03)!important;background:#fff7e9!important}
.slide-nav{
z-index:6!important;
width:52px!important;height:52px!important;
background:rgba(86,37,0,.55)!important;
border:1px solid rgba(255,255,255,.55)!important;
backdrop-filter:blur(7px)!important;
}
.dots{z-index:7!important}
.dots button{background:rgba(255,255,255,.72)!important}
.dots button.active{background:#ffdf00!important}
/* qualquer copy antiga sobreposta fica desativada */
.brasil-hero-copy,.hero-copy-overlay,.slide-overlay-copy{display:none!important}
@media(max-width:780px){
.hero{height:590px!important;min-height:590px!important}
.slide{align-items:flex-end!important}
.slide:after{background:linear-gradient(180deg,rgba(70,28,0,.05),rgba(111,45,0,.40) 34%,rgba(103,42,0,.92) 70%,rgba(73,29,0,.97))!important}
.slide>div{width:calc(100% - 42px)!important;margin:0 21px 74px!important}
.slide h2,.slide p{width:100%!important;max-width:100%!important}
.slide h2{font-size:clamp(35px,10vw,49px)!important}
.slide p{font-size:16px!important}
}
/* Modelos de site: efeito premium ao passar o mouse */
.model-card{
overflow:visible!important;
transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s ease,border-color .42s ease!important;
transform:translateZ(0);
}
.model-card:hover{
transform:translateY(-10px) scale(1.018)!important;
box-shadow:0 26px 55px rgba(12,42,76,.18)!important;
}
.model-card .model-preview,
.model-card .preview,
.model-card figure{
overflow:hidden!important;
border-radius:9px!important;
}
.model-card img{
transition:transform .62s cubic-bezier(.2,.8,.2,1),filter .5s ease!important;
transform-origin:center center!important;
will-change:transform!important;
}
.model-card:hover img{
transform:scale(1.115) translateY(-2px)!important;
filter:contrast(1.05) saturate(1.06) brightness(1.03)!important;
}
.model-card .btn{
transition:transform .32s ease,box-shadow .32s ease!important;
}
.model-card:hover .btn{
transform:translateY(-3px) scale(1.035)!important;
box-shadow:0 12px 24px rgba(0,170,82,.22)!important;
}
@media(prefers-reduced-motion:reduce){
.model-card,.model-card img,.model-card .btn{transition:none!important;transform:none!important}
}
/* =========================================================
SLIDER STREAMING BRASIL PREMIUM PRO — 3 ARTES NOVAS
Imagem limpa, sem textos duplicados e sem corte no desktop.
========================================================= */
.hero.hero-premium{
position:relative!important;
width:100%!important;
height:clamp(330px,22.2vw,430px)!important;
min-height:330px!important;
max-height:430px!important;
overflow:hidden!important;
background:linear-gradient(110deg,#fff8e7 0%,#f4f8f2 50%,#fff 100%)!important;
border-bottom:1px solid rgba(0,156,59,.16)!important;
}
.slides-premium,.slide-premium{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
}
.slide-premium{
display:block!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
background:transparent!important;
transition:opacity .72s ease,visibility .72s ease!important;
}
.slide-premium.active{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
}
.slide-premium:before,.slide-premium:after,
.slide-premium>div,.slide-premium h2,.slide-premium p{
display:none!important;
content:none!important;
}
.slide-premium-link{
position:absolute!important;
inset:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
height:100%!important;
overflow:hidden!important;
text-decoration:none!important;
background:transparent!important;
}
.slide-premium-img{
display:block!important;
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center!important;
image-rendering:auto!important;
transform:scale(1.002)!important;
filter:contrast(1.02) saturate(1.02)!important;
transition:transform 5.2s cubic-bezier(.18,.72,.24,1),filter .7s ease!important;
will-change:transform!important;
}
.slide-premium.active .slide-premium-img{
transform:scale(1.028)!important;
}
.hero-premium .slide-nav{
position:absolute!important;
z-index:12!important;
top:50%!important;
transform:translateY(-50%)!important;
width:48px!important;
height:48px!important;
border-radius:50%!important;
background:rgba(255,255,255,.91)!important;
color:#087b39!important;
border:1px solid rgba(0,156,59,.32)!important;
box-shadow:0 10px 28px rgba(0,48,30,.16)!important;
backdrop-filter:blur(7px)!important;
-webkit-backdrop-filter:blur(7px)!important;
font-size:34px!important;
line-height:1!important;
opacity:.92!important;
transition:transform .25s ease,background .25s ease,box-shadow .25s ease!important;
}
.hero-premium .slide-nav:hover{
transform:translateY(-50%) scale(1.10)!important;
background:#fff!important;
box-shadow:0 14px 34px rgba(0,105,55,.23)!important;
}
.hero-premium .slide-nav.prev{left:18px!important}
.hero-premium .slide-nav.next{right:18px!important}
.hero-premium .dots{
position:absolute!important;
left:50%!important;
bottom:13px!important;
transform:translateX(-50%)!important;
z-index:13!important;
display:flex!important;
gap:8px!important;
padding:7px 10px!important;
border-radius:999px!important;
background:rgba(255,255,255,.72)!important;
backdrop-filter:blur(8px)!important;
-webkit-backdrop-filter:blur(8px)!important;
}
.hero-premium .dots button{
width:9px!important;
height:9px!important;
min-width:9px!important;
border-radius:50%!important;
border:0!important;
padding:0!important;
background:#c6d2ca!important;
transition:width .25s ease,background .25s ease!important;
}
.hero-premium .dots button.active{
width:28px!important;
border-radius:999px!important;
background:linear-gradient(90deg,#009c3b,#ffdf00)!important;
}
@media(max-width:900px){
.hero.hero-premium{
height:clamp(300px,34vw,390px)!important;
min-height:300px!important;
}
.slide-premium-img{
object-fit:contain!important;
}
}
@media(max-width:620px){
.hero.hero-premium{
height:280px!important;
min-height:280px!important;
background:#0b1d13!important;
}
.slide-premium-img{
object-fit:cover!important;
object-position:center!important;
}
.hero-premium .slide-nav{
width:40px!important;height:40px!important;font-size:28px!important;
}
.hero-premium .slide-nav.prev{left:8px!important}
.hero-premium .slide-nav.next{right:8px!important}
}
@media(prefers-reduced-motion:reduce){
.slide-premium,.slide-premium-img,.hero-premium .slide-nav{
transition:none!important;
animation:none!important;
transform:none!important;
}
}
/* ===== Correção 2026-08-18: contraste, setas e padrão de slides ===== */
.seo-benefits{
background:linear-gradient(180deg,#09111f 0%,#0b1422 100%)!important;
color:#fff!important;
}
.seo-benefits .title small{color:#5da2ff!important;text-shadow:0 1px 12px rgba(37,99,235,.18)!important}
.seo-benefits .title h2{color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.22)!important}
.seo-benefits .title p{color:#d7e0ec!important;opacity:1!important}
.benefit-grid article{
background:linear-gradient(180deg,#111827 0%,#0f172a 100%)!important;
border-color:#263449!important;
box-shadow:0 18px 44px rgba(0,0,0,.24)!important;
}
.benefit-grid article>span{filter:none!important}
.benefit-grid h3{color:#fff!important;opacity:1!important;font-weight:900!important}
.benefit-grid p{color:#d3dbe6!important;opacity:1!important}
.benefit-grid a{color:#78b4ff!important;font-weight:900!important}
/* Slider um pouco mais alto e com imagem sempre inteira/sem corte */
.hero.hero-premium{
height:clamp(365px,25vw,470px)!important;
min-height:365px!important;
max-height:470px!important;
background:#f7f7f5!important;
}
.slide-premium-link{padding:0!important;overflow:hidden!important}
.slide-premium-img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center!important;
image-rendering:auto!important;
filter:contrast(1.025) saturate(1.025) brightness(1.015)!important;
backface-visibility:hidden!important;
}
/* Setas ficam agrupadas no canto inferior direito, fora da área de texto das artes */
.hero-premium .slide-nav{
top:auto!important;
bottom:18px!important;
transform:none!important;
width:46px!important;
height:46px!important;
font-size:30px!important;
background:rgba(255,255,255,.94)!important;
color:#087b39!important;
border:1px solid rgba(0,156,59,.32)!important;
box-shadow:0 10px 24px rgba(0,40,24,.16)!important;
}
.hero-premium .slide-nav:hover{transform:translateY(-2px) scale(1.06)!important}
.hero-premium .slide-nav.prev{left:auto!important;right:76px!important}
.hero-premium .slide-nav.next{right:20px!important}
.hero-premium .dots{left:22px!important;right:auto!important;transform:none!important;bottom:22px!important}
/* Área de planos: chamada mais forte e sem texto cortado */
.pricing .title{max-width:980px!important}
.pricing .title small{color:#008f3f!important;font-weight:950!important}
.pricing .title h2{color:#0f172a!important;line-height:1.08!important;overflow:visible!important}
.pricing .title p{color:#334155!important;font-weight:650!important;line-height:1.65!important;overflow:visible!important}
.plan h3,.plan .price,.plan ul,.plan li{overflow:visible!important;text-overflow:clip!important;white-space:normal!important}
@media(max-width:900px){
.hero.hero-premium{height:360px!important;min-height:360px!important}
}
@media(max-width:620px){
.hero.hero-premium{height:310px!important;min-height:310px!important}
.hero-premium .slide-nav{width:40px!important;height:40px!important;bottom:10px!important}
.hero-premium .slide-nav.prev{right:58px!important}
.hero-premium .slide-nav.next{right:10px!important}
.hero-premium .dots{left:12px!important;bottom:14px!important}
}
/* Correção da marca no topo: STREAMING BRASIL completo, mantendo o efeito animado. */
.brand-text strong span{
display:inline-block!important;
margin-left:.16em!important;
background:linear-gradient(90deg,#22c55e,#facc15,#2563eb)!important;
background-size:200% 100%!important;
-webkit-background-clip:text!important;
background-clip:text!important;
-webkit-text-fill-color:transparent!important;
color:transparent!important;
animation:grad 3s linear infinite!important;
}
/* =========================================================
CABEÇALHO STREAMING BRASIL — CORREÇÃO RESPONSIVA FINAL
Evita corte da marca, aumenta o ícone e organiza o nome.
========================================================= */
.navbar{
overflow:visible!important;
}
.nav-inner{
min-height:96px!important;
height:auto!important;
padding-top:10px!important;
padding-bottom:10px!important;
overflow:visible!important;
}
.brand{
display:flex!important;
align-items:center!important;
flex:0 1 auto!important;
gap:16px!important;
min-width:0!important;
max-width:430px!important;
overflow:visible!important;
}
.brand-upload{
flex:0 0 76px!important;
width:76px!important;
height:76px!important;
display:grid!important;
place-items:center!important;
overflow:visible!important;
}
.brand-upload img{
width:76px!important;
height:76px!important;
max-width:none!important;
object-fit:contain!important;
object-position:center!important;
}
.brand-text{
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
min-width:0!important;
overflow:visible!important;
}
.brand-text strong{
display:flex!important;
align-items:baseline!important;
flex-wrap:nowrap!important;
white-space:nowrap!important;
overflow:visible!important;
line-height:1.05!important;
padding:.08em .05em .12em 0!important;
margin:0!important;
font-size:clamp(24px,2.15vw,32px)!important;
letter-spacing:-.035em!important;
font-weight:1000!important;
}
.brand-text strong span{
display:inline-block!important;
margin-left:.18em!important;
line-height:1.05!important;
overflow:visible!important;
}
.brand-text small{
display:block!important;
width:100%!important;
margin-top:7px!important;
color:#64748b!important;
font-size:9px!important;
line-height:1.25!important;
letter-spacing:.22em!important;
text-align:left!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
/* Mantém todos os elementos de interface dentro da tela */
img,svg,video,canvas,iframe{
max-width:100%!important;
}
button,a,input,select,textarea{
max-width:100%;
}
.plan,.model-card,.resource-card,.client-logos a,.slide-premium-link{
min-width:0!important;
}
.plan img,.model-card img,.resource-card img,.client-logos img{
object-fit:contain;
}
.menu{
min-width:0!important;
}
/* Tablet: reduz marca de forma proporcional, sem cortar */
@media (max-width:1180px){
.nav-inner{
gap:12px!important;
}
.brand{
max-width:350px!important;
gap:12px!important;
}
.brand-upload,
.brand-upload img{
width:68px!important;
height:68px!important;
flex-basis:68px!important;
}
.brand-text strong{
font-size:clamp(22px,2.6vw,28px)!important;
}
.brand-text small{
max-width:240px!important;
font-size:8px!important;
}
}
/* Celular: marca em uma linha organizada, sem empilhar STREAMING/BRASIL */
@media (max-width:780px){
.nav-inner{
min-height:82px!important;
padding:8px 12px!important;
}
.brand{
max-width:calc(100vw - 120px)!important;
gap:10px!important;
}
.brand-upload,
.brand-upload img{
width:60px!important;
height:60px!important;
flex-basis:60px!important;
}
.brand-text strong{
font-size:clamp(18px,5vw,24px)!important;
letter-spacing:-.03em!important;
}
.brand-text small{
margin-top:4px!important;
max-width:190px!important;
font-size:7px!important;
letter-spacing:.15em!important;
}
}
/* Telas pequenas: preserva STREAMING BRASIL completo */
@media (max-width:480px){
.brand{
max-width:calc(100vw - 100px)!important;
gap:8px!important;
}
.brand-upload,
.brand-upload img{
width:54px!important;
height:54px!important;
flex-basis:54px!important;
}
.brand-text strong{
font-size:clamp(16px,4.8vw,21px)!important;
}
.brand-text small{
max-width:150px!important;
font-size:6.5px!important;
letter-spacing:.12em!important;
}
}
/* Muito estreito: mantém logo e nome, oculta apenas o slogan */
@media (max-width:360px){
.brand{
max-width:calc(100vw - 88px)!important;
}
.brand-upload,
.brand-upload img{
width:48px!important;
height:48px!important;
flex-basis:48px!important;
}
.brand-text strong{
font-size:16px!important;
}
.brand-text small{
display:none!important;
}
}
/* =========================================================
ÁREA DO CLIENTE — botão compacto, elegante e responsivo
========================================================= */
.menu .client-button{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
flex:0 0 auto!important;
min-width:auto!important;
max-width:max-content!important;
width:auto!important;
height:40px!important;
padding:0 14px!important;
margin:0!important;
border-radius:999px!important;
background:linear-gradient(135deg,#009c3b,#00b84f)!important;
color:#fff!important;
border:1px solid rgba(0,130,55,.22)!important;
box-shadow:0 7px 18px rgba(0,156,59,.17)!important;
letter-spacing:0!important;
text-transform:none!important;
white-space:nowrap!important;
overflow:hidden!important;
font-size:12px!important;
font-weight:900!important;
line-height:1!important;
transition:transform .24s ease,box-shadow .24s ease,background .24s ease!important;
}
.menu .client-button:hover{
color:#fff!important;
transform:translateY(-2px)!important;
background:linear-gradient(135deg,#008f36,#00aa49)!important;
box-shadow:0 11px 24px rgba(0,156,59,.24)!important;
}
.client-button-icon{
display:grid!important;
place-items:center!important;
width:24px!important;
height:24px!important;
flex:0 0 24px!important;
border-radius:50%!important;
background:rgba(255,255,255,.18)!important;
font-size:13px!important;
line-height:1!important;
}
.client-button-text{
display:block!important;
min-width:0!important;
line-height:1!important;
}
.client-short{display:none!important}
/* Em telas intermediárias, reduz texto sem perder a função */
@media (max-width:1180px) and (min-width:1051px){
.menu .client-button{
padding:0 11px!important;
gap:5px!important;
}
.client-full{display:none!important}
.client-short{display:inline!important}
}
/* No menu móvel, vira um botão bonito de largura controlada */
@media(max-width:1050px){
.menu .client-button{
width:min(100%,220px)!important;
max-width:220px!important;
height:44px!important;
padding:0 15px!important;
border-radius:13px!important;
justify-content:flex-start!important;
margin-top:4px!important;
}
.client-full{display:inline!important}
.client-short{display:none!important}
}
/* Celulares pequenos: ainda mais compacto */
@media(max-width:480px){
.menu .client-button{
width:min(100%,190px)!important;
max-width:190px!important;
height:42px!important;
font-size:11px!important;
}
.client-button-icon{
width:22px!important;
height:22px!important;
flex-basis:22px!important;
font-size:12px!important;
}
}
/* =========================================================
ÁREA DO CLIENTE — PREMIUM PRO
Compacta, elegante, profissional e responsiva
========================================================= */
.menu .client-button{
position:relative!important;
isolation:isolate!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:9px!important;
min-width:146px!important;
max-width:190px!important;
width:auto!important;
height:42px!important;
padding:0 18px!important;
margin:0!important;
border-radius:999px!important;
background:
linear-gradient(135deg,#018f3a 0%,#00b84c 52%,#079d43 100%)!important;
color:#fff!important;
border:1px solid rgba(0,120,45,.28)!important;
box-shadow:
0 7px 18px rgba(0,130,55,.18),
inset 0 1px 0 rgba(255,255,255,.24),
inset 0 -1px 0 rgba(0,70,25,.12)!important;
font-size:12px!important;
font-weight:900!important;
line-height:1!important;
letter-spacing:.005em!important;
text-transform:none!important;
white-space:nowrap!important;
overflow:hidden!important;
transition:
transform .26s cubic-bezier(.2,.8,.2,1),
box-shadow .26s ease,
background .26s ease!important;
}
.menu .client-button:before{
content:""!important;
position:absolute!important;
z-index:-1!important;
inset:1px!important;
border-radius:inherit!important;
background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0))!important;
}
.menu .client-button:after{
content:""!important;
position:absolute!important;
top:0!important;
left:-55%!important;
width:35%!important;
height:100%!important;
background:linear-gradient(100deg,transparent,rgba(255,255,255,.30),transparent)!important;
transform:skewX(-18deg)!important;
transition:left .55s ease!important;
pointer-events:none!important;
}
.menu .client-button:hover{
transform:translateY(-2px) scale(1.035)!important;
background:linear-gradient(135deg,#007f33 0%,#00ae49 50%,#078b3b 100%)!important;
box-shadow:
0 12px 26px rgba(0,130,55,.25),
inset 0 1px 0 rgba(255,255,255,.30),
inset 0 -1px 0 rgba(0,70,25,.10)!important;
}
.menu .client-button:hover:after{
left:125%!important;
}
.menu .client-button:active{
transform:translateY(0) scale(.985)!important;
}
.client-button-icon{
width:25px!important;
height:25px!important;
flex:0 0 25px!important;
display:grid!important;
place-items:center!important;
border-radius:50%!important;
background:rgba(255,255,255,.16)!important;
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.14),
0 2px 7px rgba(0,70,25,.12)!important;
font-size:13px!important;
line-height:1!important;
}
.client-button-text{
display:flex!important;
align-items:center!important;
min-width:0!important;
line-height:1!important;
}
.client-full{display:inline!important}
.client-short{display:none!important}
/* desktop intermediário: economiza espaço sem perder elegância */
@media(max-width:1240px) and (min-width:1051px){
.menu .client-button{
min-width:132px!important;
max-width:160px!important;
height:40px!important;
padding:0 14px!important;
gap:7px!important;
font-size:11px!important;
}
.client-button-icon{
width:23px!important;
height:23px!important;
flex-basis:23px!important;
font-size:12px!important;
}
}
/* menu móvel */
@media(max-width:1050px){
.menu .client-button{
width:min(100%,230px)!important;
max-width:230px!important;
min-width:0!important;
height:46px!important;
justify-content:center!important;
padding:0 18px!important;
border-radius:15px!important;
margin:8px auto 2px!important;
font-size:12px!important;
}
}
/* celular */
@media(max-width:480px){
.menu .client-button{
width:min(100%,205px)!important;
max-width:205px!important;
height:44px!important;
padding:0 15px!important;
font-size:11px!important;
}
.client-button-icon{
width:22px!important;
height:22px!important;
flex-basis:22px!important;
}
}
/* acessibilidade: foco bonito e visível */
.menu .client-button:focus-visible{
outline:3px solid rgba(255,223,0,.70)!important;
outline-offset:3px!important;
}
/* evita animação excessiva para quem prefere menos movimento */
@media(prefers-reduced-motion:reduce){
.menu .client-button,
.menu .client-button:after{
transition:none!important;
}
}
/* =========================================================
MENU — Área do Cliente + Idioma organizados sem sobreposição
========================================================= */
.menu{
display:flex!important;
align-items:center!important;
gap:10px!important;
flex-wrap:nowrap!important;
overflow:visible!important;
}
.menu .client-button{
position:relative!important;
z-index:2!important;
margin:0!important;
flex:0 0 auto!important;
}
/* Tenta abranger os formatos mais comuns do seletor de idioma */
.language-switcher,
.lang-switcher,
.language-selector,
.lang-selector,
.translate-switcher,
.translate-selector,
.google-translate,
#language-switcher,
#lang-switcher,
#language-selector,
#lang-selector{
position:relative!important;
z-index:3!important;
flex:0 0 auto!important;
margin:0!important;
inset:auto!important;
top:auto!important;
right:auto!important;
left:auto!important;
bottom:auto!important;
transform:none!important;
}
/* Botão BR / bandeira */
.language-switcher button,
.lang-switcher button,
.language-selector button,
.lang-selector button,
.translate-switcher button,
.translate-selector button,
.google-translate button,
#language-switcher button,
#lang-switcher button,
#language-selector button,
#lang-selector button,
.language-switcher a,
.lang-switcher a,
.language-selector a,
.lang-selector a{
width:42px!important;
height:42px!important;
min-width:42px!important;
max-width:42px!important;
border-radius:13px!important;
display:grid!important;
place-items:center!important;
margin:0!important;
padding:0!important;
background:#111827!important;
color:#fff!important;
border:1px solid rgba(255,255,255,.12)!important;
box-shadow:0 7px 18px rgba(15,23,42,.16)!important;
}
/* Wrapper inteligente caso cliente + idioma estejam próximos */
.menu-right,
.menu-actions,
.nav-actions,
.header-actions{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:10px!important;
flex-wrap:nowrap!important;
overflow:visible!important;
}
/* Desktop intermediário: compacta para caber sem encostar */
@media(max-width:1240px) and (min-width:1051px){
.menu,
.menu-right,
.menu-actions,
.nav-actions,
.header-actions{
gap:7px!important;
}
.menu .client-button{
min-width:128px!important;
max-width:150px!important;
padding:0 12px!important;
}
.language-switcher button,
.lang-switcher button,
.language-selector button,
.lang-selector button,
.translate-switcher button,
.translate-selector button,
.google-translate button,
#language-switcher button,
#lang-switcher button,
#language-selector button,
#lang-selector button,
.language-switcher a,
.lang-switcher a,
.language-selector a,
.lang-selector a{
width:38px!important;
height:38px!important;
min-width:38px!important;
max-width:38px!important;
border-radius:11px!important;
}
}
/* Mobile: idioma nunca fica por cima do botão; passa para linha própria se necessário */
@media(max-width:1050px){
.menu{
flex-wrap:wrap!important;
align-items:flex-start!important;
row-gap:10px!important;
}
.menu .client-button{
order:1!important;
margin:0!important;
}
.language-switcher,
.lang-switcher,
.language-selector,
.lang-selector,
.translate-switcher,
.translate-selector,
.google-translate,
#language-switcher,
#lang-switcher,
#language-selector,
#lang-selector{
order:2!important;
margin:0!important;
}
}
/* Celular pequeno: empilha de forma limpa */
@media(max-width:560px){
.menu-right,
.menu-actions,
.nav-actions,
.header-actions{
flex-wrap:wrap!important;
justify-content:flex-start!important;
row-gap:9px!important;
}
.menu .client-button{
width:auto!important;
max-width:190px!important;
}
}
/* ===== Slider corrigido: textos da arte sempre inteiros ===== */
.hero.hero-premium{
height:clamp(390px,27vw,500px)!important;
min-height:390px!important;
max-height:500px!important;
background:#f5f6f4!important;
}
.slide-premium-link{
display:flex!important;
align-items:center!important;
justify-content:center!important;
overflow:hidden!important;
}
.slide-premium-img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center!important;
filter:contrast(1.03) saturate(1.03) brightness(1.015)!important;
}
/* Navegação fora do conteúdo principal da arte */
.hero-premium .slide-nav{
top:auto!important;
bottom:16px!important;
transform:none!important;
width:44px!important;
height:44px!important;
font-size:28px!important;
background:rgba(255,255,255,.96)!important;
color:#087b39!important;
border:1px solid rgba(0,156,59,.25)!important;
box-shadow:0 8px 22px rgba(0,52,28,.15)!important;
}
.hero-premium .slide-nav.prev{
left:auto!important;
right:70px!important;
}
.hero-premium .slide-nav.next{
right:18px!important;
}
.hero-premium .dots{
left:18px!important;
right:auto!important;
bottom:18px!important;
transform:none!important;
}
/* ===== Ticker Brasileirão Série A ===== */
.serie-a-ticker{
display:grid!important;
grid-template-columns:auto minmax(0,1fr)!important;
align-items:center!important;
width:100%!important;
min-height:48px!important;
overflow:hidden!important;
background:linear-gradient(90deg,#06351f 0%,#087a3a 45%,#0b4f2b 100%)!important;
border-top:3px solid #ffdf00!important;
border-bottom:1px solid rgba(255,255,255,.10)!important;
color:#fff!important;
}
.serie-a-badge{
position:relative!important;
z-index:3!important;
display:flex!important;
align-items:center!important;
gap:8px!important;
height:100%!important;
padding:0 18px!important;
white-space:nowrap!important;
background:#062d1c!important;
box-shadow:12px 0 22px rgba(3,30,18,.30)!important;
}
.serie-a-badge strong{
color:#ffdf00!important;
font-size:12px!important;
letter-spacing:.06em!important;
font-weight:950!important;
}
.serie-a-badge small{
color:#d5f7e3!important;
font-size:10px!important;
font-weight:700!important;
}
.serie-a-dot{
width:8px!important;
height:8px!important;
border-radius:50%!important;
background:#ffdf00!important;
box-shadow:0 0 0 4px rgba(255,223,0,.14)!important;
}
.serie-a-marquee{
position:relative!important;
min-width:0!important;
overflow:hidden!important;
height:48px!important;
display:flex!important;
align-items:center!important;
}
.serie-a-track{
display:flex!important;
align-items:center!important;
width:max-content!important;
min-width:100%!important;
white-space:nowrap!important;
will-change:transform!important;
}
.serie-a-loop{
display:inline-flex!important;
align-items:center!important;
gap:24px!important;
flex:0 0 auto!important;
padding-right:38px!important;
animation:serieAScroll 115s linear infinite!important;
}
.serie-a-item{
display:inline-flex!important;
align-items:center!important;
gap:6px!important;
color:#fff!important;
font-size:12px!important;
font-weight:800!important;
}
.serie-a-item b{
color:#ffdf00!important;
}
.serie-a-sep{
color:#7fe5aa!important;
font-style:normal!important;
opacity:.8!important;
}
@keyframes serieAScroll{
from{transform:translateX(0)}
to{transform:translateX(-100%)}
}
.serie-a-marquee:hover .serie-a-loop{
animation-play-state:paused!important;
}
@media(max-width:900px){
.hero.hero-premium{
height:380px!important;
min-height:380px!important;
}
.serie-a-ticker{
grid-template-columns:1fr!important;
}
.serie-a-badge{
min-height:34px!important;
justify-content:center!important;
box-shadow:none!important;
}
.serie-a-marquee{
height:42px!important;
}
}
@media(max-width:620px){
.hero.hero-premium{
height:330px!important;
min-height:330px!important;
}
.serie-a-badge{
flex-wrap:wrap!important;
gap:5px 8px!important;
padding:7px 12px!important;
}
.serie-a-badge small{
width:100%!important;
text-align:center!important;
}
.serie-a-loop{
animation-duration:135s!important;
}
}
@media(prefers-reduced-motion:reduce){
.serie-a-loop{
animation:none!important;
}
}
/* Clientes — carrossel compacto, ilimitado e com batimento */
.clients-carousel-section{padding-top:50px!important;padding-bottom:44px!important;overflow:hidden!important}
.clients-carousel{
width:min(100%,1250px);margin:18px auto 0;overflow:hidden;position:relative;
mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)
}
.clients-carousel-track{display:flex;width:max-content;will-change:transform;animation:clientsScroll 72s linear infinite}
.clients-carousel-group{display:flex;align-items:center;gap:12px;padding-right:12px;flex:0 0 auto}
.client-logo-card{
width:104px!important;height:58px!important;flex:0 0 104px!important;
display:grid!important;place-items:center!important;padding:5px!important;
border-radius:11px!important;background:#fff!important;border:1px solid #e7edf3!important;
overflow:visible!important;box-shadow:0 4px 13px rgba(19,40,64,.06)!important
}
.client-logo-card img{
max-width:94px!important;max-height:50px!important;width:auto!important;height:auto!important;
object-fit:contain!important;filter:none!important;opacity:1!important;
animation:clientHeartbeat 2.15s ease-in-out infinite!important;transform-origin:center!important
}
.client-logo-card:nth-child(3n+2) img{animation-delay:.28s!important}
.client-logo-card:nth-child(3n) img{animation-delay:.56s!important}
.clients-carousel:hover .clients-carousel-track{animation-play-state:paused!important}
@keyframes clientsScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes clientHeartbeat{
0%,100%{transform:scale(1)}
12%{transform:scale(1.09)}
24%{transform:scale(1)}
34%{transform:scale(1.055)}
46%{transform:scale(1)}
}
@media(max-width:620px){
.clients-carousel-group{gap:9px;padding-right:9px}
.client-logo-card{width:88px!important;height:52px!important;flex-basis:88px!important}
.client-logo-card img{max-width:80px!important;max-height:44px!important}
.clients-carousel-track{animation-duration:82s}
}
@media(prefers-reduced-motion:reduce){
.clients-carousel-track,.client-logo-card img{animation:none!important}
}
/* Futebol — ticker somente texto, elegante, sem LED */
.serie-a-ticker{
background:linear-gradient(90deg,#f8fbf9,#eef8f2,#f8fbf9)!important;
color:#17233b!important;
border-top:2px solid #009c3b!important;
border-bottom:1px solid #dbe7df!important;
}
.serie-a-badge{
background:#fff!important;
box-shadow:12px 0 22px rgba(31,63,45,.08)!important;
}
.serie-a-badge strong{color:#087a3a!important}
.serie-a-badge small{color:#5b6d62!important}
.serie-a-dot{
background:#ffdf00!important;
box-shadow:none!important;
}
.serie-a-item{
color:#23364d!important;
font-size:12px!important;
font-weight:800!important;
}
.serie-a-item b{display:none!important}
.serie-a-sep{color:#009c3b!important;opacity:.55!important}
.serie-a-loop{animation-duration:145s!important}
@media(max-width:620px){.serie-a-loop{animation-duration:165s!important}}
/* Futebol hoje — carregamento rápido e faixa limpa */
.serie-a-ticker{min-height:48px!important}
.serie-a-marquee{min-width:0!important}
.serie-a-track>span{
padding-left:16px!important;
color:#23364d!important;
font-size:12px!important;
font-weight:700!important
}
.serie-a-loop{animation-duration:138s!important}
/* =========================================================
PLANOS — VISUAL PRO MODERNO, SEM LED
========================================================= */
.pricing-grid{
align-items:stretch!important;
gap:18px!important;
}
.pricing-card{
position:relative!important;
overflow:visible!important;
border-radius:22px!important;
background:linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%)!important;
border:1px solid #dfe8e3!important;
box-shadow:0 14px 38px rgba(25,55,42,.08)!important;
transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s ease,border-color .34s ease!important;
transform-origin:center!important;
}
.pricing-card:hover{
transform:translateY(-10px) scale(1.045)!important;
z-index:8!important;
border-color:rgba(0,156,59,.42)!important;
box-shadow:0 24px 54px rgba(20,64,43,.17)!important;
}
.pricing-card.gold:hover{
border-color:rgba(239,126,0,.55)!important;
box-shadow:0 24px 54px rgba(130,73,8,.17)!important;
}
.pricing-card:before{
content:""!important;
position:absolute!important;
inset:0!important;
border-radius:inherit!important;
pointer-events:none!important;
background:linear-gradient(145deg,rgba(0,156,59,.045),transparent 35%,rgba(255,223,0,.04))!important;
}
.pricing-card .price{
letter-spacing:-.035em!important;
}
.pricing-card .btn,
.pricing-card button,
.pricing-card .primary-action{
border-radius:13px!important;
box-shadow:0 7px 18px rgba(0,130,55,.12)!important;
}
/* Selo Servidor Brasil nos três planos */
.pricing-card .plan-server-br{
display:inline-flex!important;
align-items:center!important;
gap:7px!important;
margin:7px 0 3px!important;
padding:6px 9px!important;
border-radius:999px!important;
background:#f2f9f5!important;
border:1px solid #d6eadf!important;
color:#12633a!important;
font-size:10px!important;
line-height:1!important;
font-weight:900!important;
white-space:nowrap!important;
}
.plan-server-br .br-flag{
font-size:15px!important;
line-height:1!important;
}
.plan-server-br .br-headphone{
display:inline-grid!important;
place-items:center!important;
width:22px!important;
height:22px!important;
border-radius:50%!important;
background:#fff!important;
border:1px solid #dcebe3!important;
font-size:12px!important;
animation:planHeart 2.15s ease-in-out infinite!important;
transform-origin:center!important;
}
.pricing-card:nth-child(2) .br-headphone{animation-delay:.25s!important}
.pricing-card:nth-child(3) .br-headphone{animation-delay:.5s!important}
@keyframes planHeart{
0%,100%{transform:scale(1)}
12%{transform:scale(1.14)}
23%{transform:scale(1)}
34%{transform:scale(1.075)}
46%{transform:scale(1)}
}
/* ícones principais dos planos: refinamento + movimento só no mouse */
.pricing-card .plan-icon,
.pricing-card .pricing-icon,
.pricing-card>img:first-child{
transition:transform .32s cubic-bezier(.2,.8,.2,1),filter .32s ease!important;
}
.pricing-card:hover .plan-icon,
.pricing-card:hover .pricing-icon,
.pricing-card:hover>img:first-child{
transform:translateY(-4px) scale(1.10)!important;
filter:drop-shadow(0 9px 12px rgba(24,63,44,.14))!important;
}
@media(max-width:900px){
.pricing-card:hover{transform:translateY(-5px) scale(1.018)!important}
}
@media(prefers-reduced-motion:reduce){
.pricing-card,.pricing-card .plan-icon,.pricing-card .pricing-icon,
.pricing-card>img:first-child,.plan-server-br .br-headphone{
transition:none!important;animation:none!important
}
}
/* ===== PLANOS PRÊMIO PRO — aplicado ao tema real ===== */
.pricing .plans,.pricing-grid{gap:24px!important;overflow:visible!important}
.pricing .plan.plan-premium{
position:relative!important;isolation:isolate!important;overflow:hidden!important;
border:1px solid #dce7e1!important;border-radius:26px!important;
background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%)!important;
box-shadow:0 16px 44px rgba(20,52,38,.09)!important;
padding:30px 30px 26px!important;
transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .42s ease,border-color .42s ease!important;
}
.pricing .plan.plan-premium:before{
content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
background:radial-gradient(circle at 50% -10%,rgba(0,156,59,.09),transparent 34%),
linear-gradient(135deg,rgba(255,223,0,.045),transparent 36%,rgba(0,39,118,.035));
}
.pricing .plan.plan-premium:hover{
transform:translateY(-12px) scale(1.035) rotate(.15deg)!important;
border-color:rgba(0,156,59,.46)!important;
box-shadow:0 28px 65px rgba(18,65,43,.18)!important;z-index:9!important;
}
.pricing .plan.plan-premium:nth-child(3):hover{border-color:rgba(239,125,0,.58)!important}
.server-brasil-mark{
display:flex;flex-direction:column;align-items:center;justify-content:center;
min-height:142px;margin:-4px 0 8px;text-align:center
}
.server-brasil-mark img{
width:88px!important;height:88px!important;object-fit:contain!important;
filter:drop-shadow(0 9px 13px rgba(16,65,40,.13));
animation:brHeart 2.15s ease-in-out infinite;transform-origin:center
}
.server-brasil-mark span{margin-top:7px;color:#0b7138;font-size:14px;font-weight:900;letter-spacing:.02em}
.server-brasil-mark small{margin-top:3px;color:#66756e;font-size:10px;font-weight:750}
@keyframes brHeart{
0%,100%{transform:scale(1)} 12%{transform:scale(1.13)} 23%{transform:scale(1)}
34%{transform:scale(1.07)} 46%{transform:scale(1)}
}
.plan-premium h3,.plan-premium .price,.plan-premium li{
transition:transform .28s cubic-bezier(.2,.8,.2,1),color .28s ease
}
.plan-premium:hover h3{transform:translateX(5px)}
.plan-premium:hover .price{transform:translateX(7px) scale(1.025);transform-origin:left center}
.plan-premium:hover li:nth-child(odd){transform:translateX(4px)}
.plan-premium:hover li:nth-child(even){transform:translateX(7px)}
.plan-premium ul li b{color:#00a94f;font-size:17px}
.plan-contract{
position:relative!important;overflow:hidden!important;display:flex!important;align-items:center!important;
justify-content:center!important;gap:12px!important;min-height:54px!important;border-radius:15px!important;
font-weight:900!important;letter-spacing:.01em!important;
box-shadow:0 10px 24px rgba(0,154,69,.18)!important;
transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease!important
}
.plan-contract:before{
content:"";position:absolute;top:0;bottom:0;left:-45%;width:28%;
background:rgba(255,255,255,.22);transform:skewX(-24deg);transition:left .55s ease
}
.plan-contract i{font-style:normal;font-size:20px;transition:transform .3s ease}
.plan-premium:hover .plan-contract{transform:translateY(-3px) scale(1.025);box-shadow:0 15px 30px rgba(0,154,69,.24)!important}
.plan-premium:hover .plan-contract:before{left:120%}
.plan-premium:hover .plan-contract i{transform:translateX(5px)}
@media(max-width:900px){
.pricing .plan.plan-premium:hover{transform:translateY(-5px) scale(1.012)!important}
.server-brasil-mark{min-height:128px}.server-brasil-mark img{width:78px!important;height:78px!important}
}
@media(prefers-reduced-motion:reduce){
.pricing .plan.plan-premium,.plan-premium h3,.plan-premium .price,.plan-premium li,.plan-contract,.server-brasil-mark img{animation:none!important;transition:none!important}
}
/* ==========================================================
MODELOS DE SITE — PADRÃO PERMANENTE PARA 1, 2, 3 E FUTUROS
O efeito pertence ao card, portanto imagens trocadas no admin
herdam automaticamente tamanho, enquadramento e animação.
========================================================== */
.models-grid .model-card,
.site-models .model-card,
.model-card{
position:relative!important;
overflow:visible!important;
border-radius:20px!important;
transition:transform .38s cubic-bezier(.16,1,.3,1),
box-shadow .38s ease,border-color .38s ease!important;
transform-origin:center center!important;
will-change:transform;
}
.models-grid .model-card:hover,
.site-models .model-card:hover,
.model-card:hover{
transform:translateY(-9px) scale(1.035)!important;
z-index:10!important;
box-shadow:0 24px 50px rgba(24,54,42,.16)!important;
}
.models-grid .model-card .model-image,
.models-grid .model-card .model-preview,
.models-grid .model-card img,
.site-models .model-card img,
.model-card img{
display:block!important;
width:100%!important;
height:190px!important;
aspect-ratio:16/9!important;
object-fit:contain!important;
object-position:center!important;
border-radius:9px!important;
transition:transform .48s cubic-bezier(.16,1,.3,1),
filter .42s ease!important;
transform-origin:center center!important;
}
.models-grid .model-card:hover .model-image,
.models-grid .model-card:hover .model-preview,
.models-grid .model-card:hover img,
.site-models .model-card:hover img,
.model-card:hover img{
transform:scale(1.075)!important;
filter:contrast(1.035) saturate(1.035)!important;
}
.model-card .btn,
.model-card a[class*="btn"]{
transition:transform .3s cubic-bezier(.2,.8,.2,1),
box-shadow .3s ease!important;
}
.model-card:hover .btn,
.model-card:hover a[class*="btn"]{
transform:translateY(-3px) scale(1.035)!important;
box-shadow:0 12px 25px rgba(0,155,70,.22)!important;
}
@media(max-width:900px){
.models-grid .model-card:hover,.site-models .model-card:hover,.model-card:hover{
transform:translateY(-4px) scale(1.012)!important;
}
.models-grid .model-card .model-image,.models-grid .model-card .model-preview,
.models-grid .model-card img,.site-models .model-card img,.model-card img{
height:auto!important;aspect-ratio:16/9!important;
}
}
@media(prefers-reduced-motion:reduce){
.models-grid .model-card,.site-models .model-card,.model-card,
.models-grid .model-card img,.site-models .model-card img,.model-card img,
.model-card .btn,.model-card a[class*="btn"]{
transition:none!important;transform:none!important
}
}
/* ==========================================================
EFEITO DEFINITIVO NAS IMAGENS DOS MODELOS
Vale para os 3 atuais + todos os próximos cadastrados.
========================================================== */
.model-card{
perspective:1000px!important;
}
.model-card .model-preview,
.model-card .model-image,
.model-card .preview,
.model-card figure,
.model-card .image-wrap{
position:relative!important;
overflow:hidden!important;
border-radius:11px!important;
transform:translateZ(0);
}
.model-card img{
display:block!important;
width:100%!important;
max-width:100%!important;
aspect-ratio:16/9!important;
height:auto!important;
object-fit:contain!important;
object-position:center center!important;
transform:translateZ(0) scale(1)!important;
transition:
transform .62s cubic-bezier(.16,1,.3,1),
filter .55s ease!important;
will-change:transform;
backface-visibility:hidden;
}
.model-card:hover img{
transform:translateZ(25px) scale(1.105)!important;
filter:contrast(1.055) saturate(1.08) brightness(1.025)!important;
}
.model-card:hover{
animation:modelCardFloat 1.7s ease-in-out infinite!important;
}
@keyframes modelCardFloat{
0%,100%{transform:translateY(-8px) scale(1.028)}
50%{transform:translateY(-13px) scale(1.042)}
}
/* brilho elegante em movimento, sem LED */
.model-card .model-preview:after,
.model-card .model-image:after,
.model-card figure:after,
.model-card .image-wrap:after{
content:""!important;
position:absolute!important;
inset:-40% auto -40% -55%!important;
width:32%!important;
pointer-events:none!important;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)!important;
transform:skewX(-18deg)!important;
transition:left .75s ease!important;
}
.model-card:hover .model-preview:after,
.model-card:hover .model-image:after,
.model-card:hover figure:after,
.model-card:hover .image-wrap:after{
left:125%!important;
}
@media(max-width:900px){
.model-card:hover{animation:none!important;transform:translateY(-4px) scale(1.012)!important}
.model-card:hover img{transform:scale(1.035)!important}
}
@media(prefers-reduced-motion:reduce){
.model-card:hover{animation:none!important}
.model-card img{transition:none!important}
.model-card:hover img{transform:none!important}
}
/* === CORREÇÃO REAL: cards do site usam .model-card-showcase === */
.model-card-showcase{
position:relative!important;
overflow:visible!important;
transform-origin:center!important;
transition:transform .38s cubic-bezier(.16,1,.3,1),box-shadow .38s ease!important;
}
.model-card-showcase .model-screen{
position:relative!important;
overflow:hidden!important;
border-radius:10px!important;
transform:translateZ(0)!important;
transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .42s ease!important;
}
.model-card-showcase .model-screen img,
.model-card-showcase img{
display:block!important;
width:100%!important;
height:100%!important;
max-width:100%!important;
object-fit:contain!important;
object-position:center!important;
transform:scale(1)!important;
transition:transform .58s cubic-bezier(.16,1,.3,1),filter .45s ease!important;
will-change:transform!important;
}
.model-card-showcase:hover{
transform:translateY(-10px) scale(1.025)!important;
z-index:20!important;
box-shadow:0 25px 55px rgba(22,55,42,.17)!important;
}
.model-card-showcase:hover .model-screen{
transform:translateY(-3px) rotateX(1.5deg)!important;
box-shadow:0 18px 35px rgba(0,0,0,.20)!important;
}
.model-card-showcase:hover .model-screen img,
.model-card-showcase:hover img{
transform:scale(1.105)!important;
filter:brightness(1.055) contrast(1.06) saturate(1.08)!important;
}
.model-card-showcase .model-screen:after{
content:""!important;position:absolute!important;z-index:4!important;
top:-30%!important;bottom:-30%!important;left:-48%!important;width:24%!important;
pointer-events:none!important;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent)!important;
transform:skewX(-20deg)!important;transition:left .72s ease!important;
}
.model-card-showcase:hover .model-screen:after{left:125%!important}
.model-card-showcase .model-badge,
.model-card-showcase .btn-model{
transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease!important;
}
.model-card-showcase:hover .model-badge{transform:translateY(-3px) scale(1.055)!important}
.model-card-showcase:hover .btn-model{transform:translateY(-4px) scale(1.055)!important}
@media(max-width:900px){
.model-card-showcase:hover{transform:translateY(-4px) scale(1.012)!important}
.model-card-showcase:hover .model-screen img,.model-card-showcase:hover img{transform:scale(1.045)!important}
}
@media(prefers-reduced-motion:reduce){
.model-card-showcase,.model-card-showcase .model-screen,.model-card-showcase img,
.model-card-showcase .model-badge,.model-card-showcase .btn-model{transition:none!important}
.model-card-showcase:hover,.model-card-showcase:hover img{transform:none!important}
}
/* === PLANOS PRO: legibilidade, respiro e selo sem corte === */
.pricing-section,
.plans-section,
#planos{
overflow:visible!important;
}
.pricing-grid,
.plans-grid{
padding-top:22px!important;
overflow:visible!important;
align-items:stretch!important;
}
.pricing-card,
.plan-card{
position:relative!important;
overflow:visible!important;
padding-top:34px!important;
border-radius:26px!important;
}
.pricing-card .recommended,
.pricing-card .plan-badge,
.plan-card .recommended,
.plan-card .plan-badge{
top:-16px!important;
left:50%!important;
transform:translateX(-50%)!important;
width:auto!important;
min-width:150px!important;
max-width:calc(100% - 34px)!important;
height:auto!important;
min-height:36px!important;
padding:9px 20px!important;
line-height:1.15!important;
white-space:nowrap!important;
overflow:visible!important;
border-radius:0 0 18px 18px!important;
font-size:13px!important;
font-weight:900!important;
letter-spacing:.08em!important;
text-align:center!important;
z-index:12!important;
}
.pricing-card .server-title,
.plan-card .server-title{
font-size:18px!important;
line-height:1.25!important;
font-weight:850!important;
margin-top:8px!important;
}
.pricing-card .server-subtitle,
.plan-card .server-subtitle{
font-size:12.5px!important;
line-height:1.4!important;
font-weight:650!important;
margin-top:5px!important;
}
.pricing-card h3,
.plan-card h3{
font-size:27px!important;
line-height:1.18!important;
font-weight:850!important;
margin-top:20px!important;
margin-bottom:20px!important;
overflow-wrap:anywhere!important;
}
.pricing-card .price,
.plan-card .price{
line-height:1!important;
margin-bottom:24px!important;
}
.pricing-card .price strong,
.plan-card .price strong{
font-size:48px!important;
font-weight:900!important;
}
.pricing-card .price small,
.plan-card .price small{
font-size:15px!important;
font-weight:800!important;
}
@media(max-width:900px){
.pricing-grid,.plans-grid{padding-top:28px!important}
.pricing-card,.plan-card{padding-top:38px!important}
.pricing-card h3,.plan-card h3{font-size:23px!important}
.pricing-card .price strong,.plan-card .price strong{font-size:42px!important}
}
/* Botão voltar ao topo — seta elegante, sem LED */
.sb-back-to-top{
position:fixed!important;
right:22px!important;
bottom:22px!important;
width:48px!important;
height:48px!important;
display:grid!important;
place-items:center!important;
border-radius:16px!important;
border:1px solid rgba(0,120,55,.18)!important;
background:linear-gradient(145deg,#ffffff,#eef8f2)!important;
color:#0a7b3d!important;
box-shadow:0 12px 28px rgba(24,61,44,.16)!important;
cursor:pointer!important;
z-index:9999!important;
opacity:0!important;
visibility:hidden!important;
transform:translateY(14px) scale(.92)!important;
transition:opacity .25s ease,visibility .25s ease,transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease!important;
}
.sb-back-to-top.show{
opacity:1!important;
visibility:visible!important;
transform:translateY(0) scale(1)!important;
}
.sb-back-to-top:hover{
transform:translateY(-4px) scale(1.06)!important;
box-shadow:0 16px 34px rgba(24,61,44,.22)!important;
background:linear-gradient(145deg,#fefefe,#e8f6ee)!important;
}
.sb-back-to-top:active{
transform:translateY(-1px) scale(.98)!important;
}
.sb-arrow-shape{
display:block!important;
font-size:28px!important;
line-height:1!important;
font-weight:900!important;
transform:translateY(-1px)!important;
}
@media(max-width:620px){
.sb-back-to-top{
right:14px!important;
bottom:14px!important;
width:44px!important;
height:44px!important;
border-radius:14px!important;
}
.sb-arrow-shape{font-size:25px!important}
}
@media(prefers-reduced-motion:reduce){
.sb-back-to-top{transition:none!important}
}
/* =========================================================
CORREÇÃO FINAL — PLANOS, RODAPÉ BRASIL E SETA PARA O TOPO
Usa as classes REAIS do projeto: .plan, .tag, #toTop, .footer
========================================================= */
/* PLANOS: textos pequenos só um pouco maiores e mais legíveis */
.pricing{
overflow:visible!important;
}
.pricing .cards{
padding-top:26px!important;
overflow:visible!important;
align-items:stretch!important;
}
.pricing .plan{
overflow:visible!important;
padding-top:46px!important;
border-radius:26px!important;
}
.pricing .plan .tag{
top:-15px!important;
left:50%!important;
transform:translateX(-50%)!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-width:158px!important;
max-width:calc(100% - 30px)!important;
min-height:38px!important;
height:auto!important;
padding:9px 20px!important;
border-radius:0 0 17px 17px!important;
background:#ffd400!important;
color:#17315f!important;
font-size:12px!important;
line-height:1.15!important;
font-weight:950!important;
letter-spacing:.09em!important;
white-space:nowrap!important;
overflow:visible!important;
text-align:center!important;
box-shadow:0 7px 17px rgba(121,92,0,.12)!important;
z-index:20!important;
}
.pricing .server-brasil-mark{
margin-top:4px!important;
margin-bottom:11px!important;
}
.pricing .server-brasil-mark span{
font-size:16px!important;
line-height:1.25!important;
font-weight:950!important;
color:#087638!important;
}
.pricing .server-brasil-mark small{
font-size:11.5px!important;
line-height:1.4!important;
font-weight:750!important;
color:#62736a!important;
}
.pricing .plan h3{
font-size:25px!important;
line-height:1.2!important;
margin-top:17px!important;
margin-bottom:16px!important;
color:#141c2b!important;
}
.pricing .plan .price{
font-size:49px!important;
line-height:1.03!important;
margin-bottom:24px!important;
}
.pricing .plan .price span{
font-size:14px!important;
font-weight:850!important;
color:#344155!important;
}
.pricing .plan ul{
gap:15px!important;
}
.pricing .plan li{
font-size:15px!important;
line-height:1.45!important;
font-weight:720!important;
color:#334155!important;
}
/* Em telas menores, o selo continua inteiro e sem cortar */
@media(max-width:900px){
.pricing .cards{padding-top:30px!important}
.pricing .plan{padding-top:45px!important}
.pricing .plan .tag{
min-width:142px!important;
font-size:11px!important;
padding:8px 15px!important;
}
.pricing .plan h3{font-size:22px!important}
.pricing .plan li{font-size:14px!important}
}
/* RODAPÉ: elimina preto e usa Brasil verde/amarelo sem prejudicar leitura */
.footer{
position:relative!important;
overflow:visible!important;
background:
linear-gradient(115deg,#006b35 0%,#008f46 38%,#0c7a41 67%,#005b31 100%)!important;
border-top:5px solid #ffd400!important;
color:#fff!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.footer:before{
content:""!important;
position:absolute!important;
inset:0!important;
pointer-events:none!important;
background:
radial-gradient(circle at 14% 20%,rgba(255,223,0,.13),transparent 26%),
radial-gradient(circle at 88% 72%,rgba(0,39,118,.12),transparent 27%)!important;
}
.footer .foot-grid,.footer .copy{
position:relative!important;
z-index:2!important;
}
.footer h3,.footer h4{
color:#fff!important;
opacity:1!important;
text-shadow:none!important;
}
.footer p,.footer a,.footer .copy{
color:#eefcf4!important;
opacity:1!important;
font-size:14px!important;
line-height:1.55!important;
}
.footer a:hover{
color:#ffdf00!important;
}
/* REMOVE a aparência da bolinha azul e transforma #toTop em seta real */
#toTop{
position:absolute!important;
top:-25px!important;
left:50%!important;
transform:translateX(-50%)!important;
width:50px!important;
height:50px!important;
display:grid!important;
place-items:center!important;
border:1px solid rgba(255,255,255,.55)!important;
border-radius:16px!important;
background:linear-gradient(145deg,#ffffff,#eef8f2)!important;
color:#08783a!important;
box-shadow:0 10px 26px rgba(0,50,28,.20)!important;
cursor:pointer!important;
z-index:20!important;
font-size:0!important;
overflow:visible!important;
animation:topArrowBlink 2.3s ease-in-out infinite!important;
}
#toTop span{
display:block!important;
font-size:29px!important;
line-height:1!important;
font-weight:950!important;
transform:translateY(-1px)!important;
}
#toTop:hover{
transform:translateX(-50%) translateY(-4px) scale(1.07)!important;
background:#fff!important;
box-shadow:0 15px 32px rgba(0,50,28,.25)!important;
}
@keyframes topArrowBlink{
0%,100%{opacity:.72;box-shadow:0 10px 26px rgba(0,50,28,.17)}
50%{opacity:1;box-shadow:0 14px 30px rgba(0,50,28,.24)}
}
@media(max-width:620px){
#toTop{width:46px!important;height:46px!important;top:-23px!important}
#toTop span{font-size:26px!important}
}
@media(prefers-reduced-motion:reduce){
#toTop{animation:none!important}
}
/* =========================================================
REFINO FINAL — SETA INTEIRA + SELO RECOMENDADO
========================================================= */
/* Seta completa, elegante, sem corte */
#toTop{
top:-32px!important;
width:58px!important;
height:58px!important;
border-radius:18px!important;
overflow:visible!important;
background:linear-gradient(145deg,#ffffff,#edf8f1)!important;
border:1px solid rgba(0,120,55,.24)!important;
box-shadow:0 14px 32px rgba(0,53,28,.20)!important;
animation:topArrowSoft 2.4s ease-in-out infinite!important;
}
#toTop span{
position:relative!important;
display:block!important;
width:26px!important;
height:30px!important;
font-size:0!important;
}
#toTop span:before{
content:""!important;
position:absolute!important;
left:50%!important;
top:3px!important;
width:16px!important;
height:16px!important;
border-left:4px solid #08783a!important;
border-top:4px solid #08783a!important;
transform:translateX(-50%) rotate(45deg)!important;
border-radius:2px!important;
}
#toTop span:after{
content:""!important;
position:absolute!important;
left:50%!important;
top:14px!important;
width:4px!important;
height:15px!important;
border-radius:4px!important;
background:#08783a!important;
transform:translateX(-50%)!important;
}
#toTop:hover{
transform:translateX(-50%) translateY(-5px) scale(1.08)!important;
background:#fff!important;
box-shadow:0 18px 38px rgba(0,53,28,.26)!important;
}
@keyframes topArrowSoft{
0%,100%{opacity:.78}
50%{opacity:1}
}
/* Selo RECOMENDADO mais bonito, mais abaixo e sem cobrir conteúdo */
.pricing .plan .tag{
top:8px!important;
min-width:170px!important;
min-height:40px!important;
padding:10px 22px!important;
border-radius:0 0 18px 18px!important;
background:linear-gradient(180deg,#ffe13d 0%,#ffd400 100%)!important;
color:#17315f!important;
border:1px solid rgba(184,145,0,.18)!important;
box-shadow:0 8px 20px rgba(130,100,0,.16)!important;
font-size:12.5px!important;
font-weight:950!important;
letter-spacing:.10em!important;
line-height:1.05!important;
text-shadow:0 1px 0 rgba(255,255,255,.35)!important;
}
.pricing .plan{
padding-top:66px!important;
}
.pricing .server-brasil-mark{
margin-top:8px!important;
}
@media(max-width:900px){
.pricing .plan{
padding-top:62px!important;
}
.pricing .plan .tag{
top:7px!important;
min-width:152px!important;
font-size:11.5px!important;
padding:9px 16px!important;
}
#toTop{
top:-29px!important;
width:52px!important;
height:52px!important;
}
}
/* =========================================================
VISUAL PREMIUM — SETA INTEIRA + FUNDO MUSICAL LARANJA
========================================================= */
/* Seta: agora totalmente dentro do rodapé, sem qualquer corte */
#toTop{
top:14px!important;
left:50%!important;
transform:translateX(-50%)!important;
width:60px!important;
height:60px!important;
border-radius:19px!important;
overflow:visible!important;
background:linear-gradient(145deg,#ffffff 0%,#f5fbf7 100%)!important;
border:1px solid rgba(0,116,54,.24)!important;
box-shadow:0 15px 34px rgba(0,53,28,.22)!important;
animation:premiumArrowBlink 2.2s ease-in-out infinite!important;
}
#toTop span{
position:relative!important;
width:28px!important;
height:34px!important;
display:block!important;
font-size:0!important;
}
#toTop span:before{
content:""!important;
position:absolute!important;
left:50%!important;
top:3px!important;
width:18px!important;
height:18px!important;
border-left:4px solid #08783a!important;
border-top:4px solid #08783a!important;
border-radius:2px!important;
transform:translateX(-50%) rotate(45deg)!important;
}
#toTop span:after{
content:""!important;
position:absolute!important;
left:50%!important;
top:15px!important;
width:4px!important;
height:17px!important;
border-radius:4px!important;
background:#08783a!important;
transform:translateX(-50%)!important;
}
#toTop:hover{
transform:translateX(-50%) translateY(-4px) scale(1.08)!important;
background:#fff!important;
box-shadow:0 20px 42px rgba(0,53,28,.28)!important;
}
@keyframes premiumArrowBlink{
0%,100%{opacity:.72;filter:none}
50%{opacity:1;filter:none}
}
/* Dá espaço dentro do rodapé para a seta não disputar com os textos */
.footer{
padding-top:86px!important;
}
/* Seção antes preta: tema laranja premium e legível */
.seo-benefits{
position:relative!important;
isolation:isolate!important;
overflow:hidden!important;
background:
linear-gradient(135deg,#f28a13 0%,#e87308 43%,#d65f05 100%)!important;
color:#fff!important;
}
.seo-benefits:before{
content:""!important;
position:absolute!important;
inset:0!important;
z-index:-2!important;
pointer-events:none!important;
background:
radial-gradient(circle at 16% 22%,rgba(255,226,135,.25),transparent 25%),
radial-gradient(circle at 83% 72%,rgba(117,45,0,.16),transparent 29%),
linear-gradient(115deg,rgba(255,255,255,.06),transparent 42%)!important;
}
.seo-benefits .title,
.seo-benefits .benefit-grid{
position:relative!important;
z-index:3!important;
}
.seo-benefits .title small{
color:#fff4cc!important;
text-shadow:none!important;
font-weight:900!important;
}
.seo-benefits .title h2{
color:#fff!important;
text-shadow:0 3px 16px rgba(89,35,0,.18)!important;
}
.seo-benefits .title p{
color:#fff8ef!important;
opacity:1!important;
}
/* Cards claros/quentes para eliminar o aspecto preto */
.seo-benefits .benefit-grid article{
position:relative!important;
overflow:hidden!important;
background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,248,236,.97))!important;
border:1px solid rgba(255,255,255,.72)!important;
box-shadow:0 18px 42px rgba(111,44,0,.14)!important;
color:#172033!important;
transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease!important;
}
.seo-benefits .benefit-grid article:hover{
transform:translateY(-6px)!important;
box-shadow:0 25px 52px rgba(111,44,0,.20)!important;
}
.seo-benefits .benefit-grid article>span{
font-size:30px!important;
filter:none!important;
}
.seo-benefits .benefit-grid h3{
color:#1f2937!important;
text-shadow:none!important;
}
.seo-benefits .benefit-grid p{
color:#475569!important;
}
.seo-benefits .benefit-grid a{
color:#b84b00!important;
font-weight:900!important;
}
/* Ícones musicais flutuando no fundo, discretos e sem LED */
.music-bg-icons{
position:absolute!important;
inset:0!important;
z-index:1!important;
pointer-events:none!important;
overflow:hidden!important;
}
.music-bg-icons span{
position:absolute!important;
display:block!important;
color:rgba(255,255,255,.16)!important;
font-size:clamp(24px,3vw,48px)!important;
line-height:1!important;
animation:musicFloat 12s ease-in-out infinite alternate!important;
transform-origin:center!important;
}
.music-bg-icons span:nth-child(1){left:4%;top:12%;animation-duration:11s}
.music-bg-icons span:nth-child(2){left:17%;top:72%;animation-duration:14s;animation-delay:-3s}
.music-bg-icons span:nth-child(3){left:28%;top:18%;animation-duration:13s;animation-delay:-6s}
.music-bg-icons span:nth-child(4){left:39%;top:77%;animation-duration:15s;animation-delay:-2s}
.music-bg-icons span:nth-child(5){left:50%;top:10%;animation-duration:12s;animation-delay:-5s}
.music-bg-icons span:nth-child(6){left:61%;top:68%;animation-duration:16s;animation-delay:-4s}
.music-bg-icons span:nth-child(7){left:72%;top:18%;animation-duration:13.5s;animation-delay:-7s}
.music-bg-icons span:nth-child(8){left:84%;top:73%;animation-duration:15s;animation-delay:-1s}
.music-bg-icons span:nth-child(9){left:94%;top:16%;animation-duration:12.5s;animation-delay:-6s}
.music-bg-icons span:nth-child(10){left:9%;top:44%;animation-duration:17s;animation-delay:-8s}
.music-bg-icons span:nth-child(11){left:68%;top:43%;animation-duration:14.5s;animation-delay:-5s}
.music-bg-icons span:nth-child(12){left:90%;top:48%;animation-duration:16.5s;animation-delay:-3s}
@keyframes musicFloat{
0%{transform:translate3d(0,0,0) rotate(-7deg) scale(.94);opacity:.40}
50%{transform:translate3d(10px,-15px,0) rotate(5deg) scale(1.06);opacity:.72}
100%{transform:translate3d(-8px,11px,0) rotate(-3deg) scale(1);opacity:.48}
}
@media(max-width:620px){
#toTop{
top:12px!important;
width:52px!important;
height:52px!important;
}
.footer{padding-top:76px!important}
.music-bg-icons span{font-size:26px!important}
}
@media(prefers-reduced-motion:reduce){
#toTop,.music-bg-icons span{animation:none!important}
}
/* =========================================================
CLIENTES — UMA LOGO POR CADASTRO, SEM DUPLICAR E SEM CAIXA
========================================================= */
.clients-carousel-section{
overflow:hidden!important;
}
.clients-carousel{
width:min(100%,1260px)!important;
margin:22px auto 0!important;
overflow:hidden!important;
padding:8px 0!important;
mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)!important;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)!important;
}
.clients-carousel-track{
display:flex!important;
align-items:center!important;
gap:10px!important;
width:max-content!important;
min-width:max-content!important;
will-change:transform!important;
}
.client-logo-item{
flex:0 0 auto!important;
width:118px!important;
height:72px!important;
display:grid!important;
place-items:center!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
overflow:visible!important;
text-decoration:none!important;
}
.client-logo-item img{
display:block!important;
width:auto!important;
height:auto!important;
max-width:112px!important;
max-height:64px!important;
object-fit:contain!important;
object-position:center!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
filter:none!important;
opacity:1!important;
transform-origin:center!important;
animation:clientLogoHeartbeat 2.05s ease-in-out infinite!important;
}
.client-logo-item:nth-child(3n+2) img{animation-delay:.22s!important}
.client-logo-item:nth-child(3n) img{animation-delay:.44s!important}
@keyframes clientLogoHeartbeat{
0%,100%{transform:scale(1)}
12%{transform:scale(1.10)}
23%{transform:scale(1)}
34%{transform:scale(1.055)}
46%{transform:scale(1)}
}
.client-logo-item:hover img{
animation-play-state:paused!important;
transform:scale(1.12)!important;
}
/* Imagem redonda ou quadrada: preserva formato original, sem fundo externo */
.client-logo-item img[src$=".png"],
.client-logo-item img[src$=".webp"],
.client-logo-item img[src$=".jpg"],
.client-logo-item img[src$=".jpeg"],
.client-logo-item img[src$=".gif"],
.client-logo-item img[src$=".svg"]{
object-fit:contain!important;
}
/* =========================================================
ADMIN — TODAS AS LOGOS COMO ÍCONES PEQUENOS
========================================================= */
.clients-admin-compact .client-admin-thumb,
.client-admin-thumb{
width:36px!important;
height:36px!important;
min-width:36px!important;
flex:0 0 36px!important;
border-radius:8px!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
overflow:hidden!important;
}
.clients-admin-compact .client-admin-thumb img,
.client-admin-thumb img{
width:36px!important;
height:36px!important;
max-width:36px!important;
max-height:36px!important;
object-fit:contain!important;
padding:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
.client-admin-item>summary{
min-height:48px!important;
grid-template-columns:38px minmax(120px,1fr) minmax(90px,.7fr) auto!important;
gap:8px!important;
padding:5px 9px!important;
}
/* =========================================================
SETA VOLTAR AO TOPO — IGUAL AO PRINT, AZUL + BRANCO
========================================================= */
#toTop{
position:fixed!important;
right:18px!important;
bottom:18px!important;
top:auto!important;
left:auto!important;
transform:none!important;
width:42px!important;
height:42px!important;
display:grid!important;
place-items:center!important;
border-radius:50%!important;
background:#2f6fe8!important;
color:#fff!important;
border:0!important;
box-shadow:0 8px 20px rgba(47,111,232,.28)!important;
z-index:9999!important;
overflow:visible!important;
animation:topBlueHeartbeat 2.05s ease-in-out infinite!important;
}
#toTop span{
position:relative!important;
display:block!important;
width:20px!important;
height:22px!important;
font-size:0!important;
}
#toTop span:before{
content:""!important;
position:absolute!important;
left:50%!important;
top:4px!important;
width:10px!important;
height:10px!important;
border-left:3px solid #fff!important;
border-top:3px solid #fff!important;
transform:translateX(-50%) rotate(45deg)!important;
border-radius:1px!important;
}
#toTop span:after{
content:""!important;
position:absolute!important;
left:50%!important;
top:11px!important;
width:3px!important;
height:10px!important;
background:#fff!important;
border-radius:3px!important;
transform:translateX(-50%)!important;
}
#toTop:hover{
transform:translateY(-3px) scale(1.08)!important;
background:#255fd2!important;
box-shadow:0 11px 24px rgba(47,111,232,.34)!important;
}
@keyframes topBlueHeartbeat{
0%,100%{transform:scale(1)}
12%{transform:scale(1.10)}
23%{transform:scale(1)}
34%{transform:scale(1.055)}
46%{transform:scale(1)}
}
@media(max-width:620px){
.client-logo-item{width:104px!important;height:66px!important}
.client-logo-item img{max-width:98px!important;max-height:58px!important}
#toTop{right:12px!important;bottom:12px!important;width:40px!important;height:40px!important}
}
@media(prefers-reduced-motion:reduce){
.client-logo-item img,#toTop{animation:none!important}
}
.clients-carousel-group{display:contents!important}
.client-logo-card{background:transparent!important;border:0!important;box-shadow:none!important}
/* ===== Ajuste final: seta sem colisão + WhatsApp Premium ===== */
#toTop{
right:18px!important;
bottom:252px!important; /* acima do acionador do player/fone */
width:42px!important;
height:42px!important;
z-index:9997!important;
}
@media(max-width:620px){
#toTop{
right:14px!important;
bottom:244px!important;
}
}
/* WhatsApp: visual premium, sem cobrir seta/player */
.whatsapp-float,
a[href*="wa.me"].whatsapp-float,
a[href*="api.whatsapp.com"].whatsapp-float{
right:16px!important;
bottom:72px!important;
width:62px!important;
height:62px!important;
border-radius:50%!important;
background:linear-gradient(145deg,#22d66f,#08aa50)!important;
border:3px solid rgba(255,255,255,.92)!important;
box-shadow:0 10px 26px rgba(0,0,0,.20)!important;
overflow:visible!important;
z-index:9998!important;
animation:waPremiumPulse 2.4s ease-in-out infinite!important;
}
@keyframes waPremiumPulse{
0%,100%{transform:scale(1)}
14%{transform:scale(1.07)}
25%{transform:scale(1)}
36%{transform:scale(1.035)}
48%{transform:scale(1)}
}
.whatsapp-float:hover{
transform:translateY(-3px) scale(1.08)!important;
animation-play-state:paused!important;
}
.wa-premium-alert{
position:fixed;
right:88px;
bottom:82px;
width:min(250px,calc(100vw - 112px));
padding:11px 14px;
border-radius:15px 15px 4px 15px;
background:#fff;
color:#173329;
font-size:13px;
line-height:1.35;
font-weight:700;
box-shadow:0 10px 28px rgba(0,0,0,.16);
border:1px solid rgba(10,170,80,.16);
z-index:9997;
animation:waAlertIn .55s ease both, waAlertSoft 4s ease-in-out 1s infinite;
cursor:pointer;
}
.wa-premium-alert strong{color:#079447}
.wa-premium-alert:after{
content:"";
position:absolute;
right:-7px;
bottom:13px;
width:14px;height:14px;
background:#fff;
transform:rotate(45deg);
border-top:1px solid rgba(10,170,80,.10);
border-right:1px solid rgba(10,170,80,.10);
}
@keyframes waAlertIn{
from{opacity:0;transform:translateX(14px)}
to{opacity:1;transform:translateX(0)}
}
@keyframes waAlertSoft{
0%,85%,100%{transform:translateY(0)}
90%{transform:translateY(-3px)}
95%{transform:translateY(0)}
}
@media(max-width:620px){
.whatsapp-float,
a[href*="wa.me"].whatsapp-float,
a[href*="api.whatsapp.com"].whatsapp-float{
right:12px!important;
bottom:70px!important;
width:58px!important;
height:58px!important;
}
.wa-premium-alert{
right:78px;
bottom:78px;
width:min(205px,calc(100vw - 96px));
font-size:12px;
padding:10px 12px;
}
}
/* =========================================================
LAYOUT INTELIGENTE DOS FLUTUANTES
Nenhum botão cobre player, WhatsApp ou outro ícone
========================================================= */
/* Player flutuante: reserva área limpa no lado direito */
.floating-player,
.player-floating,
.player-dock,
#floatingPlayer{
position:fixed!important;
right:14px!important;
bottom:92px!important;
max-width:min(410px,calc(100vw - 24px))!important;
z-index:9988!important;
}
/* Botão/fone que abre o player: fica acima do player */
.player-toggle,
.player-headphone,
.player-float-toggle,
button[class*="player-toggle"],
a[class*="player-toggle"]{
position:fixed!important;
right:18px!important;
bottom:272px!important;
z-index:9991!important;
}
/* Seta para o topo: sobe ainda mais e fica isolada */
#toTop{
position:fixed!important;
right:18px!important;
bottom:330px!important;
left:auto!important;
top:auto!important;
transform:none!important;
z-index:9990!important;
}
/* WhatsApp: fica abaixo do player, sem cobrir controles */
.whatsapp-float,
a[href*="wa.me"].whatsapp-float,
a[href*="api.whatsapp.com"].whatsapp-float{
position:fixed!important;
right:16px!important;
bottom:18px!important;
z-index:9993!important;
}
/* Alerta do WhatsApp: acima do botão, sem passar por cima do player */
.wa-premium-alert{
position:fixed!important;
right:88px!important;
bottom:28px!important;
width:min(260px,calc(100vw - 116px))!important;
z-index:9992!important;
transform-origin:right center!important;
animation:waAlertEntrance .55s ease both,
waAlertAttention 3.8s ease-in-out .8s infinite!important;
}
/* Mais movimento no alerta, ainda elegante e sem LED */
@keyframes waAlertEntrance{
0%{opacity:0;transform:translateX(18px) scale(.96)}
100%{opacity:1;transform:translateX(0) scale(1)}
}
@keyframes waAlertAttention{
0%,70%,100%{transform:translateX(0) scale(1)}
76%{transform:translateX(-4px) scale(1.025)}
82%{transform:translateX(0) scale(1)}
88%{transform:translateX(-2px) scale(1.012)}
94%{transform:translateX(0) scale(1)}
}
.wa-premium-alert strong{
display:inline-block!important;
animation:waTextPulse 2.8s ease-in-out infinite!important;
}
@keyframes waTextPulse{
0%,100%{transform:scale(1)}
50%{transform:scale(1.035)}
}
/* Desktop menor / notebook */
@media(max-width:1100px){
#toTop{bottom:318px!important}
.player-toggle,
.player-headphone,
.player-float-toggle,
button[class*="player-toggle"],
a[class*="player-toggle"]{bottom:262px!important}
}
/* Celular: empilha os elementos verticalmente com folga */
@media(max-width:620px){
.floating-player,
.player-floating,
.player-dock,
#floatingPlayer{
right:8px!important;
bottom:104px!important;
max-width:calc(100vw - 16px)!important;
}
.whatsapp-float,
a[href*="wa.me"].whatsapp-float,
a[href*="api.whatsapp.com"].whatsapp-float{
right:12px!important;
bottom:18px!important;
}
.wa-premium-alert{
right:78px!important;
bottom:24px!important;
width:min(225px,calc(100vw - 100px))!important;
font-size:12px!important;
}
.player-toggle,
.player-headphone,
.player-float-toggle,
button[class*="player-toggle"],
a[class*="player-toggle"]{
right:14px!important;
bottom:280px!important;
}
#toTop{
right:14px!important;
bottom:338px!important;
}
}
/* Telas muito pequenas */
@media(max-width:390px){
.wa-premium-alert{
width:min(205px,calc(100vw - 94px))!important;
right:74px!important;
}
#toTop{bottom:330px!important}
.player-toggle,
.player-headphone,
.player-float-toggle,
button[class*="player-toggle"],
a[class*="player-toggle"]{bottom:274px!important}
}
/* Se o alerta estiver sobre algum conteúdo e o usuário passar o mouse,
ele sobe discretamente em vez de expandir lateralmente */
.wa-premium-alert:hover{
transform:translateY(-4px) scale(1.02)!important;
}
@media(prefers-reduced-motion:reduce){
.wa-premium-alert,
.wa-premium-alert strong{
animation:none!important;
}
}
/* =========================================================
LOGOS DOS CLIENTES — MAIORES, ORGANIZADAS E COM MAIS VIDA
========================================================= */
.clients-carousel{
padding:12px 0!important;
overflow:hidden!important;
}
.clients-carousel-track{
display:flex!important;
align-items:center!important;
gap:14px!important;
width:max-content!important;
min-width:max-content!important;
will-change:transform!important;
animation:clientsMoveLeft 82s linear infinite!important;
}
.client-logo-item{
flex:0 0 auto!important;
width:132px!important;
height:82px!important;
display:grid!important;
place-items:center!important;
padding:0!important;
margin:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
overflow:visible!important;
}
.client-logo-item img{
display:block!important;
width:auto!important;
height:auto!important;
max-width:124px!important;
max-height:74px!important;
object-fit:contain!important;
object-position:center!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
transform-origin:center center!important;
animation:clientLogoHeartPremium 1.95s ease-in-out infinite!important;
transition:filter .28s ease,transform .28s ease!important;
filter:drop-shadow(0 7px 12px rgba(18,52,38,.10))!important;
}
.client-logo-item:nth-child(4n+2) img{animation-delay:.18s!important}
.client-logo-item:nth-child(4n+3) img{animation-delay:.36s!important}
.client-logo-item:nth-child(4n+4) img{animation-delay:.54s!important}
@keyframes clientLogoHeartPremium{
0%,100%{transform:scale(1)}
10%{transform:scale(1.13)}
20%{transform:scale(.985)}
31%{transform:scale(1.075)}
43%{transform:scale(1)}
62%,100%{transform:scale(1)}
}
@keyframes clientsMoveLeft{
from{transform:translateX(0)}
to{transform:translateX(-28%)}
}
.clients-carousel:hover .clients-carousel-track{
animation-play-state:paused!important;
}
.client-logo-item:hover img{
animation-play-state:paused!important;
transform:scale(1.16)!important;
filter:drop-shadow(0 12px 18px rgba(0,120,55,.18))!important;
}
@media(max-width:620px){
.clients-carousel-track{
gap:11px!important;
animation-duration:96s!important;
}
.client-logo-item{
width:112px!important;
height:72px!important;
}
.client-logo-item img{
max-width:104px!important;
max-height:64px!important;
}
}
@media(prefers-reduced-motion:reduce){
.clients-carousel-track,.client-logo-item img{
animation:none!important;
}
}
/* Upload automático: todas as imagens respeitam o espaço da função, sem corte */
.model-card-showcase img,
.slide-premium-img,
.client-logo-item img,
.pricing .plan img,
.player-cover img{
object-fit:contain!important;
object-position:center!important;
image-rendering:auto!important;
}
/* =========================================================
WHATSAPP INTERATIVO — mais vivo, profissional e sem LED
========================================================= */
.wa-premium-alert.wa-interactive{
display:flex!important;
align-items:center!important;
gap:10px!important;
min-height:58px!important;
padding:10px 14px!important;
background:linear-gradient(180deg,#ffffff 0%,#f6fff9 100%)!important;
border:1px solid rgba(11,164,76,.18)!important;
box-shadow:0 12px 30px rgba(0,83,42,.16)!important;
cursor:pointer!important;
overflow:visible!important;
transition:transform .28s cubic-bezier(.2,.8,.2,1),
box-shadow .28s ease,
border-color .28s ease!important;
}
.wa-premium-alert.wa-interactive:hover{
transform:translateY(-4px) scale(1.025)!important;
box-shadow:0 18px 36px rgba(0,83,42,.22)!important;
border-color:rgba(11,164,76,.32)!important;
}
.wa-wave{
display:grid!important;
place-items:center!important;
flex:0 0 34px!important;
width:34px!important;
height:34px!important;
border-radius:50%!important;
background:#e9fff1!important;
font-size:19px!important;
transform-origin:70% 70%!important;
animation:waWave 2.6s ease-in-out infinite!important;
}
@keyframes waWave{
0%,60%,100%{transform:rotate(0deg)}
68%{transform:rotate(16deg)}
74%{transform:rotate(-10deg)}
80%{transform:rotate(14deg)}
86%{transform:rotate(-6deg)}
92%{transform:rotate(0deg)}
}
.wa-copy{
display:flex!important;
flex-direction:column!important;
min-width:0!important;
flex:1 1 auto!important;
}
.wa-copy strong{
display:block!important;
margin:0!important;
color:#09944b!important;
font-size:14px!important;
line-height:1.15!important;
font-weight:950!important;
letter-spacing:-.01em!important;
}
.wa-copy small{
display:block!important;
margin-top:3px!important;
color:#26372f!important;
font-size:12px!important;
line-height:1.3!important;
font-weight:700!important;
}
.wa-live-dot{
flex:0 0 8px!important;
width:8px!important;
height:8px!important;
border-radius:50%!important;
background:#10b85b!important;
animation:waDot 1.55s ease-in-out infinite!important;
}
@keyframes waDot{
0%,100%{transform:scale(.8);opacity:.45}
50%{transform:scale(1.15);opacity:1}
}
.wa-message-out .wa-copy{
animation:waTextOut .26s ease both!important;
}
.wa-message-in .wa-copy{
animation:waTextIn .38s ease both!important;
}
@keyframes waTextOut{
from{opacity:1;transform:translateY(0)}
to{opacity:0;transform:translateY(-5px)}
}
@keyframes waTextIn{
from{opacity:0;transform:translateY(6px)}
to{opacity:1;transform:translateY(0)}
}
.wa-premium-alert.wa-interactive:after{
content:"Clique para falar agora";
position:absolute!important;
left:14px!important;
top:-27px!important;
padding:5px 9px!important;
border-radius:999px!important;
background:#0aa44e!important;
color:#fff!important;
font-size:9px!important;
line-height:1!important;
font-weight:900!important;
letter-spacing:.05em!important;
opacity:0!important;
transform:translateY(4px)!important;
transition:opacity .22s ease,transform .22s ease!important;
pointer-events:none!important;
}
.wa-premium-alert.wa-interactive:hover:after{
opacity:1!important;
transform:translateY(0)!important;
}
.wa-clicked{
transform:scale(.97)!important;
}
@media(max-width:620px){
.wa-premium-alert.wa-interactive{
min-height:54px!important;
gap:8px!important;
padding:9px 11px!important;
}
.wa-wave{
width:30px!important;
height:30px!important;
flex-basis:30px!important;
font-size:17px!important;
}
.wa-copy strong{font-size:13px!important}
.wa-copy small{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){
.wa-wave,.wa-live-dot,.wa-message-out .wa-copy,.wa-message-in .wa-copy{
animation:none!important;
}
}