/* Página de captura: IA de atendimento no consultório. Herda tokens, grão, header, herói, blocos e diagrama de style.css. Aqui só o que é desta página. Estados escondidos ficam sob .lp-anim, classe posta pelo script do : sem JS, tudo aparece. */ .lp .header__brand { cursor: default; } .lp main { overflow-x: clip; } /* ---------- abertura + herói (o modelo da home: copy, depois o monograma em partículas que se desfaz com o scroll enquanto a headline sobe) ---------- */ html:not(.lp-anim) .preloader { display: none; } .lp-mono-fixo { display: none; position: absolute; left: 50%; top: 50%; height: 50%; transform: translate(-50%, -50%); opacity: 0.14; } html:not(.lp-anim) .lp-mono-fixo { display: block; } html:not(.lp-anim) .hero__canvas, html:not(.lp-anim) .hero__scroll { display: none; } html:not(.lp-anim) .hero__title .hw > span { transform: none; } html:not(.lp-anim) .hero__sub, html:not(.lp-anim) .hero__cta { opacity: 1; transform: none; } .lp-hero .hero__label { white-space: nowrap; } @media (max-width: 880px) { .lp-hero .hero__label { white-space: normal; text-wrap: balance; max-width: 20em; margin: 0 auto; } } .lp-hero .hero__cta { flex-direction: column; align-items: center; gap: 1.15rem; } .lp-micro { font-size: 0.8rem; line-height: 1.65; color: var(--txt-3); max-width: 38em; text-align: center; } @media (max-width: 880px) { .lp-hero .hero__cta .btn-main { width: min(100%, 22rem); justify-content: center; } } /* ---------- a porta: a recepção dele, paciente por paciente ---------- sem animação (ou sem JS) a cena fica no estado final, tudo à vista: quatro conversas paradas, a agenda vazia, os quatro parágrafos. */ .lp-porta { position: relative; } .lp-porta__pin { min-height: 100vh; min-height: 100svh; display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); align-items: center; column-gap: clamp(2rem, 5vw, 6rem); padding: clamp(5rem, 10vh, 7rem) clamp(1.5rem, 6vw, 6rem); } .lp-porta__label { display: block; margin-bottom: 1.6rem; } .lp-porta__beats { position: relative; font-size: clamp(1rem, 1.35vw, 1.22rem); line-height: 1.6; color: var(--txt-2); } .lp-beat { max-width: 24em; } .lp-beat + .lp-beat { margin-top: 1.8rem; } .lp-beat strong { display: block; margin-bottom: 0.5em; color: var(--branco); font-weight: 800; font-size: 1.5em; line-height: 1.12; letter-spacing: -0.025em; } .lp-beat--fim strong { color: var(--laranja); text-transform: uppercase; } .lp-anim .lp-porta__beats { min-height: 13em; } .lp-anim .lp-beat { position: absolute; left: 0; top: 0; margin: 0; opacity: 0; transform: translateY(16px); } .lp-porta__fig { perspective: 1400px; } .lp-tela { width: min(100%, 540px); margin-left: auto; border: 1px solid var(--linha); border-radius: 20px; background: rgba(255, 255, 255, 0.025); box-shadow: 0 50px 90px -50px rgba(0, 0, 0, 0.9); overflow: hidden; transform-style: preserve-3d; will-change: transform, opacity; } .lp-anim .lp-tela { opacity: 0; } .lp-tela__topo, .lp-tela__pe { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.05rem 1.4rem; } .lp-tela__topo { border-bottom: 1px solid var(--linha); } .lp-tela__pe { border-top: 1px solid var(--linha); padding-bottom: 1.2rem; } .lp-tela__titulo, .lp-tela__conta { font-size: 0.6rem; font-weight: 600; letter-spacing: 0.28em; text-transform: uppercase; color: var(--txt-3); } .lp-tela__titulo { color: var(--txt-2); } .lp-tela__conta b { color: var(--laranja); font-weight: 700; font-variant-numeric: tabular-nums; } .lp-conv { list-style: none; margin: 0; padding: 0.35rem 0; } .lp-conv__item { position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 0.95rem; padding: 0.95rem 1.4rem; opacity: 0.42; will-change: transform, opacity; } .lp-conv__item + .lp-conv__item::before { content: ''; position: absolute; left: calc(1.4rem + 40px + 0.95rem); right: 1.4rem; top: 0; height: 1px; background: var(--linha); } .lp-conv__av { width: 40px; height: 40px; border-radius: 50%; background: var(--grafite); color: var(--branco); display: grid; place-items: center; font-size: 0.95rem; font-weight: 600; } .lp-conv__corpo { display: flex; flex-direction: column; gap: 0.22rem; min-width: 0; } .lp-conv__nome { color: var(--branco); font-weight: 600; font-size: 0.95rem; } .lp-conv__msg { color: var(--txt-2); font-size: 0.9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .lp-conv__st { position: relative; min-width: 8.5em; text-align: right; font-size: 0.56rem; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; white-space: nowrap; } .lp-conv__nova { display: inline-flex; align-items: center; gap: 0.55em; color: var(--laranja); opacity: 0; } .lp-conv__nova::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--laranja); } .lp-conv__morta { position: absolute; right: 0; top: 0; color: var(--txt-3); } .lp-anim .lp-conv__item { opacity: 0; transform: translateY(22px); } .lp-anim .lp-conv__nova { opacity: 1; } .lp-anim .lp-conv__morta { opacity: 0; } .lp-vagas { display: flex; gap: 0.45rem; } .lp-vaga { position: relative; width: 58px; height: 30px; border: 1px dashed rgba(255, 255, 255, 0.22); border-radius: 7px; display: grid; place-items: center; font-size: 0.56rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--branco); } .lp-vaga__on { position: absolute; inset: -1px; border: 1px solid var(--laranja); border-radius: 7px; opacity: 0; } .lp-vaga__nome { position: relative; opacity: 0; } @media (max-width: 880px) { .lp-porta__pin { grid-template-columns: minmax(0, 1fr); align-content: start; row-gap: 1.8rem; padding: 5.6rem 1.25rem 3rem; } .lp-porta__label { margin-bottom: 1.1rem; } .lp-porta__beats { font-size: 0.95rem; line-height: 1.55; } .lp-anim .lp-porta__beats { min-height: 11.5em; } .lp-beat strong { font-size: 1.4em; } .lp-tela { width: 100%; margin-left: 0; border-radius: 16px; } .lp-tela__topo, .lp-tela__pe { padding: 0.85rem 1rem; } .lp-conv__item { grid-template-columns: 34px minmax(0, 1fr) auto; gap: 0.75rem; padding: 0.75rem 1rem; } .lp-conv__item + .lp-conv__item::before { left: calc(1rem + 34px + 0.75rem); right: 1rem; } .lp-conv__av { width: 34px; height: 34px; font-size: 0.85rem; } .lp-conv__nome { font-size: 0.88rem; } .lp-conv__msg { font-size: 0.82rem; } .lp-conv__st { min-width: 7.2em; font-size: 0.5rem; letter-spacing: 0.16em; } .lp-vaga { width: 46px; height: 26px; font-size: 0.5rem; } } /* ---------- a situação ---------- */ .lp-frases { list-style: none; display: grid; gap: clamp(1.6rem, 3.6vh, 2.6rem); max-width: 58rem; } .lp-frases li { position: relative; padding-left: clamp(1.4rem, 2.6vw, 2.4rem); font-size: clamp(1.18rem, 2.25vw, 2rem); line-height: 1.32; font-weight: 600; letter-spacing: -0.015em; color: var(--branco); transition: color 0.6s var(--ease-out); } .lp-frases li::before { content: ""; position: absolute; left: 0; top: 0.18em; bottom: 0.18em; width: 2px; background: var(--laranja); transform-origin: top; transition: transform 0.7s var(--ease-out), background-color 0.6s var(--ease-out); } .lp-anim .lp-frases li { color: rgba(255, 255, 255, 0.2); } .lp-anim .lp-frases li::before { transform: scaleY(0); } .lp-anim .lp-frases li.is-lit { color: var(--branco); } .lp-anim .lp-frases li.is-lit::before { transform: scaleY(1); } .lp-apos-manifesto { margin-top: clamp(2rem, 4vh, 3rem); } /* ---------- a conta ---------- */ .lp-calc__semjs { margin-top: 1.4em; } .lp-js .lp-calc__semjs { display: none; } .lp-calc { display: none; } .lp-js .lp-calc { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: clamp(2rem, 4vw, 4rem); margin-top: clamp(2.6rem, 6vh, 4rem); align-items: start; } .lp-calc__form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.4rem, 2.4vw, 2rem) clamp(1.2rem, 2vw, 2rem); } .lp-calc__form .field--full { grid-column: 1 / -1; } .lp-calc__form .field__label em { font-style: normal; color: var(--txt-3); text-transform: none; letter-spacing: 0.02em; } .lp-calc__form .field__input { font-size: 1rem; } /* área de toque e respiro para a mensagem de erro, que fica fora do fluxo */ .lp-calc__form { row-gap: 2.6rem; } .lp-calc__form .field__input { min-height: 44px; } .lp .sub-footer__nav a { display: inline-block; padding: 0.95rem 0.2rem; } .lp .sub-footer__nav { gap: 0 1.6rem; } .lp-calc__nota { grid-column: 1 / -1; font-size: 0.78rem; line-height: 1.6; color: var(--txt-3); } .lp-calc__saida { border: 1px solid var(--linha); border-radius: 18px; background: rgba(255, 255, 255, 0.025); padding: clamp(1.6rem, 2.6vw, 2.4rem); min-height: 100%; } .lp-calc__saida .label { display: block; margin-bottom: 1.4rem; } .lp-calc__vazio { color: var(--txt-3); font-size: 0.95rem; line-height: 1.7; } .lp-calc__lista { display: grid; gap: 1.3rem; } .lp-calc__lista > div { padding-top: 1.3rem; border-top: 1px solid var(--linha); } .lp-calc__lista > div:first-child { padding-top: 0; border-top: 0; } .lp-calc__lista dt { font-size: 0.72rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--txt-3); line-height: 1.5; } .lp-calc__lista dd { margin-top: 0.4rem; font-size: clamp(1.4rem, 2.2vw, 1.9rem); font-weight: 750; letter-spacing: -0.02em; color: var(--branco); font-variant-numeric: tabular-nums; } .lp-calc__lista dd small { display: block; margin-top: 0.3rem; font-size: 0.86rem; font-weight: 450; letter-spacing: 0; line-height: 1.5; color: var(--txt-2); } .lp-calc__destaque dd { font-size: clamp(3rem, 6vw, 4.6rem); line-height: 1; font-weight: 850; color: var(--laranja); } .lp-calc__obs { margin-top: 1.5rem; padding-top: 1.3rem; border-top: 1px solid var(--linha); font-size: 0.86rem; line-height: 1.65; color: var(--txt-2); } .lp-calc [hidden] { display: none; } .lp-dados { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.6rem, 3vw, 3rem); margin-top: clamp(3rem, 7vh, 5rem); } .lp-dado { border-left: 1px solid var(--laranja); padding-left: clamp(1.1rem, 2vw, 1.8rem); } .lp-dado blockquote { font-size: clamp(1rem, 1.35vw, 1.2rem); line-height: 1.6; color: var(--branco); } .lp-dado figcaption { margin-top: 1rem; font-size: 0.74rem; line-height: 1.55; letter-spacing: 0.04em; color: var(--txt-3); } /* ---------- cada um fez a sua parte ---------- */ .lp-partes { list-style: none; margin: clamp(2.4rem, 5vh, 3.6rem) 0; max-width: 56rem; border-top: 1px solid var(--linha); } .lp-partes li { padding: clamp(1.1rem, 2.2vh, 1.5rem) 0; border-bottom: 1px solid var(--linha); font-size: clamp(1rem, 1.45vw, 1.3rem); line-height: 1.5; color: var(--txt-2); } .lp-partes strong { color: var(--branco); font-weight: 650; white-space: nowrap; } .lp-partes li:last-child strong { color: var(--laranja); } /* ---------- circuito fechado ---------- */ .lp-circ { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(2rem, 5vw, 5rem); margin-top: clamp(3rem, 7vh, 5rem); align-items: start; } .lp-circ__fig { position: sticky; top: clamp(5.5rem, 12vh, 8rem); display: flex; justify-content: center; } .lp .lp-circuito { width: min(100%, 470px); margin: 0; } .lp-circuito .d-rotulo { font-size: 12px; letter-spacing: 0.18em; } .lp-circuito .c-base { stroke: rgba(255, 255, 255, 0.14); } .lp-circuito .c-no .d-alvo { transition: fill 0.5s var(--ease-out); } .lp-circuito .c-no .d-rotulo { transition: fill 0.5s var(--ease-out); } .lp-circuito.is-scrub .c-no .d-alvo { fill: rgba(255, 255, 255, 0.22); } .lp-circuito.is-scrub .c-no .d-rotulo { fill: rgba(255, 255, 255, 0.3); } .lp-circuito.is-scrub .c-no.is-on .d-alvo { fill: var(--laranja); } .lp-circuito.is-scrub .c-no.is-on .d-rotulo { fill: rgba(255, 255, 255, 0.92); } .lp-circuito .c-centro { transition: opacity 0.8s var(--ease-out); } .lp-circuito.is-scrub .c-centro { opacity: 0; } .lp-circuito.is-scrub.is-fechado .c-centro { opacity: 1; } .lp-metade + .lp-metade { margin-top: clamp(2.6rem, 6vh, 4rem); } .lp-metade .label { display: block; margin-bottom: 1.2rem; } .lp-servicos { list-style: none; border-top: 1px solid var(--linha); } .lp-servicos li { display: grid; grid-template-columns: minmax(0, 8.5rem) minmax(0, 1fr); gap: 0.4rem 1.6rem; padding: clamp(1.1rem, 2.2vh, 1.5rem) 0; border-bottom: 1px solid var(--linha); } .lp-servicos h3 { font-size: 0.82rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--branco); line-height: 1.5; } .lp-servicos p { font-size: clamp(0.92rem, 1.1vw, 1.02rem); line-height: 1.65; color: var(--txt-2); } .lp-metade--ia .label { color: var(--laranja); } .lp-metade--ia .lp-servicos { border-top-color: var(--laranja); } .lp-metade--ia .lp-servicos li { grid-template-columns: minmax(0, 1fr); border-bottom: 0; } .lp-metade--ia h3 { color: var(--laranja); font-size: 0.9rem; } .lp-metade--ia p { color: rgba(255, 255, 255, 0.82); font-size: clamp(0.98rem, 1.2vw, 1.1rem); } .lp-laco { margin-top: clamp(3rem, 7vh, 5rem); } /* ---------- prova ---------- */ .lp-numeros { margin-top: clamp(1rem, 3vh, 2rem); } .lp .lp-numeros { padding: 0; max-width: none; margin: clamp(2.8rem, 6vh, 4.2rem) 0 0; } .lp-numeros .num__value { font-size: clamp(3rem, 6.4vw, 6rem); } /* ---------- perguntas ---------- */ .lp-faq { max-width: 56rem; margin-top: clamp(2.4rem, 5vh, 3.6rem); border-top: 1px solid var(--linha); } .lp-faq details { border-bottom: 1px solid var(--linha); } .lp-faq summary { list-style: none; position: relative; cursor: pointer; padding: clamp(1.2rem, 2.4vh, 1.6rem) 3rem clamp(1.2rem, 2.4vh, 1.6rem) 0; font-size: clamp(1.02rem, 1.5vw, 1.32rem); font-weight: 600; line-height: 1.4; color: var(--branco); transition: color 0.3s var(--ease-out); } .lp-faq summary::-webkit-details-marker { display: none; } .lp-faq summary::before, .lp-faq summary::after { content: ""; position: absolute; right: 0.35rem; top: 50%; width: 14px; height: 1.5px; background: var(--laranja); transition: transform 0.4s var(--ease-out); } .lp-faq summary::after { transform: rotate(90deg); } .lp-faq details[open] summary::after { transform: rotate(0deg); } .lp-faq summary:hover { color: var(--laranja); } .lp-faq summary:focus-visible { outline: 1px solid var(--laranja); outline-offset: 4px; } .lp-faq details p { padding: 0 3rem clamp(1.4rem, 2.6vh, 1.8rem) 0; font-size: clamp(0.94rem, 1.15vw, 1.05rem); line-height: 1.75; color: var(--txt-2); max-width: 44em; } /* ---------- checklist ---------- */ .lp-check { max-width: 56rem; margin-top: clamp(2.4rem, 5vh, 3.6rem); border-top: 1px solid var(--linha); } .lp-check label { position: relative; display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 1.1rem; align-items: start; padding: clamp(1.05rem, 2.1vh, 1.4rem) 0; border-bottom: 1px solid var(--linha); cursor: pointer; font-size: clamp(1rem, 1.4vw, 1.25rem); line-height: 1.45; color: var(--txt-2); transition: color 0.3s var(--ease-out); } .lp-check input { position: absolute; opacity: 0; width: 26px; height: 26px; margin: 0; cursor: pointer; } .lp-check__caixa { position: relative; width: 26px; height: 26px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 6px; transition: background-color 0.3s var(--ease-out), border-color 0.3s var(--ease-out); } .lp-check__caixa::after { content: ""; position: absolute; left: 8px; top: 3.5px; width: 7px; height: 13px; border: solid var(--preto); border-width: 0 2px 2px 0; transform: rotate(45deg) scale(0); transition: transform 0.3s var(--ease-out); } .lp-check input:checked + .lp-check__caixa { background: var(--laranja); border-color: var(--laranja); } .lp-check input:checked + .lp-check__caixa::after { transform: rotate(45deg) scale(1); } .lp-check input:checked ~ span:last-child { color: var(--branco); } .lp-check input:focus-visible + .lp-check__caixa { outline: 1px solid var(--laranja); outline-offset: 3px; } .lp-check label:hover { color: var(--branco); } .lp-check__fecho { max-width: 56rem; margin-top: clamp(1.8rem, 4vh, 2.6rem); display: grid; gap: 0.9rem; } .lp-check__conta { font-size: 0.74rem; letter-spacing: 0.24em; text-transform: uppercase; color: var(--laranja); font-variant-numeric: tabular-nums; } .lp-check__conta[hidden] { display: none; } .lp-check__texto { font-size: clamp(1.05rem, 1.6vw, 1.4rem); line-height: 1.5; font-weight: 550; color: var(--branco); min-height: 3em; } /* ---------- oferta ---------- */ .lp-oferta { max-width: 44em; font-size: clamp(0.95rem, 1.2vw, 1.08rem); line-height: 1.8; color: var(--txt-2); } .lp-laco-final { font-size: clamp(1.15rem, 2vw, 1.7rem); font-weight: 700; letter-spacing: -0.015em; line-height: 1.35; color: var(--branco); } .lp-laco-final span { color: var(--laranja); } /* ---------- o que já está pago ---------- */ .lp-pago { list-style: none; margin: clamp(2.2rem, 5vh, 3.4rem) 0 0; padding: 0; max-width: 44rem; border-top: 1px solid var(--linha); } .lp-pago li { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 1.2rem; padding: 1.05rem 0; border-bottom: 1px solid var(--linha); font-size: clamp(1rem, 1.5vw, 1.2rem); color: var(--txt-2); } .lp-pago em { font-style: normal; font-size: 0.66rem; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: var(--txt-3); white-space: nowrap; } .lp-pago .lp-pago__falta { color: var(--branco); font-weight: 700; border-bottom-color: var(--laranja); } .lp-pago .lp-pago__falta em { color: var(--laranja); } .lp-pago__fecho strong { color: var(--branco); font-weight: 700; } /* ---------- a conta: exemplo, número de perda e doze meses ---------- */ .lp-calc__saida.is-exemplo { border-style: dashed; } .lp-calc__saida.is-exemplo .label { color: var(--laranja); } .lp-calc__vazio { margin-bottom: 1.5rem; } .lp-calc__destaque dd i { font-style: normal; font-size: 0.9rem; font-weight: 500; letter-spacing: 0.02em; color: var(--txt-2); } .lp-calc__destaque dd { font-size: clamp(2.5rem, 4.6vw, 3.9rem); } .lp-calc__destaque dd small { margin-top: 0.7rem; color: var(--branco); } .lp-calc__ano dd { color: var(--laranja); } /* ---------- formulário do bate-papo ---------- */ .lp-form__semjs { display: block; } .lp-js .lp-form__semjs { display: none; } .lp-form { display: none; } .lp-js .lp-form { display: grid; gap: clamp(2.2rem, 4.5vh, 3rem); width: min(100%, 46rem); margin-top: clamp(0.6rem, 2vh, 1.4rem); text-align: left; } .lp-final [hidden] { display: none; } .lp-form__abre { font-size: 0.72rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--txt-3); } .lp-q { border: 0; margin: 0; padding: 0; min-width: 0; } .lp-q__titulo { display: block; padding: 0; font-size: clamp(1.05rem, 1.6vw, 1.3rem); font-weight: 650; line-height: 1.35; letter-spacing: -0.01em; color: var(--branco); } .lp-q__titulo span { display: inline-block; min-width: 1.6em; color: var(--laranja); font-variant-numeric: tabular-nums; } .lp-q__titulo em { display: block; margin-top: 0.3rem; padding-left: 1.6em; font-style: normal; font-size: 0.82rem; font-weight: 450; letter-spacing: 0.01em; color: var(--txt-3); } .lp-q__ops { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 1.1rem; } .lp-chip { position: relative; display: inline-flex; cursor: pointer; } .lp-chip input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; } .lp-chip span { display: inline-flex; align-items: center; min-height: 46px; padding: 0.6em 1.25em; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 999px; font-size: 0.92rem; line-height: 1.3; color: var(--txt-2); transition: border-color 0.35s var(--ease-out), background-color 0.35s var(--ease-out), color 0.35s var(--ease-out); } .lp-chip:hover span { border-color: rgba(255, 255, 255, 0.5); color: var(--branco); } .lp-chip input:checked + span { border-color: var(--laranja); background: rgba(255, 133, 0, 0.12); color: var(--branco); } .lp-chip input:focus-visible + span { outline: 2px solid var(--laranja); outline-offset: 3px; } .lp-q__eco { margin-top: 1rem; padding-left: 0.9rem; border-left: 2px solid var(--laranja); font-size: 0.95rem; line-height: 1.55; color: var(--branco); } .lp-q__eco:empty { display: none; } .lp-q__erro { display: none; margin-top: 0.8rem; font-size: 0.72rem; letter-spacing: 0.04em; color: #FF0000; } .lp-q--erro .lp-q__erro { display: block; } .lp-final .sub-cta__alt a { display: inline-block; padding: 0.85rem 0.2rem; } .lp-form__dados { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.8rem clamp(1.6rem, 3vw, 3rem); padding-top: clamp(2rem, 4vh, 2.8rem); border-top: 1px solid var(--linha); } .lp-form__dados .field__input { min-height: 44px; font-size: 1rem; } .lp-form .form__actions { margin-top: 0.4rem; } .lp-suaconta { width: min(100%, 46rem); padding: 1.2rem 1.5rem; border: 1px solid rgba(255, 133, 0, 0.45); border-radius: 14px; background: rgba(255, 133, 0, 0.06); font-size: 1rem; line-height: 1.55; color: var(--branco); text-align: left; } .lp-suaconta strong { color: var(--laranja); font-weight: 800; white-space: nowrap; } .lp-form__ok { width: min(100%, 40rem); padding: clamp(1.8rem, 3vw, 2.6rem); border: 1px solid var(--linha); border-radius: 18px; background: rgba(255, 255, 255, 0.025); display: grid; gap: 1rem; justify-items: center; } .lp-form__ok:focus { outline: none; } .lp-form__ok-titulo { font-size: clamp(1.3rem, 2.2vw, 1.8rem); font-weight: 800; letter-spacing: -0.02em; color: var(--branco); } .lp-form__ok-texto { color: var(--txt-2); line-height: 1.65; } @media (max-width: 640px) { .lp-form__dados { grid-template-columns: minmax(0, 1fr); } .lp-q__ops { flex-direction: column; align-items: stretch; } .lp-chip, .lp-chip span { width: 100%; } .lp-chip span { border-radius: 14px; } .lp-form .form__actions { flex-direction: column; align-items: stretch; gap: 1.2rem; } .lp-form .btn-main { width: 100%; justify-content: center; } .lp-form .form__hint { max-width: none; } } /* ---------- chamada fixa ---------- */ .lp-fixo { position: fixed; z-index: 60; right: clamp(1rem, 2.4vw, 2.2rem); bottom: calc(clamp(1rem, 2.4vw, 2.2rem) + env(safe-area-inset-bottom, 0px)); display: inline-flex; align-items: center; gap: 0.8rem; padding: 1.05em 1.7em; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.16); background: rgba(10, 10, 10, 0.86); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); color: var(--branco); font-size: 0.7rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; opacity: 0; visibility: hidden; transform: translateY(14px); transition: opacity 0.5s var(--ease-out), transform 0.5s var(--ease-out), visibility 0s linear 0.5s, border-color 0.3s; } .lp-fixo.is-on { opacity: 1; visibility: visible; transform: translateY(0); transition: opacity 0.5s var(--ease-out), transform 0.5s var(--ease-out), visibility 0s, border-color 0.3s; } .lp-fixo:hover { border-color: var(--laranja); } .lp-fixo__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--laranja); flex: none; } /* ---------- telas menores ---------- */ @media (max-width: 880px) { .lp-js .lp-calc { grid-template-columns: minmax(0, 1fr); } .lp-dados { grid-template-columns: minmax(0, 1fr); } .lp-circ { grid-template-columns: minmax(0, 1fr); } .lp-circ__fig { position: relative; top: auto; } .lp .lp-circuito { width: min(100%, 400px); } .lp-partes strong { white-space: normal; } } @media (max-width: 640px) { .lp-calc__form { grid-template-columns: minmax(0, 1fr); } .lp-servicos li { grid-template-columns: minmax(0, 1fr); } .lp-fixo { left: 0.85rem; right: 0.85rem; bottom: calc(0.85rem + env(safe-area-inset-bottom, 0px)); justify-content: center; padding: 1.25em 1em; background: var(--laranja); border-color: var(--laranja); color: var(--preto); letter-spacing: 0.16em; } .lp-fixo__dot { background: var(--preto); } .lp .btn-main { font-size: 0.72rem; letter-spacing: 0.12em; gap: 0.7rem; padding-left: 1.3em; padding-right: 1.3em; } .lp .sub-cta .btn-main { width: 100%; justify-content: center; } .lp .sub-footer { padding-bottom: calc(6.5rem + env(safe-area-inset-bottom, 0px)); } } @media (prefers-reduced-motion: reduce) { .lp-anim .lp-frases li { color: var(--branco); } .lp-anim .lp-frases li::before { transform: none; } .lp-fixo { transition: none; } }