@charset "UTF-8"; /* Landing do Ritmo Leve. * * Cores e superfícies vêm de temas.css (claro/escuro/automático). Nada de fonte * ou imagem de terceiros: a CSP da origem não carrega, e a página abre rápido * no 4G. As ilustrações são CSS e SVG desenhados na própria página. */ /* --- Base ----------------------------------------------------------------- */ *{box-sizing:border-box} [hidden]{display:none!important} html{scroll-behavior:smooth;scroll-padding-top:24px} body{margin:0;background:var(--plano);color:var(--tinta);font:16px/1.6 system-ui,-apple-system,'Segoe UI',sans-serif} a{color:inherit;text-decoration:none} button,select{font:inherit} a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--acento);outline-offset:5px} .pagina{width:min(1120px,calc(100% - 48px));margin-inline:auto} .central{text-align:center} .pular{position:absolute;top:-100px} .pular:focus{top:12px;left:12px;z-index:5;background:var(--superficie);padding:12px} .oculto-visual,.armadilha{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .sprite{position:absolute;width:0;height:0;overflow:hidden} .icone{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} /* --- Topo ----------------------------------------------------------------- */ .topo{display:flex;align-items:center;justify-content:space-between;min-height:102px;gap:24px} .marca{display:inline-flex;align-items:center;gap:8px;font-weight:750;font-size:25px;letter-spacing:-1px} .marca img{height:32px;width:auto} .topo nav{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;font-size:14px;font-weight:600} .entrar{border:1px solid var(--borda);border-radius:100px;padding:10px 20px} .entrar-profissional{border-color:var(--acento);color:var(--acento)} /* Logotipo: uma versão para fundo claro, outra para fundo escuro. Mesmo critério de temas.css — respeita a escolha manual e, no automático, o sistema. */ .logo-escura{display:none} :root[data-modo='escuro'] .logo-clara{display:none} :root[data-modo='escuro'] .logo-escura{display:block} @media (prefers-color-scheme: dark){ :root:not([data-modo='claro']) .logo-clara{display:none} :root:not([data-modo='claro']) .logo-escura{display:block} } /* --- Peças comuns --------------------------------------------------------- */ .etiqueta{font-size:11px;font-weight:750;letter-spacing:1.6px;color:var(--acento);margin:0 0 20px} .etiqueta>span{font-size:9px;margin-right:8px} .acoes{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:28px} .botao{min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 21px;border-radius:12px;font-weight:650;font-size:14px;border:1px solid transparent;transition:transform .15s} .botao:hover{transform:translateY(-2px)} .principal{background:#256abf;color:#fff} .secundario{background:var(--superficie);color:var(--tinta);border-color:var(--borda)} .link{font-size:14px;text-decoration:underline;text-underline-offset:5px} .nota{font-size:12px;color:var(--tinta-2);margin:12px 0 0} .cabecalho-secao h2,.duvidas h2,.convite h2{font-size:clamp(29px,3.6vw,42px);line-height:1.17;letter-spacing:-1.5px;margin:0 0 16px;font-weight:650} .cabecalho-secao>p:last-child{color:var(--tinta-2);max-width:640px} .cabecalho-secao.central>p:last-child{margin-inline:auto} .legenda-demo{text-align:center;color:var(--tinta-2);font-size:10px;margin:24px 0 0} /* Aviso regulatório com classe própria: nenhum script de preço mira nele. */ .aviso-regulatorio{text-align:center;max-width:620px;font-size:13px;line-height:1.8;color:var(--tinta-2);margin:30px auto 0} .selo-estado{display:inline-block;margin-left:10px;padding:3px 10px;border-radius:100px;font-size:10px;letter-spacing:1px;font-weight:750;border:1px solid var(--borda);color:var(--tinta-2);vertical-align:middle} .selo-estado[data-estado="aberto"]{border-color:var(--sucesso-txt);color:var(--sucesso-txt)} .barra{display:block;height:6px;border-radius:6px;overflow:hidden;background:color-mix(in srgb,var(--tinta) 10%,transparent)} .barra b{display:block;height:100%;border-radius:6px;background:var(--acento)} .l-45{width:45%} .l-60{width:60%} .l-70{width:70%} /* --- Hero ----------------------------------------------------------------- */ .hero{display:grid;grid-template-columns:1.08fr 1fr;gap:64px;align-items:center;padding-block:48px 64px} .hero h1{font-size:clamp(42px,5.2vw,66px);line-height:1.08;letter-spacing:-2.6px;margin:0 0 26px;font-weight:700} .hero h1 em{font-style:normal;color:var(--acento)} .descricao{max-width:470px;font-size:18px;line-height:1.7;color:var(--tinta-2)} .descricao strong{color:var(--tinta);font-weight:650} .aviso-medico{font-size:14px;border-left:3px solid var(--acento);padding-left:14px;margin-top:18px} .compatibilidade{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--tinta-2);margin-top:30px} .compatibilidade>span{border-bottom:1px solid var(--borda);padding-bottom:3px} .compatibilidade small{width:100%;font-size:11px;margin-top:-8px} .vitrine{position:relative;padding:34px;border-radius:42px;background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--acento) 22%,transparent),transparent 72%),var(--superficie-2)} .telefone{width:min(318px,100%);margin:auto;padding:23px 19px 12px;border:5px solid var(--tinta);border-radius:34px;background:var(--plano);box-shadow:0 24px 40px #0002;transform:rotate(3deg)} .telefone-topo{display:flex;justify-content:space-between;align-items:center} .marca-mini{font-size:18px;font-weight:750;letter-spacing:-.8px} .avatar{display:grid;place-items:center;background:var(--superficie-2);border-radius:50%;width:27px;height:27px} .telefone-data{font-size:9px;letter-spacing:1.5px;color:var(--tinta-2);margin:22px 0 6px} .telefone-titulo{font-size:21px;font-weight:700;letter-spacing:-.6px;line-height:1.2;margin:0 0 16px} .cartao-demo{border-radius:17px;padding:18px} .destaque-demo{background:#256abf;color:#fff} .mini-legenda{font-size:9px;letter-spacing:1.4px;opacity:.8} .destaque-demo strong{display:block;font-size:20px;line-height:1.3;letter-spacing:-.4px;margin-top:8px} .destaque-demo p{font-size:11px;opacity:.9;margin:4px 0 10px} .linha-demo{display:flex;align-items:end;gap:9px;height:34px} .linha-demo i{width:100%;height:35%;background:#ffffff8a;border-radius:3px} .linha-demo i:nth-child(2n){height:50%} .linha-demo i:nth-child(3n){height:75%} .linha-demo i:last-child{height:100%;background:#fff} .dupla-demo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px} .dupla-demo>div{padding:12px;border:1px solid var(--borda);border-radius:13px} .dupla-demo .icone{display:block;width:18px;height:18px;color:var(--acento);margin-bottom:5px} .dupla-demo strong{display:block;font-size:12px} .dupla-demo small{font-size:9px;color:var(--tinta-2)} .metas-demo{display:grid;gap:8px;margin-top:10px;padding:12px;border:1px solid var(--borda);border-radius:13px} .metas-demo>div{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:8px;font-size:9px;color:var(--tinta-2)} .registro-demo{display:flex;gap:10px;align-items:center;background:var(--superficie-2);padding:12px;margin:10px 0;border-radius:12px} .registro-demo>span{color:var(--sucesso-txt)} .registro-demo strong{display:block;font-size:11px} .registro-demo small{font-size:9px;color:var(--tinta-2)} .abas-demo{display:flex;justify-content:space-between;font-size:9px;padding-top:13px;border-top:1px solid var(--borda);color:var(--tinta-2)} .abas-demo b{color:var(--acento)} .selo-flutuante{position:absolute;left:-18px;top:5px;z-index:1;transform:rotate(-5deg);background:var(--superficie);padding:12px 18px;border:1px solid var(--borda);border-radius:12px;box-shadow:var(--sombra);font-size:12px;font-weight:600} .selo-flutuante>span{color:var(--sucesso-txt);margin-right:8px} .selo-peso{left:auto;right:-14px;top:auto;bottom:134px;transform:rotate(4deg);display:flex;align-items:center;gap:10px} .selo-peso strong{display:block;line-height:1.2} .selo-peso small{display:block;font-size:10px;font-weight:400;color:var(--tinta-2)} .faisca{width:64px;height:22px;fill:none;stroke:var(--acento);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round} /* --- Faixa das frentes ---------------------------------------------------- */ .frentes{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:34px;border-bottom:1px solid var(--borda)} .frentes a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--borda);border-radius:100px;background:var(--superficie);font-size:13px;font-weight:600;transition:border-color .15s} .frentes a:hover{border-color:var(--acento)} .frentes .icone{width:17px;height:17px;color:var(--acento)} /* --- O que o app entrega -------------------------------------------------- */ .recursos{padding-block:64px 84px} .grade-frentes{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:42px} .frente{grid-column:span 2;display:flex;flex-direction:column;padding:28px;border:1px solid var(--borda);border-radius:22px;background:var(--superficie);scroll-margin-top:24px;transition:border-color .15s} .frente:hover{border-color:color-mix(in srgb,var(--acento) 45%,transparent)} .frente-larga{grid-column:span 4;display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:start} .frente-larga>.mini{align-self:center} .frente-inteira{grid-column:span 6;grid-template-columns:1.5fr 1fr} .frente-cabeca{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px} .frente-cabeca .icone{width:42px;height:42px;padding:10px;border-radius:13px;color:var(--acento);background:color-mix(in srgb,var(--acento) 12%,transparent)} .frente-cabeca span{font-size:12px;font-weight:750;letter-spacing:1px;color:var(--tinta-3)} .frente h3{font-size:21px;letter-spacing:-.5px;line-height:1.25;margin:0 0 4px} .frente-lema{font-size:14px;font-weight:600;margin:0 0 16px} .lista-entregas{list-style:none;padding:0;margin:0} .lista-entregas li{position:relative;padding-left:20px;margin:0 0 10px;color:var(--tinta-2);font-size:14px;line-height:1.7} .lista-entregas li:last-child{margin-bottom:0} .lista-entregas li:before{content:'\2713';position:absolute;left:0;color:var(--acento);font-weight:700} /* Quadros ilustrativos dentro dos cartões: decorativos, sempre aria-hidden. */ .mini{margin-top:auto;padding:16px;border-radius:16px;background:var(--superficie-2)} .frente>.lista-entregas:not(:last-child){margin-bottom:20px} .mini>p{font-size:9px;letter-spacing:1.5px;font-weight:750;color:var(--tinta-2);margin:0 0 12px} .mini small{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:10px;color:var(--tinta-2);margin-top:12px} .mini small b{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--acento)} .mini small b:not(:first-child){margin-left:8px} .mini small b.fraco{opacity:.3} .mini small b.vazio{background:transparent;border:1.5px dashed var(--acento)} .mini-locais>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px} .mini-locais i{aspect-ratio:1;border-radius:50%;background:var(--acento);opacity:.18} .mini-locais .p-1{opacity:1} .mini-locais .p-3{opacity:.55} .mini-locais .p-5{opacity:.3} .mini-locais .p-6{opacity:.8} .mini-locais .p-8{opacity:.42} .mini-metas{display:grid;gap:10px} .mini-metas>div{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:10px;font-size:11px;color:var(--tinta-2)} .mini-series>div,.mini-anexos>div{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--borda);font-size:11px;color:var(--tinta-2)} .mini-series>p+div,.mini-anexos>p+div{border-top:0;padding-top:0} .mini-series>div:last-child,.mini-anexos>div:last-child{padding-bottom:0} .mini-series>div>b,.mini-series em,.mini-anexos b{color:var(--tinta);font-weight:650;font-style:normal;font-variant-numeric:tabular-nums} .mini-series>div>i:not(.barra){font-style:normal;font-weight:700;color:var(--acento)} .mini-anexos>div{grid-template-columns:auto 1fr} .mini-anexos span{min-width:44px;padding:2px 6px;border:1px solid color-mix(in srgb,var(--acento) 40%,transparent);border-radius:6px;font-size:9px;font-weight:750;letter-spacing:1px;text-align:center;color:var(--acento)} .mini-grafico{padding:14px 0 0;overflow:hidden} .mini-grafico svg{display:block;width:100%;height:64px} .mini-grafico path{fill:none;stroke:var(--acento);stroke-width:2.5;stroke-linejoin:round;vector-effect:non-scaling-stroke} .mini-grafico .area{stroke:none;fill:color-mix(in srgb,var(--acento) 14%,transparent)} .mini-mes>div{display:grid;grid-template-columns:repeat(7,1fr);gap:6px} .mini-mes i{aspect-ratio:1;border-radius:7px;background:color-mix(in srgb,var(--tinta) 8%,transparent)} .mini-mes .d-a{background:var(--acento)} .mini-mes .d-o{background:color-mix(in srgb,var(--acento) 30%,transparent)} .mini-mes .d-p{background:transparent;border:1.5px dashed var(--acento)} /* --- Um dia com o Ritmo Leve ---------------------------------------------- */ .rotina{padding-block:76px;background:var(--superficie-2);border-block:1px solid var(--borda)} .linha-dia{list-style:none;padding:0;margin:66px 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;position:relative} .linha-dia:before{content:'';position:absolute;left:0;right:0;top:-24px;height:2px;background:linear-gradient(90deg,var(--acento),color-mix(in srgb,var(--acento) 15%,transparent))} .linha-dia li{position:relative;padding:20px;border:1px solid var(--borda);border-radius:18px;background:var(--plano)} .linha-dia li:before{content:'';position:absolute;top:-30px;left:20px;width:12px;height:12px;border-radius:50%;background:var(--acento);box-shadow:0 0 0 5px var(--superficie-2)} .linha-dia .hora{font-size:11px;font-weight:750;letter-spacing:1px;color:var(--acento);font-variant-numeric:tabular-nums} .linha-dia .icone{position:absolute;top:19px;right:18px;color:var(--tinta-3)} .linha-dia h3{font-size:16px;letter-spacing:-.3px;line-height:1.3;margin:14px 0 6px} .linha-dia p{font-size:13px;line-height:1.7;color:var(--tinta-2);margin:0} .rotina .nota{margin-top:26px} /* --- Perguntas, profissões, para quem ------------------------------------- */ .dores{padding-block:76px 30px} .para-quem{padding-block:20px 70px} .grade-dores{display:grid;grid-template-columns:1fr 1fr;gap:26px 30px;margin-top:38px} .grade-dores article{border-top:1px solid var(--borda);padding-top:22px} .grade-dores h3{font-size:19px;letter-spacing:-.4px;line-height:1.35;margin:0 0 10px} .grade-dores p{color:var(--tinta-2);font-size:14px;line-height:1.8;margin:0} .grade-perguntas,.grade-profissoes{grid-template-columns:repeat(3,1fr)} .grade-profissoes .nome-plano{margin-bottom:6px} .profissionais{padding-block:76px 80px} .grade-recursos{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:42px} .grade-recursos article{border-top:1px solid var(--borda);padding-top:25px} .grade-recursos h3{font-size:19px;letter-spacing:-.5px;margin:16px 0 8px} .grade-recursos p{color:var(--tinta-2);font-size:14px;line-height:1.8;margin:0} .grade-como{grid-template-columns:repeat(5,1fr);gap:24px;margin-top:34px} .grade-como h3{font-size:16px;margin-top:0} #comecar-profissional{margin-top:26px} /* --- Privacidade ---------------------------------------------------------- */ /* Faixa com cores próprias, iguais nos dois modos: é o azul-marinho da marca. Os textos não usam as variáveis de tinta porque o fundo não muda com o tema. */ .privacidade{margin-top:46px;padding-block:80px;color:#fff;background:radial-gradient(ellipse 60% 85% at 100% 0%,#2a78d640,transparent 70%),radial-gradient(ellipse 50% 70% at 0% 100%,#2a78d62b,transparent 70%),#0b1526} .privacidade .etiqueta{display:flex;align-items:center;gap:8px;color:#8dbdff} .privacidade .etiqueta .icone{width:16px;height:16px} .privacidade .cabecalho-secao>p:last-child{color:#c0cbdc;max-width:560px} .privacidade a:focus-visible{outline-color:#8dbdff} .grade-privacidade{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 30px;margin-top:46px} .grade-privacidade article{border-top:1px solid #ffffff24;padding-top:22px} .grade-privacidade h3{font-size:17px;letter-spacing:-.3px;margin:0 0 8px} .grade-privacidade p{font-size:14px;line-height:1.8;color:#c0cbdc;margin:0} /* --- Planos --------------------------------------------------------------- */ .planos{padding-block:76px;background:var(--superficie-2);border-block:1px solid var(--borda)} .grupo-planos{text-align:center;font-size:15px;letter-spacing:1.5px;text-transform:uppercase;color:var(--tinta-2);margin:54px 0 0} .grupo-planos:first-of-type{margin-top:40px} .grade-planos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:870px;margin:46px auto 0} .grupo-planos+.grade-planos{margin-top:22px} .plano{position:relative;border:1px solid var(--borda);border-radius:23px;padding:35px;background:var(--plano)} .plano.anual{border:2px solid var(--acento);padding:34px} .nome-plano{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--tinta-2);margin:0 0 10px} .plano h3{font-size:23px;letter-spacing:-.8px;margin:0} .preco{font-size:42px;font-weight:700;letter-spacing:-1.5px;margin:20px 0 0;white-space:normal;overflow-wrap:break-word} .preco span{font-size:14px;font-weight:400;color:var(--tinta-2);letter-spacing:0} .periodo{font-size:12px;min-height:40px;color:var(--tinta-2);margin:5px 0 14px} .plano ul{list-style:none;padding:20px 0 16px;margin:0;border-top:1px solid var(--borda);font-size:13px} .plano li{margin:10px 0;padding-left:22px;position:relative} .plano li:before{content:'\2713';position:absolute;left:0;color:var(--acento);font-weight:700} .plano .botao{width:100%} .plano .nota{min-height:38px;font-size:11px} .selo-economia{position:absolute;right:22px;top:-15px;background:var(--acento);color:#fff;border-radius:100px;padding:6px 13px;font-size:10px;font-weight:750;letter-spacing:1px} .rodape-planos{text-align:center;max-width:590px;font-size:13px;line-height:1.8;color:var(--tinta-2);margin:27px auto 0} .planos>.pagina>.nota{text-align:center;margin-top:22px} /* --- Dúvidas, novidades, convite, rodapé ---------------------------------- */ .duvidas{display:grid;grid-template-columns:1fr 1.3fr;gap:65px;padding-block:94px} .perguntas details{border-bottom:1px solid var(--borda);padding:18px 0} .perguntas details:first-child{padding-top:0} .perguntas summary{cursor:pointer;font-size:15px;font-weight:600;min-height:32px} .perguntas p{font-size:14px;color:var(--tinta-2);line-height:1.8} .novidades{border-top:1px solid var(--borda);padding-block:70px} .novidades .cabecalho-secao{max-width:560px} #form-novidades{margin-top:30px;max-width:620px} .campos-novidades{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch} #email-novidades{flex:1 1 260px;min-height:52px;padding:13px 17px;border:1px solid var(--borda);border-radius:12px;background:var(--superficie);color:var(--tinta);font:inherit;font-size:15px} #email-novidades::placeholder{color:var(--tinta-3)} #email-novidades:focus-visible{outline:3px solid var(--acento);outline-offset:2px;border-color:var(--acento)} #form-novidades .botao{flex:0 0 auto} .aceite{display:flex;gap:11px;align-items:flex-start;margin-top:18px;font-size:13px;line-height:1.65;color:var(--tinta-2);max-width:560px;cursor:pointer} .aceite input{flex:0 0 auto;width:18px;height:18px;margin-top:2px;accent-color:var(--acento)} .aceite input:focus-visible{outline:3px solid var(--acento);outline-offset:3px} .aviso-novidades{font-size:13px;line-height:1.7;margin:14px 0 0;min-height:1px} .aviso-novidades:empty{margin:0} .aviso-novidades[data-tipo="ok"]{color:var(--sucesso-txt);font-weight:600} .aviso-novidades[data-tipo="erro"]{color:var(--critico)} .aviso-novidades[data-tipo="neutro"]{color:var(--tinta-2)} .convite{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--borda);padding-block:50px} .convite h2{font-size:31px;margin:0} .convite h2+p{font-size:14px;color:var(--tinta-2);margin:8px 0 0} .convite .acoes{margin-top:0} .rodape{padding-block:30px 35px;border-top:1px solid var(--borda)} .rodape .marca img{height:28px} .rodape>p{font-size:13px;color:var(--tinta-2);margin:4px 0 22px} .rodape>div{display:flex;gap:24px;align-items:center;flex-wrap:wrap;font-size:12px} .rodape label{margin-left:auto;display:flex;gap:10px;align-items:center} .rodape select{min-height:44px;background:var(--superficie);color:var(--tinta);border:1px solid var(--borda);border-radius:8px;padding:5px 8px} .rodape>small{display:block;font-size:11px;color:var(--tinta-2);margin-top:25px} /* --- Larguras intermediárias ---------------------------------------------- */ @media(min-width:761px) and (max-width:1000px){ .grade-frentes{grid-template-columns:repeat(2,1fr)} .frente{grid-column:span 1} .frente-larga,.frente-inteira{grid-column:span 2} .grade-perguntas{grid-template-columns:repeat(2,1fr)} .grade-profissoes{grid-template-columns:1fr} .grade-como{grid-template-columns:repeat(2,1fr)} .grade-privacidade{grid-template-columns:repeat(2,1fr)} } /* A linha do dia só cabe deitada com cinco colunas largas; abaixo disso ela fica de pé, com a linha do tempo na lateral. */ @media(max-width:1000px){ .linha-dia{grid-template-columns:1fr;gap:14px;margin-top:40px;padding-left:26px} .linha-dia:before{left:5px;right:auto;top:6px;bottom:6px;width:2px;height:auto;background:linear-gradient(180deg,var(--acento),color-mix(in srgb,var(--acento) 15%,transparent))} .linha-dia li:before{top:22px;left:-26px} } /* --- Celular -------------------------------------------------------------- */ /* Dois logins no topo (diário e área do profissional). No celular os atalhos de seção saem do topo — o hero já leva a Planos e a Profissionais — e os dois logins descem para a linha de baixo se não couberem ao lado da marca. */ @media(max-width:760px){ .pagina{width:calc(100% - 36px)} .topo{flex-wrap:wrap;row-gap:12px;padding-block:14px;min-height:0} .topo nav{gap:10px;flex-wrap:wrap} .topo nav>a:not(.entrar){display:none} .entrar{padding:9px 14px} .marca{font-size:22px} .marca img{height:28px} .hero{grid-template-columns:1fr;gap:46px;padding-block:30px 46px} .hero h1{font-size:clamp(36px,11vw,50px);letter-spacing:-2px} .hero h1 br{display:none} .hero h1 em{display:block} .descricao{font-size:16px} .aviso-medico{font-size:13px;margin-top:14px} .vitrine{width:min(390px,100%);justify-self:center;padding:30px 22px} .selo-flutuante{left:4px} .selo-peso{left:auto;right:4px;bottom:120px} .frentes{padding-bottom:26px} .recursos{padding-block:46px 58px} .grade-frentes{grid-template-columns:1fr;gap:16px;margin-top:28px} .frente,.frente-larga,.frente-inteira{grid-column:auto;padding:22px} .frente-larga{grid-template-columns:1fr;gap:20px} .rotina{padding-block:55px} .dores{padding-block:55px 10px} .para-quem{padding-block:10px 45px} .grade-dores,.grade-perguntas,.grade-profissoes{grid-template-columns:1fr;gap:22px;margin-top:26px} .profissionais{padding-block:55px} .grade-recursos{grid-template-columns:1fr;gap:26px;margin-top:28px} .grade-como{grid-template-columns:1fr;gap:22px} .selo-estado{margin-left:6px} .privacidade{margin-top:30px;padding-block:55px} .grade-privacidade{grid-template-columns:1fr;gap:24px;margin-top:30px} .planos{padding-block:55px} .grade-planos{grid-template-columns:minmax(0,1fr);gap:35px;max-width:440px} .plano{padding:28px} .plano.anual{padding:27px} .preco{font-size:38px} .duvidas{grid-template-columns:1fr;gap:28px;padding-block:60px} .novidades{padding-block:52px} .campos-novidades{flex-direction:column} #email-novidades{flex:0 0 auto;width:100%} #form-novidades .botao{width:100%} .convite{flex-direction:column;align-items:flex-start;padding-block:36px} .rodape label{margin-left:0} } @media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto} .botao,.frente,.frentes a{transition:none} } /* A chave de idioma é um