:root{
  --brown:#3B2924;
  --nude:#C8A99A;
  --beige:#E8DED6;
  --offwhite:#F8F6F2;
  --espresso:#211A17;
  --max:1180px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto;} }
body{
  background:var(--offwhite);
  color:var(--brown);
  font-family:'Jost',sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
.wrap{ max-width:var(--max); margin:0 auto; padding:0 24px; }
img{ max-width:100%; display:block; }
a{ text-decoration:none; color:inherit; }
svg.defs{ position:absolute; width:0; height:0; overflow:hidden; }

/* ---------- FOLIO ---------- */
.folio{
  position:relative; padding:16px 24px 28px; z-index:5;
  display:flex; align-items:center; justify-content:flex-end;
  font-family:'Jost',sans-serif; font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--brown); opacity:.6;
}
@media (min-width:720px){ .folio{ position:absolute; left:48px; right:48px; bottom:28px; padding:0; } }
.folio .num{ font-family:'Bodoni Moda',serif; font-style:italic; font-size:13px; opacity:1; }

/* ---------- SPREAD ---------- */
.spread{
  position:relative; min-height:auto; display:flex; flex-direction:column; justify-content:center;
  padding:64px 0 56px;
}
@media (min-width:720px){ .spread{ min-height:100vh; padding:96px 0 72px; } }
.spread.beige{ background:var(--beige); }

/* ---------- PÁGINA 01 — CAPA ---------- */
.cover{ min-height:auto; padding:0; align-items:stretch; display:block; }
@media (min-width:860px){ .cover{ min-height:100vh; display:flex; } }
.cover-photo{ position:relative; width:100%; aspect-ratio:4/5; clip-path:url(#organicClipMobile); }
@media (min-width:860px){
  .cover-photo{ position:absolute; right:0; bottom:0; width:auto; height:88%; aspect-ratio:4/5; clip-path:url(#organicClip1); }
}
.cover-photo img{ width:100%; height:100%; object-fit:cover; display:block; }
.cover-text{ position:relative; z-index:2; padding:92px 24px 36px; max-width:640px; }
@media (min-width:720px){ .cover-text{ padding:140px 48px 0; } }
.cover-kicker{ font-family:'Bodoni Moda',serif; font-weight:400; font-size:clamp(30px,6vw,46px); line-height:1.05; }
.cover-kicker.cover-phrase-main{ text-transform:uppercase; font-style:italic; font-size:clamp(24px,6.4vw,42px); line-height:1.22; letter-spacing:.01em; max-width:20ch; }

/* ---------- SECTION HEAD SHARED ---------- */
.page-head{ max-width:640px; margin-bottom:36px; }
.page-head h2{ font-family:'Bodoni Moda',serif; font-weight:400; font-size:clamp(27px,4.8vw,44px); line-height:1.12; }
.page-head .subtitle{ margin-top:14px; font-family:'Bodoni Moda',serif; font-style:italic; font-size:clamp(15px,2vw,18px); color:var(--brown); }
.page-head p.desc{ margin-top:14px; font-size:16px; line-height:1.65; color:var(--espresso); max-width:56ch; }

/* ---------- PÁGINA 02 — SOBRE MIM ---------- */
.about{ background:var(--beige); }
.about-grid{ display:grid; gap:44px; width:100%; }
@media (min-width:860px){ .about-grid{ grid-template-columns:.85fr 1.15fr; gap:64px; align-items:center; } }
.about-photo{ clip-path:url(#organicClip2); aspect-ratio:4/5; max-width:420px; margin:0 auto; }
.about-photo img{ width:100%; height:100%; object-fit:cover; display:block; }
.about-body h2{ font-family:'Bodoni Moda',serif; font-weight:400; font-size:clamp(26px,4vw,38px); line-height:1.18; margin-bottom:22px; }
.about-body p{ font-size:16px; line-height:1.75; color:var(--espresso); margin-bottom:16px; max-width:56ch; }
.about-values{ display:flex; flex-wrap:nowrap; gap:0; margin:30px 0 6px; font-family:'Jost',sans-serif; font-weight:600; font-size:10px; letter-spacing:.08em; text-transform:uppercase; overflow-x:auto; }
.about-values span{ padding:0 10px 0 0; white-space:nowrap; }
.about-values span:not(:last-child){ border-right:1px solid var(--brown); margin-right:10px; }
@media (min-width:480px){ .about-values{ font-size:12px; letter-spacing:.14em; } .about-values span{ padding:0 16px 0 0; } .about-values span:not(:last-child){ margin-right:16px; } }
.about-quote{ margin-top:8px; padding-top:28px; border-top:1px solid var(--nude); }
.about-quote p{ font-family:'Bodoni Moda',serif; font-style:italic; font-size:clamp(18px,2.4vw,23px); line-height:1.5; color:var(--brown); max-width:48ch; }

/* ---------- PÁGINA 03 — ANÁLISE ---------- */
.analysis-grid{ display:grid; gap:48px; width:100%; }
@media (min-width:860px){ .analysis-grid{ grid-template-columns:1.15fr .85fr; gap:60px; align-items:start; } }
.analysis-photo{ clip-path:url(#organicClip3); aspect-ratio:9/13; max-width:360px; }
@media (min-width:860px){ .analysis-photo{ order:2; margin-left:auto; } }
.analysis-photo img{ width:100%; height:100%; object-fit:cover; display:block; }
.analysis-body h2{ font-family:'Bodoni Moda',serif; font-weight:400; font-size:clamp(26px,4.4vw,42px); line-height:1.14; max-width:14ch; }
.analysis-body .subtitle{ font-family:'Bodoni Moda',serif; font-style:italic; font-size:clamp(16px,2.2vw,19px); color:var(--brown); margin-top:14px; }
.analysis-body p.desc{ margin-top:24px; font-size:16px; line-height:1.75; color:var(--espresso); max-width:52ch; }
.qa-heading{ margin-top:38px; font-family:'Jost',sans-serif; font-weight:700; font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--brown); }
.qa-list{ margin-top:16px; border-top:1px solid var(--brown); }
.qa-item{ padding:20px 0; border-bottom:1px solid var(--nude); display:grid; grid-template-columns:1fr; gap:6px; }
@media (min-width:560px){ .qa-item{ grid-template-columns:1fr 1.4fr; gap:24px; align-items:baseline; } }
.qa-item h3{ font-family:'Jost',sans-serif; font-weight:600; font-size:13px; letter-spacing:.1em; text-transform:uppercase; }
.qa-item p{ font-size:16px; line-height:1.6; color:var(--espresso); }
.analysis-note{ margin-top:30px; font-family:'Bodoni Moda',serif; font-style:italic; font-size:12.5px; color:var(--brown); max-width:44ch; }

/* ---------- PÁGINA 04 — TÉCNICAS ---------- */
.tech-list{ border-top:1px solid var(--brown); }
.technique{ display:grid; gap:24px; padding:36px 0; border-bottom:1px solid var(--nude); }
@media (min-width:760px){ .technique{ grid-template-columns:110px 1fr 220px; gap:28px; align-items:start; } }
.technique-num{ font-size:clamp(30px,4vw,40px); font-style:italic; color:var(--brown); line-height:1; font-family:'Bodoni Moda',serif; }
.technique-body h3{ font-family:'Bodoni Moda',serif; font-weight:400; font-size:clamp(20px,2.6vw,26px); margin-bottom:12px; }
.technique-body p{ font-size:16px; line-height:1.7; color:var(--espresso); max-width:62ch; margin-bottom:10px; }
.technique-stats{ display:flex; flex-wrap:wrap; gap:24px; margin-top:16px; }
.technique-stats > div{ display:flex; flex-direction:column; gap:4px; }
.technique-stats .label{ font-family:'Jost',sans-serif; font-weight:600; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--brown); }
.technique-stats .value{ font-family:'Bodoni Moda',serif; font-size:14px; color:var(--espresso); }
.technique-photo{ position:relative; border-radius:6px; overflow:hidden; aspect-ratio:4/3; width:100%; }
@media (min-width:760px){ .technique-photo{ grid-column:3; grid-row:1/3; max-width:220px; } }
.technique-photo img{ width:100%; height:100%; object-fit:contain; background:var(--beige); display:block; cursor:zoom-in; }
.technique-photo::after{
  content:"⤢"; position:absolute; right:10px; bottom:10px; z-index:2;
  width:32px; height:32px; border-radius:50%; background:rgba(59,41,36,.72); color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:15px; pointer-events:none;
}
.tech-footnote{ margin-top:28px; font-size:12px; line-height:1.6; color:var(--brown); max-width:70ch; font-style:italic; font-family:'Bodoni Moda',serif; }

/* ---------- PÁGINA 05 — ESTILOS ---------- */
.styles-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:36px 24px; margin-bottom:32px; }
@media (min-width:600px){ .styles-grid{ grid-template-columns:repeat(3,1fr); gap:44px 32px; } }
@media (min-width:940px){ .styles-grid{ grid-template-columns:repeat(4,1fr); gap:52px 36px; } }
.style-item{ display:flex; flex-direction:column; align-items:center; text-align:center; }
.style-photo{
  position:relative; width:100%; max-width:190px; aspect-ratio:1/1;
  border-radius:50%; overflow:hidden; background:var(--beige);
}
.style-photo img{ position:absolute; inset:0; z-index:2; width:100%; height:100%; object-fit:cover; display:block; }
.style-photo img.flip{ transform:scaleX(-1); }
.style-photo::after{
  content:attr(data-name); position:absolute; inset:0; z-index:1;
  display:flex; align-items:center; justify-content:center; text-align:center;
  padding:18%; font-family:'Jost',sans-serif; font-weight:500; font-size:11px; line-height:1.35;
  letter-spacing:.02em; color:var(--brown); opacity:.5;
}
.style-name{
  display:block; margin-top:16px; font-family:'Jost',sans-serif; font-weight:600;
  font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--brown);
}
.results-footnote{ font-size:13.5px; line-height:1.7; color:var(--espresso); max-width:70ch; }

/* ---------- PÁGINA 06 — DURABILIDADE ---------- */
.durability-grid{ display:grid; gap:40px; width:100%; }
@media (min-width:860px){ .durability-grid{ grid-template-columns:.8fr 1.2fr; gap:56px; align-items:start; } }
.durability-photo{ clip-path:url(#organicClip4); aspect-ratio:4/5; max-width:380px; margin:0 auto; }
@media (min-width:860px){ .durability-photo{ position:sticky; top:100px; } }
.durability-photo img{ width:100%; height:100%; object-fit:cover; display:block; }
.durability-body h2{ font-family:'Bodoni Moda',serif; font-weight:400; font-size:clamp(26px,4.2vw,38px); line-height:1.16; margin-bottom:20px; }
.durability-body p.desc{ font-size:16px; line-height:1.75; color:var(--espresso); max-width:56ch; margin-bottom:12px; }

/* ---------- PÁGINA 07 — CUIDADOS ---------- */
.cuidados-head{ position:relative; margin-bottom:44px; max-width:720px; }
.cuidados-head h2{ font-family:'Bodoni Moda',serif; font-weight:400; font-size:clamp(26px,4.4vw,40px); line-height:1.16; max-width:14ch; }
.cuidados-photo{ float:right; width:38%; max-width:220px; aspect-ratio:3/4; clip-path:url(#organicClip5); margin:0 0 16px 20px; }
.cuidados-photo img{ width:100%; height:100%; object-fit:cover; display:block; }
.cuidados-cols{ display:grid; gap:36px; clear:both; }
@media (min-width:700px){ .cuidados-cols{ grid-template-columns:1fr 1fr; gap:56px; } }
.cuidados-col h3{ font-family:'Bodoni Moda',serif; font-weight:400; font-size:clamp(19px,2.6vw,23px); margin-bottom:8px; }
.cuidados-col .lede-small{ font-family:'Bodoni Moda',serif; font-style:italic; font-size:14.5px; color:var(--nude); margin-bottom:16px; }
.cuidados-col ul{ list-style:none; }
.cuidados-col li{ position:relative; padding-left:20px; margin-bottom:12px; font-size:16px; line-height:1.6; color:var(--espresso); }
.cuidados-col li::before{ content:"—"; position:absolute; left:0; color:var(--nude); }
.big-statement{ margin-top:56px; padding-top:36px; border-top:1px solid var(--brown); font-family:'Bodoni Moda',serif; font-weight:400; font-style:italic; font-size:clamp(24px,4.6vw,40px); line-height:1.25; color:var(--brown); max-width:16ch; }

/* ---------- PÁGINA 08 — FEEDBACK ---------- */
.feedback-grid{ display:grid; grid-template-columns:1fr; gap:48px; }
@media (min-width:700px){ .feedback-grid{ grid-template-columns:repeat(3,1fr); gap:32px; align-items:start; } }
.feedback-card{
  background:var(--offwhite); border:1px solid var(--nude); border-radius:16px;
  padding:10px; box-shadow:0 10px 28px rgba(59,41,36,.14);
}
.feedback-card img{ width:100%; height:auto; display:block; border-radius:10px; }

/* ---------- PÁGINA 09 — AGENDAMENTO ---------- */
.sched-head{ max-width:620px; margin-bottom:8px; }
.sched-head h2{ font-family:'Bodoni Moda',serif; font-weight:400; font-size:clamp(28px,4.8vw,44px); line-height:1.12; }
.sched-head .desc{ margin-top:16px; font-size:16px; line-height:1.65; color:var(--espresso); max-width:56ch; }
.sched-divider{ height:1px; background:var(--nude); max-width:620px; margin:36px 0; }
.sched-block{ max-width:620px; margin-top:36px; }
.sched-block:first-of-type{ margin-top:44px; }
.sched-block h3{ font-family:'Jost',sans-serif; font-weight:700; font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--brown); margin-bottom:14px; }
.sched-block .desc{ font-size:16px; line-height:1.7; color:var(--espresso); margin-bottom:8px; }
.sched-address{ font-family:'Bodoni Moda',serif; font-size:16px; line-height:1.5; color:var(--espresso); display:flex; align-items:flex-start; gap:8px; }
.sched-address .pin-icon{ flex-shrink:0; margin-top:2px; width:16px; height:16px; color:var(--nude); }
.sched-payment{ font-family:'Bodoni Moda',serif; font-size:17px; letter-spacing:.03em; color:var(--espresso); }
.sched-note{ margin-top:8px; font-size:13px; font-style:italic; font-family:'Bodoni Moda',serif; color:var(--brown); }

.sched-map{ position:relative; display:block; margin-top:14px; border-radius:6px; overflow:hidden; border:1px solid var(--nude); }
.sched-map-frame{ display:block; width:100%; height:220px; border:0; pointer-events:none; }
.sched-map-cta{ position:absolute; right:12px; bottom:12px; background:var(--espresso); color:#fff; font-family:'Jost',sans-serif; font-weight:600; font-size:12px; letter-spacing:.06em; padding:9px 16px; border-radius:4px; transition:background .2s ease; }
.sched-map:hover .sched-map-cta{ background:var(--brown); }
.btn-schedule{ display:inline-flex; align-items:center; justify-content:center; margin-top:48px; padding:18px 44px; background:var(--brown); color:var(--offwhite); border-radius:2px; font-family:'Jost',sans-serif; font-weight:600; font-size:13px; letter-spacing:.14em; text-transform:uppercase; transition:background .2s ease, transform .2s ease; }
.btn-schedule:hover{ background:var(--espresso); transform:translateY(-2px); }

/* ---------- PÁGINA 10 — FINAL ---------- */
.final-page{ text-align:center; }
.final-wrap{ display:flex; flex-direction:column; align-items:center; max-width:620px; }
.final-statement{ font-family:'Bodoni Moda',serif; font-weight:400; font-size:clamp(30px,6vw,52px); line-height:1.15; color:var(--brown); }
.final-quote{ margin-top:28px; font-family:'Bodoni Moda',serif; font-style:italic; font-size:clamp(15px,2vw,17.5px); line-height:1.6; color:var(--espresso); max-width:46ch; }
.final-signature{ margin-top:48px; padding-top:28px; border-top:1px solid var(--nude); width:100%; max-width:320px; }
.final-name{ font-family:'Jost',sans-serif; font-weight:600; font-size:16px; letter-spacing:.16em; text-transform:uppercase; color:var(--brown); }
.final-role{ margin-top:6px; font-family:'Jost',sans-serif; font-size:11.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--brown); }
.final-insta{ display:inline-block; margin-top:14px; font-family:'Jost',sans-serif; font-size:13.5px; font-weight:600; color:var(--brown); border-bottom:1px solid var(--brown); padding-bottom:2px; }
.final-cta{ display:inline-flex; margin-top:40px; padding:18px 44px; background:var(--brown); color:var(--offwhite); border-radius:2px; font-family:'Jost',sans-serif; font-weight:600; font-size:13px; letter-spacing:.14em; text-transform:uppercase; transition:background .2s ease, transform .2s ease; }
.final-cta:hover{ background:var(--espresso); transform:translateY(-2px); }

/* ---------- LIGHTBOX ---------- */
.lightbox{
  position:fixed; inset:0; z-index:100; display:flex; align-items:center; justify-content:center;
  padding:24px; background:rgba(33,26,23,.92); opacity:0; pointer-events:none; transition:opacity .2s ease;
}
.lightbox.is-open{ opacity:1; pointer-events:auto; }
.lightbox-img{ max-width:100%; max-height:90vh; border-radius:6px; display:block; }
.lightbox-close{
  position:absolute; top:20px; right:20px; width:40px; height:40px; border:none; border-radius:50%;
  background:rgba(255,255,255,.14); color:#fff; font-size:26px; line-height:1; cursor:pointer;
  display:flex; align-items:center; justify-content:center; transition:background .2s ease;
}
.lightbox-close:hover{ background:rgba(255,255,255,.26); }

/* ---------- QUICK NAV ---------- */
.quicknav{ background:rgba(59,41,36,.06); border-bottom:1px solid var(--nude); position:sticky; top:0; z-index:40; backdrop-filter:blur(6px); }
.quicknav-bar{ display:flex; align-items:center; gap:16px; max-width:var(--max); margin:0 auto; padding:10px 24px; }
.quicknav-logo{
  flex-shrink:0; width:34px; height:34px; border:1px solid var(--brown); border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family:'Bodoni Moda',serif; font-style:italic; font-size:14px; color:var(--brown);
}
.quicknav-row{ display:flex; gap:6px; overflow-x:auto; padding:2px 0; scrollbar-width:none; flex:1; min-width:0; }
.quicknav-row::-webkit-scrollbar{ display:none; }
.quicknav-row a{
  flex-shrink:0; font-size:12px; font-weight:600; padding:7px 14px; border-radius:100px;
  background:var(--offwhite); color:var(--brown); white-space:nowrap; border:1px solid var(--nude);
  transition:background .2s ease, color .2s ease;
}
.quicknav-row a:hover{ background:var(--brown); color:var(--offwhite); }