/* Direção creme: tipografia do sistema, detalhes de marca e foco em contato. */
.conversion-home { --off-white:#f7f5ee; --blue:#354b83; --pink:#dea9b4; --blush:#eee5e2; color:#252624; font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
.conversion-home h1,.conversion-home h2,.conversion-home h3 { font-family:inherit; font-weight:600; text-transform:none; }
.conversion-home header { padding:22px 6%; background:rgba(247,245,238,.95); border-bottom:1px solid #25262412; backdrop-filter:blur(16px); }
.conversion-home .brand-logo {font-family:inherit;font-size:27px;letter-spacing:-1.5px;font-weight:650;}
.conversion-home .brand-logo span {color:#252624;}
.conversion-home .brand-logo i {font-style:normal;color:var(--blue);}
.conversion-home nav a {color:#565751;font-size:13px;font-weight:500;}
.conversion-home nav a:hover,.conversion-home nav a[aria-current] {color:var(--blue);text-decoration:none;}
.conversion-home .hero { min-height:0; padding:76px 5% 0; overflow:hidden; background:var(--off-white); }
.conversion-home .hero-eyebrow {display:flex;align-items:center;gap:9px;margin:0 0 25px;color:#6b6d65;font-size:12px;font-weight:500;letter-spacing:.025em;}
.hero-eyebrow > span {width:7px;height:7px;background:#dea9b4;border-radius:50%;}
.conversion-home .hero .hero-title {max-width:1050px;font-size:clamp(43px,6.2vw,86px);font-weight:600;line-height:1.02;letter-spacing:-.065em;color:#252624;}
.conversion-home .hero-title span {padding:0;background:none;color:var(--blue);}
.conversion-home .hero-description {max-width:690px;margin-top:26px;color:#696a63;font-size:17px;line-height:1.6;}
.conversion-home .hero-actions {gap:12px;margin-top:29px;}
.conversion-home .primary-button,.conversion-home .secondary-button,.conversion-home .services-button {border:1px solid transparent;border-radius:30px;padding:16px 25px;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;box-shadow:none;transition:background .2s,transform .2s;}
.conversion-home .primary-button,.conversion-home .services-button {color:#fff;background:var(--blue);}
.conversion-home .primary-button:hover,.conversion-home .services-button:hover {background:#273c70;transform:translateY(-2px);box-shadow:none;}
.conversion-home .secondary-button {color:#33352f;background:transparent;border-color:#25262426;}
.conversion-home .secondary-button:hover {background:#ebe8df;transform:translateY(-2px);}
.hero-actions a span {margin-left:12px;}
.conversion-home .hero-reassurance {margin:17px 0 0;color:#77796f;font-size:11px;}
.hero-showcase {width:min(1180px,100%);margin-top:55px;padding:23px 30px 20px;border:1px solid #e5e2d8;border-radius:24px;background:radial-gradient(ellipse at 15% 100%,#dfbfc84d,transparent 55%),radial-gradient(ellipse at 90% 40%,#b9c4db5c,transparent 65%),#eeece4;}
.showcase-note {display:flex;justify-content:space-between;gap:20px;color:#77796f;font-size:10px;}
.showcase-screens {display:grid;grid-template-columns:1fr 1.65fr 1fr;align-items:center;gap:20px;padding:32px 0;}
.showcase-screens figure {margin:0;background:#fff;border:1px solid #dddcd4;border-radius:9px;overflow:hidden;box-shadow:0 16px 35px #2a2b2812;min-width:0;}
.screen-side:first-child {transform:rotate(-4deg) translateY(12px);}
.screen-side:last-child {transform:rotate(4deg) translateY(12px);}
.showcase-screens img {display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;}
.browser-bar {height:25px;display:flex;align-items:center;gap:4px;padding:0 9px;background:#fafaf8;border-bottom:1px solid #eeede8;}
.browser-bar i {width:4px;height:4px;background:#d7d6d0;border-radius:50%;}
.browser-bar span {flex:1;text-align:center;color:#92948a;font-size:7px;}
.showcase-benefits {display:flex;justify-content:center;gap:38px;color:#6a6c62;font-size:10px;}
.showcase-benefits span::before {content:'✓';margin-right:7px;color:var(--blue);}
.conversion-home .section-heading h2,.conversion-home .services-intro h2,.conversion-home .about-content h2,.conversion-home .final-cta h2 {color:#252624;font-size:clamp(31px,3.7vw,50px);line-height:1.12;letter-spacing:-.045em;text-transform:none;font-weight:600;}
.conversion-home .section-heading p,.conversion-home .services-intro>p,.conversion-home .about-content>p {color:#6a6c63;}
.conversion-home .portfolio-section {padding-top:100px;}
.conversion-home .project-card img {border-radius:14px;background:#eeece4;}
.conversion-home .project-info h3 {color:#252624;font-size:22px;}
.conversion-home .project-info p {color:#71736b;}
.conversion-home .project-info>a,.conversion-home .text-link {font-weight:500;text-transform:none;letter-spacing:0;}
.conversion-home .problems-section,.conversion-home .process-section {background:#eeece5;color:#252624;}
.conversion-home .problems-grid h3,.conversion-home .service-item h3,.conversion-home .feature-grid h3 {color:#252624;font-size:24px;}
.conversion-home .problems-grid p,.conversion-home .process-list p {color:#6a6c63;opacity:1;}
.conversion-home .problems-grid article,.conversion-home .process-list li,.conversion-home .feature-grid article {border-width:1px;}
.conversion-home .process-list h3 {color:#252624;}
.conversion-home .about-ribbon {display:none;}
.conversion-home .about-section {grid-template-columns:.85fr 1.15fr;min-height:0;}
.conversion-home .about-photo img {min-height:0;height:100%;max-height:760px;}
.conversion-home .about-highlights {border-top-width:1px;}
.conversion-home .about-highlights span {font-weight:500;letter-spacing:0;text-transform:none;}
.conversion-home .faq-list,.conversion-home .faq-list details {border-width:1px;border-color:#dcded4;}
.conversion-home .faq-list summary {color:#33372f;font-size:20px;font-weight:500;}
.conversion-home .faq-list details p {color:#6a6c63;}
.conversion-home .final-cta {background:#ece8e2;}
.conversion-home .final-cta>p:not(.section-label) {color:#6a6c63;}
.conversion-home .final-cta .primary-button {background:var(--blue);}
.conversion-home .final-cta small {font-weight:400;text-transform:none;}
.conversion-home .footer-intro>p {font-family:inherit;font-size:21px;color:#5c6057;}
.conversion-home .footer-socials a {font-size:15px;font-weight:500;}
.conversion-home .whatsapp-floating {width:54px;height:54px;border-width:2px;box-shadow:0 5px 20px #25262420;}
.conversion-home :focus-visible {outline:3px solid var(--blue);outline-offset:5px;}
@media(max-width:720px) {
.conversion-home header {padding:18px 22px;}
.conversion-home .hero {padding:48px 22px 0;}
.conversion-home .hero-eyebrow {font-size:10px;gap:7px;}
.conversion-home .hero .hero-title {font-size:clamp(39px,9.8vw,64px);line-height:1.06;}
.conversion-home .hero-description {font-size:15px;}
.desktop-break {display:none;}
.conversion-home .hero-actions {width:100%;max-width:360px;}
.conversion-home .hero-actions a {padding:15px 18px;}
.hero-showcase {margin-top:36px;padding:17px 15px;border-radius:17px;}
.showcase-note span:last-child {display:none;}
.showcase-screens {grid-template-columns:1fr;padding:20px 0;}
.showcase-screens .screen-side {display:none;}
.showcase-benefits {flex-wrap:wrap;gap:10px 17px;font-size:9px;}
.conversion-home .about-section {grid-template-columns:1fr;}
.conversion-home .about-photo img {max-height:520px;}
.conversion-home .portfolio-section {padding-top:70px;}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto;} .conversion-home a {transition:none!important;}}

/* Tipos de site: escolha orientada pelo objetivo do negócio. */
.site-options {padding:90px 6%;background:#eeece5;scroll-margin-top:110px;}
.site-options-heading,.site-options-grid,.site-options-help {max-width:1200px;margin-inline:auto;}
.site-options-heading {text-align:center;margin-bottom:44px;}
.conversion-home .site-options-eyebrow {max-width:none;margin:0 0 16px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--blue);font-weight:500;}
.conversion-home .site-options-heading h2 {margin:0;font-size:clamp(32px,3.7vw,50px);line-height:1.12;letter-spacing:-.045em;color:#252624;}
.site-options-heading > p:last-child {max-width:600px;margin:20px auto 0;font-size:17px;color:#696b62;}
.site-options-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.site-option-card {display:flex;flex-direction:column;min-width:0;padding:28px 24px;border:1px solid #deded4;border-radius:18px;background:var(--off-white);}
.site-option-number {display:grid;place-items:center;width:34px;height:34px;margin-bottom:30px;border-radius:50%;background:#e8ecf3;color:var(--blue);font-size:11px;}
.site-option-card:nth-child(even) .site-option-number {background:#f0e1e5;color:#825664;}
.conversion-home .site-option-purpose {margin:0 0 10px;font-size:11px;line-height:1.5;color:#6b6d64;}
.conversion-home .site-option-card h3 {margin:0;color:#252624;font-size:25px;line-height:1.12;letter-spacing:-.04em;}
.site-option-card > p:not(.site-option-purpose) {margin:18px 0 0;font-size:14px;line-height:1.65;color:#65685e;}
.site-option-card > p.site-option-example {margin-top:22px;padding-top:20px;border-top:1px solid #e2e2d9;font-size:12px;color:#77796f;}
.site-option-card > a {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:28px;color:var(--blue);font-size:13px;font-weight:500;line-height:1.5;text-decoration:none;}
.site-option-card > a:hover {text-decoration:underline;text-underline-offset:4px;}
.site-option-card > a span {font-size:18px;}
.conversion-home .site-options-help {margin-top:30px;text-align:center;font-size:13px;color:#6b6d64;line-height:1.8;}
.site-options-help a {color:var(--blue);text-underline-offset:4px;}
@media(max-width:1100px) {.site-options-grid {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px) {.site-options {padding:64px 22px;}.site-options-grid {grid-template-columns:1fr;}.site-options-heading {text-align:left;margin-bottom:30px;}.site-options-heading>p:last-child {font-size:15px;}.site-option-card {padding:26px;}.site-option-number {margin-bottom:22px;}.site-options-help a {display:block;}}

/* Página completa: projetos, entregas e proposta. */
.conversion-home > main {display:block;min-height:0;padding:0;background:var(--off-white);}
.conversion-home main section {scroll-margin-top:110px;}
.conversion-home [hidden] {display:none!important;}
.conversion-home .nav-links {gap:20px;}
.project-context {display:grid;gap:14px;margin-top:25px;padding-top:24px;border-top:1px solid #deded4;}
.project-context p {margin:0;max-width:100%;font-size:14px;line-height:1.65;color:#6a6c63;}
.project-context strong {display:block;margin-bottom:3px;font-weight:500;color:#30352b;font-size:11px;letter-spacing:.04em;text-transform:uppercase;}
.included-section,.testimonials-section {padding:96px 6%;background:var(--off-white);}
.content-heading {max-width:730px;margin:0 auto 44px;text-align:center;}
.conversion-home .small-label {max-width:none;margin:0 0 17px;font-size:11px;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;color:var(--blue);font-weight:500;}
.conversion-home .content-heading h2,.conversion-home .investment-section h2,.conversion-home .print-section h2 {margin:0;color:#252624;font-size:clamp(32px,3.7vw,50px);line-height:1.12;letter-spacing:-.045em;}
.content-heading>p:last-child {margin:22px auto 0;font-size:17px;line-height:1.7;color:#6a6c63;}
.included-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1200px;margin:auto;}
.included-cards article {padding:28px;border:1px solid #e1e0d6;border-radius:16px;background:#f1efe8;}
.included-cards article>span {font-size:12px;color:#7a83a0;}
.conversion-home .included-cards h3 {margin:24px 0 0;font-size:21px;letter-spacing:-.025em;color:#30352b;line-height:1.2;}
.included-cards p {margin:16px 0 0;color:#686c61;font-size:14px;line-height:1.7;}
.conversion-home .section-footnote {margin:28px auto 0;max-width:850px;text-align:center;font-size:12px;line-height:1.7;color:#73766c;}
.investment-section {display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;padding:96px 8%;background:#eeece5;}
.investment-intro {max-width:550px;}
.investment-intro>p:not(.small-label) {font-size:17px;line-height:1.7;color:#686c61;margin-top:24px;}
.investment-intro .primary-button {margin-top:28px;}
.investment-intro small {display:block;margin-top:16px;font-size:11px;color:#73766c;line-height:1.5;}
.conversion-home .investment-details h3 {margin:0;font-size:22px;letter-spacing:-.025em;color:#30352b;}
.investment-details dl {margin:26px 0;}
.investment-details dl>div {padding:20px 0;border-top:1px solid #d9dbcf;}
.investment-details dt {font-size:15px;color:#34382f;font-weight:500;}
.investment-details dd {margin:9px 0 0;font-size:14px;line-height:1.6;color:#6a6c63;}
.proposal-note {padding:25px;border-radius:14px;background:#f8f6ef;border:1px solid #dddcd2;}
.conversion-home .proposal-note h3 {font-size:17px;}
.proposal-note p {margin-top:12px;font-size:14px;line-height:1.65;color:#6a6c63;}
.conversion-home .process-section {background:var(--off-white);}
.conversion-home .process-list {border-color:#dadcd1;}
.conversion-home .process-list li {border-color:#dadcd1;}
.conversion-home .process-list li>span {font-weight:500;color:var(--blue);}
.conversion-home .about-section {background:#eeece5;}
.print-section {display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center;padding:80px 8%;border-bottom:1px solid #dfdfd5;background:var(--off-white);}
.print-section>div {max-width:700px;}
.print-section p:not(.small-label) {font-size:16px;line-height:1.7;color:#6a6c63;margin-top:22px;}
.conversion-home .print-section h2 {font-size:clamp(28px,3vw,40px);}
.conversion-home .final-cta .primary-button:hover {background:#273c70;}
@media(max-width:1000px) {.included-cards {grid-template-columns:repeat(2,minmax(0,1fr));}.investment-section {gap:40px;padding:72px 6%;}.print-section {grid-template-columns:1fr;gap:26px;}.print-section>a {justify-self:start;}}
@media(max-width:720px) {.included-section,.testimonials-section {padding:64px 22px;}.included-cards {grid-template-columns:1fr;gap:14px;}.content-heading {text-align:left;margin-bottom:30px;}.content-heading>p:last-child {font-size:15px;}.investment-section {grid-template-columns:1fr;padding:64px 22px;gap:40px;}.investment-intro>p:not(.small-label) {font-size:15px;}.print-section {padding:64px 22px;}.conversion-home .nav-links {gap:18px;}.conversion-home main section {scroll-margin-top:130px;}.project-context {gap:12px;}}

/* Seleção de três projetos com fotografia vertical. */
.conversion-home .selected-projects {display:flex;flex-direction:column;align-items:center;padding:80px 6% 85px;background:var(--off-white);}
.conversion-home .selected-projects>h2 {margin:0 0 30px;color:#252624;font-size:clamp(24px,2.4vw,34px);font-weight:500;letter-spacing:-.045em;line-height:1.2;text-align:center;}
.selected-projects-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:1200px;}
.selected-project-card {min-width:0;}
.project-photo-placeholder {display:grid;place-items:center;width:100%;aspect-ratio:4/5;border:1px solid #e1dfd5;border-radius:6px;background:#ece9e1;overflow:hidden;}
.project-photo-placeholder>span {color:#8b8b80;font-size:11px;font-weight:400;letter-spacing:.03em;}
.selected-project-card:nth-child(2) .project-photo-placeholder {background:#e8e7e2;}
.selected-project-card:nth-child(3) .project-photo-placeholder {background:#eee7e2;}
.selected-project-card>img {display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:6px;}
.selected-project-copy {padding:13px 0 0;}
.conversion-home .selected-project-copy h3 {margin:0;color:#30332d;font-size:15px;font-weight:500;line-height:1.3;letter-spacing:-.025em;}
.selected-project-copy p {max-width:none;margin:4px 0 0;color:#7c7e74;font-size:12px;line-height:1.5;}
.all-projects-button {display:inline-flex;align-items:center;gap:16px;margin-top:32px;padding:11px 18px;border:1px solid #e0ded4;border-radius:7px;background:#eeece5;color:#363b30;font-size:12px;line-height:1.4;text-decoration:none;transition:background .2s;}
.all-projects-button:hover {background:#e2e3db;}
@media(max-width:600px) {.conversion-home .selected-projects {padding:56px 22px;}.selected-projects-grid {grid-template-columns:1fr;gap:30px;max-width:420px;}.conversion-home .selected-projects>h2 {margin-bottom:25px;}.project-photo-placeholder,.selected-project-card>img {aspect-ratio:4/5;}.all-projects-button {margin-top:28px;}}

/* Capturas em resolução original, com recorte vertical do topo. */
.selected-project-photo {display:block;width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:6px;background:#eeece5;border:1px solid #2526240c;}
.selected-project-photo img {display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .35s ease;}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {.selected-project-photo:hover img {transform:scale(1.025);}}

/* Fotografia editorial no lugar da faixa de projetos do hero. */
.hero-lifestyle {width:min(1180px,100%);margin:48px 0 0;border-radius:22px;overflow:hidden;background:#eae4d9;}
.hero-lifestyle img {display:block;width:100%;height:auto;max-height:640px;object-fit:cover;object-position:center;}
@media(max-width:720px) {.hero-lifestyle {margin-top:34px;border-radius:15px;}.hero-lifestyle img {height:380px;object-fit:cover;object-position:60% center;}}

/* Hover de ações com contraste consistente em todas as páginas. */
.conversion-home .primary-button:hover,
.conversion-home .primary-button:focus-visible,
.conversion-home .secondary-button:hover,
.conversion-home .secondary-button:focus-visible,
.conversion-home .services-button:hover,
.conversion-home .services-button:focus-visible,
.conversion-home .all-projects-button:hover,
.conversion-home .all-projects-button:focus-visible,
.conversion-home .portfolio-categories a:hover,
.conversion-home .portfolio-categories a:focus-visible,
.conversion-home .footer-back-to-top a:hover,
.conversion-home .footer-back-to-top a:focus-visible,
.conversion-home .whatsapp-floating:hover,
.conversion-home .whatsapp-floating:focus-visible {
  color:#252624;
  background:#dea9b4;
  border-color:#dea9b4;
  box-shadow:none;
}
.conversion-home .final-cta .primary-button:hover,
.conversion-home .final-cta .primary-button:focus-visible {
  color:#252624;
  background:#dea9b4;
  border-color:#dea9b4;
  box-shadow:none;
}

/* Convite para calcular o investimento, após os tipos de site. */
.home-budget-callout {display:flex;align-items:center;justify-content:space-between;gap:40px;padding:64px 8%;background:#e8eaf0;border-block:1px solid #354b8310;}
.home-budget-callout>div {max-width:740px;}
.conversion-home .home-budget-callout h2 {margin:0;color:#252624;font-size:clamp(30px,3.2vw,44px);line-height:1.15;letter-spacing:-.045em;}
.home-budget-callout p:not(.small-label) {margin:20px 0 0;max-width:650px;font-size:17px;line-height:1.75;color:#656c60;}
.home-budget-callout>a {flex-shrink:0;text-align:center;}
@media(max-width:800px) {.home-budget-callout {flex-direction:column;align-items:flex-start;padding:50px 22px;gap:26px;}.home-budget-callout p:not(.small-label) {font-size:16px;}}

/* Marca, hero de tela inteira e navegação entre páginas. */
.conversion-home .brand-logo {font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:700;letter-spacing:-.045em;line-height:1;}
.conversion-home .brand-logo span {color:var(--blue);}
.conversion-home .brand-logo i {font-style:italic;color:var(--pink);font-weight:700;}
.conversion-home .brand-logo:hover span {color:var(--blue);}
.conversion-home .brand-logo:hover i {color:#b9788a;}
.conversion-home .hero {min-height:calc(100svh - var(--site-header-height,75px));padding:65px 5%;align-content:center;}
.home-section-link {grid-column:1/-1;display:flex;justify-content:center;margin-top:36px;}
.about-content+.home-section-link {margin:0;padding:0 24px 45px;}
.conversion-home .about-section>.home-section-link {background:#eeece5;}
.conversion-home .footer-back-to-top a {width:60px;height:60px;padding:0;}
.footer-back-to-top svg {display:block;width:26px;height:26px;}
.whatsapp-floating {position:fixed;right:24px;bottom:24px;z-index:1100;}
@media(max-width:720px) {.conversion-home .hero {min-height:calc(100svh - var(--site-header-height,115px));padding:45px 22px;}.whatsapp-floating {right:18px;bottom:18px;}}