:root{
  --ink:#3f3f4c; --muted:#737380; --blue:#155486; --red:#a92f31; --slate:#5b5b69;
  --paper:#fbfaf8; --white:#fff; --line:rgba(63,63,76,.12); --shadow:0 24px 70px rgba(45,47,58,.12);
  --serif:"Playfair Display", Georgia, serif; --sans:"DM Sans", Arial, sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6} a{color:inherit;text-decoration:none}
.container{width:min(1160px,calc(100% - 48px));margin:auto}.topbar{background:var(--slate);color:#fff;font-size:12px;letter-spacing:.03em}.topbar-inner{height:36px;display:flex;justify-content:space-between;align-items:center}.topbar a{font-weight:700}.header{position:sticky;top:0;z-index:20;background:rgba(251,250,248,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:92px;display:flex;align-items:center;justify-content:space-between}.brand img{width:205px;height:auto;display:block}.nav-links{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:600}.nav-links a:not(.nav-cta){opacity:.82}.nav-links a:hover{opacity:1}.nav-cta{background:var(--blue);color:#fff;padding:12px 18px;border-radius:999px}.menu-toggle{display:none;border:0;background:none;font-size:24px;color:var(--ink)}
.hero{position:relative;min-height:700px;overflow:hidden;display:flex;align-items:center;background:#eef0f1}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,249,247,.98) 0%,rgba(250,249,247,.91) 43%,rgba(250,249,247,.28) 72%,rgba(250,249,247,.04) 100%),url("https://images.unsplash.com/photo-1559757175-0eb30cd8c063?auto=format&fit=crop&w=2000&q=85") center/cover}.hero-content{position:relative;z-index:2;padding:100px 0 90px}.eyebrow,.section-kicker{color:var(--blue);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.18em}.eyebrow{display:flex;gap:9px;align-items:center}.eyebrow span{width:28px;height:2px;background:var(--red);display:inline-block}.hero h1{font-family:var(--serif);font-size:clamp(48px,6vw,82px);line-height:1.02;font-weight:600;max-width:700px;margin:20px 0}.hero h1 em{color:var(--blue);font-style:normal}.hero-copy{font-size:17px;color:var(--muted);max-width:575px}.hero-actions{display:flex;gap:12px;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:999px;padding:14px 22px;font-size:13px;font-weight:800;border:1px solid transparent;transition:.2s}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 30px rgba(21,84,134,.22)}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{border-color:var(--ink);background:rgba(255,255,255,.35)}.btn-light{background:#fff;color:var(--ink)}.hero-trust{display:flex;gap:45px;margin-top:40px}.hero-trust div{display:flex;flex-direction:column}.hero-trust strong{font-size:12px}.hero-trust span{font-size:12px;color:var(--muted)}.hero-card{position:absolute;right:7%;bottom:55px;z-index:3;width:250px;padding:25px;background:rgba(255,255,255,.87);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.card-label{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--red);font-weight:800}.hero-card strong{display:block;font-family:var(--serif);font-size:24px;line-height:1.15;margin:12px 0}.card-line{width:38px;height:2px;background:var(--blue);display:block;margin-bottom:14px}.hero-card small{font-size:11px;color:var(--muted)}
.section{padding:110px 0}.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}.intro h2,.section-head h2,.manifesto h2,.location h2,.faq h2,.cta h2{font-family:var(--serif);font-size:clamp(38px,4vw,56px);line-height:1.08;font-weight:600;margin:15px 0}.intro h2 span,.section-head h2 span,.manifesto h2 span,.location h2 span,.faq h2 span,.cta h2 span{color:var(--blue)}.intro p,.section-head>p,.location-copy>p,.faq-grid>div>p{color:var(--muted);font-size:15px;max-width:520px}.text-link,.card-link{font-size:13px;font-weight:800;color:var(--blue);display:inline-flex;gap:10px;margin-top:15px}.specialties{background:var(--paper)}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:55px}.section-head>p{margin:0}.specialty-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.specialty-card{padding:48px;min-height:470px;position:relative;overflow:hidden}.specialty-card.vascular{background:#e9eff3}.specialty-card.aesthetic{background:#eeeae7}.specialty-number{position:absolute;right:34px;top:25px;font-size:11px;font-weight:800;color:var(--muted)}.specialty-icon{font-size:38px;color:var(--blue);margin-bottom:20px}.aesthetic .specialty-icon{color:var(--red)}.specialty-card h3{font-family:var(--serif);font-size:37px;line-height:1.05;margin:0 0 17px}.specialty-card p{max-width:420px;color:var(--muted)}.specialty-card ul{list-style:none;padding:0;margin:25px 0}.specialty-card li{font-size:13px;padding:8px 0;border-bottom:1px solid rgba(63,63,76,.12)}.specialty-card li:before{content:"•";color:var(--red);margin-right:10px}.treatments{background:#fff}.centered{display:block;text-align:center}.centered>p{margin:15px auto 0}.treatment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.treatment-card{background:var(--paper);overflow:hidden}.treatment-image{height:260px;overflow:hidden;background:#eef1f3}.treatment-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}.treatment-card:hover .treatment-image img{transform:scale(1.018)}.treatment-body{padding:25px}.treatment-body>span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--red);font-weight:800}.treatment-body h3{font-family:var(--serif);font-size:27px;margin:7px 0}.treatment-body p{font-size:13px;color:var(--muted);min-height:63px}.treatment-body a{font-size:12px;color:var(--blue);font-weight:800}.manifesto{position:relative;min-height:690px;background:var(--slate);color:#fff;display:flex;align-items:center;overflow:hidden}.manifesto-image{position:absolute;inset:0 0 0 46%;background:linear-gradient(90deg,var(--slate) 0%,rgba(91,91,105,.62) 10%,rgba(91,91,105,.06) 65%),url("https://images.unsplash.com/photo-1519494026892-80bbd2d6fd0d?auto=format&fit=crop&w=1600&q=85") center/cover}.manifesto-content{position:relative;z-index:2}.manifesto-content{max-width:1160px}.manifesto-content h2{max-width:570px}.manifesto-content h2 span{color:#b7d3e6}.manifesto-content>p{max-width:520px;color:rgba(255,255,255,.72)}.manifesto .section-kicker{color:#b7d3e6}.manifesto-points{display:grid;grid-template-columns:repeat(3,1fr);max-width:600px;margin:40px 0;border-top:1px solid rgba(255,255,255,.18)}.manifesto-points div{padding:20px 15px 0 0}.manifesto-points b{font-size:11px;color:#c3c3cb;display:block;margin-bottom:8px}.manifesto-points span{font-size:12px}.journey{background:var(--paper)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{padding:35px;background:#fff;border:1px solid var(--line)}.step span{font-size:11px;color:var(--red);font-weight:800}.step h3{font-family:var(--serif);font-size:27px;margin:35px 0 8px}.step p{font-size:13px;color:var(--muted);margin:0}.location{background:#eef0f1}.location-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.contact-list{margin:35px 0}.contact-list>div{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.contact-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--blue)}.contact-list strong{font-size:12px}.contact-list p{margin:2px 0 0;color:var(--muted);font-size:13px}.contact-list a{color:var(--blue);font-weight:700}.map-wrap{height:520px;position:relative;box-shadow:var(--shadow);background:#ddd}.map-wrap iframe{width:100%;height:100%;border:0;filter:grayscale(.15)}.map-badge{position:absolute;left:20px;bottom:20px;background:#fff;padding:14px 17px;box-shadow:0 10px 30px rgba(0,0,0,.12);display:flex;flex-direction:column}.map-badge strong{font-family:var(--serif);font-size:19px}.map-badge span{font-size:10px;color:var(--muted)}.faq{background:#fff}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq-list details{border-top:1px solid var(--line);padding:20px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700;font-size:15px;list-style:none;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:22px;font-weight:400;color:var(--blue)}details[open] summary:after{content:"−"}.faq-list p{color:var(--muted);font-size:13px;max-width:650px}.cta{background:var(--blue);color:#fff;padding:70px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta .section-kicker{color:#b7d3e6}.cta h2{margin:8px 0 0}.cta h2 span{color:#fff}.footer{background:#32323d;color:#fff;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1.3fr;gap:45px}.footer-logo{width:210px;filter:brightness(0) invert(1);opacity:.92}.footer p,.footer a{font-size:12px;color:rgba(255,255,255,.62)}.footer h4{font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin:0 0 18px}.footer a{display:block;margin:9px 0}.footer a:hover{color:#fff}.footer-bottom{margin-top:50px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:20px;font-size:10px;color:rgba(255,255,255,.42)}.floating-whatsapp{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#1c9b61;color:#fff;font-size:25px;box-shadow:0 14px 35px rgba(0,0,0,.2);z-index:30}
@media(max-width:900px){.nav-links{gap:15px}.hero-card{right:25px}.section-head{display:block}.section-head>p{margin-top:15px}.location-grid,.faq-grid{grid-template-columns:1fr}.manifesto-image{inset:0;opacity:.32}.manifesto-content{padding-top:30px;padding-bottom:30px}.footer-grid{grid-template-columns:1fr 1fr}.treatment-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.container{width:min(100% - 30px,1160px)}.topbar-inner{justify-content:center}.topbar-inner span{display:none}.header{position:relative}.nav{height:75px}.brand img{width:175px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:15px;right:15px;top:75px;background:#fff;padding:15px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-cta{text-align:center}.hero{min-height:760px}.hero-bg{background:linear-gradient(180deg,rgba(250,249,247,.98) 0%,rgba(250,249,247,.9) 52%,rgba(250,249,247,.32) 100%),url("assets/clinica-recepcao.jpg") center/cover}.hero-content{padding:75px 0 150px}.hero h1{font-size:50px}.hero-copy{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-trust{gap:20px;flex-direction:column}.hero-card{left:15px;right:auto;bottom:25px;width:calc(100% - 30px)}.section{padding:75px 0}.intro-grid,.specialty-grid,.treatment-grid,.steps{grid-template-columns:1fr;gap:18px}.intro-grid{gap:25px}.specialty-card{min-height:0;padding:35px}.specialty-card h3{font-size:32px}.treatment-image{height:230px}.manifesto{min-height:760px}.manifesto-points{grid-template-columns:1fr}.location-grid{gap:35px}.map-wrap{height:390px}.cta-inner{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}

/* --- Clínica Prado refinements V4 --- */
.specialty-icon{display:none!important}
.specialty-card{padding-top:40px}
.clinic-gallery{background:#f1f0ee}
.photo-mosaic{display:grid;grid-template-columns:1.7fr 1fr;grid-template-rows:250px 250px;gap:16px}
.photo-mosaic figure{margin:0;position:relative;overflow:hidden;background:#ddd}
.photo-mosaic .photo-main{grid-row:1 / span 2}
.photo-mosaic img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}
.photo-mosaic figure:hover img{transform:scale(1.025)}
.photo-mosaic figcaption{position:absolute;left:16px;bottom:16px;background:rgba(50,50,61,.82);color:#fff;padding:8px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.12em}

/* Hero: imagem somente no lado direito, sem cortar o conteúdo textual. */
.hero-bg{position:absolute;top:0;right:0;bottom:0;left:40%;background-image:linear-gradient(90deg,rgba(250,249,247,1) 0%,rgba(250,249,247,.96) 8%,rgba(250,249,247,.52) 24%,rgba(250,249,247,.05) 46%,rgba(250,249,247,0) 64%),url("assets/hero-clinica-gerada.jpg");background-size:cover;background-position:center center;background-repeat:no-repeat}
.hero-card{right:5%;bottom:52px}

/* Ícones reais em SVG para contato. */
.contact-icon{flex:0 0 34px;width:34px;height:34px}
.contact-icon svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.whatsapp-icon svg path:first-child{fill:none}
.whatsapp-icon svg path:last-child{fill:none}
.instagram-icon svg rect,.instagram-icon svg circle{fill:none}

/* Tratamentos da primeira versão: fotos reais de banco, sem as ilustrações da V3. */
.treatment-image{height:260px}
.treatment-image img{object-fit:cover}

.floating-whatsapp svg{width:30px;height:30px;display:block}

@media(max-width:900px){
  .hero-bg{left:34%;background-image:linear-gradient(90deg,rgba(250,249,247,1) 0%,rgba(250,249,247,.9) 20%,rgba(250,249,247,.18) 55%,rgba(250,249,247,0) 100%),url("assets/hero-clinica-gerada.jpg")}
  .hero-card{right:25px}
  .section-head{display:block}.section-head>p{margin-top:15px}
  .location-grid,.faq-grid{grid-template-columns:1fr}
  .manifesto-image{inset:0;opacity:.32}
  .manifesto-content{padding-top:30px;padding-bottom:30px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .treatment-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:720px){
  .container{width:min(100% - 30px,1160px)}
  .topbar-inner{justify-content:center}.topbar-inner span{display:none}
  .header{position:relative}.nav{height:75px}.brand img{width:175px}.menu-toggle{display:block}
  .nav-links{display:none;position:absolute;left:15px;right:15px;top:75px;background:#fff;padding:15px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
  .nav-links.open{display:flex}.nav-cta{text-align:center}

  /* No mobile: texto em fundo limpo e a foto aparece inteira na parte inferior. */
  .hero{min-height:835px;background:#faf9f7;display:block}
  .hero-bg{left:0;right:0;top:auto;bottom:0;height:330px;background-image:linear-gradient(180deg,rgba(250,249,247,1) 0%,rgba(250,249,247,.38) 30%,rgba(250,249,247,0) 62%),url("assets/hero-clinica-gerada.jpg");background-size:cover;background-position:center center}
  .hero-content{padding:52px 0 370px}
  .hero h1{font-size:50px;max-width:650px}
  .hero-copy{font-size:15px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-trust{gap:20px;flex-direction:column;margin-top:28px}
  .hero-card{left:15px;right:15px;bottom:20px;width:auto;padding:20px 22px}
  .hero-card strong{font-size:22px;margin:9px 0}
  .hero-card small{font-size:10px}

  .section{padding:75px 0}
  .intro-grid,.specialty-grid,.treatment-grid,.steps{grid-template-columns:1fr;gap:18px}
  .intro-grid{gap:25px}.specialty-card{min-height:0;padding:35px}.specialty-card h3{font-size:32px}
  .treatment-image{height:230px}
  .manifesto{min-height:760px}.manifesto-points{grid-template-columns:1fr}
  .location-grid{gap:35px}.map-wrap{height:390px}
  .cta-inner{flex-direction:column;align-items:flex-start}
  .footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}
  .photo-mosaic{grid-template-columns:1fr;grid-template-rows:300px 220px 220px}.photo-mosaic .photo-main{grid-row:auto}
}