/* Layout aprovado — versão estática de homologação. Sem alterar fluxos em produção. */
:root{--navy:#0b3155;--ink:#132f4d;--teal:#2bc6c6;--mint:#a5ded0;--paper:#fff;--line:#dce6ed}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #3be4cf;outline-offset:3px;border-radius:6px}svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}img{display:block;max-width:100%}.page-width{width:min(1280px,calc(100% - 68px));margin:0 auto}.skip-link{position:absolute;left:8px;top:-60px;background:#fff;color:#123;padding:8px 12px;z-index:50}.skip-link:focus{top:8px}
.site-header{background:#f7fafb;border-bottom:1px solid #e3ebef;position:relative;z-index:5}.header-inner{height:80px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:16px;min-width:290px}.brand img{width:126px;height:auto}.brand-description{border-left:1px solid #738899;padding-left:15px;font-size:11px;line-height:1.3;color:#243e53;max-width:145px}.navigation{display:flex;align-items:center;justify-content:center;gap:24px;flex:1;white-space:nowrap}.navigation a{font-size:13px;font-weight:700}.navigation a:hover,.footer-nav a:hover{text-decoration:underline;text-underline-offset:4px}.header-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.area-menu{position:relative}.area-menu summary{list-style:none;cursor:pointer;background:#fff;border:1px solid #cadce7;border-radius:12px;padding:11px 15px;font-size:12px;font-weight:700;box-shadow:0 5px 14px #092e4912}.area-menu summary::-webkit-details-marker{display:none}.area-menu summary span{padding-left:11px;color:#3e8798}.area-list{position:absolute;right:0;top:calc(100% + 9px);width:175px;display:grid;background:#fff;box-shadow:0 10px 26px #03223e2c;border-radius:12px;overflow:hidden;border:1px solid #dce6ed}.area-list a{font-size:13px;padding:12px 15px}.area-list a:hover{background:#eaf6f8}.whats{display:flex;align-items:center;gap:7px;background:#143d67;color:white;border-radius:11px;padding:12px 15px;font-weight:700;font-size:12px}
/* V4 revisada: azul original conservado; grafismo sutil SOMENTE no bloco do fluxo */
.hero { min-height:645px; position:relative; overflow:hidden; color:#fff;
    background: linear-gradient(114deg,#11385f 0%,#1b436d 54%,#115c78 100%); }
.hero::before { content:""; pointer-events:none; position:absolute; bottom:-310px; left:-340px;
    width:740px; height:600px; border-radius:50%; border:1px solid rgba(130,198,215,.08);
    box-shadow:0 0 0 76px rgba(91,179,199,.035),0 0 0 160px rgba(117,192,218,.023); }
.hero::after { content:none; }
.hero-pattern,.hero-rings {display:none}
.hero-inner { position:relative; z-index:1; display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(390px,.92fr);
  gap:clamp(38px,5vw,94px); min-height:645px; align-items:center; padding:38px 0; }
.hero-copy {max-width:700px}
.eyebrow {display:inline-flex; align-items:center; padding:7px 14px; border-radius:22px;
    border:1px solid rgba(185,229,239,.30); background:rgba(255,255,255,.06);
    font-size:11px; letter-spacing:.10em; font-weight:700; color:#dbf9ff}
.eyebrow-point {display:none}
.hero h1 {font-size:clamp(43px,4.1vw,64px); font-weight:400;
  line-height:1.1; letter-spacing:-.048em; margin:25px 0 16px; text-wrap:balance}
.hero h1 span{color:#a5e2d3}
.hero-subtitle {font-size:clamp(19px,2vw,27px); font-weight:400; line-height:1.3;
  margin:10px 0 12px; max-width:540px}
.hero-details {font-size:15px; line-height:1.55; max-width:510px; color:#dfedf6; margin:0 0 27px}
.hero-buttons{display:flex;gap:12px;max-width:605px}
.profile-button {display:flex;align-items:center;gap:13px;flex:1;min-width:0;
  border:1px solid rgba(255,255,255,.24); border-radius:13px; padding:15px; min-height:74px;
  transition:transform .15s, background .15s}
.profile-button:hover {transform:translateY(-2px)}
.profile-button svg{width:25px;height:25px;flex:0 0 25px}
.profile-button span:nth-child(2){display:flex;flex-direction:column;min-width:0}
.profile-button b{font-size:14px}.profile-button small{font-size:11px;opacity:.88;margin-top:4px}
.dentist-button{background:#42bcc6;color:#073452;border-color:#42bcc6}
.patient-button{background:rgba(255,255,255,.12);color:#fff}
.button-arrow{margin-left:auto;font-size:21px;line-height:1}
.exam-link{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;
  text-decoration:underline;text-underline-offset:4px;margin-top:20px}
.exam-link svg{height:20px;width:20px}
/* Principal mudança visual: o motivo das pastas fica atrás do fluxo, em opacidade mínima. */
.flow-visual{position:relative;width:100%;max-width:525px;justify-self:end;isolation:isolate}
.flow-backdrop{position:absolute;inset:-68px -72px;z-index:-1;pointer-events:none;
  background: url('motivo-geometrico-DOC-original.png') center / contain no-repeat;
  opacity:.037;filter:saturate(.5);
  -webkit-mask-image:radial-gradient(ellipse at center,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 25%,transparent 75%); }
.flow-visual::before,.flow-visual::after{content:"";position:absolute;z-index:-1;pointer-events:none;
  border:1px solid rgba(144,212,216,.12);border-radius:50%;}
.flow-visual::before{height:560px;width:560px;left:50%;top:50%;transform:translate(-50%,-50%)}
.flow-visual::after{height:440px;width:440px;left:50%;top:50%;transform:translate(-50%,-50%)}
.flow-panel{border-radius:25px;background:rgba(6,37,66,.67);border:1px solid rgba(201,235,244,.24);
  padding:21px;box-shadow:0 18px 40px rgba(0,23,51,.16)}
.flow-heading{font-size:12px;letter-spacing:.09em;color:#e0f5ff;font-weight:800;margin:2px 0 17px}
.flow-line{position:absolute;left:53px;top:83px;bottom:74px;width:1px;background:rgba(47,158,179,.25);z-index:0}
.flow-step {position:relative;display:grid;grid-template-columns:105px minmax(0,1fr);gap:21px;
    align-items:center;background:#fafcfe;color:#143552;border-radius:17px;
    min-height:114px;margin-top:13px;padding:17px 18px;box-shadow:0 6px 13px rgba(0,38,66,.045)}
.flow-step:first-of-type{margin-top:0}
.step-brand{display:block;width:103px;height:67px;object-fit:contain;}
.step-brand-digital{width:108px}
.step-brand-labs{width:103px}
.step-copy{min-width:0}
.step-number{display:block;color:#20abb4;font-weight:900;letter-spacing:.05em;font-size:12px;margin-bottom:6px}
.step-copy strong{display:block;font-size:18px;line-height:1.24;color:#0f3250;font-weight:800}
.step-copy small{display:block;color:#627b8c;font-size:12px;margin-top:7px;line-height:1.35}
.trust-section{background:#fff;border-bottom:1px solid #e2eaf0}.trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:34px 0;gap:0}.trust-item{display:flex;gap:15px;padding:0 18px;align-items:center;border-right:1px solid #dde7ed}.trust-item:first-child{padding-left:0}.trust-item:last-child{border:0;padding-right:0}.trust-icon{display:flex;align-items:center;justify-content:center;flex:0 0 67px;height:67px;border-radius:50%;background:#e9f8f9;color:#104870}.trust-icon svg{width:31px;height:31px}.trust-item b{font-size:16px}.trust-item p{margin:7px 0 0;color:#51677d;font-size:13px;line-height:1.5}
.site-footer{background:linear-gradient(125deg,#061c30,#0b2c45 60%,#062034);color:#eaf1f4}.footer-top{display:flex;justify-content:space-between;align-items:center;padding:26px 0;border-bottom:1px solid #ffffff30;gap:25px}.footer-brand{display:flex;align-items:center;gap:13px}.footer-brand img{height:auto;width:125px;filter:brightness(0) invert(1)}.footer-brand span{font-size:11px;line-height:1.4;opacity:.83;border-left:1px solid #ffffff65;padding-left:14px}.footer-nav{display:flex;gap:25px;flex-wrap:wrap}.footer-nav a{font-size:12px}.footer-legal{display:grid;grid-template-columns:1fr 1fr .85fr;gap:35px;padding:26px 0 34px}.footer-legal section:nth-child(2){border-left:1px solid #ffffff40;padding-left:30px}.footer-legal h2{font-size:14px;margin:0 0 9px;letter-spacing:.02em}.footer-legal p{font-size:12px;margin:5px 0;line-height:1.6;color:#d1e0ea}.footer-compliance{display:flex;flex-direction:column;justify-content:flex-end;gap:11px}.footer-compliance a{font-size:12px;text-decoration:underline;text-underline-offset:3px}.footer-compliance p{font-size:12px;line-height:1.5}

/* A largura dos elementos e texto é testada em 360, 390, 430, 768, 820, 1024 e desktop. */
@media(max-width:1280px){.page-width{width:min(1160px,calc(100% - 48px))}.navigation{gap:14px}.brand{min-width:140px}.brand img{width:135px}.hero-inner{gap:42px;grid-template-columns:minmax(0,1.15fr) minmax(355px,.95fr)}.hero h1{font-size:clamp(42px,4.7vw,60px)}.flow-step{grid-template-columns:90px minmax(0,1fr);gap:14px}.step-brand{width:89px}.step-brand-digital{width:93px}}
@media(max-width:1060px){.navigation{display:none}.header-inner{justify-content:space-between}.hero-inner{gap:25px;grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr)}.hero h1{font-size:clamp(37px,5vw,51px)}.hero-details{font-size:14px}.step-copy strong{font-size:16px}.flow-step{padding:13px}.trust-grid{grid-template-columns:repeat(2,1fr);row-gap:20px}.trust-item:nth-child(2){border:0}.footer-legal{grid-template-columns:1fr 1fr}.footer-compliance{grid-column:1/-1}}
@media(max-width:785px){.page-width{width:calc(100% - 32px)}.header-inner{height:70px}.brand img{width:114px}.hero{min-height:0}.hero-inner{min-height:0;grid-template-columns:1fr;gap:34px;padding:38px 0 52px}.hero-copy{max-width:680px}.hero h1{font-size:clamp(38px,6.6vw,55px)}.hero-subtitle{font-size:23px}.flow-visual{max-width:580px;justify-self:center}.flow-backdrop{opacity:.042}.flow-visual::before{width:450px;height:450px}.flow-visual::after{width:340px;height:340px}.flow-step{grid-template-columns:108px minmax(0,1fr);gap:20px}.step-brand{width:102px}.step-copy strong{font-size:18px}.trust-grid{padding:24px 0}.footer-top{flex-direction:column;align-items:flex-start}.footer-legal{grid-template-columns:1fr;gap:20px}.footer-legal section:nth-child(2){border:0;border-top:1px solid #ffffff40;padding:18px 0 0}.footer-compliance{grid-column:auto}}
@media(max-width:480px){.brand{min-width:unset}.brand img{width:102px}.header-inner{gap:8px}.header-actions{gap:6px}.area-menu summary{padding:9px 10px;font-size:11px}.whats{padding:10px}.whats span{display:none}.hero h1{font-size:clamp(36px,9.2vw,44px);margin-top:18px}.hero-subtitle{font-size:20px}.hero-details{font-size:14px}.hero-buttons{flex-direction:column;gap:11px}.profile-button{min-height:65px;padding:12px}.flow-panel{padding:15px}.flow-step{grid-template-columns:82px minmax(0,1fr);gap:12px;min-height:100px;padding:11px}.step-brand,.step-brand-digital,.step-brand-labs{width:81px;height:55px}.step-copy strong{font-size:15px}.step-copy small{font-size:11px}.flow-visual::before{width:380px;height:380px}.flow-visual::after{width:300px;height:300px}.trust-grid{grid-template-columns:1fr;gap:0;padding:12px 0}.trust-item{border:0;border-bottom:1px solid #e1e8ed;padding:13px 0!important}.trust-item:last-child{border:0}.trust-icon{width:53px;height:53px;flex-basis:53px}.footer-nav{gap:14px}.footer-legal p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}