/* mySuite — estilos globais (Insana Coach, versão clara) */
body{margin:0;background:#FBF7F1}
a{color:#B8552F}a:hover{color:#8F3E1F}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@keyframes popIn{0%{opacity:0;transform:translateY(28px) scale(.9)}60%{opacity:1;transform:translateY(-6px) scale(1.03)}100%{opacity:1;transform:none}}
@keyframes floatY{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes screenIn{0%{opacity:0;transform:perspective(1800px) rotateY(-18deg) rotateX(8deg) translateY(40px)}100%{opacity:1;transform:perspective(1800px) rotateY(-7deg) rotateX(3deg)}}
@keyframes riseIn{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
@keyframes marq{to{transform:translateX(-50%)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(31,138,126,.55)}100%{box-shadow:0 0 0 10px rgba(31,138,126,0)}}
@keyframes pulseWa{0%{box-shadow:0 0 0 0 rgba(30,122,76,.55)}100%{box-shadow:0 0 0 16px rgba(30,122,76,0)}}
@keyframes dots{0%,80%,100%{opacity:.25}40%{opacity:1}}
@keyframes grow{from{transform:scaleY(.1)}to{transform:scaleY(1)}}
@keyframes sweep{from{background-position:-200% 0}to{background-position:200% 0}}
@keyframes phoneIn{from{opacity:0;transform:translateY(60px) rotate(4deg)}to{opacity:1;transform:rotate(-3deg)}}
@keyframes msgIn{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
.hero-copy>*{animation:riseIn .8s cubic-bezier(.2,.8,.2,1) both}
.hero-copy>*:nth-child(2){animation-delay:.08s}.hero-copy>*:nth-child(3){animation-delay:.16s}.hero-copy>*:nth-child(4){animation-delay:.24s}.hero-copy>*:nth-child(5){animation-delay:.32s}
.screen{animation:screenIn 1.1s cubic-bezier(.2,.8,.2,1) .2s both}
.phone{animation:phoneIn 1s cubic-bezier(.2,.8,.2,1) .2s both}
.m1,.m2,.m3,.m4{animation:msgIn .6s cubic-bezier(.2,.8,.2,1) both}
.m1{animation-delay:.9s}.m2{animation-delay:1.5s}.m3{animation-delay:2.1s}.m4{animation-delay:2.7s}
.pop{animation:popIn .9s cubic-bezier(.2,.8,.2,1) both,floatY 6s ease-in-out infinite}
.d1{animation-delay:.9s,1.8s}.d2{animation-delay:1.15s,2.3s}.d3{animation-delay:1.4s,2.9s}.d4{animation-delay:1.65s,3.4s}
.live{animation:pulse 1.6s ease-out infinite}
.live-wa{animation:pulseWa 2s ease-out infinite}
.dot{animation:dots 1.2s infinite}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}
.bar{transform-origin:bottom;animation:grow 1.2s cubic-bezier(.2,.8,.2,1) both}
.lift{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.lift:hover{transform:translateY(-8px);box-shadow:0 24px 48px -20px rgba(60,35,20,.28);border-color:#DB7A57}
.btn{transition:transform .2s,box-shadow .2s,background-color .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px -10px rgba(184,85,47,.6)}
.navlink:hover{color:#B8552F !important}
.track{animation:marq 70s linear infinite}
.track:hover{animation-play-state:paused}
.shimmer{background:linear-gradient(90deg,#F4EEE6 0%,#FFFFFF 50%,#F4EEE6 100%);background-size:200% 100%;animation:sweep 2.4s linear infinite}
input,select,textarea{font:inherit}
input:focus,select:focus,textarea:focus{outline:2px solid #DB7A57;outline-offset:1px}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important}html{scroll-behavior:auto}}

/* ---- Ajustes do site estático (celular) ---- */
@media (max-width: 760px){
  header{position:static !important}
  header nav{flex-wrap:nowrap !important;overflow-x:auto;width:100%;padding-bottom:4px;-webkit-overflow-scrolling:touch}
  header nav a{white-space:nowrap}
  .pop{display:none !important}
}

/* ---- Revelação ao rolar (IntersectionObserver em site.js) ---- */
.js .rv:not(.in),.js .rv-pop:not(.in){opacity:0}
.js .rv.in{animation:riseIn .8s cubic-bezier(.2,.8,.2,1) both}
.js .rv-pop.in{animation:popIn .8s cubic-bezier(.2,.8,.2,1) both}
@media (prefers-reduced-motion: reduce){.js .rv:not(.in),.js .rv-pop:not(.in){opacity:1}}

/* ---- Chat flutuante (iframe) ---- */
#chat-panel{position:fixed;right:22px;bottom:90px;z-index:70;width:min(420px,calc(100vw - 32px));height:min(640px,calc(100vh - 120px));display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#FFFFFF;border:1px solid #E7DDD1;box-shadow:0 40px 80px -30px rgba(60,35,20,.55);font-family:Manrope,-apple-system,system-ui,sans-serif;animation:popIn .45s cubic-bezier(.2,.8,.2,1) both}
#chat-panel[hidden]{display:none}
#chat-panel .chat-head{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 18px;background:#1F1A17;color:#FBF7F1;font-weight:800;font-size:15px}
#chat-panel .chat-close{width:36px;height:36px;border:0;border-radius:10px;background:rgba(255,255,255,.1);color:#FBF7F1;font-size:22px;line-height:1;cursor:pointer}
#chat-panel .chat-close:hover{background:rgba(255,255,255,.2)}
#chat-panel iframe{flex:1;width:100%;border:0;background:#FBF7F1}
.chat-open .live-wa{opacity:0;pointer-events:none}
@media (max-width: 760px){#chat-panel{right:16px;bottom:86px;height:calc(100vh - 110px)}}