/* Caroline Arias — direção visual contemporânea */
:root{
  --modern-green:#082d23;
  --modern-green-soft:#164b3b;
  --modern-ivory:#f5efe7;
  --modern-sand:#e8dccd;
  --modern-gold:#b58a3f;
  --modern-ink:#15342b;
  --modern-shadow:0 24px 70px rgba(20,47,38,.12);
}

html{scroll-padding-top:118px}
body{background:var(--modern-ivory);color:var(--modern-ink);font-family:"Segoe UI",Arial,sans-serif}
.page-shell{width:100%;max-width:1500px;margin:0 auto;padding:0 28px 30px;background:none;border:0;box-shadow:none}
.page-shell:before{content:"";position:fixed;z-index:-1;inset:0;background:radial-gradient(circle at 12% 8%,#d9c49f4a,transparent 26%),radial-gradient(circle at 92% 35%,#9eb7aa35,transparent 27%),var(--modern-ivory)}

/* Cabeçalho flutuante */
.site-header{top:12px;margin:14px 0 18px;padding:0 16px;background:rgba(250,246,240,.88);border:1px solid rgba(151,119,66,.18);border-radius:24px;box-shadow:0 12px 40px rgba(32,54,47,.08);backdrop-filter:blur(20px)}
.eyebrow{height:34px;padding:0 8px;border-color:#b9975d2e;font-family:"Segoe UI",Arial,sans-serif;font-size:9px;font-weight:600;letter-spacing:2px;color:#6f705f}
.header-main{height:102px;grid-template-columns:235px 1fr auto;padding:0 6px;gap:26px;border:0}
.brand{height:82px;border:0}
.brand:after{left:9%;top:20%;width:55%}
.brand img{width:220px;height:83px;object-fit:contain;filter:drop-shadow(0 -1px 0 #ffe3a1) drop-shadow(0 2px 0 #5e3d18) drop-shadow(0 5px 3px #6f4c1866) drop-shadow(0 12px 16px #6f4c1830)}
.header-main nav{gap:28px}
.header-main nav a{font-family:"Segoe UI",Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.7px;color:#304d44}
.header-main nav a:after{bottom:-7px;height:2px;border-radius:2px}
.button-header{min-height:48px;border:0;border-radius:999px;padding:0 22px;background:var(--modern-green);box-shadow:0 10px 28px #082d2330;font-family:"Segoe UI",Arial,sans-serif;font-weight:600}
.site-header.is-scrolled{box-shadow:0 18px 48px rgba(20,47,38,.16)}
.site-header.is-scrolled .header-main{height:76px}
.site-header.is-scrolled .brand{height:66px}
.site-header.is-scrolled .brand img{height:65px;width:175px}

/* Hero imersivo */
.hero{grid-template-columns:44% 56%;min-height:680px;margin:0;border-radius:34px;background:var(--modern-green);box-shadow:var(--modern-shadow)}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:64px 7%;background:linear-gradient(145deg,#0b372b,#082d23 70%)}
.hero-signature{margin-bottom:22px;padding:8px 13px;width:max-content;border:1px solid #d1ae6a4f;border-radius:999px;background:#ffffff08;font-family:"Segoe UI",Arial,sans-serif;font-size:8px;font-weight:600;letter-spacing:2.4px}
.hero-title{font-size:clamp(48px,5vw,72px);line-height:.96;letter-spacing:-.025em}
.hero-kicker{font-family:"Segoe UI",Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:3.5px}
.gold-rule{width:74px;margin:20px 0}
.hero-text{max-width:470px;font-family:"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.75;font-weight:350}
.button-outline{width:max-content;min-height:54px;border-radius:999px;padding:0 25px;background:var(--modern-gold);border:0;color:#fff;font-family:"Segoe UI",Arial,sans-serif;font-size:11px;font-weight:700;box-shadow:0 14px 30px #001b1447}
.button-outline:hover{background:#c99e50;color:#082d23}
.hero-photo{background-image:url("assets/hero-hd.png");background-size:cover;border-radius:0 34px 34px 0;overflow:hidden}
.hero-photo:before{width:80px;background:var(--modern-green);opacity:.74}
.hero-photo:after{background:linear-gradient(90deg,#082d2352,transparent 35%,transparent)}
.hero-proof{display:flex;flex-wrap:wrap;gap:14px 20px;margin-top:34px;padding-top:24px;border-top:1px solid #e4c78624}
.hero-proof span{display:flex;align-items:center;gap:7px;color:#eee5d6b8;font-size:10px;white-space:nowrap}
.hero-proof i{color:#d9b66c;font-size:14px}

/* Propósito em cartões orgânicos */
.about{grid-template-columns:1.25fr .75fr;gap:18px;min-height:360px;margin-top:22px;border:0;background:transparent;box-shadow:none}
.principles{gap:14px;padding:0;background:transparent}
.principles article,.principles article:last-child{display:flex;flex-direction:column;justify-content:center;padding:34px 28px;border:1px solid #9d7e4d21;border-radius:26px;background:rgba(255,252,248,.74);box-shadow:0 16px 40px #1c46390b;text-align:left}
.principles article:nth-child(2){transform:translateY(16px)}
.principles article:hover{transform:translateY(-7px);background:#fffdf9;box-shadow:0 22px 50px #153c3020}
.principles article:nth-child(2):hover{transform:translateY(9px)}
.line-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 0 25px;border-radius:18px;background:#e7d5b9;color:var(--modern-green);font-size:25px}
.principles h2{margin-bottom:14px;text-align:left;font-size:15px;letter-spacing:1.3px}
.principles p,.principles li{font-family:"Segoe UI",Arial,sans-serif;font-size:11px;line-height:1.65;color:#52645e}
.principles ul{padding-left:16px}
.about>.image-reveal{min-height:360px;border-radius:28px;box-shadow:var(--modern-shadow)}
.reception{height:116%;position:absolute;inset:-8% 0;width:100%}
.image-reveal:after{background:linear-gradient(100deg,#c69c5357,#0a302529)}

/* Tratamentos em mosaico */
.treatments{margin-top:64px;padding:0;border:0;background:transparent;box-shadow:none}
.section-heading{height:auto;margin-bottom:24px;padding:0}
.section-heading h2{font-size:34px;letter-spacing:-.01em}
.section-heading span{background:linear-gradient(90deg,#b58a3f5c,transparent)}
.section-heading p{font-family:"Segoe UI",Arial,sans-serif;font-size:9px;font-weight:600;letter-spacing:2px;color:#6e786f}
.treatment-grid{grid-template-columns:repeat(6,1fr);gap:16px}
.treatment-grid article{grid-column:span 2;min-height:390px;border:0;border-radius:26px;background:#fffaf4;box-shadow:0 14px 38px #1e443813;overflow:hidden}
.treatment-grid article:nth-child(4),.treatment-grid article:nth-child(5){grid-column:span 3;min-height:350px}
.treatment-grid img{height:240px}
.treatment-grid article:nth-child(4) img,.treatment-grid article:nth-child(5) img{height:215px}
.treatment-grid i{top:216px;width:46px;height:46px;border:4px solid #fffaf4;background:var(--modern-green);box-shadow:0 8px 20px #0b2e2452}
.treatment-grid article:nth-child(4) i,.treatment-grid article:nth-child(5) i{top:191px}
.treatment-grid h3{margin:31px 18px 9px;font-size:15px;letter-spacing:.3px}
.treatment-grid p{max-width:310px;margin:0 auto 22px;padding:0 16px;font-family:"Segoe UI",Arial,sans-serif;font-size:11px;line-height:1.6;color:#66736f}

/* Diferenciais com contraste */
.differences{grid-template-columns:46% 54%;min-height:390px;margin-top:64px;border-radius:32px;background:var(--modern-green);box-shadow:var(--modern-shadow);overflow:hidden}
.difference-copy{display:flex;flex-direction:column;justify-content:center;padding:48px}
.difference-copy h2{font-size:32px;letter-spacing:-.01em}
.difference-grid{grid-template-columns:repeat(3,1fr);gap:22px 14px;text-align:left}
.difference-grid article{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:11px}
.difference-grid article:last-child{grid-column:span 2}
.difference-grid b{width:44px;height:44px;margin:0;background:#ffffff08}
.difference-grid p{margin:0;font-family:"Segoe UI",Arial,sans-serif;font-size:8px;font-weight:600;line-height:1.45;letter-spacing:.4px;color:#eee6d9c4}
.lounge-wrap{min-height:390px;border-radius:28px 0 0 28px}

/* Conversão final */
.closing{grid-template-columns:1.1fr 2fr .8fr;gap:30px;align-items:center;min-height:250px;margin-top:22px;padding:40px;border:0;border-radius:30px;background:#e9dccb;box-shadow:none}
.quote{padding-right:26px;border-color:#856b4533}
.quote p{font-size:30px;line-height:1.08}
.quote em{font-size:22px}
.benefits{gap:12px}
.benefits article{display:block;padding:20px;border:0;border-radius:20px;background:#f8f1e8}
.benefits b{width:44px;margin-bottom:16px;background:#fff;border:0;box-shadow:0 6px 16px #273d3317}
.benefits h3{margin-bottom:10px;font-family:"Segoe UI",Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.8px}
.benefits p{font-family:"Segoe UI",Arial,sans-serif;font-size:10px;line-height:1.55}
.final-cta{padding:0}
.final-cta .button{min-height:54px;border:0;border-radius:999px;font-family:"Segoe UI",Arial,sans-serif;font-size:11px;font-weight:700}
.final-cta p{margin:18px 8px;font-family:"Segoe UI",Arial,sans-serif;font-size:9px;line-height:1.6;letter-spacing:1px;color:#53655e}

footer{height:94px;margin-top:18px;border:0;border-radius:22px;background:#ffffff7d}
footer p{font-family:"Segoe UI",Arial,sans-serif;font-size:9px;color:#51635c}
footer img{width:88px;height:64px;object-fit:contain;border-radius:10px;filter:drop-shadow(0 2px 1px #5e3d1866)}
.floating-appointment{border-radius:999px}

@media(max-width:1180px){
  .page-shell{padding-left:18px;padding-right:18px}.header-main{grid-template-columns:190px 1fr auto;gap:14px}.brand img{width:180px}.header-main nav{gap:15px}.hero{grid-template-columns:47% 53%;min-height:620px}.hero-copy{padding-left:6%;padding-right:6%}.hero-title{font-size:52px}.principles article,.principles article:last-child{padding:27px 18px}.treatment-grid h3{font-size:14px}.difference-copy{padding:36px 28px}.closing{grid-template-columns:1fr 1.9fr .9fr;gap:18px;padding:30px 24px}.benefits article{padding:15px}
}

@media(max-width:900px){
  html{scroll-padding-top:84px}.page-shell{padding:0 12px 18px}.site-header{top:6px;margin:6px 0 12px;border-radius:18px}.eyebrow{display:none}.header-main{height:82px;grid-template-columns:180px 1fr auto}.brand{height:70px}.brand img{width:175px;height:68px}.header-main nav{top:88px;left:12px;right:12px;border-radius:18px}.site-header.is-scrolled .header-main nav{top:82px}.hero{grid-template-columns:1fr;min-height:0;border-radius:26px}.hero-photo{grid-row:1;height:500px;border-radius:26px 26px 0 0}.hero-copy{padding:50px 42px;border-radius:0 0 26px 26px}.hero-photo:before{display:none}.hero-title{font-size:58px}.about{grid-template-columns:1fr}.principles{min-height:0}.about>.image-reveal{height:420px}.treatment-grid{grid-template-columns:repeat(2,1fr)}.treatment-grid article,.treatment-grid article:nth-child(4),.treatment-grid article:nth-child(5){grid-column:span 1;min-height:380px;max-width:none}.treatment-grid article:last-child{grid-column:1/-1;width:calc(50% - 8px);margin:auto}.treatment-grid img,.treatment-grid article:nth-child(4) img,.treatment-grid article:nth-child(5) img{height:235px}.treatment-grid i,.treatment-grid article:nth-child(4) i,.treatment-grid article:nth-child(5) i{top:211px}.differences{grid-template-columns:1fr}.difference-grid{grid-template-columns:repeat(5,1fr)}.difference-grid article,.difference-grid article:last-child{display:block;grid-column:auto;text-align:center}.difference-grid b{margin:0 auto 10px}.lounge-wrap{min-height:350px;border-radius:24px 24px 0 0;grid-row:1}.closing{grid-template-columns:1fr}.quote{padding:0 0 24px;border:0;border-bottom:1px solid #856b4533;text-align:center}.benefits{padding:0}.final-cta{padding-top:24px}
}

@media(max-width:580px){
  .page-shell{padding:0 7px 12px}.site-header{padding:0 8px}.header-main{height:72px;grid-template-columns:145px 1fr 42px}.brand{height:62px}.brand img{width:142px;height:61px}.button-header{width:42px;height:42px;min-height:42px;padding:0}.header-main nav{top:78px}.site-header.is-scrolled .header-main nav{top:72px}.hero{border-radius:22px}.hero-photo{height:390px;border-radius:22px 22px 0 0}.hero-copy{padding:38px 24px 42px}.hero-title{font-size:43px}.hero-kicker{font-size:10px;letter-spacing:2.7px}.hero-proof{display:grid;grid-template-columns:1fr;gap:10px}.about{margin-top:12px}.principles{grid-template-columns:1fr;gap:10px}.principles article,.principles article:last-child,.principles article:nth-child(2){min-height:220px;padding:28px;transform:none;border-radius:22px}.principles article:nth-child(2):hover{transform:translateY(-4px)}.about>.image-reveal{height:290px;min-height:290px;border-radius:22px}.treatments{margin-top:46px}.section-heading h2{font-size:27px}.treatment-grid{grid-template-columns:1fr}.treatment-grid article,.treatment-grid article:nth-child(4),.treatment-grid article:nth-child(5),.treatment-grid article:last-child{grid-column:1;width:100%;min-height:390px}.treatment-grid img,.treatment-grid article:nth-child(4) img,.treatment-grid article:nth-child(5) img{height:250px}.treatment-grid i,.treatment-grid article:nth-child(4) i,.treatment-grid article:nth-child(5) i{top:226px}.differences{margin-top:46px;border-radius:24px}.difference-copy{padding:34px 24px}.difference-copy h2{font-size:26px}.difference-grid{grid-template-columns:repeat(2,1fr);gap:25px 12px}.difference-grid article,.difference-grid article:last-child{grid-column:auto}.difference-grid article:last-child{grid-column:1/-1}.lounge-wrap{min-height:270px}.closing{padding:30px 18px;border-radius:24px}.benefits{grid-template-columns:1fr}.benefits article{display:grid;grid-template-columns:46px 1fr;gap:14px}.benefits b{margin:0}.quote p{font-size:27px}.floating-appointment{right:10px;bottom:10px}.floating-appointment small{display:none}footer{height:86px;background:transparent}
}