/* Nova Home SuperAutor — estilos compartilhados (home + especificações) */
body{margin:0;background:#45D0C1}
a{color:#4C9D9D}a:hover{color:#218585}
.sa-wrap{max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px;box-sizing:border-box}
.sa-frame{background:#45D0C1;padding:0 16px}
.sa-card{background:#F5FFFD;border-radius:32px;overflow:clip}
.sa-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}
.sa-track{display:flex;width:max-content;animation:sa-scroll 45s linear infinite}
.sa-school{display:block;flex:none;width:145px;height:71px;border-radius:12px}
.sa-social a{display:inline-flex;align-items:center;justify-content:center;color:#002733;border-radius:8px;transition:color .2s ease,translate .2s ease}
.sa-social a:focus-visible,.sa-help:focus-visible{outline:2px solid #002733;outline-offset:3px}
.sa-help{color:#002733;font-weight:600;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease}
@media (hover: hover){.sa-social a:hover{color:#FFFFFF;translate:0 -2px}.sa-help:hover{color:#FFFFFF;text-decoration-color:currentColor}}
@media (max-width: 760px){.sa-school{width:124px;height:60px;border-radius:10px}.sa-pad.sa-intro{padding:24px 20px !important}}
.sa-marquee:hover .sa-track{animation-play-state:paused}
@keyframes sa-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){.sa-track{animation:none}}
.ab{display:inline-flex;align-items:center;justify-content:center;min-height:60px;padding:0 32px;border-radius:16px;font-family:inherit;font-size:17px;line-height:1.2;text-decoration:none;box-sizing:border-box;white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;cursor:pointer}
.ab-p{background:#43BCAF;color:#FFFFFF;font-weight:700;letter-spacing:-0.02em;border:0;border-bottom:3px solid #3BB1A4}
.ab-p:hover{background:#3BB1A4;color:#FFFFFF;transform:translateY(-2px);box-shadow:0 8px 20px rgba(21,109,109,.18)}
.ab-s{background:#FFFFFF;color:#156D6D;font-weight:600;border:1px solid #98C3C2;border-bottom-width:3px}
.ab-s:hover{background:#F7FFFB;color:#218585;border-color:#43BCAF;transform:translateY(-2px);box-shadow:0 8px 20px rgba(21,109,109,.10)}
.ab-d{background:#156D6D;color:#FFFFFF;font-weight:700;letter-spacing:-0.02em;border:0;border-bottom:3px solid #0E4F4F}
.ab-d:hover{background:#0E4F4F;color:#FFFFFF;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,39,51,.22)}
.ab{position:relative;overflow:hidden;isolation:isolate}
.ab:active{transform:translateY(1px);box-shadow:none}
.ab:focus-visible{outline:3px solid #002733;outline-offset:3px}
.sa-more{display:inline-flex;align-items:center;gap:12px;color:#002733;font-weight:600;font-size:20px;text-decoration:none;transition:gap .2s ease}
.sa-more:hover{gap:18px;color:#002733}
.sa-more svg{transition:transform .3s ease}
.sa-more:hover svg,.sa-more:focus-visible svg{transform:rotate(45deg)}
@media (prefers-reduced-motion: reduce){.ab,.sa-more,.sa-more svg{transition:none}.ab:hover{transform:none}}
header{transition:box-shadow .3s ease}
header.is-scrolled{box-shadow:0 10px 24px -16px rgba(0,39,51,.35)}
@keyframes sa-twinkle{0%,100%{scale:1;rotate:0deg}50%{scale:.72;rotate:18deg}}
@keyframes sa-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes sa-jelly{0%{scale:1}30%{scale:1.06}55%{scale:.97}75%{scale:1.02}100%{scale:1}}
@keyframes sa-wiggle{0%,100%{rotate:0deg}25%{rotate:-7deg}75%{rotate:6deg}}
@keyframes sa-ripple{0%{opacity:.28;transform:scale(0)}100%{opacity:0;transform:scale(30)}}
@media (prefers-reduced-motion: no-preference){
html.sa-anim .sa-r{opacity:0;translate:0 28px;scale:.985;transition:opacity .6s ease var(--d,0ms),translate .8s cubic-bezier(.34,1.56,.64,1) var(--d,0ms),scale .8s cubic-bezier(.34,1.56,.64,1) var(--d,0ms)}
html.sa-anim .sa-hero.sa-r{translate:0 16px;scale:.97}
html.sa-anim .sa-r.sa-in{opacity:1;translate:0 0;scale:1}
html.sa-anim .sa-stick,html.sa-anim .sa-step img{opacity:0;scale:.3;transition:scale .6s cubic-bezier(.34,1.9,.64,1) calc(var(--d,0ms) + 380ms),opacity .25s ease calc(var(--d,0ms) + 380ms)}
html.sa-anim .sa-in .sa-stick,html.sa-anim .sa-step.sa-in img{opacity:1;scale:1}
html.sa-anim .sa-twinkle{opacity:0;transition:opacity .4s ease calc(var(--d,0ms) + 500ms)}
html.sa-anim .sa-in .sa-twinkle{opacity:1;animation:sa-twinkle 2.6s ease-in-out calc(var(--d,0ms) + 900ms) infinite}
html.sa-anim .sa-in .sa-twinkle + .sa-twinkle{animation-duration:3.3s}
html.sa-anim .sa-photo{scale:1.08;transition:scale 1.6s cubic-bezier(.2,.7,.2,1) calc(var(--d,0ms) + 100ms)}
html.sa-anim .sa-in .sa-photo{scale:1}
html.sa-anim .sa-hero-art.sa-in{animation:sa-float 6s ease-in-out 1.4s infinite}
html.sa-anim .sa-in .ab-d{animation:sa-jelly .7s ease calc(var(--d,0ms) + 900ms) 1}
.ab::after{content:"";position:absolute;left:var(--rx,50%);top:var(--ry,50%);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:currentColor;opacity:0;transform:scale(0);pointer-events:none;z-index:-1}
.ab.is-ripple::after{animation:sa-ripple .6s ease-out}
.ab:active{transform:scale(.96);box-shadow:none;transition-duration:.08s}
.sa-more:active{transform:scale(.97)}
}
@media (hover: hover) and (prefers-reduced-motion: no-preference){
.ab::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.38) 50%,transparent 65%);transform:translateX(-130%);transition:transform .7s ease;pointer-events:none}
.ab-s::before{background:linear-gradient(110deg,transparent 35%,rgba(67,188,175,.22) 50%,transparent 65%)}
.ab:hover::before{transform:translateX(130%)}
.sa-step{transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease}
.sa-step:hover{transform:translateY(-6px);box-shadow:0 16px 32px -12px rgba(0,39,51,.22)}
.sa-step:hover img{animation:sa-wiggle .6s ease}
.sa-quotes3 > figure{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.sa-quotes3 > figure:hover{transform:translateY(-4px)}
.sa-media img{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}
.sa-media img:hover{transform:translateY(-4px);box-shadow:0 12px 24px -12px rgba(0,39,51,.3)}
html .sa-authors > div:hover .sa-photo{scale:1.05;transition:scale .5s ease}
.sa-stick:hover{animation:sa-wiggle .6s ease}
}
.sa-hero{display:grid;grid-template-columns:1fr 437px;gap:32px;align-items:start;border-radius:40px;background:#F4A801}
.sa-hero-art{display:block;width:437px;height:auto}
.sa-bento{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.sa-bento > *{border-radius:40px}
.sa-steps-wrap{margin:0 23px;background:#F8CB67;border-radius:40px}
.sa-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.sa-step{background:#F5FFFD;border-radius:32px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.sa-step img{height:104px;width:auto;display:block}
.sa-quotes3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sa-media{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.sa-media img{display:block;width:100%;height:115px;object-fit:cover;border-radius:20px}
.sa-feature{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.sa-authors{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sa-authors > div{height:320px;border:2px solid #2A3A4D;border-radius:22px;overflow:hidden;box-sizing:border-box}
.sa-photo{display:block;width:100%;height:100%;object-fit:cover}
.sa-who{display:flex;gap:16px;align-items:center}
.sa-who img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}
.sa-topset{display:flex;flex-wrap:wrap;gap:8px 24px}
.sa-topset.sa-dup{display:none}
.sa-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.sa-spec{background:#FDEECC;border-radius:40px;padding:16px;display:flex;flex-direction:column;gap:8px}
.sa-spec-media{position:relative;height:300px;border-radius:28px;overflow:hidden;background:#F8CB67}
.sa-ph{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;box-sizing:border-box;color:#002733;font-size:.95rem;border:2px dashed rgba(0,39,51,.35);border-radius:28px}
.sa-alt{position:absolute;inset:0;opacity:0}
html .sa-spec .sa-photo.sa-alt{transition:opacity .28s cubic-bezier(.4,0,1,1),scale .5s ease}
@media (hover: hover){html .sa-spec:hover .sa-photo.sa-alt{opacity:1;transition:opacity .32s cubic-bezier(0,0,.2,1),scale .5s ease}}
.sa-spec-body{padding:24px 24px 28px;display:flex;flex-direction:column;gap:20px}
.sa-spec-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.sa-spec-list li{display:flex;gap:12px;align-items:flex-start;font-size:1rem;line-height:1.5;color:#002733}
.sa-spec-list strong{font-weight:600}
.sa-ico{flex:none;width:36px;height:36px;border-radius:12px;background:#F5FFFD;color:#063B4B;display:flex;align-items:center;justify-content:center;margin-top:-6px}
@media (hover: hover) and (prefers-reduced-motion: no-preference){
.sa-spec{transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease}
.sa-spec:hover{transform:translateY(-6px);box-shadow:0 18px 36px -16px rgba(0,39,51,.25)}
.sa-spec:hover .sa-photo{scale:1.05;transition:scale .5s ease}
.sa-spec:hover .sa-ico{animation:sa-wiggle .6s ease}
}
@media (max-width: 1023px){
.sa-specs{grid-template-columns:1fr 1fr}
}
.sa-burger,.sa-mobile-ctrls,.sa-mobile-panel{display:none}
.sa-burger{width:52px;height:52px;padding:0;border:1px solid #98C3C2;border-bottom-width:3px;border-radius:16px;background:#FFFFFF;cursor:pointer;position:relative;flex:none}
.sa-burger:focus-visible{outline:3px solid #002733;outline-offset:3px}
.sa-burger span{position:absolute;left:14px;width:22px;height:2px;border-radius:2px;background:#156D6D;transition:transform .3s ease,opacity .2s ease,top .3s ease}
.sa-burger span:nth-child(1){top:16px}.sa-burger span:nth-child(2){top:23px}.sa-burger span:nth-child(3){top:30px}
.sa-burger.is-open span:nth-child(1){top:23px;transform:rotate(45deg)}
.sa-burger.is-open span:nth-child(2){opacity:0}
.sa-burger.is-open span:nth-child(3){top:23px;transform:rotate(-45deg)}
.sa-mobile-panel a.sa-mlink{display:flex;align-items:center;min-height:52px;padding:0 16px;border-radius:16px;color:#156D6D;text-decoration:none;font-weight:500;font-size:1.05rem}
.sa-mobile-panel a.sa-mlink:hover{background:#FDEECC}
@keyframes sa-drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes sa-drop-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}
.sa-mobile-panel.is-closing{animation:sa-drop-out .2s ease forwards}
@media (max-width: 1023px){
.sa-steps{grid-template-columns:repeat(2,1fr)}
.sa-media{grid-template-columns:repeat(2,1fr)}
.sa-hero{grid-template-columns:1fr}
.sa-hero-art{width:100%;max-width:437px;margin:0 auto}
}
.sa-mobile-panel[hidden]{display:none !important}
@media (max-width: 899px){
.sa-specs{grid-template-columns:1fr}
.sa-spec-media{height:260px}
.sa-statement p{font-size:1.75rem !important}
.sa-statement-letter{display:none}
.sa-pagehead .sa-twinkle,.sa-statement .sa-twinkle{display:none}
.sa-statement .sa-stick{width:60px !important;top:-30px !important;right:20px !important}
.sa-statement{padding-top:56px !important;padding-bottom:56px !important}
.sa-pagehead{padding-top:24px !important}
.sa-frame{padding:0 8px}
.sa-card{border-radius:20px}
.sa-nav-links{display:none !important}
.sa-mobile-ctrls{display:flex;align-items:center;gap:10px}
.sa-burger{display:block}
.sa-mobile-panel{display:flex;flex-direction:column;gap:4px;padding:8px 16px 20px;border-top:1px solid #FDEECC;background:#F5FFFD;animation:sa-drop .25s ease}
.sa-logo{height:40px !important}
.sa-topbar{display:block !important;padding-left:0 !important;padding-right:0 !important;font-size:0.8rem}
.sa-topbar-logo{display:none !important}
.sa-topcontacts{overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
.sa-toptrack{display:flex;width:max-content;animation:sa-scroll 16s linear infinite}
.sa-topset,.sa-topset.sa-dup{display:flex;flex-wrap:nowrap;white-space:nowrap;gap:24px;padding-right:24px}
.sa-btns{flex-direction:column;align-items:stretch}
.sa-btns .ab{width:100%}
.sa-cta-btns{align-self:stretch}
.ab{min-height:52px;padding:0 22px;font-size:16px}
h1{font-size:2.2rem !important;line-height:1.15 !important}
h2{font-size:1.75rem !important;line-height:1.2 !important}
section > div{padding-top:48px !important;padding-bottom:48px !important}
section > div.sa-hero-sec{padding-top:24px !important}
.sa-steps-wrap{margin:0 8px}
section .sa-wrap{padding-left:8px;padding-right:8px}
.sa-steps-wrap > .sa-wrap{padding-left:20px;padding-right:20px}
.sa-follow{padding:0 16px}
.sa-bento,.sa-quotes3,.sa-feature{grid-template-columns:1fr}
.sa-feature{gap:40px}
.sa-pad{padding:36px 28px !important}
.sa-photo-tall{height:300px !important}
.sa-authors{grid-template-columns:1fr}
.sa-authors > div:nth-child(n+2){display:none}
.sa-foot{padding-left:16px !important;padding-right:16px !important}
}
@media (max-width: 899px) and (prefers-reduced-motion: reduce){
.sa-topcontacts{overflow-x:auto}
.sa-toptrack{animation:none}
.sa-topset.sa-dup{display:none}
}
@media (max-width: 559px){
.sa-steps{grid-template-columns:1fr}
.sa-media img{height:88px}
}

/* --- Acréscimos para o WordPress --- */
.sa-media a{display:block;border-radius:20px}
.sa-media a:focus-visible{outline:3px solid #002733;outline-offset:3px}
/* Cards com sticker ficam acima do card seguinte (no mobile o sticker invade o box de baixo) */
.sa-has-stick{z-index:2}
/* O lazy-load do Smush aplica .lazyloaded{opacity:1}, que revelava a foto alternativa sem hover */
.sa-spec-media .sa-photo.sa-alt{opacity:0}
/* Barra de administração do WP (usuário logado) não cobre o header fixo */
.admin-bar header{top:32px !important}
@media screen and (max-width: 782px){.admin-bar header{top:46px !important}}
@media screen and (max-width: 600px){.admin-bar header{top:0 !important}}
