:root{--paper:#f7f3ea;--ink:#293322;--muted:#525747;--clay:#895539;--line:#d8cfbd;--serif:"Playfair Display",Georgia,serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--clay);outline-offset:5px}img{display:block;width:100%;object-fit:cover}figure,p,h1,h2,h3{margin:0}.wrap{width:min(1180px,88%);margin:auto}
.bar{display:flex;align-items:center;justify-content:space-between;padding:19px 6%;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font:500 24px var(--serif);line-height:1}.brand small{display:block;font:700 8px "DM Sans",sans-serif;letter-spacing:.17em;margin-top:8px}.mark{font:29px Georgia;color:var(--clay)}nav{display:flex;gap:30px;font-size:14px}nav a:hover,footer a:hover{text-decoration:underline}.pill{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--ink);color:white;padding:15px 21px;border:1px solid var(--ink);border-radius:100px;font-size:14px;font-weight:700;transition:background .2s,color .2s}.pill:hover{background:#49553a}.outline{background:transparent;color:var(--ink)}.outline:hover{color:white}.light{background:#f2e7d3;color:var(--ink);border-color:#f2e7d3}.light:hover{background:#dcccb0}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.17em;line-height:1.6;color:var(--clay)}.eyebrow span{display:inline-block;width:8px;height:8px;background:currentColor;border-radius:50%;margin-right:9px}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.02;letter-spacing:-.045em}h1{font-size:clamp(62px,7.7vw,126px);margin:21px 0 24px}h2{font-size:clamp(43px,5.7vw,84px);margin:14px 0 24px}h3{font-size:32px;letter-spacing:-.035em}em{font-weight:400;color:var(--clay)}.intro,.about>p:not(.eyebrow){color:var(--muted);line-height:1.65;font-size:17px;max-width:435px;margin-bottom:24px}.note{font-size:12px;color:var(--muted);margin-top:13px}
.essence,.contact{background:var(--ink);color:var(--paper)}.essence-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding:80px 0}.essence em,.contact em,.essence .eyebrow,.contact .eyebrow{color:#e4bf98}.about>p:not(.eyebrow){color:#e7e0d2}.stage{position:relative;min-height:440px;isolation:isolate;background:radial-gradient(ellipse,#4b563a,transparent 70%);display:grid;place-items:center}.orbit{position:absolute;width:75%;aspect-ratio:1;border:1px solid #d9c39b55;border-radius:50%}.orbit:after{content:"";position:absolute;inset:12%;border:1px solid #d9c39b44;border-radius:50%}.fallback{position:absolute;height:75%;width:48%;transform:rotate(-13deg)}.stage.ready .fallback{visibility:hidden}#bottle{position:absolute;inset:0}#bottle canvas{display:block}.text-link{display:inline-block;font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:4px}.text-link:hover{opacity:.75}
.services,.faq{padding:95px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.cards article{background:#eee7d9;display:flex;flex-direction:column}.cards img{height:230px}.cards article>div{padding:24px;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:13px}.cards article p:not(.eyebrow),details p{line-height:1.6;color:var(--muted)}.cards a{margin-top:auto}.partner{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;background:var(--line)}.gallery img{aspect-ratio:1;object-position:center 40%}.faq{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}details{border-bottom:1px solid var(--line);padding:17px 0}details p{margin:10px 20px 0 0}summary{cursor:pointer;font-weight:600}.contact{text-align:center;padding:78px 5% 88px}footer{font-size:13px}
@media(max-width:850px){nav{display:none}h1{font-size:clamp(53px,8vw,75px)}.cards img{height:165px}.cards article>div{padding:17px}.stage{min-height:330px}}
@media(max-width:620px){.bar{padding:15px 5%}.brand{font-size:20px}.brand small{font-size:7px}.pill{padding:12px 15px;gap:10px}.essence-grid,.faq,.cards{grid-template-columns:1fr}.essence-grid{padding:38px 0 56px;gap:22px}.stage{min-height:310px}.services,.faq{padding:55px 0}.cards{margin-top:24px}.cards img{height:220px}.partner{align-items:flex-start;flex-direction:column}.gallery{grid-template-columns:1fr 1fr}.contact{padding:57px 5%}footer.bar{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.profile{display:grid;grid-template-columns: minmax(0,.9fr) minmax(0,1fr);gap:9%;align-items:center;padding:90px 0 0}
.profile img{aspect-ratio:1.12;object-position:center 34%;border-radius:46% 46% 2px 2px / 36% 36% 2px 2px}
.profile p:not(.eyebrow),.steps p{color:var(--muted);line-height:1.65;margin-bottom:17px}
.process{background:#eee7d9;padding:75px 0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;list-style:none;padding:0;margin:28px 0}
.steps li{border-top:1px solid #b6aa94;padding-top:16px}
.steps span{font-size:12px;color:var(--clay);font-weight:700}
.steps h3{margin:10px 0}
@media(max-width:620px){.profile,.steps{grid-template-columns:1fr}.profile{gap:26px;padding-top:52px}.process{padding:50px 0}}

.site-header{position:fixed;z-index:50;top:0;left:0;right:0;padding:22px 3vw;transition:transform .34s ease,opacity .34s ease}
.site-header.is-hidden:not(:focus-within){transform:translateY(-125%);opacity:0;pointer-events:none}
.nav-glass{width:min(1220px,94vw);min-height:74px;margin:auto;padding:10px 13px 10px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:26px;background:#263520ad;border:1px solid #ffffff2e;box-shadow:0 14px 44px #00000024;backdrop-filter:blur(22px);color:#fff}
.nav-glass .mark{color:#f0d3af;width:42px;height:42px;border:1px solid #ffffff73;border-radius:50%;display:grid;place-items:center}
.nav-glass nav{gap:22px;font-size:13px}.nav-glass .brand{font-size:22px}
.hero{height:min(890px,95vh);min-height:720px;position:relative;overflow:hidden;background:var(--ink);color:#fff}
.hero-image,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}
.hero-image{object-position:center 36%}
.hero-overlay{background:linear-gradient(90deg,#192218ed 0%,#222d20a6 42%,#222d2008 74%),linear-gradient(0deg,#17201580,transparent 42%)}
.hero-copy{position:relative;z-index:2;width:min(1220px,88vw);margin:auto;padding-top:165px}
.hero h1{max-width:710px;margin:23px 0;font:400 clamp(56px,6vw,90px)/.98 Georgia,serif;letter-spacing:-.05em}
.hero .eyebrow,.hero em{color:#fff}.hero .eyebrow span{width:30px;height:1px;border-radius:0;vertical-align:middle}
.hero .intro{max-width:540px;margin:0 0 34px;color:#ffffffe0;font-size:18px}
.hero-actions{display:flex;align-items:center;gap:30px}
.hero-more{border-bottom:1px solid #ffffff59;padding-bottom:7px;color:#fff;font-weight:700;font-size:13px;display:inline-flex;gap:14px}
.hero .pill,.nav-glass .pill{min-height:56px;padding:0 25px;border-radius:18px;background:#a46542;color:#fff;border:0;box-shadow:0 8px 30px #37221950}
.nav-glass .pill{min-height:50px;padding:0 20px}
.hero .pill:hover,.nav-glass .pill:hover{background:#895539}
.scroll-cue{position:absolute;z-index:2;right:5vw;bottom:48px;display:flex;align-items:center;gap:14px;transform:rotate(90deg);transform-origin:right;color:#ffffffa6;font-size:9px;letter-spacing:.3em}
.scroll-cue i{display:block;width:90px;height:1px;background:#ffffff66}
@media(max-width:980px){.nav-glass nav{display:none}.hero-copy{padding-top:160px}.hero{min-height:760px}.hero-image{object-position:64% center}}
@media(max-width:650px){
  .site-header{padding:13px}.nav-glass{width:100%;min-height:64px}.nav-glass>.pill{display:none}.nav-glass .mark{width:36px;height:36px}
  .hero{height:auto;min-height:760px}
  .hero-image{height:58%;object-position:76% 35%}
  .hero-overlay{background:linear-gradient(0deg,var(--ink) 35%,#293322ee 47%,#29332211 76%)}
  .hero-copy{padding:315px 0 50px;width:86vw}.hero h1{font-size:clamp(44px,8.8vw,53px)}
  .hero .intro{font-size:15px;margin-bottom:24px}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.scroll-cue{display:none}
}

.gallery{grid-template-columns:repeat(6,1fr)}
.cards img[src$="consulta-online.webp"]{object-position:center 36%}
@media(max-width:850px){.gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.gallery{grid-template-columns:repeat(2,1fr)}}
