:root { --ink:#0c0c0c; --paper:#f2efe8; --gold:#c98b2e; --line:#d8d2c6; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:'Inter',Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
em { color:var(--gold); font-style:normal; }
.site-header { position:sticky; top:0; z-index:20; height:84px; padding:0 clamp(24px,5vw,80px); display:flex; align-items:center; justify-content:space-between; gap:28px; background:rgba(12,12,12,.95); color:white; border-bottom:1px solid #292929; backdrop-filter:blur(12px); }
.brand { display:flex; align-items:center; gap:12px; font-family:'Oswald',sans-serif; font-size:20px; letter-spacing:.08em; font-weight:700; }
.brand img { width:45px; height:45px; border-radius:50%; object-fit:cover; }
.brand small { display:block; color:var(--gold); font-size:10px; letter-spacing:.36em; text-align:center; }
.site-header nav { display:flex; gap:30px; font-size:13px; font-weight:600; }
.site-header nav a:hover { color:var(--gold); }
.button { min-height:52px; padding:0 24px; display:inline-flex; align-items:center; justify-content:center; gap:15px; background:var(--gold); color:#0d0d0d; font-weight:800; font-size:13px; text-transform:uppercase; letter-spacing:.06em; border:1px solid var(--gold); transition:.2s ease; }
.button:hover { background:#e2aa52; transform:translateY(-2px); }
.button-small { min-height:42px; padding:0 19px; }
.hero { min-height:760px; display:grid; grid-template-columns:52% 48%; background:#111; color:white; }
.hero-photo { order:2; min-height:680px; background:linear-gradient(90deg,#111 0%,transparent 35%),linear-gradient(0deg,rgba(0,0,0,.4),transparent 50%),url('/images/atendimento.jpeg') center/cover; }
.hero-content { display:flex; flex-direction:column; justify-content:center; padding:80px 4vw 65px clamp(24px,7vw,110px); }
.eyebrow { display:flex; align-items:center; gap:12px; margin:0 0 24px; color:#8d6c38; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.17em; }
.eyebrow span { width:28px; height:1px; background:currentColor; }
h1,h2 { margin:0; font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase; line-height:.96; letter-spacing:-.025em; }
h1 { max-width:700px; font-size:clamp(58px,6.4vw,104px); }
h2 { font-size:clamp(46px,5vw,78px); }
.hero-copy { max-width:580px; margin:30px 0; color:#c8c8c8; font-size:17px; line-height:1.7; }
.hero-actions { display:flex; align-items:center; gap:28px; }
.text-link { padding:12px 0; font-size:13px; font-weight:700; border-bottom:1px solid #555; }
.text-link:hover { color:var(--gold); }
.quick-info { display:flex; gap:34px; margin-top:58px; padding-top:28px; border-top:1px solid #333; }
.quick-info div { display:flex; flex-direction:column; gap:6px; }
.quick-info b { font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
.quick-info span { color:#777; font-size:11px; }
.trust-strip { min-height:72px; padding:18px 5vw; display:flex; align-items:center; justify-content:center; gap:3vw; background:var(--gold); font-family:'Oswald',sans-serif; font-size:14px; font-weight:700; letter-spacing:.09em; }
.trust-strip i { font-style:normal; }
.section { padding:clamp(80px,9vw,140px) clamp(24px,7vw,110px); }
.section-intro { display:grid; grid-template-columns:1.25fr .75fr; align-items:end; gap:70px; margin-bottom:62px; }
.section-intro > p { max-width:480px; margin:0 0 4px; color:#5f5a52; line-height:1.75; }
.membership { background:#111; color:white; }
.membership .section-intro > p { color:#9d9d9d; }
.plan-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; align-items:stretch; }
.plan { position:relative; min-height:520px; padding:48px 38px 36px; display:flex; flex-direction:column; background:#171717; border:1px solid #3c3325; overflow:hidden; }
.plan.featured { border-color:var(--gold); box-shadow:0 0 35px rgba(201,139,46,.17); transform:translateY(-12px); }
.plan-tag { position:absolute; top:0; right:0; padding:9px 15px; background:#2a251d; color:#c6a46f; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.featured .plan-tag { background:var(--gold); color:#111; font-weight:800; }
.signal-mark { height:70px; margin:32px 0 14px; color:var(--gold); font-size:42px; letter-spacing:-.1em; }
.plan h3 { margin:0; font-family:'Oswald',sans-serif; font-size:38px; text-transform:uppercase; }
.plan-detail { max-width:270px; min-height:70px; color:#aaa; line-height:1.6; }
.price { margin:auto 0 25px; color:var(--gold); font-family:'Oswald',sans-serif; font-size:74px; line-height:1; font-weight:700; }
.price sup { margin-right:6px; color:#ddd; font-size:18px; vertical-align:top; }
.price small { color:#ddd; font-size:18px; font-weight:400; }
.plan a { padding-top:20px; border-top:1px solid #3c3325; color:#ddd; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.plan-note { margin:28px 0 0; color:#666; text-align:center; font-size:11px; }
.services { background:var(--paper); }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.service-grid article { min-height:270px; padding:34px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); transition:.2s; }
.service-grid article:hover { background:#e8e2d7; }
.service-grid article > span { color:#a49d91; font-family:'Oswald',sans-serif; font-size:12px; }
.service-grid h3 { margin:52px 0 14px; font-family:'Oswald',sans-serif; font-size:28px; text-transform:uppercase; }
.service-grid p { min-height:58px; color:#686158; font-size:13px; line-height:1.6; }
.service-grid a { display:inline-block; margin-top:15px; color:#9a681f; font-size:11px; font-weight:800; text-transform:uppercase; }
.space { display:grid; grid-template-columns:.8fr 1.2fr; gap:7vw; background:#ded8cd; }
.space-copy { align-self:center; }
.space-copy > p:not(.eyebrow) { margin:32px 0; color:#5c574f; line-height:1.75; }
.space-copy ul { padding:0; list-style:none; font-size:13px; font-weight:700; }
.space-copy li { padding:13px 0; border-bottom:1px solid #c1baae; }
.space-copy li::before { content:'✓'; margin-right:12px; color:var(--gold); }
.gallery { display:grid; grid-template-columns:1.25fr .75fr; grid-template-rows:1fr 1fr; gap:12px; min-height:610px; }
.gallery img { width:100%; height:100%; object-fit:cover; filter:saturate(.75) contrast(1.05); }
.gallery img:first-child { grid-row:1/3; }
.local { display:grid; grid-template-columns:1.2fr .8fr; gap:7vw; align-items:center; background:var(--gold); }
.light { color:#36250c; }
.local h2 em { color:white; }
.local-actions { max-width:450px; }
.local-actions p { margin:0 0 28px; line-height:1.7; }
.button-light { background:#111; color:white; border-color:#111; }
.button-light:hover { background:#292929; }
.local-actions > a:last-child { display:block; margin-top:20px; font-size:12px; font-weight:700; }
footer { padding:55px clamp(24px,7vw,110px); display:grid; grid-template-columns:2fr 1fr 1fr auto; gap:40px; align-items:center; background:#0c0c0c; color:white; }
footer b { color:#777; font-size:10px; text-transform:uppercase; letter-spacing:.12em; }
footer p { color:#999; font-size:12px; line-height:1.8; }
.footer-brand img { width:64px; height:64px; object-fit:cover; border-radius:50%; }
.copyright { align-self:end; }
.mobile-cta { display:none; }

@media (max-width:960px) {
  .site-header nav { display:none; }
  .hero { min-height:auto; grid-template-columns:1fr; }
  .hero-photo { order:0; min-height:46vw; background:linear-gradient(0deg,#111,transparent 55%),url('/images/atendimento.jpeg') center 32%/cover; }
  .hero-content { padding-top:40px; }
  .quick-info { flex-wrap:wrap; }
  .section-intro,.space,.local { grid-template-columns:1fr; }
  .section-intro { gap:30px; }
  .plan-grid { grid-template-columns:1fr; }
  .plan { min-height:450px; }
  .plan.featured { transform:none; }
  .service-grid { grid-template-columns:repeat(2,1fr); }
  footer { grid-template-columns:1fr 1fr; }
}

@media (max-width:600px) {
  .site-header { height:70px; padding:0 18px; }
  .brand { font-size:16px; }
  .brand img { width:39px; height:39px; }
  .site-header .button { display:none; }
  .hero-photo { min-height:75vw; }
  .hero-content { padding:38px 22px 48px; }
  h1 { font-size:51px; }
  h2 { font-size:44px; }
  .hero-actions { align-items:stretch; flex-direction:column; gap:8px; }
  .hero-actions .text-link { text-align:center; }
  .quick-info { margin-top:38px; gap:23px; }
  .trust-strip { justify-content:flex-start; overflow:hidden; white-space:nowrap; }
  .section { padding:76px 22px; }
  .plan { min-height:440px; padding:38px 26px 30px; }
  .price { font-size:64px; }
  .service-grid { grid-template-columns:1fr; }
  .service-grid article { min-height:230px; }
  .service-grid h3 { margin-top:32px; }
  .gallery { min-height:540px; grid-template-columns:1fr 1fr; grid-template-rows:1.2fr .8fr; }
  .gallery img:first-child { grid-column:1/3; grid-row:auto; }
  footer { padding-bottom:100px; grid-template-columns:1fr; }
  .mobile-cta { position:fixed; z-index:30; left:12px; right:12px; bottom:12px; min-height:54px; display:flex; align-items:center; justify-content:center; background:#23a455; color:white; font-size:13px; font-weight:800; text-transform:uppercase; box-shadow:0 10px 30px rgba(0,0,0,.35); }
}