@import url("https://fonts.googleapis.com/css2?family=Italiana&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Plus+Jakarta+Sans:wght@300;400;500;600&display=swap");

:root {
  color-scheme: light;
  --gold: #b38646;
  --gold-glow: rgba(179, 134, 70, 0.35);
  --espresso: #261e18;
  --background: #ded2c3;
}

* { box-sizing: border-box; }

html, body { min-width: 320px; margin: 0; }
body { background: var(--background); color: var(--espresso); font-family: "Plus Jakarta Sans", sans-serif; }

.hero {
  position: relative;
  min-height: 620px;
  height: 100svh;
  overflow: hidden;
  isolation: isolate;
  background: var(--background);
}

.hero__background,
.hero__shade,
.hero__portrait {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.hero__background {
  z-index: -3;
  background: url("https://res.cloudinary.com/dalwymbky/image/upload/v1790173038/capa_duhyal.jpg") center center / cover no-repeat;
}

.hero__shade {
  z-index: -2;
  background:
    radial-gradient(ellipse 85% 65% at 50% 30%, rgba(255, 252, 247, 0.12) 0%, rgba(38, 28, 20, 0.1) 100%),
    linear-gradient(180deg, rgba(235, 225, 212, 0.35) 0%, transparent 45%, rgba(26, 19, 15, 0.18) 100%);
  pointer-events: none;
}

.hero__content {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}

.hero__eyebrow {
  position: absolute;
  z-index: 4;
  top: 9%;
  left: 50%;
  width: max-content;
  max-width: calc(100% - 36px);
  margin: 0;
  transform: translateX(-50%);
  color: #6d533b;
  font: 500 clamp(.58rem, .78vw, .72rem)/1.5 "Plus Jakarta Sans", sans-serif;
  letter-spacing: .32em;
  text-transform: uppercase;
}

.hero__signature {
  position: absolute;
  z-index: -1;
  top: 3%;
  left: 50%;
  width: 100%;
  margin: 0;
  transform: translateX(-50%);
  color: rgba(143, 108, 68, 0.08);
  font: 400 clamp(7rem, 18vw, 21rem)/.7 "Italiana", "Playfair Display", Georgia, serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  user-select: none;
  animation: signature-appear 1.4s ease-out .15s both;
}

@keyframes signature-appear {
  from {
    opacity: 0;
    filter: blur(8px);
    transform: translate(-50%, 20px);
  }

  to {
    opacity: 1;
    filter: blur(0);
    transform: translate(-50%, 0);
  }
}

.hero__title {
  position: absolute;
  z-index: 1;
  top: 15%;
  left: 50%;
  width: min(96%, 1120px);
  margin: 0;
  transform: translateX(-50%);
  color: var(--gold);
  font: 400 clamp(3.2rem, 7.2vw, 7.4rem)/.95 "Italiana", "Playfair Display", Georgia, serif;
  letter-spacing: -.02em;
  text-shadow: 0 4px 30px var(--gold-glow);
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.hero__title span {
  font-family: "Playfair Display", "Italiana", Georgia, serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -.01em;
  white-space: nowrap;
}

.hero__title--scroll {
  opacity: 0;
  -webkit-mask-image: none;
  mask-image: none;
  pointer-events: none;
  transition: opacity .7s ease;
}

.hero__reveal-scroll {
  opacity: 0;
  -webkit-mask-image: none;
  mask-image: none;
  pointer-events: none;
  transition: opacity .7s ease;
}

.hero:focus-visible .hero__title:not(.hero__title--scroll) {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.hero__credit {
  position: absolute;
  z-index: 4;
  bottom: clamp(24px, 4.5vh, 48px);
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 clamp(24px, 5vw, 64px);
  margin: 0;
  box-sizing: border-box;
  pointer-events: none;
}

.hero__credit-left,
.hero__credit-right {
  display: inline-flex;
  align-items: center;
  color: #000000;
  font: 500 clamp(.62rem, .82vw, .76rem)/1.5 "Plus Jakarta Sans", sans-serif;
  letter-spacing: .2em;
  text-transform: uppercase;
  text-shadow: none;
}

.hero__portrait {
  z-index: 2;
  object-fit: cover;
  object-position: center center;
  pointer-events: none;
}

@media (max-width: 700px) {
  .hero { min-height: 560px; }
  .hero__eyebrow { top: 7%; font-size: .52rem; letter-spacing: .2em; }
  .hero__signature { top: 16%; font-size: clamp(4.8rem, 22vw, 9rem); line-height: .76; }
  .hero__title { top: 13%; width: calc(100% - 24px); font-size: clamp(2.6rem, 9.5vw, 4.4rem); line-height: .96; }
  .hero__title span { white-space: normal; }
  .hero__credit { bottom: 20px; padding: 0 18px; }
  .hero__credit-left, .hero__credit-right { font-size: clamp(.52rem, 2.7vw, .66rem); letter-spacing: .12em; }
}

@media (prefers-reduced-motion: no-preference) {
  .hero__eyebrow,
  .hero__credit { opacity: 0; transition: opacity .9s ease; }
  .is-ready .hero__eyebrow,
  .is-ready .hero__credit { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .hero__signature { animation: none; }
}

/* Accessible fallback: the title is readable when scripts are unavailable. */
html.js .hero__title:not(.hero__title--scroll) { -webkit-mask-image: linear-gradient(transparent,transparent); mask-image: linear-gradient(transparent,transparent); }


/* The hero above is based on the source and intentionally remains free from header, buttons and visual media beyond the supplied Cloudinary layers. */
:root{--cream:#f8f5ef;--warm:#eee5db;--ink:#2a221d;--muted:#70645a;--line:rgba(98,75,51,.16);--gold-strong:#a5773d}
body{overflow-x:hidden}html{scroll-behavior:smooth}img{max-width:100%}a{color:inherit}button{font:inherit}
.container{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.site-nav{position:sticky;top:0;z-index:30;background:rgba(249,245,239,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.site-nav__inner{min-height:94px;display:flex;gap:36px;align-items:center;justify-content:space-between}
.site-logo{display:flex;align-items:center;flex:none}.site-logo img{width:202px;height:auto;max-height:56px;object-fit:contain}
.site-menu{display:flex;align-items:center;gap:30px}.site-menu a{font-size:12px;letter-spacing:.06em;font-weight:600;text-decoration:none;white-space:nowrap;transition:color .2s}
.site-menu a:hover{color:var(--gold-strong)}.nav-contact,.gold-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;text-decoration:none;padding:17px 22px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:#b38646;color:#fff;white-space:nowrap;transition:background .2s,transform .2s}
.nav-contact:hover,.gold-button:hover{background:#8f6635;transform:translateY(-2px)}.menu-toggle{display:none;border:0;background:none;font-size:24px;cursor:pointer;color:var(--ink)}
.intro-section{background:#e6d8c7;padding:77px 0 75px}.intro-layout{display:grid;grid-template-columns:1fr 1.65fr 1fr;align-items:center;gap:32px}.label-heading{font-size:10px;letter-spacing:.26em;text-transform:uppercase;font-weight:600;color:#a17b4c;line-height:1.9}
.intro-layout>p{font:400 clamp(30px,3.6vw,55px)/1.17 Italiana,Georgia,serif;margin:0;text-align:center;letter-spacing:-.015em}.intro-layout>p em{font-family:'Playfair Display',Georgia,serif;font-weight:400}.intro-detail{font-size:12px;line-height:1.95;color:#635449;max-width:240px;justify-self:end}
.section{padding:112px 0}.treatments{background:var(--cream)}.section-heading{display:flex;justify-content:space-between;gap:48px;align-items:end;margin-bottom:42px}.section-heading h2,.about-copy h2,.appointment-row h2{font:400 clamp(40px,4.6vw,69px)/1.08 Italiana,Georgia,serif;letter-spacing:-.025em;max-width:730px;margin:12px 0 0}.section-heading h2 em,.about-copy h2 em,.appointment-row h2 em{font:italic 400 .91em/1.08 'Playfair Display',Georgia,serif;color:var(--gold-strong)}.section-heading>p{max-width:320px;font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 8px}.treatment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.treatment-card{background:#fff;border:1px solid rgba(133,104,71,.11);display:flex;flex-direction:column;min-width:0;box-shadow:0 8px 24px rgba(67,44,20,.035);transition:transform .25s,box-shadow .25s}.treatment-card:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(67,44,20,.11)}.treatment-visual{position:relative;aspect-ratio:1.42;overflow:hidden;background:#e9d7bd}.treatment-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.treatment-card:hover .treatment-visual img{transform:scale(1.045)}.treatment-number{position:absolute;top:15px;left:18px;color:#825d38;font-size:10px;letter-spacing:.2em}.treatment-copy{padding:25px 24px 26px;display:flex;flex-direction:column;flex:1}.treatment-copy h3{font:400 clamp(21px,1.8vw,25px)/1.25 Italiana,Georgia,serif;margin:0 0 10px;min-height:50px}.treatment-copy p{font-size:12px;color:#74685c;line-height:1.75;margin:0 0 22px}.treatment-copy a{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#926537;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:600}.treatment-copy a span{font-size:19px;font-weight:300}.image-disclaimer{font-size:11px;line-height:1.7;color:#8b7968;text-align:right;margin:28px 0 0}
.appointment-banner{background:#3b2f26;color:#fff;padding:78px 0;background-image:radial-gradient(circle at 80% 10%,rgba(195,159,105,.21),transparent 40%)}.appointment-row{display:flex;gap:45px;align-items:center;justify-content:space-between}.appointment-row .label-heading{color:#dfbd85}.appointment-row h2{max-width:720px;font-size:clamp(37px,4.1vw,58px)}.appointment-row h2 em{color:#ddbc84}.appointment-row p{font-size:13px;color:#e3d5c8;line-height:1.9}
.review-section{background:#e9ddcf}.review-feature{background:#f9f5ef;padding:42px 55px;display:grid;grid-template-columns:180px 1fr;gap:38px;align-items:center}.review-feature__mark{width:155px;height:155px;border:1px solid #c3ab8c;display:grid;place-items:center;font:400 120px/1 Italiana,serif;color:#ac7c3a;position:relative}.review-feature__mark span{position:absolute;top:12px;right:10px;font:400 20px sans-serif}.review-feature__label{font-size:10px;letter-spacing:.24em;color:#9d7246}.review-feature h3{font:400 clamp(30px,3.1vw,43px)/1.23 Italiana,Georgia,serif;margin:10px 0}.review-feature p{color:var(--muted);font-size:13px;line-height:1.85;max-width:570px}.inline-link{display:inline-flex;gap:30px;padding:10px 0;border-bottom:1px solid var(--gold-strong);color:#8d663c;text-decoration:none;font-size:11px;text-transform:uppercase;font-weight:600;letter-spacing:.13em}.inline-link:hover{color:#5b3b22}
.about-section{background:#faf8f3}.about-layout{display:grid;grid-template-columns:1fr .92fr;gap:95px;align-items:center}.about-images{position:relative;padding:0 75px 67px 0}.about-main-photo{width:100%;height:600px;object-fit:cover;display:block}.about-small-photo{position:absolute;bottom:0;right:0;width:46%;height:260px;object-fit:cover;box-shadow:0 16px 34px rgba(61,42,21,.16);border:7px solid #faf8f3}.about-copy h2{max-width:560px;margin-bottom:25px}.about-copy>p{font-size:13px;line-height:2.1;color:var(--muted);max-width:490px;margin:0 0 17px}.about-facts{display:flex;flex-direction:column;gap:0;margin:25px 0 26px}.about-facts span{padding:14px 0;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.15em;color:#7b5d42}
.gallery-section{background:#eee3d5;padding:100px 0}.gallery-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr 1.1fr;gap:12px}.gallery-grid img{width:100%;height:340px;object-fit:cover;display:block}.gallery-grid img:nth-child(2){object-position:45% 45%}.gallery-grid img:nth-child(3){object-position:60% 35%}
.location-section{background:var(--cream)}.location-layout{display:grid;grid-template-columns:390px 1fr;gap:18px;min-height:465px}.address-card{background:#e9ddce;padding:35px 36px;display:flex;flex-direction:column;align-items:start}.address-logo{width:235px;height:70px;object-fit:contain;object-position:left center;margin-bottom:29px}.address-card address{font-style:normal;line-height:1.9;font-size:14px;margin:8px 0 24px}.address-card>a{font-size:13px;text-decoration:none;margin:7px 0;color:#684b31}.address-card>.label-heading:not(:first-child){margin-top:6px}.address-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:auto;padding-top:25px}.address-actions a{font-size:11px;text-decoration:none;color:#7b5732;font-weight:600;padding-bottom:8px;border-bottom:1px solid #a77c48}.location-layout iframe{height:100%;width:100%;border:0;min-height:460px;filter:grayscale(.12)}.footer{background:#332923;color:#dfd2c4;padding:39px 0}.footer-layout{display:flex;align-items:center;gap:45px;justify-content:space-between}.footer img{width:200px;filter:brightness(0) invert(.9)}.footer p,.footer span{font-size:11px;color:#d4c3b1;line-height:1.7}
.floating-whatsapp{position:fixed;right:23px;bottom:23px;z-index:50;background:#25d366;color:#fff;box-shadow:0 8px 25px rgba(0,0,0,.19);border-radius:100px;display:flex;align-items:center;gap:12px;padding:13px 18px;text-decoration:none;font-size:12px;letter-spacing:.025em;font-weight:600;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .25s,transform .25s}.show-whatsapp .floating-whatsapp{opacity:1;transform:none;pointer-events:auto}.floating-whatsapp:hover{background:#168c48}
@media(max-width:1100px){.site-menu{gap:15px}.site-menu a{font-size:10px}.nav-contact{padding:14px}.treatment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-layout{gap:45px}}
@media(max-width:850px){.container{width:min(100% - 36px,1200px)}.site-nav__inner{min-height:80px;gap:16px}.site-menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:14px 22px;background:#f9f5ef;border-bottom:1px solid var(--line)}.site-menu.is-open{display:flex}.site-menu a{padding:13px 4px;font-size:12px}.menu-toggle{display:block;margin-left:auto}.nav-contact{font-size:10px;white-space:nowrap}.intro-layout{grid-template-columns:1fr;gap:22px;text-align:center}.intro-detail{max-width:450px;justify-self:center}.section-heading{align-items:start;flex-direction:column;gap:17px}.section-heading>p{max-width:560px}.treatment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-layout{grid-template-columns:1fr;gap:38px}.about-main-photo{height:450px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid img{height:330px}.location-layout{grid-template-columns:1fr}.location-layout iframe{min-height:340px}.footer-layout{flex-wrap:wrap;gap:15px}}
@media(max-width:560px){.container{width:calc(100% - 32px)}.site-logo img{width:145px;max-height:43px}.site-nav__inner{gap:10px;min-height:72px}.nav-contact{padding:10px 9px;font-size:8px;letter-spacing:0;gap:3px}.menu-toggle{font-size:22px}.intro-section{padding:65px 0}.section{padding:75px 0}.section-heading{margin-bottom:30px}.section-heading h2,.about-copy h2{font-size:43px}.treatment-grid{grid-template-columns:1fr;gap:17px}.treatment-visual{aspect-ratio:1.55}.treatment-copy h3{min-height:0;font-size:28px}.treatment-copy p{font-size:13px}.treatment-copy{padding:22px 22px}.image-disclaimer{text-align:left}.appointment-banner{padding:65px 0}.appointment-row{flex-direction:column;align-items:flex-start;gap:21px}.review-feature{grid-template-columns:1fr;gap:16px;padding:24px}.review-feature__mark{width:86px;height:86px;font-size:75px}.review-feature h3{font-size:36px}.about-images{padding:0 35px 50px 0}.about-main-photo{height:410px}.about-small-photo{height:175px;border-width:5px}.gallery-section{padding:75px 0}.gallery-grid{gap:8px}.gallery-grid img{height:235px}.address-card{padding:25px}.address-logo{max-width:190px}.floating-whatsapp{bottom:18px;right:15px;padding:14px;border-radius:50%}.floating-whatsapp span{display:none}.footer-layout{flex-direction:column;align-items:flex-start}.footer img{width:175px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.treatment-card,.nav-contact,.gold-button,.floating-whatsapp{transition:none}}

/* Refinamento fotográfico dos cards - Botopremium / edição humanizada */
.treatment-visual { background: #e6d6c3; }
.treatment-visual::after { content:""; position:absolute; inset:0; z-index:0; background:linear-gradient(180deg,rgba(30,20,13,.08) 0%,transparent 27%,transparent 75%,rgba(30,20,13,.04) 100%); pointer-events:none; }
.treatment-visual img { object-position: center center; }
.treatment-number { z-index:1; background:rgba(255,250,242,.91); padding:6px 8px; top:11px; left:12px; border-radius:2px; color:#78532e; }
.floating-whatsapp { background:#b38646; box-shadow:0 8px 25px rgba(78,53,26,.28); }
.floating-whatsapp:hover { background:#8f6635; }
@media (hover:none){.treatment-card:hover{transform:none}.treatment-card:hover .treatment-visual img{transform:none}}