@font-face{
font-family:'Baloo 2';
font-style:normal;
font-weight:400 800;
font-display:swap;
src:url('../fonts/baloo2-latin-ext.woff2') format('woff2');
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
font-family:'Baloo 2';
font-style:normal;
font-weight:400 800;
font-display:swap;
src:url('../fonts/baloo2-latin.woff2') format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
font-family:'Quicksand';
font-style:normal;
font-weight:300 700;
font-display:swap;
src:url('../fonts/quicksand-latin-ext.woff2') format('woff2');
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
font-family:'Quicksand';
font-style:normal;
font-weight:300 700;
font-display:swap;
src:url('../fonts/quicksand-latin.woff2') format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
font-family:'Patrick Hand';
font-style:normal;
font-weight:400;
font-display:swap;
src:url('../fonts/patrickhand-latin-ext.woff2') format('woff2');
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
font-family:'Patrick Hand';
font-style:normal;
font-weight:400;
font-display:swap;
src:url('../fonts/patrickhand-latin.woff2') format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root{
--coral:#FF6B6B;
--coral-dark:#E85D5D;
--coral-light:#FFE0E0;
--coral-50:#FFF5F5;
--teal:#4ECDC4;
--teal-dark:#3BAFA8;
--teal-light:#D4F5F2;
--teal-50:#F0FDFB;
--sunny:#FFE66D;
--sunny-dark:#F5D245;
--sunny-light:#FFF9E0;
--lavender:#A78BFA;
--lavender-dark:#8B6FE0;
--lavender-light:#EDE9FE;
--mint:#6BCB77;
--mint-light:#DCFCE7;
--sky:#60A5FA;
--peach:#FDBA74;
--ink:#2D2A4A;
--ink-soft:#4A4668;
--ink-muted:#5E5A7A;
--gray-warm:#B8B3C8;
--gray-light:#E8E5F0;
--gray-lightest:#F5F3FA;
--gray-bg:#F5F3FA;
--cream:#FFFAF5;
--white:#FFFFFF;
--surface-warm:#FFF9F0;
--shadow-sm:0 2px 8px rgba(45,42,74,0.06);
--shadow-md:0 4px 20px rgba(45,42,74,0.08);
--shadow-lg:0 8px 40px rgba(45,42,74,0.10);
--shadow-xl:0 16px 64px rgba(45,42,74,0.12);
--shadow-coral:0 8px 32px rgba(255,107,107,0.25);
--shadow-teal:0 8px 32px rgba(78,205,196,0.25);
--radius-sm:8px;
--radius-md:12px;
--radius-lg:16px;
--radius-xl:24px;
--radius-2xl:32px;
--radius-full:9999px;
--radius-blob:30% 70% 70% 30% / 30% 30% 70% 70%;
--font-display:'Baloo 2','Trebuchet MS',cursive;
--font-body:'Quicksand','Nunito',sans-serif;
--font-hand:'Patrick Hand',cursive;
--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);
--ease-smooth:cubic-bezier(0.4,0,0.2,1);
--duration-fast:150ms;
--duration-normal:300ms;
--duration-slow:500ms;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{
font-family:var(--font-body);
background:var(--cream);
color:var(--ink);
line-height:1.6;
-webkit-font-smoothing:antialiased;
}
body::before{
content:'';
position:fixed;
inset:0;
opacity:0.015;
pointer-events:none;
z-index:9999;
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
::selection{
background:var(--coral-light);
color:var(--coral-dark);
}
@keyframes float{
0%,
100%{
transform:translateY(0px) rotate(0deg);
}
33%{
transform:translateY(-8px) rotate(1deg);
}
66%{
transform:translateY(-4px) rotate(-1deg);
}
}
@keyframes wiggle{
0%,
100%{
transform:rotate(0deg);
}
25%{
transform:rotate(-3deg);
}
75%{
transform:rotate(3deg);
}
}
@keyframes pulse-soft{
0%,
100%{
transform:scale(1);
opacity:1;
}
50%{
transform:scale(1.05);
opacity:0.9;
}
}
@keyframes blob-morph{
0%,
100%{
border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;
}
25%{
border-radius:58% 42% 38% 62% / 42% 58% 42% 58%;
}
50%{
border-radius:50% 50% 33% 67% / 55% 27% 73% 45%;
}
75%{
border-radius:33% 67% 58% 42% / 63% 38% 62% 37%;
}
}
@keyframes sound-wave{
0%,
100%{
height:8px;
}
50%{
height:28px;
}
}
@keyframes fade-up{
from{
opacity:0;
transform:translateY(20px);
}
to{
opacity:1;
transform:translateY(0);
}
}
@keyframes bounce-in{
0%{
transform:scale(0.3);
opacity:0;
}
50%{
transform:scale(1.08);
}
70%{
transform:scale(0.96);
}
100%{
transform:scale(1);
opacity:1;
}
}
@keyframes speech-pop{
0%{
transform:scale(0) rotate(-10deg);
opacity:0;
}
60%{
transform:scale(1.1) rotate(2deg);
}
100%{
transform:scale(1) rotate(0deg);
opacity:1;
}
}
*,
*::before,
*::after{
box-sizing:border-box;
margin:0;
padding:0;
}
html{
scroll-behavior:smooth;
}
body{
font-family:var(--font-body);
background:#FEF4F4;
color:var(--ink);
line-height:1.6;
overflow-x:hidden;
-webkit-font-smoothing:antialiased;
}
body::before{
content:'';
position:fixed;
inset:0;
opacity:0.015;
pointer-events:none;
z-index:9999;
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.hero{
position:relative;
display:grid;
grid-template-columns:1fr 1fr;
overflow:hidden;
max-width:1600px;
margin:0 auto;
background:url('../img/hero-bg.webp?v=20260418') center right / contain no-repeat;
background-color:#FEF4F4;
}
.hero::before{
content:'';
position:absolute;
bottom:0;
left:0;
right:0;
height:60%;
background:linear-gradient(to bottom,transparent 0%,rgba(254,244,244,0.4) 30%,rgba(254,244,244,0.8) 60%,#FEF4F4 85%);
z-index:3;
pointer-events:none;
}
.hero__content{
display:flex;
flex-direction:column;
justify-content:center;
padding:80px 48px 80px 64px;
z-index:5;
animation:fade-up 0.8s var(--ease-smooth) both;
}
.hero__badges{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-bottom:28px;
}
.hero__badge{
display:inline-flex;
align-items:center;
gap:8px;
padding:6px 16px;
border-radius:var(--radius-full);
font-family:var(--font-body);
font-weight:700;
font-size:11px;
text-transform:uppercase;
letter-spacing:0.12em;
animation:bounce-in 0.6s var(--ease-bounce) 0.3s both;
}
.hero__badge--location{
background:var(--white);
color:var(--ink-soft);
border:2px solid var(--gray-light);
}
.hero__badge--method{
background:var(--sunny-light);
color:var(--sunny-dark);
border:2px solid transparent;
animation-delay:0.45s;
}
.hero__badge--location::before{
content:'';
width:8px;
height:8px;
background:var(--ink-muted);
border-radius:50%;
animation:pulse-soft 2s infinite;
}
.hero__title{
font-family:var(--font-display);
font-weight:800;
font-size:clamp(36px,4.5vw,56px);
line-height:1.1;
letter-spacing:-0.02em;
color:var(--ink);
margin-bottom:8px;
}
.hero__title .highlight-coral{
color:var(--teal-dark);
}
.hero__title .highlight-teal{
color:var(--teal);
}
.hero__sub{
font-family:var(--font-body);
font-weight:500;
font-size:17px;
color:var(--ink-muted);
line-height:1.65;
max-width:480px;
margin-bottom:36px;
}
.hero__sub strong{
color:var(--ink);
font-weight:700;
}
.hero__cta-group{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:10px;
}
.hero__cta{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
font-family:var(--font-body);
font-weight:700;
font-size:17px;
color:var(--white);
background:linear-gradient(135deg,var(--coral),var(--coral-dark));
border:none;
border-radius:var(--radius-full);
padding:16px 36px;
cursor:pointer;
text-decoration:none;
box-shadow:var(--shadow-coral);
transition:all var(--duration-normal) var(--ease-bounce);
position:relative;
overflow:hidden;
}
.hero__cta::after{
content:'';
position:absolute;
inset:0;
background:linear-gradient(135deg,rgba(255,255,255,0.2),transparent);
opacity:0;
transition:opacity var(--duration-fast);
}
.hero__cta:hover{
transform:translateY(-3px) scale(1.03);
box-shadow:0 12px 40px rgba(255,107,107,0.35);
}
.hero__cta:hover::after{
opacity:1;
}
.hero__cta:active{
transform:translateY(-1px) scale(0.98);
}
.hero__cta-icon{
font-size:20px;
}
.hero__cta-micro{
font-family:var(--font-hand);
font-size:15px;
color:var(--ink-muted);
padding-left:4px;
}
.hero__visual{
position:relative;
display:flex;
align-items:center;
justify-content:center;
padding:48px;
z-index:2;
}
.hero__scene{
position:relative;
width:100%;
max-width:500px;
aspect-ratio:1;
}
.hero__blob{
position:absolute;
border-radius:var(--radius-blob);
z-index:2;
animation:blob-morph 8s ease-in-out infinite,float 6s ease-in-out infinite;
}
.hero__blob--coral{
width:280px;
height:280px;
background:linear-gradient(135deg,var(--coral),var(--peach));
top:28%;
left:15%;
opacity:0.35;
}
.hero__blob--teal{
width:200px;
height:200px;
background:linear-gradient(135deg,var(--teal),var(--sky));
bottom:15%;
right:10%;
opacity:0.3;
animation-delay:-3s;
}
.hero__blob--lavender{
width:160px;
height:160px;
background:linear-gradient(135deg,var(--lavender),var(--coral-light));
top:50%;
left:5%;
opacity:0.25;
animation-delay:-5s;
}
.hero__photo-pixar{
position:absolute;
bottom:-5%;
right:18%;
left:auto;
transform:none;
height:105%;
width:auto;
object-fit:contain;
z-index:10;
filter:drop-shadow(0 16px 48px rgba(45,42,74,0.22));
animation:fade-up 0.8s var(--ease-smooth) 0.3s both;
pointer-events:none;
}
.hero__soundwave{
position:absolute;
display:flex;
align-items:center;
gap:3px;
z-index:5;
}
.hero__soundwave--top{
top:18%;
right:15%;
}
.hero__soundwave--bottom{
bottom:22%;
left:18%;
}
.hero__soundwave-bar{
width:4px;
height:8px;
border-radius:var(--radius-full);
animation:sound-wave 1.2s ease-in-out infinite;
}
.hero__soundwave--top .hero__soundwave-bar{
background:var(--coral);
}
.hero__soundwave--bottom .hero__soundwave-bar{
background:var(--teal);
}
.hero__soundwave-bar:nth-child(1){
animation-delay:0s;
}
.hero__soundwave-bar:nth-child(2){
animation-delay:0.15s;
}
.hero__soundwave-bar:nth-child(3){
animation-delay:0.3s;
}
.hero__soundwave-bar:nth-child(4){
animation-delay:0.45s;
}
.hero__soundwave-bar:nth-child(5){
animation-delay:0.6s;
}
.hero__soundwave-bar:nth-child(6){
animation-delay:0.75s;
}
.hero__soundwave-bar:nth-child(7){
animation-delay:0.9s;
}
.header__logo{
height:72px;
width:auto;
align-self:flex-start;
margin-bottom:24px;
object-fit:contain;
}
.section{
max-width:800px;
margin:0 auto;
padding:80px 32px;
}
.section--wide{
max-width:1000px;
}
.section + .section:not(.autoridade):not(.faq):not(.fechamento){
border-top:2px dashed var(--gray-light);
}
.section--bg-warm{
background:var(--surface-warm);
}
.section--bg-cool{
background:linear-gradient(180deg,var(--cream) 0%,var(--coral-50) 100%);
}
.escalada__title{
font-family:var(--font-display);
font-weight:800;
font-size:clamp(28px,4vw,40px);
color:var(--ink);
line-height:1.15;
letter-spacing:-0.02em;
margin-bottom:48px;
}
.escalada__list{
list-style:none;
display:flex;
flex-direction:column;
gap:32px;
counter-reset:escalada;
position:relative;
}
.escalada__list::before{
content:'';
position:absolute;
left:15px;
top:36px;
bottom:16px;
width:2px;
background:var(--gray-light);
border-radius:var(--radius-full);
}
.escalada__list::after{
content:'';
position:absolute;
left:15px;
top:36px;
bottom:16px;
width:2px;
border-radius:var(--radius-full);
background:linear-gradient(to bottom,var(--lavender),var(--teal),var(--sky),var(--mint),var(--lavender-dark));
transform-origin:top;
transform:scaleY(0);
transition:transform 0.8s var(--ease-smooth);
z-index:0;
}
.escalada__list.line-active::after{
transform:scaleY(var(--line-progress,0));
}
.escalada__item{
position:relative;
padding-left:48px;
counter-increment:escalada;
}
.escalada__item::before{
content:counter(escalada);
position:absolute;
left:0;
top:2px;
width:32px;
height:32px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-family:var(--font-display);
font-weight:700;
font-size:14px;
color:var(--white);
background:var(--gray-warm);
transition:border-radius 0.6s var(--ease-bounce),background 0.5s var(--ease-smooth),transform 0.5s var(--ease-bounce);
z-index:1;
}
.escalada__item.is-visible::before{
border-radius:var(--radius-blob);
transform:scale(1.1);
}
.escalada__item:nth-child(1).is-visible::before{
background:var(--lavender);
}
.escalada__item:nth-child(2).is-visible::before{
background:var(--teal);
}
.escalada__item:nth-child(3).is-visible::before{
background:var(--sky);
}
.escalada__item:nth-child(4).is-visible::before{
background:var(--mint);
}
.escalada__item:nth-child(5).is-visible::before{
background:var(--lavender-dark);
}
.escalada__item p{
font-family:var(--font-body);
font-weight:500;
font-size:16px;
color:var(--ink-soft);
line-height:1.7;
}
.escalada__item strong{
color:var(--ink);
font-weight:700;
}
.escalada__item em{
color:var(--ink);
font-style:italic;
font-weight:600;
}
.beneficios__intro{
max-width:680px;
margin-bottom:48px;
}
.beneficios__title{
font-family:var(--font-display);
font-weight:800;
font-size:clamp(28px,4vw,40px);
color:var(--ink);
line-height:1.15;
letter-spacing:-0.02em;
margin-bottom:20px;
}
.beneficios__lead{
font-family:var(--font-body);
font-weight:500;
font-size:17px;
color:var(--ink-soft);
line-height:1.7;
}
.beneficios__lead strong{
color:var(--ink);
font-weight:700;
}
.beneficios__grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:20px;
margin-bottom:48px;
}
.beneficios__card{
position:relative;
background:var(--white);
border-radius:var(--radius-xl);
padding:32px 28px;
border:2px solid var(--gray-light);
transition:transform 0.3s var(--ease-smooth),border-color 0.3s,box-shadow 0.3s;
}
.beneficios__card:hover{
transform:translateY(-4px);
border-color:var(--teal);
box-shadow:var(--shadow-md);
}
.beneficios__card-badge{
display:flex;
align-items:center;
justify-content:center;
width:56px;
height:56px;
border-radius:var(--radius-blob);
font-size:28px;
line-height:1;
margin-bottom:20px;
box-shadow:inset 0 0 0 2px rgba(255,255,255,0.6);
transition:transform var(--duration-normal) var(--ease-bounce),border-radius 0.8s var(--ease-smooth);
}
.beneficios__card:hover .beneficios__card-badge{
transform:scale(1.08) rotate(-4deg);
border-radius:58% 42% 38% 62% / 42% 58% 42% 58%;
}
.beneficios__card:nth-child(1) .beneficios__card-badge{background:var(--lavender-light);}
.beneficios__card:nth-child(2) .beneficios__card-badge{background:var(--teal-light);}
.beneficios__card:nth-child(3) .beneficios__card-badge{background:var(--coral-light);}
.beneficios__card:nth-child(4) .beneficios__card-badge{background:var(--mint-light);}
.beneficios__card-title{
font-family:var(--font-display);
font-weight:700;
font-size:20px;
color:var(--ink);
line-height:1.3;
margin-bottom:12px;
}
.beneficios__card-desc{
font-family:var(--font-body);
font-weight:500;
font-size:15px;
color:var(--ink-soft);
line-height:1.65;
margin-bottom:16px;
}
.beneficios__card-result{
font-family:var(--font-hand);
font-size:16px;
color:var(--teal-dark);
line-height:1.5;
border-top:1px dashed var(--gray-light);
padding-top:14px;
margin:0;
}
.beneficios__transition{
font-family:var(--font-body);
font-weight:500;
font-size:17px;
color:var(--ink-soft);
line-height:1.7;
text-align:center;
max-width:680px;
margin:0 auto;
}
.beneficios__transition strong{
color:var(--ink);
font-weight:700;
}
.agendamento__intro{
max-width:640px;
margin-bottom:40px;
}
.agendamento__title{
font-family:var(--font-display);
font-weight:800;
font-size:clamp(28px,4vw,40px);
color:var(--ink);
line-height:1.15;
letter-spacing:-0.02em;
margin-bottom:12px;
}
.agendamento__subtitle{
font-family:var(--font-hand);
font-size:19px;
color:var(--ink-muted);
}
.agendamento__steps{
display:flex;
flex-direction:column;
gap:16px;
margin-bottom:40px;
}
.agendamento__step{
display:flex;
gap:20px;
align-items:flex-start;
background:var(--white);
border-radius:var(--radius-xl);
padding:24px 28px;
border:2px solid var(--gray-light);
transition:border-color 0.3s,transform 0.3s var(--ease-smooth);
}
.agendamento__step:hover{
border-color:var(--teal);
transform:translateX(4px);
}
.agendamento__step-num{
flex-shrink:0;
width:48px;
height:48px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-family:var(--font-display);
font-weight:800;
font-size:20px;
color:var(--white);
}
.agendamento__step:nth-child(1) .agendamento__step-num{background:var(--teal);}
.agendamento__step:nth-child(2) .agendamento__step-num{background:var(--coral);}
.agendamento__step:nth-child(3) .agendamento__step-num{background:var(--lavender);}
.agendamento__step-content{
flex:1;
min-width:0;
}
.agendamento__step-title{
font-family:var(--font-display);
font-weight:700;
font-size:19px;
color:var(--ink);
line-height:1.3;
margin:0 0 8px;
}
.agendamento__step-desc{
font-family:var(--font-body);
font-weight:500;
font-size:15px;
color:var(--ink-soft);
line-height:1.65;
margin:0;
}
.agendamento__cta-group{
text-align:center;
margin-bottom:28px;
}
.agendamento__cta{
display:inline-flex;
align-items:center;
gap:12px;
background:var(--teal);
color:var(--ink);
font-family:var(--font-display);
font-weight:700;
font-size:17px;
padding:18px 36px;
border-radius:var(--radius-full);
text-decoration:none;
box-shadow:var(--shadow-teal);
transition:transform 0.3s var(--ease-bounce),background 0.3s,box-shadow 0.3s;
}
.agendamento__cta:hover{
background:var(--teal-dark);
transform:translateY(-2px);
box-shadow:var(--shadow-lg);
}
.agendamento__cta:active{
transform:translateY(0);
}
.agendamento__cta svg{
width:22px;
height:22px;
fill:currentColor;
}
.agendamento__micro{
display:block;
font-family:var(--font-body);
font-size:14px;
color:var(--ink-muted);
margin-top:12px;
}
.agendamento__hook{
font-family:var(--font-hand);
font-size:20px;
color:var(--ink);
text-align:center;
font-style:italic;
margin:0;
}
.credibilidade__title{
font-family:var(--font-display);
font-weight:800;
font-size:clamp(28px,4vw,40px);
color:var(--ink);
line-height:1.15;
letter-spacing:-0.02em;
margin-bottom:12px;
text-align:center;
}
.credibilidade__subtitle{
font-family:var(--font-hand);
font-size:19px;
color:var(--ink-muted);
text-align:center;
margin-bottom:40px;
}
.credibilidade__approaches{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:16px;
margin-bottom:32px;
}
.credibilidade__approach{
background:var(--white);
border-radius:var(--radius-lg);
padding:24px 20px;
border:2px solid var(--gray-light);
text-align:center;
}
.credibilidade__approach-tag{
display:inline-block;
font-family:var(--font-display);
font-weight:700;
font-size:11px;
letter-spacing:0.1em;
text-transform:uppercase;
padding:4px 12px;
border-radius:var(--radius-full);
margin-bottom:12px;
}
.credibilidade__approach:nth-child(1) .credibilidade__approach-tag{background:var(--teal-light);color:var(--teal-dark);}
.credibilidade__approach:nth-child(2) .credibilidade__approach-tag{background:var(--coral-light);color:var(--coral-dark);}
.credibilidade__approach:nth-child(3) .credibilidade__approach-tag{background:var(--lavender-light);color:var(--lavender-dark);}
.credibilidade__approach-name{
font-family:var(--font-display);
font-weight:700;
font-size:17px;
color:var(--ink);
margin:0 0 8px;
}
.credibilidade__approach-desc{
font-family:var(--font-body);
font-weight:500;
font-size:13px;
color:var(--ink-soft);
line-height:1.55;
margin:0;
}
.credibilidade__guarantee{
background:var(--teal-50);
border-left:4px solid var(--teal);
border-radius:var(--radius-lg);
padding:28px 32px;
margin-bottom:24px;
}
.credibilidade__guarantee-label{
font-family:var(--font-display);
font-weight:700;
font-size:12px;
letter-spacing:0.1em;
text-transform:uppercase;
color:var(--teal-dark);
margin:0 0 12px;
}
.credibilidade__guarantee-quote{
font-family:var(--font-body);
font-weight:500;
font-size:17px;
color:var(--ink);
line-height:1.65;
margin:0 0 12px;
font-style:italic;
}
.credibilidade__guarantee-author{
font-family:var(--font-body);
font-weight:600;
font-size:14px;
color:var(--ink-soft);
margin:0;
}
.credibilidade__placeholder{
text-align:center;
padding:20px 24px;
border:2px dashed var(--gray-light);
border-radius:var(--radius-lg);
font-family:var(--font-body);
font-size:14px;
color:var(--ink-muted);
font-style:italic;
margin:0;
}
.metodo__intro{
max-width:640px;
margin-bottom:56px;
}
.metodo__bridge{
font-family:var(--font-body);
font-weight:500;
font-size:16px;
color:var(--ink-soft);
line-height:1.75;
margin-bottom:20px;
}
.metodo__bridge strong{
color:var(--ink);
font-weight:700;
}
.metodo__title{
font-family:var(--font-display);
font-weight:800;
font-size:clamp(28px,4vw,40px);
color:var(--ink);
line-height:1.15;
letter-spacing:-0.02em;
margin-bottom:12px;
}
.metodo__subtitle{
font-family:var(--font-hand);
font-size:19px;
color:var(--ink-muted);
}
.metodo__steps-label{
font-family:var(--font-display);
font-weight:700;
font-size:17px;
color:var(--ink-soft);
margin-top:16px;
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
}
.metodo__step-tag{
font-family:var(--font-display);
font-weight:800;
font-size:16px;
padding:4px 14px;
border-radius:var(--radius-full);
color:var(--ink);
}
.metodo__step-tag--afinar{background:var(--teal);}
.metodo__step-tag--harmonizar{background:var(--coral);}
.metodo__step-tag--sustentar{background:var(--lavender);}
.metodo__step-arrow{
color:var(--gray-warm);
font-size:14px;
}
.metodo__grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
margin-bottom:48px;
}
.metodo__card{
background:var(--white);
border:2px solid var(--gray-light);
border-radius:var(--radius-2xl);
overflow:hidden;
position:relative;
transition:all var(--duration-normal) var(--ease-bounce);
opacity:0;
transform:translateY(32px);
}
.metodo__card::before{
content:'';
position:absolute;
top:0;
left:0;
right:0;
height:4px;
z-index:3;
transition:height var(--duration-normal);
}
.metodo__card:hover::before{height:6px;}
.metodo__card:nth-child(1)::before{background:var(--teal);}
.metodo__card:nth-child(2)::before{background:var(--coral);}
.metodo__card:nth-child(3)::before{background:var(--lavender);}
.metodo__card.is-visible{
opacity:1;
transform:translateY(0);
transition:opacity 0.6s var(--ease-smooth),transform 0.6s var(--ease-bounce),box-shadow var(--duration-normal) var(--ease-bounce),border-color var(--duration-normal) var(--ease-bounce);
}
.metodo__card:nth-child(2).is-visible{
transition-delay:0.12s;
}
.metodo__card:nth-child(3).is-visible{
transition-delay:0.24s;
}
.metodo__card:hover{
transform:translateY(-8px);
box-shadow:var(--shadow-xl);
border-color:transparent;
}
.metodo__card-img{
width:100%;
aspect-ratio:4 / 5;
object-fit:cover;
display:block;
}
.metodo__card-step{
position:absolute;
top:16px;
left:16px;
width:40px;
height:40px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-family:var(--font-display);
font-weight:800;
font-size:18px;
color:var(--white);
box-shadow:var(--shadow-md);
z-index:2;
}
.metodo__card:nth-child(1) .metodo__card-step{
background:var(--teal);
}
.metodo__card:nth-child(2) .metodo__card-step{
background:var(--coral);
}
.metodo__card:nth-child(3) .metodo__card-step{
background:var(--lavender);
}
.metodo__card-body{
padding:24px;
}
.metodo__card-name{
font-family:var(--font-display);
font-weight:800;
font-size:24px;
margin-bottom:4px;
}
.metodo__card:nth-child(1) .metodo__card-name{
color:var(--teal);
}
.metodo__card:nth-child(2) .metodo__card-name{
color:var(--coral);
}
.metodo__card:nth-child(3) .metodo__card-name{
color:var(--lavender);
}
.metodo__card-tagline{
font-family:var(--font-hand);
font-size:16px;
color:var(--ink-muted);
margin-bottom:12px;
}
.metodo__card-desc{
font-family:var(--font-body);
font-weight:500;
font-size:14px;
color:var(--ink-muted);
line-height:1.65;
}
.metodo__card-result{
font-family:var(--font-body);
font-weight:700;
font-size:13px;
color:var(--ink);
margin-top:14px;
padding-top:14px;
border-top:1px solid var(--gray-light);
}
.metodo__premise{
font-family:var(--font-body);
font-weight:500;
font-size:15px;
color:var(--ink-muted);
line-height:1.7;
max-width:600px;
padding:24px 28px;
background:var(--teal-50);
border-left:3px solid var(--teal);
border-radius:0 var(--radius-md) var(--radius-md) 0;
}
.metodo__premise em{
color:var(--ink-soft);
font-style:italic;
font-weight:600;
}
.autoridade{
background:var(--surface-warm);
}
.autoridade__grid{
display:grid;
grid-template-columns:1fr 280px;
gap:48px;
align-items:start;
}
.autoridade__title{
font-family:var(--font-display);
font-weight:800;
font-size:clamp(24px,3.5vw,34px);
color:var(--ink);
line-height:1.2;
letter-spacing:-0.02em;
margin-bottom:32px;
}
.autoridade__text{
font-family:var(--font-body);
font-weight:500;
font-size:16px;
color:var(--ink-soft);
line-height:1.75;
margin-bottom:20px;
}
.autoridade__text strong{
color:var(--ink);
font-weight:700;
}
.autoridade__text em{
color:var(--ink);
font-style:italic;
font-weight:600;
}
.autoridade__signature{
font-family:var(--font-hand);
font-size:17px;
color:var(--ink-muted);
margin-top:28px;
padding-top:20px;
border-top:1px solid var(--gray-light);
}
.autoridade__photo{
width:100%;
border-radius:var(--radius-blob);
object-fit:cover;
box-shadow:var(--shadow-lg);
animation:blob-morph 8s ease-in-out infinite;
transition:box-shadow var(--duration-normal);
}
.autoridade__photo:hover{
box-shadow:var(--shadow-xl);
}
.oferta__text{
font-family:var(--font-body);
font-weight:500;
font-size:17px;
color:var(--ink-soft);
line-height:1.75;
margin-bottom:32px;
max-width:560px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.oferta__cta-group{
display:flex;
flex-direction:column;
align-items:center;
gap:8px;
}
.oferta__cta{
display:inline-flex;
align-items:center;
gap:10px;
padding:16px 32px;
font-family:var(--font-display);
font-weight:700;
font-size:17px;
color:var(--white);
background:linear-gradient(135deg,var(--coral),var(--coral-dark));
border:none;
border-radius:var(--radius-full);
cursor:pointer;
text-decoration:none;
box-shadow:var(--shadow-coral);
transition:all var(--duration-normal) var(--ease-bounce);
position:relative;
overflow:hidden;
}
.oferta__cta::after{
content:'';
position:absolute;
inset:0;
background:linear-gradient(135deg,rgba(255,255,255,0.2),transparent);
opacity:0;
transition:opacity var(--duration-fast);
}
.oferta__cta:hover{
transform:translateY(-3px) scale(1.03);
box-shadow:0 12px 40px rgba(255,107,107,0.35);
}
.oferta__cta:hover::after{opacity:1;}
.oferta__cta:active{
transform:translateY(-1px) scale(0.98);
}
.oferta__cta svg{
width:20px;
height:20px;
fill:currentColor;
}
.oferta__micro{
font-family:var(--font-body);
font-weight:500;
font-size:13px;
color:var(--ink-muted);
}
.faq{
background:var(--teal-50);
}
.faq__title{
font-family:var(--font-display);
font-weight:800;
font-size:clamp(24px,3.5vw,34px);
color:var(--ink);
line-height:1.2;
letter-spacing:-0.02em;
margin-bottom:40px;
}
.faq__list{
display:flex;
flex-direction:column;
gap:0;
}
.faq__item{
border-bottom:1px solid var(--gray-light);
}
.faq__item:first-child{
border-top:1px solid var(--gray-light);
}
.faq__question{
width:100%;
background:none;
border:none;
padding:20px 0;
font-family:var(--font-display);
font-weight:700;
font-size:16px;
color:var(--ink);
text-align:left;
cursor:pointer;
display:flex;
justify-content:space-between;
align-items:center;
gap:16px;
transition:color var(--duration-fast);
}
.faq__question:hover{
color:var(--coral);
}
.faq__question::after{
content:'+';
font-size:22px;
font-weight:400;
color:var(--teal);
transition:transform var(--duration-normal) var(--ease-bounce);
flex-shrink:0;
}
.faq__item.is-open .faq__question::after{
transform:rotate(45deg);
}
.faq__answer{
font-family:var(--font-body);
font-weight:500;
font-size:15px;
color:var(--ink-soft);
line-height:1.7;
max-height:0;
overflow:hidden;
transition:max-height 0.4s var(--ease-smooth),padding 0.3s var(--ease-smooth);
padding:0 0;
}
.faq__item.is-open .faq__answer{
max-height:200px;
padding:0 0 20px;
}
.fechamento{
text-align:center;
background:linear-gradient(180deg,var(--white) 0%,var(--coral-50) 100%);
}
.fechamento__scenarios{
display:grid;
grid-template-columns:1fr 1fr;
gap:24px;
margin-bottom:40px;
max-width:640px;
margin-left:auto;
margin-right:auto;
}
.fechamento__card{
padding:28px 24px;
border-radius:var(--radius-xl);
text-align:left;
transition:transform var(--duration-normal) var(--ease-bounce),box-shadow var(--duration-normal);
}
.fechamento__card:hover{
transform:translateY(-4px);
box-shadow:var(--shadow-md);
}
.fechamento__card--positive{
background:var(--teal-light);
border:2px solid var(--teal);
}
.fechamento__card--negative{
background:var(--gray-lightest);
border:2px solid var(--gray-light);
}
.fechamento__card-label{
font-family:var(--font-display);
font-weight:700;
font-size:14px;
text-transform:uppercase;
letter-spacing:0.05em;
margin-bottom:12px;
}
.fechamento__card--positive .fechamento__card-label{
color:var(--teal-dark);
}
.fechamento__card--negative .fechamento__card-label{
color:var(--ink-muted);
}
.fechamento__card-text{
font-family:var(--font-body);
font-weight:500;
font-size:15px;
color:var(--ink-soft);
line-height:1.65;
}
.fechamento__hook{
font-family:var(--font-display);
font-weight:700;
font-size:clamp(20px,3vw,26px);
color:var(--ink);
margin-bottom:24px;
}
.fechamento__cta-group{
display:flex;
flex-direction:column;
align-items:center;
gap:8px;
margin-bottom:20px;
}
.fechamento__cta{
display:inline-flex;
align-items:center;
gap:10px;
padding:18px 36px;
font-family:var(--font-display);
font-weight:700;
font-size:18px;
color:var(--white);
background:linear-gradient(135deg,var(--coral),var(--coral-dark));
border:none;
border-radius:var(--radius-full);
cursor:pointer;
text-decoration:none;
box-shadow:var(--shadow-coral);
transition:all var(--duration-normal) var(--ease-bounce);
position:relative;
overflow:hidden;
}
.fechamento__cta::after{
content:'';
position:absolute;
inset:0;
background:linear-gradient(135deg,rgba(255,255,255,0.2),transparent);
opacity:0;
transition:opacity var(--duration-fast);
}
.fechamento__cta:hover{
transform:translateY(-3px) scale(1.03);
box-shadow:0 12px 40px rgba(255,107,107,0.35);
}
.fechamento__cta:hover::after{opacity:1;}
.fechamento__cta:active{
transform:translateY(-1px) scale(0.98);
}
.fechamento__cta svg{
width:22px;
height:22px;
fill:currentColor;
}
.fechamento__micro{
font-family:var(--font-body);
font-weight:500;
font-size:13px;
color:var(--ink-muted);
}
.fechamento__local{
font-family:var(--font-body);
font-weight:500;
font-size:14px;
color:var(--ink-muted);
margin-top:12px;
}
.wpp-float{
position:fixed;
bottom:28px;
right:28px;
z-index:1000;
display:flex;
flex-direction:column;
align-items:flex-end;
gap:14px;
}
.wpp-float__bubble{
position:relative;
background:var(--white);
border-radius:var(--radius-xl);
padding:20px 24px;
box-shadow:var(--shadow-lg);
max-width:272px;
border:2px solid var(--gray-light);
opacity:0;
transform:translateY(16px) scale(0.85);
pointer-events:none;
transition:opacity 0.5s var(--ease-smooth),transform 0.5s var(--ease-bounce),border-color var(--duration-normal);
}
.wpp-float__bubble::after{
content:'';
position:absolute;
bottom:-10px;
right:28px;
width:20px;
height:20px;
background:var(--white);
border-radius:50%;
box-shadow:var(--shadow-sm);
border:2px solid var(--gray-light);
border-top-color:transparent;
border-left-color:transparent;
}
.wpp-float__bubble::before{
content:'';
position:absolute;
bottom:-18px;
right:22px;
width:10px;
height:10px;
background:var(--white);
border-radius:50%;
box-shadow:var(--shadow-sm);
}
.wpp-float__bubble.is-visible{
opacity:1;
transform:translateY(0) scale(1);
pointer-events:auto;
border-color:var(--teal-light);
}
.wpp-float__bubble-header{
display:flex;
align-items:center;
gap:10px;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid var(--gray-light);
}
.wpp-float__bubble-avatar{
width:36px;
height:36px;
border-radius:var(--radius-blob);
object-fit:cover;
border:2px solid var(--teal-light);
animation:blob-morph 8s ease-in-out infinite;
}
.wpp-float__bubble-name{
font-family:var(--font-display);
font-weight:700;
font-size:14px;
color:var(--ink);
}
.wpp-float__bubble-status{
font-family:var(--font-body);
font-weight:600;
font-size:10px;
color:var(--teal);
display:flex;
align-items:center;
gap:4px;
}
.wpp-float__bubble-status::before{
content:'';
width:6px;
height:6px;
border-radius:50%;
background:var(--teal);
animation:pulse-soft 2s infinite;
}
.wpp-float__bubble-text{
font-family:var(--font-body);
font-weight:500;
font-size:14px;
color:var(--ink-soft);
line-height:1.6;
}
.wpp-float__bubble-time{
font-family:var(--font-body);
font-weight:500;
font-size:10px;
color:var(--gray-warm);
text-align:right;
margin-top:6px;
}
.wpp-float__bubble-close{
position:absolute;
top:10px;
right:12px;
background:var(--gray-light);
border:none;
width:20px;
height:20px;
border-radius:50%;
font-size:12px;
color:var(--ink-muted);
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
padding:0;
line-height:1;
transition:all var(--duration-fast);
}
.wpp-float__bubble-close:hover{
background:var(--coral-light);
color:var(--coral-dark);
}
.wpp-float__typing{
display:inline-flex;
align-items:center;
gap:5px;
padding:6px 12px;
background:var(--teal-50);
border-radius:var(--radius-full);
}
.wpp-float__typing-dot{
width:7px;
height:7px;
border-radius:50%;
background:var(--teal);
animation:wpp-typing 1.2s ease-in-out infinite;
}
.wpp-float__typing-dot:nth-child(2){animation-delay:0.15s;}
.wpp-float__typing-dot:nth-child(3){animation-delay:0.3s;}
@keyframes wpp-typing{
0%,60%,100%{opacity:0.3;transform:translateY(0);}
30%{opacity:1;transform:translateY(-5px);}
}
.wpp-float__btn{
width:64px;
height:64px;
border-radius:var(--radius-blob);
background:linear-gradient(135deg,var(--teal),var(--teal-dark));
border:3px solid var(--white);
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
box-shadow:var(--shadow-teal);
transition:all var(--duration-normal) var(--ease-bounce);
text-decoration:none;
position:relative;
animation:float 6s ease-in-out infinite,blob-morph 8s ease-in-out infinite;
}
.wpp-float__btn:hover{
transform:scale(1.12) translateY(-4px);
box-shadow:0 12px 40px rgba(78,205,196,0.45);
animation-play-state:paused;
}
.wpp-float__btn:active{
transform:scale(0.95);
}
.wpp-float__btn svg{
width:30px;
height:30px;
fill:var(--white);
filter:drop-shadow(0 1px 2px rgba(0,0,0,0.15));
}
.wpp-float__btn::before{
content:'';
position:absolute;
inset:-6px;
border-radius:var(--radius-blob);
background:var(--teal-light);
opacity:0;
animation:wpp-pulse 2.5s ease-out infinite,blob-morph 8s ease-in-out infinite;
z-index:-1;
}
@keyframes wpp-pulse{
0%{transform:scale(1);opacity:0.5;}
100%{transform:scale(1.6);opacity:0;}
}
.wpp-float__btn.is-nudging{
animation:wpp-nudge 0.7s var(--ease-bounce) 3;
}
@keyframes wpp-nudge{
0%,100%{transform:rotate(0deg) scale(1);}
15%{transform:rotate(-14deg) scale(1.12);}
30%{transform:rotate(12deg) scale(1.14);}
45%{transform:rotate(-10deg) scale(1.1);}
60%{transform:rotate(7deg) scale(1.06);}
75%{transform:rotate(-3deg) scale(1.02);}
}
.wpp-float__badge{
position:absolute;
top:-4px;
right:-4px;
width:22px;
height:22px;
border-radius:50%;
background:linear-gradient(135deg,var(--coral),var(--coral-dark));
color:var(--white);
font-family:var(--font-display);
font-weight:800;
font-size:11px;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 2px 8px rgba(255,107,107,0.4);
border:2px solid var(--white);
opacity:0;
transform:scale(0);
transition:all 0.4s var(--ease-bounce);
}
.wpp-float__badge.is-visible{
opacity:1;
transform:scale(1);
}
.footer{
background:var(--ink);
color:var(--gray-light);
padding:48px 32px 32px;
}
.footer__inner{
max-width:900px;
margin:0 auto;
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:40px;
}
.footer__col-title{
font-family:var(--font-display);
font-weight:700;
font-size:14px;
color:var(--white);
text-transform:uppercase;
letter-spacing:0.06em;
margin-bottom:12px;
}
.footer__text{
font-family:var(--font-body);
font-weight:500;
font-size:14px;
color:var(--gray-warm);
line-height:1.65;
}
.footer__link{
font-family:var(--font-body);
font-weight:500;
font-size:14px;
color:var(--gray-warm);
text-decoration:none;
display:flex;
align-items:center;
gap:8px;
transition:color var(--duration-fast) var(--ease-smooth);
}
.footer__link:hover{
color:var(--white);
}
.footer__link svg{
width:18px;
height:18px;
fill:currentColor;
flex-shrink:0;
}
.footer__links{
display:flex;
flex-direction:column;
gap:10px;
}
.footer__bar{
max-width:900px;
margin:32px auto 0;
padding-top:20px;
border-top:1px solid rgba(255,255,255,0.1);
font-family:var(--font-body);
font-weight:500;
font-size:12px;
color:var(--gray-warm);
text-align:center;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
}
.footer__logo{
height:40px;
width:auto;
opacity:0.5;
filter:brightness(2);
transition:opacity var(--duration-normal);
}
.footer__logo:hover{
opacity:0.8;
}
/* ═══════════════════════════════════════════════════
   PATCH 2026-05-01,Audit fixes
   Credentials line, Inimigos block, Oferta pricing, Footer areas
   ═══════════════════════════════════════════════════ */

/* Hero,linha de credenciais discreta abaixo das badges */
.hero__credentials{
display:flex;
flex-wrap:wrap;
gap:8px 16px;
align-items:center;
margin:0 0 22px;
padding:0;
font-family:var(--font-body);
font-weight:600;
font-size:13px;
color:var(--ink-soft);
line-height:1.5;
animation:fade-up 0.6s var(--ease-smooth) 0.45s both;
}
.hero__credentials-item{
display:inline-flex;
align-items:center;
gap:7px;
}
.hero__credentials-item::before{
content:'';
width:6px;
height:6px;
background:var(--teal);
border-radius:50%;
flex-shrink:0;
}

/* Inimigos,O que eu nao faco (Pilar 2 do AVATAR) */
.inimigos{
text-align:center;
}
.inimigos__title{
font-family:var(--font-display);
font-weight:800;
font-size:clamp(28px,4vw,40px);
color:var(--ink);
line-height:1.15;
letter-spacing:-0.02em;
margin:0 0 10px;
}
.inimigos__lead{
font-family:var(--font-hand);
font-size:19px;
color:var(--ink-muted);
margin:0 auto 36px;
max-width:520px;
line-height:1.5;
}
.inimigos__list{
list-style:none;
padding:0;
margin:0 auto;
max-width:680px;
display:flex;
flex-direction:column;
gap:14px;
text-align:left;
}
.inimigos__item{
display:flex;
align-items:flex-start;
gap:16px;
background:var(--white);
border-radius:var(--radius-lg);
border:2px solid var(--coral-light);
padding:20px 24px;
box-shadow:var(--shadow-sm);
transition:transform var(--duration-normal) var(--ease-smooth),box-shadow var(--duration-normal) var(--ease-smooth),border-color var(--duration-normal) var(--ease-smooth);
}
.inimigos__item:hover{
transform:translateY(-2px);
box-shadow:var(--shadow-md);
border-color:var(--coral);
}
.inimigos__no{
flex-shrink:0;
display:inline-flex;
align-items:center;
justify-content:center;
font-family:var(--font-display);
font-weight:800;
font-size:13px;
letter-spacing:0.1em;
text-transform:uppercase;
color:var(--coral-dark);
background:var(--coral-light);
padding:7px 14px;
border-radius:var(--radius-full);
min-width:56px;
margin-top:1px;
}
.inimigos__text{
font-family:var(--font-body);
font-weight:500;
font-size:16px;
color:var(--ink-soft);
line-height:1.6;
margin:0;
flex:1;
}
.inimigos__text strong{
color:var(--ink);
font-weight:700;
}

/* Oferta,bloco de preco/pagamento */
.oferta__pricing{
max-width:560px;
margin:24px auto 32px;
padding:22px 28px;
background:var(--sunny-light);
border-left:4px solid var(--sunny-dark);
border-radius:var(--radius-md);
font-family:var(--font-body);
font-weight:500;
font-size:15px;
color:var(--ink-soft);
line-height:1.7;
text-align:center;
}
.oferta__pricing strong{
color:var(--ink);
font-weight:700;
}

/* Footer,4a coluna de areas */
.footer__areas{
list-style:none;
padding:0;
margin:0;
display:flex;
flex-direction:column;
gap:8px;
}
.footer__areas li{
margin:0;
}
.footer__areas .footer__link{
font-size:13px;
color:var(--gray-warm);
gap:6px;
}
.footer__areas .footer__link::before{
content:'→';
color:var(--teal);
font-weight:700;
display:inline-block;
transition:transform var(--duration-fast) var(--ease-smooth);
}
.footer__areas .footer__link:hover::before{
transform:translateX(3px);
}

/* Footer,grid 4 colunas em desktop quando ha lista de areas */
@media (min-width:901px){
.footer__inner{
grid-template-columns:1.2fr 1fr 1fr 1.3fr;
max-width:1080px;
}
}

@media (max-width:900px){
.section{
padding:56px 24px;
}
.metodo__grid{
grid-template-columns:1fr;
max-width:420px;
margin-left:auto;
margin-right:auto;
}
.metodo__card:nth-child(2).is-visible,
.metodo__card:nth-child(3).is-visible{
transition-delay:0s;
}
.footer__inner{
grid-template-columns:1fr;
gap:28px;
}
.footer{
padding-bottom:calc(32px + 80px + env(safe-area-inset-bottom,0px));
}
.autoridade__grid{
grid-template-columns:1fr;
}
.autoridade__photo{
width:200px;
height:220px;
max-width:200px;
object-fit:cover;
margin:0 auto;
display:block;
}
.metodo__card-img{
height:200px;
aspect-ratio:auto;
object-fit:cover;
}
.fechamento__scenarios{
grid-template-columns:1fr;
max-width:400px;
}
}
@media (max-width:480px){
.section{
padding:40px 20px;
}
.escalada__item{
padding-left:40px;
}
.escalada__item::before{
width:28px;
height:28px;
font-size:12px;
}
.oferta__cta,
.fechamento__cta{
width:100%;
justify-content:center;
font-size:16px;
padding:16px 28px;
min-height:52px;
}
.oferta__cta svg,
.fechamento__cta svg{
width:22px;
height:22px;
}
.oferta__micro,
.fechamento__micro{
text-align:center;
}
.wpp-float{
bottom:16px;
right:16px;
bottom:calc(16px + env(safe-area-inset-bottom,0px));
}
.wpp-float__btn{
width:60px;
height:60px;
animation:none;
border-radius:var(--radius-blob);
}
.wpp-float__btn::before{
border-radius:var(--radius-blob);
animation:wpp-pulse 2.5s ease-out infinite;
}
.wpp-float__btn svg{
width:28px;
height:28px;
}
.wpp-float__bubble{
max-width:calc(100vw - 48px);
padding:16px 18px;
position:fixed !important;
bottom:calc(86px + env(safe-area-inset-bottom,0px));
right:16px;
left:16px;
width:auto;
}
.wpp-float__bubble::after{
right:20px;
}
.wpp-float__bubble::before{
right:14px;
}
.wpp-float__bubble-avatar{
width:32px;
height:32px;
animation:none;
border-radius:var(--radius-blob);
}
.wpp-float__badge{
top:-3px;
right:-3px;
width:20px;
height:20px;
font-size:10px;
}
}
@media (max-width:900px){
.hero{
grid-template-columns:1fr;
background:url('../img/mobile-hero.webp?v=20260418') center top / cover no-repeat;
background-color:#FEF4F4;
}
.hero::before{
height:35%;
background:linear-gradient(to bottom,transparent 0%,rgba(254,244,244,0.3) 50%,#FEF4F4 100%);
}
.hero__content{
padding:48px 24px 32px;
text-align:center;
align-items:center;
}
.header__logo{
align-self:center;
height:60px;
}
.hero__badges{
justify-content:center;
}
.hero__title{
font-size:clamp(28px,7vw,42px);
}
.hero__sub{
font-size:15px;
max-width:100%;
}
.hero__cta-group{
align-items:center;
}
.hero__visual{
padding:24px;
min-height:350px;
}
.hero__scene{
max-width:320px;
}
.hero__photo-pixar{
height:80%;
}
.hero__blob--teal,
.hero__blob--lavender{
display:none;
}
.hero__blob--coral{
width:200px;
height:200px;
}
.hero__blob--teal{
width:150px;
height:150px;
}
.hero__blob--lavender{
width:120px;
height:120px;
}
}
@media (max-width:480px){
.hero__content{
padding:36px 20px 24px;
}
.hero__title{
font-size:clamp(24px,8vw,34px);
}
.hero__badge{
font-size:10px;
padding:5px 12px;
}
.hero__cta{
font-size:16px;
padding:16px 28px;
width:100%;
justify-content:center;
min-height:52px;
}
.hero__cta-micro{
font-size:13px;
text-align:center;
}
.hero__visual{
min-height:280px;
padding:16px;
}
}
.reading-progress{
position:fixed;
top:0;
left:0;
right:0;
height:3px;
background:transparent;
z-index:10000;
pointer-events:none;
}
.reading-progress__bar{
height:100%;
width:0;
background:linear-gradient(90deg,var(--teal),var(--coral) 60%,var(--lavender));
border-radius:0 var(--radius-full) var(--radius-full) 0;
transform-origin:left;
transition:width 80ms linear;
box-shadow:0 0 12px rgba(255,107,107,0.25);
}
.hero__title .highlight-coral,
.hero__title .highlight-teal{
position:relative;
padding-bottom:2px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 10' preserveAspectRatio='none'%3E%3Cpath d='M3 6 Q 20 1 40 6 T 80 6 T 120 6 T 157 6' fill='none' stroke='%234ECDC4' stroke-width='2.5' stroke-linecap='round' opacity='0.55'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:0 100%;
background-size:0% 10px;
animation:squiggly-draw 0.9s var(--ease-smooth) 1s forwards;
}
@keyframes squiggly-draw{
to{background-size:100% 10px;}
}
.hero__cta::before,
.oferta__cta::before,
.fechamento__cta::before{
content:'';
position:absolute;
top:0;
left:-60%;
width:40%;
height:100%;
background:linear-gradient(120deg,
transparent 0%,
rgba(255,255,255,0.35) 45%,
rgba(255,255,255,0.5) 50%,
rgba(255,255,255,0.35) 55%,
transparent 100%);
transform:skewX(-20deg);
animation:cta-shimmer 5.5s ease-in-out 2s infinite;
pointer-events:none;
z-index:1;
}
@keyframes cta-shimmer{
0%,18%,100%{left:-60%;opacity:0;}
2%{opacity:1;}
15%{left:160%;opacity:0.9;}
}
.hero__cta > *,
.oferta__cta > *,
.fechamento__cta > *{
position:relative;
z-index:2;
}
.beneficios__card,
.agendamento__step,
.credibilidade__approach,
.credibilidade__guarantee,
.fechamento__card,
.faq__item,
.escalada__item,
.autoridade__content > p,
.autoridade__signature,
.autoridade__photo{
opacity:0;
transform:translateY(18px);
transition:opacity 0.7s var(--ease-smooth),transform 0.7s var(--ease-smooth);
will-change:opacity,transform;
}
.reveal-ready.is-visible,
.beneficios__card.is-visible,
.agendamento__step.is-visible,
.credibilidade__approach.is-visible,
.credibilidade__guarantee.is-visible,
.fechamento__card.is-visible,
.faq__item.is-visible,
.escalada__item.is-visible,
.autoridade__content > p.is-visible,
.autoridade__signature.is-visible,
.autoridade__photo.is-visible{
opacity:1;
transform:translateY(0);
}
.beneficios__card:nth-child(2).is-visible{transition-delay:0.08s;}
.beneficios__card:nth-child(3).is-visible{transition-delay:0.16s;}
.beneficios__card:nth-child(4).is-visible{transition-delay:0.24s;}
.agendamento__step:nth-child(2).is-visible{transition-delay:0.1s;}
.agendamento__step:nth-child(3).is-visible{transition-delay:0.2s;}
.credibilidade__approach:nth-child(2).is-visible{transition-delay:0.08s;}
.credibilidade__approach:nth-child(3).is-visible{transition-delay:0.16s;}
.fechamento__card:nth-child(2).is-visible{transition-delay:0.1s;}
a:focus,
button:focus{
outline:none;
}
a:focus-visible,
button:focus-visible{
outline:3px solid var(--teal);
outline-offset:3px;
border-radius:var(--radius-sm);
}
.hero__cta:focus-visible,
.oferta__cta:focus-visible,
.fechamento__cta:focus-visible,
.agendamento__cta:focus-visible,
.wpp-float__btn:focus-visible{
outline-offset:4px;
}
section{
scroll-margin-top:32px;
}
.autoridade__photo{
position:relative;
transition:box-shadow var(--duration-normal),transform 0.6s var(--ease-smooth);
}
.autoridade__photo:hover{
transform:translateY(-4px);
}
@media (prefers-reduced-motion:reduce){
.hero__cta::before,
.oferta__cta::before,
.fechamento__cta::before{
animation:none;
}
.hero__title .highlight-coral,
.hero__title .highlight-teal{
animation:none;
background-size:100% 10px;
}
.beneficios__card,
.servicos__card,
.agendamento__step,
.credibilidade__approach,
.credibilidade__guarantee,
.fechamento__card,
.faq__item,
.escalada__item,
.autoridade__content > p,
.autoridade__signature,
.autoridade__photo{
opacity:1;
transform:none;
transition:none;
}
}
/* ─────── HERO BACK LINK ─────── */
.hero__back-link{
display:inline-flex;
align-items:center;
gap:4px;
font-family:var(--font-body);
font-weight:600;
font-size:13px;
color:var(--teal-dark);
text-decoration:none;
padding:6px 12px;
background:var(--teal-light);
border-radius:999px;
transition:background 0.3s var(--ease-smooth),color 0.3s var(--ease-smooth),transform 0.3s var(--ease-smooth);
}
.hero__back-link:hover{
background:var(--teal);
color:var(--white);
transform:translateX(-2px);
}
.hero__back-link:focus-visible{
outline:3px solid var(--teal);
outline-offset:3px;
}
/* ─────── OUTROS SERVIÇOS ─────── */
.servicos__intro{
max-width:720px;
margin-bottom:44px;
}
.servicos__title{
font-family:var(--font-display);
font-weight:800;
font-size:clamp(28px,4vw,40px);
color:var(--ink);
line-height:1.15;
letter-spacing:-0.02em;
margin-bottom:18px;
}
.servicos__lead{
font-family:var(--font-body);
font-weight:500;
font-size:17px;
color:var(--ink-soft);
line-height:1.7;
}
.servicos__lead strong{
color:var(--ink);
font-weight:700;
}
.servicos__grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:20px;
}
.servicos__card{
position:relative;
background:var(--white);
border-radius:var(--radius-xl);
padding:28px 24px;
border:2px solid var(--gray-light);
transition:transform 0.3s var(--ease-smooth),border-color 0.3s,box-shadow 0.3s;
}
.servicos__card:hover{
transform:translateY(-4px);
border-color:var(--teal);
box-shadow:var(--shadow-md);
}
.servicos__card-badge{
display:flex;
align-items:center;
justify-content:center;
width:48px;
height:48px;
border-radius:var(--radius-blob);
font-size:24px;
line-height:1;
margin-bottom:16px;
box-shadow:inset 0 0 0 2px rgba(255,255,255,0.6);
transition:transform var(--duration-normal) var(--ease-bounce),border-radius 0.8s var(--ease-smooth);
}
.servicos__card:hover .servicos__card-badge{
transform:scale(1.08) rotate(-4deg);
border-radius:58% 42% 38% 62% / 42% 58% 42% 58%;
}
.servicos__card:nth-child(1) .servicos__card-badge{background:var(--lavender-light);}
.servicos__card:nth-child(2) .servicos__card-badge{background:var(--teal-light);}
.servicos__card:nth-child(3) .servicos__card-badge{background:var(--coral-light);}
.servicos__card:nth-child(4) .servicos__card-badge{background:var(--mint-light);}
.servicos__card:nth-child(5) .servicos__card-badge{background:var(--lavender-light);}
.servicos__card:nth-child(6) .servicos__card-badge{background:var(--teal-light);}
.servicos__card-title{
font-family:var(--font-display);
font-weight:700;
font-size:19px;
color:var(--ink);
line-height:1.3;
margin-bottom:10px;
}
.servicos__card-desc{
font-family:var(--font-body);
font-weight:500;
font-size:15px;
color:var(--ink-soft);
line-height:1.6;
margin:0 0 16px 0;
}
.servicos__card-link{
display:inline-flex;
align-items:center;
gap:6px;
font-family:var(--font-body);
font-weight:600;
font-size:14px;
color:var(--teal);
text-decoration:none;
transition:color 0.3s var(--ease-smooth);
}
.servicos__card-link::before{
content:'';
position:absolute;
inset:0;
border-radius:inherit;
}
.servicos__card-link .arrow{
display:inline-block;
transition:transform 0.3s var(--ease-smooth);
}
.servicos__card:hover .servicos__card-link{
color:var(--coral);
}
.servicos__card:hover .servicos__card-link .arrow{
transform:translateX(4px);
}
.servicos__card-link:focus-visible{
outline:3px solid var(--teal);
outline-offset:4px;
border-radius:var(--radius-md);
}