:root {
  --creme-da-casa: #f6f2ea;
  --linho-do-lar: #eae2d4;
  --salvia-da-presenca: #7f8f7a;
  --musgo-da-travessia: #56654f;
  --madeira-da-casa: #a9825a;
  --ouro-do-sol: #b89a63;
  --cinza-da-pedra: #4d4a46;
  --cinza-quente: #7a756f;
  --branco-natural: #fcfbf8;
  --borda-suave: #d9d0c3;
  --fonte-titulos: "Cormorant Garamond", Georgia, serif;
  --fonte-corpo: "Inter", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--cinza-da-pedra); background: var(--creme-da-casa); font-family: var(--fonte-corpo); }

.brand {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  padding: 26px clamp(24px, 5vw, 76px);
  border-bottom: 1px solid rgba(252, 251, 248, .28);
}
.brand__link { display: inline-flex; flex-direction: column; gap: 4px; color: var(--branco-natural); text-decoration: none; }
.brand__name { font-family: var(--fonte-titulos); font-size: clamp(17px, 1.6vw, 22px); font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.brand__subtitle { font-family: var(--fonte-titulos); font-size: 14px; font-style: italic; letter-spacing: .035em; opacity: .9; }

.hero { position: relative; min-height: 100svh; display: grid; align-items: center; overflow: hidden; color: var(--branco-natural); }
.hero__image, .hero__veil { position: absolute; inset: 0; }
.hero__image { background: url("assets/images/ayala-mata-agua.jpg") 68% center / cover no-repeat; transform: scale(1.015); }
.hero__veil { background: linear-gradient(90deg, rgba(32, 39, 31, .84) 0%, rgba(39, 48, 38, .64) 42%, rgba(39, 48, 38, .13) 74%), linear-gradient(0deg, rgba(30, 35, 29, .46), transparent 38%); }
.hero__content { position: relative; z-index: 2; width: min(760px, 90vw); padding: 150px clamp(24px, 7vw, 108px) 80px; }
.eyebrow { margin: 0 0 20px; color: #e8dfca; font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }
h1 { max-width: 720px; margin: 0; font-family: var(--fonte-titulos); font-size: clamp(48px, 6.3vw, 90px); font-weight: 600; line-height: .94; letter-spacing: -.025em; }
.hero__subtitle { max-width: 690px; margin: 27px 0 0; font-size: clamp(16px, 1.25vw, 19px); line-height: 1.75; }
.hero__facts { display: flex; align-items: center; gap: 13px; margin-top: 28px; color: #eee7db; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.hero__facts i { width: 3px; height: 3px; border-radius: 50%; background: var(--ouro-do-sol); }
.event-details { display: flex; flex-wrap: wrap; gap: 12px 36px; margin: 24px 0 0; padding: 19px 0; border-top: 1px solid rgba(252,251,248,.25); border-bottom: 1px solid rgba(252,251,248,.25); }
.event-details div { display: grid; gap: 5px; }
.event-details dt { color: #ded6c8; font-size: 10px; letter-spacing: .15em; text-transform: uppercase; }
.event-details dd { margin: 0; font-family: var(--fonte-titulos); font-size: 19px; font-weight: 600; }
.event-details small { font-family: var(--fonte-corpo); font-size: 11px; font-weight: 400; }
.hero__intro { max-width: 660px; margin-top: 24px; font-family: var(--fonte-titulos); font-size: clamp(17px, 1.2vw, 20px); line-height: 1.45; }
.hero__intro p { margin: 0 0 5px; }
.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.hero__actions .button{margin-top:0}.brand__admin{position:absolute;z-index:2;top:25px;right:clamp(20px,4vw,60px);display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(238,231,219,.42);border-radius:999px;color:#eee7db;font-size:10px;font-weight:600;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.brand__admin span{font-size:17px;line-height:1}.brand__admin:hover{background:rgba(255,255,255,.1)}
.button { display: inline-flex; justify-content: center; margin-top: 29px; padding: 16px 27px; border-radius: 7px; font-size: 14px; font-weight: 600; text-decoration: none; transition: background .2s ease, transform .2s ease; }
.button--primary { color: var(--branco-natural); background: var(--salvia-da-presenca); }
.button--primary:hover { background: var(--musgo-da-travessia); transform: translateY(-1px); }
.draft-marker { min-height: 40vh; display: grid; place-items: center; padding: 80px 24px; background: var(--creme-da-casa); }
.draft-marker p { font-family: var(--fonte-titulos); font-size: 36px; color: var(--musgo-da-travessia); }

.section { padding: clamp(88px, 10vw, 150px) 24px; }
.section--light { background: var(--creme-da-casa); }
.section--linen { background: var(--linho-do-lar); }
.container { width: min(1160px, 100%); margin: 0 auto; }
.section-label { margin: 0 0 18px; color: var(--salvia-da-presenca); font-size: 11px; font-weight: 600; letter-spacing: .19em; text-transform: uppercase; }
h2 { max-width: 910px; margin: 0; color: var(--musgo-da-travessia); font-family: var(--fonte-titulos); font-size: clamp(41px, 5vw, 68px); font-weight: 600; line-height: 1.02; letter-spacing: -.018em; }
.prose { margin-top: clamp(45px, 6vw, 76px); font-size: 16px; line-height: 1.8; }
.prose p { margin: 0 0 12px; }
.prose--columns { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(40px, 7vw, 100px); }
.prose--narrow { max-width: 810px; }
.cards-title { margin: 76px 0 25px; color: var(--cinza-quente); font-size: 11px; letter-spacing: .17em; text-transform: uppercase; }
.cards { display: grid; gap: 14px; }
.cards--five { grid-template-columns: repeat(5, 1fr); }
.card { min-height: 190px; padding: 27px 23px; border: 1px solid var(--borda-suave); border-radius: 12px; background: rgba(252,251,248,.55); }
.card__mark { display: block; margin-bottom: 31px; color: var(--ouro-do-sol); font-family: var(--fonte-titulos); font-size: 27px; }
.card p { margin: 0; font-family: var(--fonte-titulos); font-size: 19px; line-height: 1.35; }
.center { text-align: center; }
.center .button { margin-top: 42px; }
.journey-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 65px; }
.journey-card { display: grid; grid-template-columns: 54px 1fr; gap: 20px; padding: 34px; border: 1px solid rgba(86,101,79,.19); border-radius: 14px; background: rgba(246,242,234,.74); }
.journey-card--featured { grid-row: span 2; align-content: center; background: var(--musgo-da-travessia); color: var(--branco-natural); }
.journey-card__number { color: var(--ouro-do-sol); font-family: var(--fonte-titulos); font-size: 21px; }
.journey-card h3 { margin: 0 0 14px; font-family: var(--fonte-titulos); font-size: 28px; font-weight: 600; line-height: 1.05; }
.journey-card p { margin: 0; font-size: 14px; line-height: 1.7; }
.closing-note { max-width: 830px; margin: 55px auto 0; color: var(--musgo-da-travessia); font-family: var(--fonte-titulos); font-size: 25px; font-style: italic; line-height: 1.4; text-align: center; }
.material-list { margin-top: 70px; border-top: 1px solid var(--borda-suave); }
.material-list article { display: grid; grid-template-columns: 55px minmax(190px, .7fr) 1.3fr; gap: 25px; align-items: baseline; padding: 31px 0; border-bottom: 1px solid var(--borda-suave); }
.material-list span { color: var(--ouro-do-sol); font-family: var(--fonte-titulos); font-size: 19px; }
.material-list h3 { margin: 0; color: var(--musgo-da-travessia); font-family: var(--fonte-titulos); font-size: 27px; }
.material-list p { margin: 0; font-size: 14px; line-height: 1.7; }
.section--moss { color: #eae7df; background: var(--musgo-da-travessia); }
.section--moss h2 { color: var(--branco-natural); }
.section-label--gold { color: #d2bb91; }
.timeline { position: relative; margin-top: 75px; }
.timeline::before { content: ""; position: absolute; top: 0; bottom: 0; left: 145px; width: 1px; background: rgba(252,251,248,.25); }
.timeline__item { position: relative; display: grid; grid-template-columns: 145px 1fr; gap: 55px; padding: 0 0 68px; }
.timeline__item::before { content: ""; position: absolute; top: 7px; left: 140px; width: 11px; height: 11px; border: 1px solid var(--ouro-do-sol); border-radius: 50%; background: var(--musgo-da-travessia); }
.timeline__item--active::before { background: var(--ouro-do-sol); box-shadow: 0 0 0 8px rgba(184,154,99,.12); }
.timeline__date { color: #d5ccbd; font-family: var(--fonte-titulos); font-size: 18px; }
.timeline__date span { display: block; margin-top: 5px; color: #bdb5a8; font-family: var(--fonte-corpo); font-size: 11px; }
.timeline__eyebrow { margin: 0 0 8px; color: #d2bb91; font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
.timeline h3 { margin: 0 0 17px; color: var(--branco-natural); font-family: var(--fonte-titulos); font-size: clamp(32px, 4vw, 48px); font-weight: 600; }
.timeline strong { color: #d2bb91; font-family: var(--fonte-titulos); font-size: 20px; }
.timeline p:last-child { max-width: 680px; line-height: 1.7; }
.closing-note--light { color: var(--branco-natural); }
.facts-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin-top: 70px; }
.facts-grid article { padding: 26px 20px; border: 1px solid var(--borda-suave); border-radius: 11px; background: rgba(252,251,248,.55); }
.facts-grid span { display: block; color: var(--cinza-quente); font-size: 10px; letter-spacing: .15em; text-transform: uppercase; }
.facts-grid strong { display: block; margin-top: 18px; color: var(--musgo-da-travessia); font-family: var(--fonte-titulos); font-size: 24px; }
.facts-grid p { margin: 7px 0 0; font-size: 12px; }
.access-box { margin-top: 28px; padding: clamp(30px,5vw,60px); border-radius: 14px; background: var(--creme-da-casa); }
.access-box h3, .faq h3 { margin: 0 0 30px; font-family: var(--fonte-titulos); font-size: 34px; }
.access-box ul { display: grid; grid-template-columns: 1fr 1fr; gap: 17px 45px; margin: 0; padding: 0; list-style: none; }
.access-box li::before { content: "—"; margin-right: 12px; color: var(--ouro-do-sol); }
.faq { max-width: 850px; margin: 80px auto 0; }
.faq details { border-top: 1px solid var(--borda-suave); }
.faq details:last-child { border-bottom: 1px solid var(--borda-suave); }
.faq summary { padding: 24px 4px; color: var(--musgo-da-travessia); font-family: var(--fonte-titulos); font-size: 23px; cursor: pointer; }
.faq details p { margin: 0; padding: 0 4px 26px; line-height: 1.7; }
.section--form { padding: clamp(90px,11vw,160px) 24px; background: var(--cinza-da-pedra); color: var(--branco-natural); }
.form-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(60px,9vw,140px); width: min(1140px,100%); margin: 0 auto; }
.form-intro { position: sticky; top: 45px; align-self: start; }
.form-intro h2 { color: var(--branco-natural); }
.form-lead { margin-top: 30px; font-family: var(--fonte-titulos); font-size: 27px; }
.signup-form { padding: clamp(28px,5vw,56px); border: 1px solid rgba(252,251,248,.18); border-radius: 16px; background: rgba(246,242,234,.06); }
.field { display: grid; gap: 9px; margin-bottom: 27px; }
.field label, fieldset legend { font-family: var(--fonte-titulos); font-size: 21px; }
.field input { width: 100%; padding: 13px 3px; border: 0; border-bottom: 1px solid rgba(252,251,248,.42); outline: 0; background: transparent; color: var(--branco-natural); font: inherit; }
.field input:focus { border-color: var(--ouro-do-sol); }
.field small { color: #c8c1b6; font-size: 11px; line-height: 1.5; }
fieldset { display: grid; gap: 12px; margin: 40px 0; padding: 0; border: 0; }
fieldset legend { margin-bottom: 20px; }
.choice { display: flex; gap: 12px; align-items: flex-start; font-size: 13px; line-height: 1.5; }
.choice input { margin-top: 3px; accent-color: var(--salvia-da-presenca); }
.choice--consent { padding: 20px; border: 1px solid rgba(252,251,248,.18); border-radius: 9px; }
.signup-form .button { width: 100%; border: 0; cursor: pointer; }
.form-note { color: #c8c1b6; font-size: 11px; line-height: 1.6; text-align: center; }
.epilogue { position: relative; min-height: 100svh; display: grid; align-items: center; overflow: hidden; color: var(--branco-natural); }
.epilogue__image, .epilogue__veil { position: absolute; inset: 0; }
.epilogue__image { background: url("assets/images/hero-ayala.jpg") 56% 44% / cover no-repeat; }
.epilogue__veil { background: linear-gradient(90deg,rgba(27,33,27,.9),rgba(32,39,31,.68) 48%,rgba(27,33,27,.23)); }
.epilogue__content { position: relative; z-index: 1; width: min(760px,90%); padding: 110px clamp(24px,7vw,110px); }
.epilogue h2 { color: var(--branco-natural); }
.epilogue__text { margin-top: 35px; line-height: 1.6; }
.epilogue__text p { margin: 0 0 5px; }
.epilogue__micro { margin: 11px 0 0; font-size: 11px; }
.epilogue blockquote { margin: 72px 0 0; padding-left: 24px; border-left: 1px solid var(--ouro-do-sol); font-family: var(--fonte-titulos); font-size: clamp(23px,3vw,34px); font-style: italic; line-height: 1.35; }

@media (max-width: 720px) {
  .brand { padding: 20px 20px; }
  .brand__name { font-size: 14px; }
  .brand__subtitle { font-size: 11px; }
  .hero { min-height: auto; }
  .hero__image { background-position: 61% center; }
  .hero__veil { background: linear-gradient(0deg, rgba(30, 37, 29, .94) 0%, rgba(36, 44, 35, .71) 58%, rgba(40, 48, 39, .2) 100%); }
  .hero__content { width: 100%; padding: 128px 20px 56px; }
  h1 { max-width: 530px; font-size: clamp(44px, 14vw, 66px); }
  .hero__subtitle { line-height: 1.58; }
  .event-details { gap: 18px 25px; }
  .hero__intro { font-size: 18px; }
  .button { width: 100%; }
  .section { padding: 78px 20px; }
  .prose--columns, .journey-cards { grid-template-columns: 1fr; }
  .cards--five { grid-template-columns: 1fr; }
  .card { min-height: 0; }
  .journey-card--featured { grid-row: auto; }
  .journey-card { grid-template-columns: 40px 1fr; padding: 26px 21px; }
  .material-list article { grid-template-columns: 34px 1fr; }
  .material-list article p { grid-column: 2; }
  .timeline::before { left: 10px; }
  .timeline__item { grid-template-columns: 1fr; gap: 16px; padding-left: 40px; }
  .timeline__item::before { left: 5px; }
  .facts-grid { grid-template-columns: 1fr 1fr; }
  .access-box ul, .form-layout { grid-template-columns: 1fr; }
  .form-intro { position: static; }
  .epilogue__image { background-position: 62% center; }
  .epilogue__veil { background: rgba(30,37,29,.77); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; }
}

/* Refinamento sensorial da Casa */
.brand { padding-top: 34px; border-bottom-color: rgba(184,154,99,.38); }
.brand__name { color: #c7aa74; font-size: clamp(24px,2.45vw,38px); line-height: .95; letter-spacing: .095em; text-shadow: 0 2px 18px rgba(31,37,30,.28); }
.brand__subtitle { margin-top: 8px; font-size: clamp(13px,1.1vw,16px); }
body {
  background-color: #f6f0e5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.025'/%3E%3C/svg%3E");
}
.section--light { background-color: #f8f3e9; }
.section--linen { background-color: #e9decd; }
#materiais { background-color: #f1e8da; }
#informacoes { background-color: #e7dac7; }
.section { position: relative; }
.section:nth-of-type(odd) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='240' viewBox='0 0 420 240'%3E%3Cpath d='M-20 190 C70 120 130 230 215 145 S355 65 450 120' fill='none' stroke='%23a9825a' stroke-width='.7' stroke-dasharray='2 8' opacity='.17'/%3E%3Ccircle cx='214' cy='145' r='4' fill='none' stroke='%23b89a63' opacity='.2'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 8% bottom 8%; }
.section::after { content: ""; position: absolute; right: 7vw; bottom: 0; width: 70px; height: 1px; background: var(--ouro-do-sol); opacity: .42; }
.section h2, .access-box h3, .faq h3, .material-list h3 { color: var(--musgo-da-travessia); }
.section-label { color: #7b6849; }
.prose { color: var(--cinza-da-pedra); }
.card { border-color: rgba(169,130,90,.24); background: rgba(252,248,239,.68); }
.access-box { background: rgba(248,242,231,.8); }
.button { min-height: 57px; align-items: center; padding: 17px 34px; border: 0; border-radius: 12px; font-family: var(--fonte-corpo); letter-spacing: .012em; cursor: pointer; }
.button--primary { background: var(--salvia-da-presenca); box-shadow: 0 8px 24px rgba(86,101,79,.12); }
.button--primary:hover { background: var(--musgo-da-travessia); box-shadow: 0 11px 30px rgba(86,101,79,.17); }

.video-chapter { position: relative; min-height: 78vh; display: grid; grid-template-columns: 1.08fr .92fr; overflow: hidden; background: #d9c8b0; }
.video-chapter__image { min-height: 650px; background: url("assets/images/terras-por-do-sol.jpeg") center / cover no-repeat; }
.video-chapter__image { margin: clamp(24px,4vw,58px) 0 clamp(24px,4vw,58px) clamp(24px,4vw,58px); border: 1px solid rgba(184,154,99,.65); box-shadow: 0 24px 60px rgba(87,69,45,.18); }
.video-chapter__content { display: flex; flex-direction: column; justify-content: center; padding: clamp(55px,8vw,120px); background: #ede2d2; }
.video-chapter h2 { color: var(--musgo-da-travessia); }
.video-chapter__content > p:not(.section-label) { margin: 25px 0 0; color: var(--cinza-quente); }
.video-placeholder { width: 94px; height: 94px; display: grid; place-items: center; margin-top: 42px; border: 1px solid rgba(86,101,79,.36); border-radius: 50%; background: transparent; color: var(--musgo-da-travessia); }
.video-placeholder span { font-size: 30px; transform: translateX(2px); }
.video-placeholder small { position: absolute; margin-top: 130px; white-space: nowrap; }
.video-placeholder::after { content: "Espaço definitivo do vídeo"; position: absolute; margin-top: 170px; color: var(--cinza-quente); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; }

.passage-overview { padding: clamp(95px,12vw,170px) 24px; background: #f4ebdd; text-align: center; }
.passage-overview h2 { max-width: 850px; margin-inline: auto; color: var(--musgo-da-travessia); }
.passage-overview__lead { margin: 24px 0 60px; color: var(--cinza-quente); font-family: var(--fonte-titulos); font-size: 25px; }
.passage-path { width: min(720px,100%); margin: 0 auto; }
.passage-path article { padding: 27px 35px; border: 1px solid rgba(184,154,99,.42); border-radius: 70px; background: rgba(252,248,239,.62); }
.passage-path span { color: var(--madeira-da-casa); font-size: 10px; font-weight: 600; letter-spacing: .17em; text-transform: uppercase; }
.passage-path h3 { margin: 7px 0 0; color: var(--musgo-da-travessia); font-family: var(--fonte-titulos); font-size: clamp(25px,3.2vw,35px); font-weight: 600; }
.passage-path i { display: block; margin: 15px 0; color: var(--ouro-do-sol); font-family: var(--fonte-titulos); font-size: 25px; font-style: normal; }
.chapter-context { max-width: 820px; margin: 38px 0 0; padding-left: 25px; border-left: 1px solid var(--ouro-do-sol); color: var(--musgo-da-travessia); font-family: var(--fonte-titulos); font-size: 24px; line-height: 1.5; }

.section--threshold { padding-block: clamp(120px,15vw,210px); background: #efe4d2; text-align: center; }
.threshold { width: min(760px,100%); margin: 0 auto; }
.threshold h2 { margin-inline: auto; }
.threshold .form-note { max-width: 600px; margin: 22px auto 0; color: var(--cinza-quente); }

.journey-dialog { width: 100vw; max-width: none; height: 100vh; max-height: none; margin: 0; padding: 0; border: 0; background: var(--creme-da-casa); color: var(--cinza-da-pedra); }
.journey-dialog::backdrop { background: rgba(45,48,41,.58); }
.journey-close { position: fixed; z-index: 5; top: 25px; right: 28px; padding: 10px 0; border: 0; border-bottom: 1px solid currentColor; background: transparent; color: var(--branco-natural); font: 500 11px var(--fonte-corpo); letter-spacing: .13em; text-transform: uppercase; cursor: pointer; }
.journey-step { min-height: 100vh; display: none; grid-template-columns: 1fr 1fr; }
.journey-step.is-active { display: grid; }
.journey-step__image { min-height: 100vh; background: url("assets/images/ayala-caminhando-estrada.jpg") 68% center / cover no-repeat; }
.journey-step__image--two { background-image: url("assets/images/jardim-circulo.jpg"); background-position: center; }
.journey-step__image--three { background-image: url("assets/images/varanda-temporaria.png"); background-position: center; }
.journey-step__image--four { background-image: url("assets/images/ayala-mata-agua.jpg"); background-position: 65% center; }
.journey-step__content { display: flex; flex-direction: column; justify-content: center; padding: clamp(55px,8vw,125px); background-color: #f4ecdf; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.025'/%3E%3C/svg%3E"); }
.journey-step__content h2 { max-width: 650px; color: var(--musgo-da-travessia); font-size: clamp(42px,5vw,67px); }
.journey-progress { margin: 0 0 24px; color: var(--madeira-da-casa); font-size: 10px; font-weight: 600; letter-spacing: .19em; text-transform: uppercase; }
.journey-field { display: grid; gap: 10px; margin-top: 50px; color: var(--cinza-quente); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.journey-field input { width: 100%; padding: 15px 2px; border: 0; border-bottom: 1px solid var(--madeira-da-casa); outline: 0; background: transparent; color: var(--musgo-da-travessia); font: 27px var(--fonte-titulos); }
.journey-field input:focus { border-color: var(--musgo-da-travessia); }
.journey-step__content .button { align-self: flex-start; margin-top: 38px; }
.journey-back { align-self: flex-start; margin-top: 17px; padding: 8px 0; border: 0; background: transparent; color: var(--cinza-quente); cursor: pointer; }
.journey-consent { display: flex; gap: 12px; margin-top: 27px; font-size: 11px; line-height: 1.55; }
.journey-consent input { accent-color: var(--salvia-da-presenca); }
.journey-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.journey-status { min-height: 20px; margin: 18px 0 0; color: #8a4f3e; font-size: 12px; line-height: 1.5; }
.journey-privacy-note { max-width: 560px; margin: 16px 0 0; color: var(--cinza-quente); font-size: 12px; line-height: 1.6; }
.journey-age-status { margin-top: 8px; }
.journey-finish:disabled { cursor: wait; opacity: .72; }
.journey-card--featured { grid-template-columns: 54px 1fr; }
.map-art-placeholder { position: relative; grid-column: 1 / -1; min-height: 290px; display: flex; align-items: flex-end; margin: -12px -12px 28px; overflow: hidden; border: 1px solid rgba(184,154,99,.65); border-radius: 10px; background: url("assets/images/mapa-artesanal.jpeg") center / cover no-repeat; }
.map-art-placeholder::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 46%; background: rgba(46,39,29,.76); }
.map-art-placeholder h3 { position: relative; z-index: 1; max-width: 470px; margin: 0; padding: 28px; color: var(--branco-natural); font-size: clamp(31px,4vw,46px); text-shadow: 0 2px 14px rgba(25,20,15,.3); }
.visual-pause { width: 100%; height: clamp(320px,52vw,680px); margin: 0; background-size: cover; background-repeat: no-repeat; }
.visual-pause--garden { background-image: url("assets/images/jardim-circulo.jpg"); background-position: center 57%; }
.visual-pause--veranda { height: clamp(300px,45vw,600px); background-image: url("assets/images/varanda-temporaria.png"); background-position: center; }
.epilogue__image { background-image: url("assets/images/ayala-caminhando-estrada.jpg"); background-position: 68% center; }

@media (max-width: 720px) {
  .video-chapter { grid-template-columns: 1fr; }
  .video-chapter__image { min-height: 52vh; }
  .video-chapter__image { margin: 18px; }
  .video-chapter__content { padding: 65px 20px 90px; }
  .journey-step { grid-template-columns: 1fr; grid-template-rows: 32vh 1fr; }
  .journey-step__image { min-height: 32vh; }
  .journey-step__content { justify-content: flex-start; padding: 38px 20px 65px; }
  .journey-step__content h2 { font-size: 40px; }
  .journey-close { top: 14px; right: 17px; }
  .brand__name { font-size: 20px; }
  .brand__subtitle { font-size: 11px; }
  .passage-path article { padding: 23px 18px; border-radius: 30px; }
}

/* Travessia orgânica e costura cartográfica */
main { position: relative; overflow: hidden; }
main::before { content: ""; position: absolute; z-index: 0; top: 105vh; bottom: 80vh; left: clamp(13px,2.2vw,34px); width: 20px; border-left: 1px dashed rgba(169,130,90,.24); pointer-events: none; }
.section > *, .passage-overview > *, .video-chapter > *, .visual-pause, .epilogue > * { position: relative; z-index: 1; }
.section::before { content: ""; position: absolute; z-index: 0; top: 48%; left: clamp(9px,1.85vw,29px); width: 9px; height: 9px; border: 1px solid rgba(184,154,99,.45); border-radius: 50%; background: transparent; }

.card, .facts-grid article, .journey-card:not(.journey-card--featured) { border: 1px solid rgba(184,154,99,.44); box-shadow: 0 12px 30px rgba(109,83,54,.055); }
.card { background-color: rgba(249,242,230,.72); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='p'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='.018'/%3E%3C/svg%3E"); }
.facts-grid article { background-color: rgba(250,244,233,.76); }

.section--moss .prose, .section--moss .prose p { color: #eee7db; }
.section--moss .closing-note { color: #f6f2ea; }
.section--moss { background-color: #5f6d57; }

.passage-overview { min-height: 970px; padding-bottom: 120px; text-align: left; }
.passage-overview h2 { margin: 0; }
.passage-overview__lead { max-width: 760px; margin: 28px 0 0; font-size: 23px; line-height: 1.55; }
.passage-path { position: relative; width: 100%; height: 610px; margin-top: 30px; }
.passage-route { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.passage-route path { fill: none; stroke: rgba(169,130,90,.62); stroke-width: 1.4; stroke-dasharray: 3 9; }
.passage-route .route-main { stroke-linecap: round; stroke-dasharray: 2 8 5 11; }
.passage-route .route-echo { stroke: rgba(184,154,99,.2); stroke-width: .8; stroke-dasharray: 1 12; }
.passage-route circle { fill: #f4ebdd; stroke: #b89a63; stroke-width: 3; filter: drop-shadow(0 3px 5px rgba(104,76,42,.13)); }
.passage-path .passage-stage { position: absolute; width: min(31%,345px); padding: 0; border: 0; border-radius: 0; background: transparent; }
.passage-stage--one { top: 95px; left: 1%; }
.passage-stage--two { top: 245px; left: 36%; }
.passage-stage--three { top: 165px; right: 0; }
.passage-marker { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 24px; border: 1px solid rgba(184,154,99,.65); border-radius: 50%; color: var(--musgo-da-travessia); font-family: var(--fonte-titulos); font-size: 24px; background: #f4ebdd; }
.passage-marker--tree { font-size: 29px; }
.passage-stage small { color: var(--madeira-da-casa); font-size: 9px; font-weight: 600; letter-spacing: .17em; text-transform: uppercase; }
.passage-stage h3 { margin: 11px 0 15px; color: var(--musgo-da-travessia); font-family: var(--fonte-titulos); font-size: clamp(27px,2.8vw,38px); font-weight: 600; line-height: 1.04; }
.passage-stage p { margin: 0; color: var(--cinza-da-pedra); font-size: 13px; line-height: 1.7; }
.passage-continuation { margin: -15px 0 0 auto; color: var(--cinza-quente); font-family: var(--fonte-titulos); font-size: 17px; font-style: italic; text-align: right; }

.journey-card--featured { display: block; padding: 0; border: 1px solid rgba(184,154,99,.58); background: transparent; box-shadow: 0 18px 45px rgba(73,56,37,.13); }
.map-art-placeholder { min-height: 430px; height: 100%; margin: 0; border: 0; border-radius: 13px; background-color: #2c2118; background-image: url("assets/images/mapa-territorio-com-texto.png"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.map-art-placeholder::after, .map-art-placeholder h3 { display: none; }

/* Lapidação final de luz, contraste e acabamento */
.section-label, .cards-title { color: #9a7944; }
.section-label.section-label--gold { color: #d6bb84; text-shadow: 0 1px 10px rgba(25,30,24,.2); }
.section--threshold h2 { color: var(--ouro-do-sol); text-shadow: 0 1px 0 rgba(255,255,255,.35); }
.section--threshold .section-label { color: #8a6c3d; font-weight: 600; }
.section.section--threshold {
  overflow: hidden;
  background-color: #e6d6bf;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='l'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.16 .72' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23l)' opacity='.055'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='420' viewBox='0 0 800 420'%3E%3Cpath d='M-60 330 C90 180 190 390 350 245 S610 105 860 255' fill='none' stroke='%23a9825a' stroke-width='1' stroke-dasharray='3 11' opacity='.2'/%3E%3Ccircle cx='350' cy='245' r='7' fill='none' stroke='%23b89a63' opacity='.25'/%3E%3C/svg%3E");
  background-position: center, right center;
  background-repeat: repeat, no-repeat;
}
.section.section--threshold::before { width: 15px; height: 15px; border-color: rgba(184,154,99,.62); background: rgba(246,242,234,.38); }
.section.section--threshold .threshold { padding: clamp(42px,6vw,75px); border: 1px solid rgba(184,154,99,.28); border-radius: 28px; background: rgba(246,242,234,.32); box-shadow: 0 24px 70px rgba(98,72,42,.07); backdrop-filter: blur(1px); }

.cards--five { gap: 17px; }
.cards--five .card { min-height: 225px; padding: 34px 27px; border-color: rgba(184,154,99,.58); box-shadow: 0 14px 32px rgba(111,82,48,.08); }
.cards--five .card__mark { margin-bottom: 38px; color: var(--ouro-do-sol); }
.facts-grid { gap: 16px; }
.facts-grid article { min-height: 235px; padding: 31px 24px; border-color: rgba(184,154,99,.58); box-shadow: 0 14px 32px rgba(111,82,48,.08); }
.facts-grid strong { line-height: 1.08; }

.passage-marker { width: 54px; height: 54px; border-width: 2px; border-color: rgba(184,154,99,.82); box-shadow: 0 7px 18px rgba(121,90,48,.11); color: #8d6d38; }
.passage-stage--one .passage-marker { background: #efe0c8; }

.epilogue__image { z-index: 0; }
.epilogue__veil { z-index: 1; background: rgba(25,32,25,.78); }
.epilogue__content { z-index: 2; color: var(--branco-natural); text-shadow: 0 2px 15px rgba(0,0,0,.22); }
.epilogue__content h2 { color: #f2e8d7; }
.epilogue__text { color: #f7f2e9; }
.epilogue__micro { color: #e8dcc8; }
.epilogue blockquote { color: #f8f1e5; border-left-color: #c5a66f; }

/* Correções de contraste solicitadas */
.section.section--moss { background-color: #46543f; }
.section.section--moss .section-label,
.section.section--moss .section-label--gold { color: #cdb27a; opacity: 1; font-weight: 600; }
.section.section--moss > .container > h2 { color: #d3b97f; opacity: 1; text-shadow: 0 2px 16px rgba(27,33,25,.22); }
.section.section--moss .prose,
.section.section--moss .prose p { color: #f0e9dc; opacity: 1; }

.epilogue { isolation: isolate; min-height: 100svh; background-color: #263025; }
.epilogue > .epilogue__image { position: absolute; inset: 0; z-index: 0; display: block; width: 100%; height: 100%; opacity: 1; background-image: url("assets/images/ayala-caminhando-estrada.jpg"); background-position: 68% center; background-size: cover; background-repeat: no-repeat; }
.epilogue > .epilogue__veil { position: absolute; inset: 0; z-index: 1; display: block; width: 100%; height: 100%; background: rgba(24,31,24,.52); }
.epilogue > .epilogue__content { position: relative; z-index: 2; opacity: 1; color: #fcfbf8; }
.epilogue > .epilogue__content h2 { color: #fcf6ea; opacity: 1; text-shadow: 0 3px 20px rgba(0,0,0,.42); }
.epilogue > .epilogue__content .epilogue__text,
.epilogue > .epilogue__content .epilogue__text p,
.epilogue > .epilogue__content blockquote { color: #fcfbf8; opacity: 1; text-shadow: 0 2px 15px rgba(0,0,0,.48); }

/* Página de boas-vindas */
.welcome-page { background: #f4ecdf; }
.welcome-brand { position: absolute; z-index: 5; top: 0; left: 0; display: flex; flex-direction: column; gap: 6px; width: 100%; padding: 30px clamp(24px,6vw,90px); border-bottom: 1px solid rgba(205,178,122,.34); color: #d6bc87; }
.welcome-brand span { font-family: var(--fonte-titulos); font-size: clamp(21px,2vw,31px); letter-spacing: .1em; text-transform: uppercase; }
.welcome-brand small { color: #eee5d5; font-family: var(--fonte-titulos); font-style: italic; }
.welcome-hero { position: relative; min-height: 100svh; display: grid; align-items: end; overflow: hidden; color: var(--branco-natural); }
.welcome-hero__image, .welcome-hero__veil { position: absolute; inset: 0; }
.welcome-hero__image { background: url("assets/images/boas-vindas-paisagem-teste.jpg") center 52% / cover no-repeat; }
.welcome-hero__veil { background: rgba(31,35,27,.3); }
.welcome-hero__content { position: relative; z-index: 1; width: min(860px,90%); padding: 170px clamp(24px,7vw,110px) 90px; }
.welcome-hero h1 { color: #f8f0e3; }
.welcome-intro { max-width: 700px; margin-top: 33px; font-size: 16px; line-height: 1.75; }
.welcome-intro p { margin: 0 0 8px; }
.welcome-video { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(45px,7vw,100px); align-items: center; padding: clamp(90px,11vw,160px) clamp(24px,7vw,110px); }
.welcome-video__copy h2 { color: var(--musgo-da-travessia); }
.welcome-video__copy > p:last-child { color: var(--cinza-quente); line-height: 1.7; }
.welcome-video__frame { position: relative; width: min(420px,100%); aspect-ratio: 9 / 16; justify-self: center; overflow: hidden; border: 1px solid rgba(184,154,99,.64); border-radius: 16px; background: #2c2923; box-shadow: 0 24px 65px rgba(93,67,38,.16); }
.welcome-video__frame iframe, .welcome-video__frame video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #2c2923; object-fit: contain; }
.welcome-video__poster { position: absolute; inset: 0; background: url("assets/images/hero-ayala.jpg") 58% 42% / cover no-repeat; }
.welcome-video__frame::after { display: none; }
.welcome-video__play { position: absolute; z-index: 1; top: 50%; left: 50%; display: grid; place-items: center; width: 84px; height: 84px; border: 1px solid rgba(252,251,248,.8); border-radius: 50%; color: var(--branco-natural); font-size: 30px; transform: translate(-50%,-50%); }
.welcome-video__frame small { position: absolute; z-index: 1; right: 24px; bottom: 20px; color: var(--branco-natural); letter-spacing: .12em; text-transform: uppercase; }
.welcome-chapter { display: grid; grid-template-columns: 100px 1fr; gap: clamp(35px,6vw,90px); padding: clamp(100px,12vw,180px) clamp(24px,8vw,130px); background-color: #f7f1e7; }
.welcome-chapter--invitation { background-color: #e9dcc8; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.35' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.025'/%3E%3C/svg%3E"); }
.welcome-chapter__number { color: var(--ouro-do-sol); font-family: var(--fonte-titulos); font-size: 28px; }
.welcome-chapter__content { max-width: 900px; }
.welcome-chapter h2 { color: var(--musgo-da-travessia); }
.welcome-date { display: inline-grid; gap: 5px; margin-top: 45px; padding: 25px 34px; border: 1px solid rgba(184,154,99,.52); border-radius: 12px; background: rgba(234,226,212,.5); }
.welcome-date span { color: var(--madeira-da-casa); font-size: 11px; letter-spacing: .13em; text-transform: uppercase; }
.welcome-date strong { color: var(--musgo-da-travessia); font-family: var(--fonte-titulos); font-size: 34px; }
.welcome-date small { color: var(--cinza-quente); }
.welcome-materials { display: grid; grid-template-columns: 1fr .8fr; gap: clamp(45px,8vw,120px); align-items: center; padding: clamp(100px,12vw,175px) clamp(24px,8vw,130px); background: #e9dcc8; }
.welcome-materials__copy h2 { color: var(--musgo-da-travessia); }
.welcome-materials__copy > p:last-of-type { max-width: 620px; color: var(--cinza-quente); font-size: 16px; line-height: 1.75; }
.welcome-materials__actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 38px; }
.button--secondary { border: 1px solid var(--salvia-da-presenca); color: var(--musgo-da-travessia); background: rgba(246,242,234,.5); }
.button--secondary:hover { border-color: var(--musgo-da-travessia); background: var(--creme-da-casa); }
.threshold-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:28px}.threshold-actions .button{margin-top:0}.access-page{min-height:100vh;background:#e7ddcf;color:#403c38}.access-shell{display:grid;min-height:100vh;place-items:center;padding:34px 18px}.access-card{width:min(100%,620px);padding:clamp(30px,6vw,60px);border:1px solid rgba(184,154,99,.55);border-radius:22px;background:rgba(246,242,234,.96);box-shadow:0 24px 70px rgba(69,54,38,.16)}.access-card h1{margin:8px 0 16px;color:var(--musgo-da-travessia);font-size:clamp(40px,7vw,64px)}.access-card>p{line-height:1.7}.access-form{display:grid;gap:18px;margin-top:28px}.access-form label{display:grid;gap:8px;color:var(--cinza-quente);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.access-form input{min-height:54px;padding:12px 15px;border:1px solid rgba(86,101,79,.35);border-radius:10px;background:#fffdf8;color:#403c38;font:16px var(--fonte-corpo)}.access-status{min-height:24px;margin:0;color:var(--musgo-da-travessia);font-size:14px}.access-recovery{margin-top:26px;padding-top:24px;border-top:1px solid rgba(184,154,99,.36)}.access-recovery p{margin:0 0 12px}.access-back{display:inline-block;margin-top:28px;color:var(--musgo-da-travessia)}@media(max-width:560px){.threshold-actions .button,.access-form .button,.access-recovery .button{width:100%}}
.access-dialog{width:min(94vw,680px);max-height:92vh;padding:0;border:0;border-radius:22px;background:transparent}.access-dialog::backdrop{background:rgba(24,30,24,.78);backdrop-filter:blur(4px)}.access-dialog__panel{padding:clamp(28px,6vw,58px);border:1px solid rgba(184,154,99,.55);border-radius:22px;background:#f6f2ea;color:#403c38;box-shadow:0 24px 70px rgba(0,0,0,.28)}.access-dialog__panel h2{margin:7px 0 14px;color:var(--musgo-da-travessia);font-size:clamp(38px,7vw,62px)}.access-close{position:absolute;z-index:2;top:18px;right:22px;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--musgo-da-travessia);font:600 10px var(--fonte-corpo);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}@media(max-width:560px){.hero__actions .button{width:100%}.brand__admin{top:16px;right:14px;padding:8px}.brand__admin small{display:none}.brand__admin span{font-size:16px}.access-dialog__panel{padding:58px 22px 28px}.access-dialog__panel h2{font-size:42px}}
.welcome-materials__map { aspect-ratio: 16 / 10; border: 1px solid rgba(184,154,99,.58); border-radius: 15px; background: #2c2118 url("assets/images/mapa-territorio-com-texto.png") center / contain no-repeat; box-shadow: 0 24px 65px rgba(93,67,38,.16); transition: transform .25s ease, box-shadow .25s ease; }
.welcome-materials__map:hover { transform: translateY(-3px); box-shadow: 0 29px 75px rgba(93,67,38,.2); }
.welcome-pause { height: clamp(330px,53vw,700px); margin: 0; background: url("assets/images/varanda-temporaria.png") center / cover no-repeat; }
.return-place { margin-top: 50px; padding-left: clamp(25px,4vw,60px); border-left: 1px solid var(--ouro-do-sol); color: var(--cinza-da-pedra); font-family: var(--fonte-titulos); font-size: clamp(20px,2vw,26px); line-height: 1.35; }
.return-place p { margin: 0 0 8px; }
.welcome-circle { margin-top: 46px; }
.welcome-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 46px; }
.welcome-actions .welcome-circle { margin-top: 0; }
.welcome-confirmation { max-width: 620px; color: var(--cinza-quente); font-size: 12px; }
.welcome-epilogue { position: relative; min-height: 92svh; display: grid; align-items: center; overflow: hidden; }
.welcome-epilogue__image, .welcome-epilogue__veil { position: absolute; inset: 0; }
.welcome-epilogue__image { background: url("assets/images/boas-vindas-homem-arvore.jpg") center 58% / cover no-repeat; }
.welcome-epilogue__veil { background: rgba(29,37,28,.5); }
.welcome-epilogue__content { position: relative; z-index: 1; width: min(760px,88%); margin: 0 auto; color: var(--branco-natural); font-family: var(--fonte-titulos); font-size: clamp(21px,2.2vw,29px); line-height: 1.45; text-align: center; text-shadow: 0 2px 18px rgba(0,0,0,.35); }
.welcome-epilogue__content p { margin: 0 0 8px; }
.welcome-epilogue blockquote { margin: 50px 0 0; color: #e2c98f; font-size: clamp(37px,5vw,64px); font-style: italic; line-height: 1.05; }
.welcome-farewell { margin-top: 70px; padding-top: 33px; border-top: 1px solid rgba(226,201,143,.55); color: #f8f1e6; font-family: var(--fonte-corpo); font-size: clamp(14px,1.25vw,17px); line-height: 1.65; }
.welcome-farewell p { margin: 0 0 5px; }
.welcome-farewell p:last-child { margin-top: 17px; color: #e2c98f; font-family: var(--fonte-titulos); font-size: clamp(25px,3vw,38px); font-style: italic; }

@media (max-width: 720px) {
  .welcome-brand { padding: 21px 20px; }
  .welcome-brand span { font-size: 17px; }
  .welcome-brand small { font-size: 11px; }
  .welcome-hero__content { width: 100%; padding: 145px 20px 60px; }
  .welcome-video { grid-template-columns: 1fr; padding: 85px 20px; }
  .welcome-chapter { grid-template-columns: 1fr; padding: 90px 20px; }
  .welcome-materials { grid-template-columns: 1fr; padding: 90px 20px; }
  .welcome-materials__actions .button { width: 100%; }
  .welcome-actions .button { width: 100%; }
  .welcome-chapter__number { font-size: 19px; }
  .welcome-circle { width: 100%; text-align: center; }
}

/* Área da Travessia */
.travessia-page { background: #f4ecdf; }
.travessia-brand { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; padding: 30px clamp(24px,6vw,90px); border-bottom: 1px solid rgba(205,178,122,.34); }
.travessia-brand a { display: inline-flex; flex-direction: column; gap: 6px; color: #d6bc87; text-decoration: none; }
.travessia-brand span { font-family: var(--fonte-titulos); font-size: clamp(21px,2vw,31px); letter-spacing: .1em; text-transform: uppercase; }
.travessia-brand small { color: #eee5d5; font-family: var(--fonte-titulos); font-style: italic; }
.travessia-hero { position: relative; min-height: 100svh; display: grid; align-items: center; overflow: hidden; color: var(--branco-natural); }
.travessia-hero__image, .travessia-hero__veil { position: absolute; inset: 0; }
.travessia-hero__image { background: url("assets/images/ayala-mata-agua.jpg") 72% 42% / cover no-repeat; transform: scale(1.005); }
.travessia-hero__veil { background: linear-gradient(90deg, rgba(28,36,27,.78), rgba(38,49,36,.52) 48%, rgba(38,49,36,.1) 74%), linear-gradient(0deg, rgba(25,32,25,.36), transparent 48%); }
.travessia-hero__content { position: relative; z-index: 1; width: min(880px, 90vw); padding: 150px clamp(24px,7vw,110px) 90px; }
.travessia-hero h1 { color: #f8f0e3; }
.travessia-hero__text { max-width: 690px; margin-top: 34px; font-size: 16px; line-height: 1.75; }
.travessia-hero__text p { margin: 0 0 8px; }
.travessia-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 34px; }
.button--light { border-color: rgba(252,251,248,.72); color: var(--branco-natural); background: rgba(246,242,234,.1); }
.button--light:hover { background: rgba(246,242,234,.2); }
.travessia-note { padding: clamp(90px,11vw,160px) 24px; background: #e8dcc8; }
.travessia-note__inner { width: min(960px,100%); margin: 0 auto; padding: clamp(40px,6vw,70px); border: 1px solid rgba(184,154,99,.36); border-radius: 26px; background-color: rgba(246,242,234,.42); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='190'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.35' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.026'/%3E%3C/svg%3E"); box-shadow: 0 22px 60px rgba(98,72,42,.06); }
.travessia-note h2 { max-width: 850px; color: var(--musgo-da-travessia); }
.travessia-arrival { padding: clamp(80px,10vw,140px) 24px; background-color: #f2e7d6; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='190'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.24' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.026'/%3E%3C/svg%3E"); }
.travessia-arrival__inner { width: min(980px,100%); margin: 0 auto; display: grid; grid-template-columns: .45fr 1fr; gap: clamp(40px,7vw,90px); align-items: start; }
.travessia-arrival__ritual { padding-left: clamp(28px,4vw,58px); border-left: 1px solid rgba(184,154,99,.62); color: var(--musgo-da-travessia); font-family: var(--fonte-titulos); font-size: clamp(28px,3.6vw,52px); line-height: 1.08; }
.travessia-arrival__ritual p { margin: 0 0 12px; }
.travessia-arrival__ritual p:nth-child(even) { color: var(--madeira-da-casa); font-style: italic; }
.travessia-grid-section { padding: clamp(95px,12vw,170px) 24px; background: #f7f1e7; }
.travessia-grid { display: grid; gap: 24px; margin-top: 70px; }
.travessia-card { display: grid; grid-template-columns: minmax(290px,.86fr) 1fr; overflow: hidden; border: 1px solid rgba(184,154,99,.42); border-radius: 20px; background: rgba(252,248,239,.66); box-shadow: 0 18px 45px rgba(111,82,48,.07); }
.travessia-card--active { border-color: rgba(184,154,99,.72); }
.travessia-card__media { position: relative; min-height: 310px; background-position: center; background-size: cover; }
.travessia-card__media::after { content: ""; position: absolute; inset: 0; background: rgba(33,39,31,.42); }
.travessia-card__media span { position: absolute; z-index: 1; left: 28px; right: 28px; bottom: 25px; color: #f7efe1; font-size: 10px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.travessia-card__media--one { background-image: url("assets/images/ayala-caminhando-estrada.jpg"); background-position: 60% center; }
.travessia-card__media--two { background-image: url("assets/images/jardim-circulo.jpg"); }
.travessia-card__media--three { background-image: url("assets/images/terras-por-do-sol.jpeg"); }
.travessia-card__media--video { min-height: 360px; background: #171c18; }
.travessia-card__media--video::after { display: none; }
.travessia-card__media--video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #171c18; }
.travessia-card__content { padding: clamp(34px,5vw,62px); }
.travessia-card__date { margin: 0 0 16px; color: var(--madeira-da-casa); font-size: 11px; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }
.travessia-card h3 { margin: 0; color: var(--musgo-da-travessia); font-family: var(--fonte-titulos); font-size: clamp(32px,4vw,52px); font-weight: 600; line-height: 1.03; }
.travessia-card h3 + p { max-width: 680px; margin: 23px 0 0; line-height: 1.75; }
.travessia-status { display: grid; gap: 6px; margin-top: 34px; padding-top: 24px; border-top: 1px solid rgba(184,154,99,.36); }
.travessia-status strong { color: var(--musgo-da-travessia); font-family: var(--fonte-titulos); font-size: 22px; }
.travessia-status small { color: var(--cinza-quente); line-height: 1.6; }
.travessia-resources { margin-top: 30px; padding: 24px; border: 1px solid rgba(184,154,99,.38); border-radius: 16px; background: rgba(246,242,234,.62); }
.travessia-resources p { margin: 0 0 15px; color: var(--madeira-da-casa); font-size: 10px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.travessia-resource-links { display: flex; flex-wrap: wrap; gap: 10px; }
.travessia-resource-links a, .travessia-resource-links span { display: inline-flex; align-items: center; min-height: 42px; padding: 10px 15px; border: 1px solid rgba(127,143,122,.46); border-radius: 999px; background: rgba(252,251,248,.72); color: var(--musgo-da-travessia); font-size: 12px; font-weight: 600; line-height: 1.2; text-decoration: none; }
.travessia-resource-links a { transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.travessia-resource-links a:hover { border-color: rgba(184,154,99,.78); background: var(--creme-da-casa); transform: translateY(-1px); }
.travessia-resource-links span { opacity: .72; }
.travessia-resource-links .travessia-resource-locked { border-color: rgba(184,154,99,.34); background: rgba(234,226,212,.44); color: var(--cinza-quente); font-style: italic; }
.travessia-materials { padding: clamp(95px,12vw,165px) 24px; background: #e9dcc8; }
.travessia-materials__intro { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(40px,7vw,90px); align-items: end; }
.travessia-materials__intro p:not(.section-label) { max-width: 680px; margin: 0 0 14px; line-height: 1.75; }
.travessia-materials__intro p:last-child { margin-bottom: 0; }
.travessia-material-list { margin-top: 72px; border-top: 1px solid rgba(184,154,99,.46); }
.travessia-material-list article { display: grid; grid-template-columns: 54px 1fr minmax(130px,.32fr); gap: 28px; align-items: baseline; padding: 31px 0; border-bottom: 1px solid rgba(184,154,99,.36); }
.travessia-material-list span { color: var(--ouro-do-sol); font-family: var(--fonte-titulos); font-size: 20px; }
.travessia-material-list h3 { margin: 0 0 8px; color: var(--musgo-da-travessia); font-family: var(--fonte-titulos); font-size: 28px; }
.travessia-material-list p { margin: 0; line-height: 1.65; }
.travessia-material-list small { color: var(--madeira-da-casa); font-size: 10px; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }
.travessia-epilogue { position: relative; min-height: 82svh; display: grid; place-items: center; overflow: hidden; text-align: center; }
.travessia-epilogue__image, .travessia-epilogue__veil { position: absolute; inset: 0; }
.travessia-epilogue__image { background: url("assets/images/ayala-caminhando-estrada.jpg") 70% 28% / cover no-repeat; }
.travessia-epilogue__veil { background: rgba(25,32,25,.58); }
.travessia-epilogue__content { position: relative; z-index: 1; width: min(760px,88%); color: var(--branco-natural); text-shadow: 0 2px 18px rgba(0,0,0,.36); }
.travessia-epilogue__content p { margin: 0 0 38px; font-family: var(--fonte-titulos); font-size: clamp(22px,2.4vw,31px); line-height: 1.35; }
.travessia-epilogue blockquote { margin: 0; color: #e2c98f; font-family: var(--fonte-titulos); font-size: clamp(39px,5.8vw,76px); font-style: italic; line-height: 1.04; }

@media (max-width: 720px) {
  .travessia-brand { padding: 21px 20px; }
  .travessia-brand span { font-size: 17px; }
  .travessia-brand small { font-size: 11px; }
  .travessia-hero { min-height: auto; }
  .travessia-hero__image { background-position: 78% 31%; }
  .travessia-hero__veil { background: linear-gradient(0deg, rgba(28,36,27,.88), rgba(38,49,36,.58) 62%, rgba(38,49,36,.1)); }
  .travessia-hero__content { width: 100%; padding: 145px 20px 65px; }
  .travessia-hero h1 { font-size: clamp(42px, 12vw, 56px); }
  .travessia-hero__text { font-size: 15px; line-height: 1.65; }
  .travessia-actions .button { width: 100%; }
  .travessia-note, .travessia-arrival, .travessia-grid-section, .travessia-materials { padding-inline: 20px; }
  .travessia-note__inner { padding: 34px 22px; }
  .travessia-arrival__inner { grid-template-columns: 1fr; gap: 20px; }
  .travessia-arrival__ritual { padding-left: 24px; font-size: 34px; }
  .travessia-card { grid-template-columns: 1fr; }
  .travessia-card__media { min-height: 290px; }
  .travessia-materials__intro { grid-template-columns: 1fr; align-items: start; }
  .travessia-material-list article { grid-template-columns: 38px 1fr; }
  .travessia-material-list small { grid-column: 2; }
  .travessia-epilogue__image { background-position: 67% 22%; }
}

@media (max-width: 720px) {
  main::before { left: 10px; }
  .section::before { left: 6px; }
  .passage-overview { min-height: auto; padding: 90px 20px 110px; }
  .passage-path { height: auto; margin: 70px 0 0 17px; padding-left: 42px; border-left: 1px dashed rgba(169,130,90,.58); }
  .passage-route { display: none; }
  .passage-path .passage-stage { position: relative; top: auto; right: auto; left: auto; width: 100%; margin-bottom: 70px; padding: 0; border: 0; background: transparent; }
  .passage-marker { position: absolute; top: -5px; left: -66px; width: 46px; height: 46px; }
  .passage-continuation { margin-top: -20px; padding-left: 40px; text-align: left; }
  .map-art-placeholder { min-height: 230px; aspect-ratio: 3 / 2; background-position: center; }
}

/* Página de vendas — Caminho de Soberania Interior */
.sales-page {
  --vinho-profundo: #5c2e2e;
  --vinho-escuro: #2a1212;
  --barro-ritual: #8f3f24;
  --taupe-quente: #a18167;
  --creme-quente: #f2e5d9;
  --pergaminho: #ead8bf;
  --dourado-ancestral: #d4af37;
  --musgo-profundo: #5a6650;
  --carvao-suave: #2d211d;
  color: var(--carvao-suave);
  background: #2a1714;
  font-family: "Montserrat", var(--fonte-corpo);
}
.sales-page::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 20; opacity: .24; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='210' height='210'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.42' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E"); mix-blend-mode: multiply; }
.sales-page::after { content: ""; position: fixed; inset: 0; z-index: 19; pointer-events: none; opacity: .16; background:
  radial-gradient(circle at 5% 10%, rgba(212,175,55,.18), transparent 16%),
  radial-gradient(circle at 92% 18%, rgba(143,63,36,.22), transparent 18%),
  linear-gradient(90deg, rgba(92,46,46,.13), transparent 18%, transparent 82%, rgba(92,46,46,.11)); }
.sales-brand { display: none; position: absolute; z-index: 10; top: 0; left: 0; width: 100%; padding: 26px clamp(22px,5vw,76px); border-bottom: 1px solid rgba(242,229,217,.28); }
.sales-brand a { display: inline-flex; flex-direction: column; gap: 4px; color: var(--creme-quente); text-decoration: none; }
.sales-brand span { font-family: "Cinzel", serif; font-size: clamp(16px,1.4vw,22px); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.sales-brand small { font-family: "Cormorant Garamond", serif; font-size: 15px; font-style: italic; letter-spacing: .035em; opacity: .92; }
.sales-hero { position: relative; min-height: 100svh; display: grid; align-items: center; overflow: hidden; color: var(--creme-quente); background: var(--vinho-escuro); }
.sales-hero__image, .sales-hero__veil { position: absolute; inset: 0; }
.sales-hero__image { background: url("assets/images/hero-venda-ritual.jpeg") 72% center / cover no-repeat; transform: scale(1.018); filter: saturate(1.05) contrast(1.03); }
.sales-hero__veil { background:
  radial-gradient(circle at 82% 76%, rgba(212,109,38,.34), transparent 18%),
  linear-gradient(90deg, rgba(14,9,8,.98) 0%, rgba(38,19,17,.94) 37%, rgba(92,46,46,.40) 64%, rgba(16,10,9,.18) 100%),
  linear-gradient(0deg, rgba(11,7,6,.82), transparent 46%); }
.sales-hero::before { content: ""; position: absolute; left: clamp(22px,4vw,70px); top: 18%; z-index: 2; width: 1px; height: 62%; background: linear-gradient(transparent, rgba(212,175,55,.72), transparent); box-shadow: 0 0 0 1px rgba(212,175,55,.08); }
.sales-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 175px; z-index: 1; pointer-events: none; background:
  linear-gradient(0deg, #2a1714 0%, transparent 100%),
  url("data:image/svg+xml,%3Csvg width='820' height='130' viewBox='0 0 820 130' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23d4af37' stroke-opacity='.18' stroke-width='1'%3E%3Cpath d='M36 70 C142 18 216 110 322 58 S520 30 620 78 746 96 800 44'/%3E%3Ccircle cx='185' cy='81' r='18'/%3E%3Ccircle cx='616' cy='78' r='25'/%3E%3Cpath d='M410 94 l18 -18 18 18 -18 18z'/%3E%3C/g%3E%3C/svg%3E") center bottom / 760px auto no-repeat; }
.sales-hero__content { position: relative; z-index: 2; width: min(920px,92vw); padding: 150px clamp(24px,7vw,108px) 88px; }
.sales-label { margin: 0 0 18px; color: var(--dourado-ancestral); font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.sales-hero h1, .sales-page h2 { margin: 0; font-family: "Cinzel", serif; font-weight: 700; letter-spacing: -.025em; }
.sales-hero h1 { max-width: 760px; color: #c99f62; text-shadow: 0 2px 24px rgba(0,0,0,.42); font-size: clamp(48px,7vw,104px); line-height: .96; text-transform: uppercase; }
.sales-subtitle { max-width: 760px; margin: 28px 0 0; color: #ead6c2; font-family: "Cormorant Garamond", serif; font-size: clamp(23px,2.1vw,33px); font-weight: 700; line-height: 1.22; }
.sales-prose { margin-top: clamp(34px,4.8vw,64px); font-size: 18px; line-height: 1.85; }
.sales-prose p { margin: 0 0 15px; }
.sales-prose--hero { max-width: 760px; color: #f5e8d9; }
.sales-button { display: inline-flex; align-items: center; justify-content: center; min-height: 58px; margin-top: 32px; padding: 17px 30px; border: 1px solid rgba(212,175,55,.58); border-radius: 12px; background: linear-gradient(135deg, #6f2d1a, var(--vinho-profundo)); color: var(--creme-quente); box-shadow: inset 0 0 0 1px rgba(255,230,180,.08), 0 16px 32px rgba(42,18,18,.18); font-size: 13px; font-weight: 700; letter-spacing: .095em; text-decoration: none; text-transform: uppercase; transition: border-color .2s ease, color .2s ease, transform .2s ease, background .2s ease; }
.sales-button::before { content: "☉"; margin-right: 12px; color: var(--dourado-ancestral); font-size: 18px; font-weight: 400; line-height: 1; }
.sales-button:hover { border-color: var(--dourado-ancestral); color: #fff4de; transform: translateY(-1px); background: linear-gradient(135deg, var(--vinho-profundo), #7d3b20); }
.sales-button--center { display: flex; width: fit-content; margin-left: auto; margin-right: auto; }
.sales-section { position: relative; padding: clamp(92px,12vw,175px) 24px; overflow: hidden; }
.sales-section--paper { background: var(--pergaminho); }
.sales-section--paper::before, .sales-section--trail::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .46; background:
  radial-gradient(circle at 15% 20%, rgba(212,175,55,.16), transparent 22%),
  radial-gradient(circle at 86% 76%, rgba(92,46,46,.12), transparent 28%),
  url("data:image/svg+xml,%3Csvg width='360' height='360' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%235c2e2e' stroke-opacity='.14'%3E%3Cpath d='M32 322 C94 244 80 126 178 86 C236 62 300 80 336 34'/%3E%3Cpath d='M28 40 h74 m-20 16 h94 m92 256 h64 m-34 18 h88'/%3E%3Ccircle cx='286' cy='92' r='31'/%3E%3Cpath d='M286 55v74M249 92h74M260 66l52 52M312 66l-52 52'/%3E%3C/g%3E%3C/svg%3E"); }
.sales-section--paper::after, .sales-section--trail::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .18; background: linear-gradient(90deg, rgba(92,46,46,.18), transparent 18%, transparent 82%, rgba(92,46,46,.15)); }
.sales-section--wine { background: #251311; color: var(--creme-quente); }
.sales-section--wine::before { content: ""; position: absolute; inset: 0; opacity: .42; background:
  linear-gradient(90deg, rgba(13,8,7,.88), rgba(44,20,16,.72), rgba(92,46,46,.36)),
  url("assets/images/venda-fogueira-circulo.jpeg") left center / min(58vw, 840px) auto no-repeat; }
.sales-section--wine::after { content: ""; position: absolute; inset: 0; opacity: .34; pointer-events: none; background: url("data:image/svg+xml,%3Csvg width='620' height='620' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23d4af37' stroke-opacity='.16' stroke-width='1'%3E%3Cpath d='M45 105h170M405 520h170M68 520c88-74 78-162 178-202 84-34 152 12 240-68'/%3E%3Cpath d='M505 100l34 34-34 34-34-34zM92 450l22 22-22 22-22-22z'/%3E%3Ccircle cx='500' cy='135' r='80'/%3E%3Ccircle cx='500' cy='135' r='42'/%3E%3C/g%3E%3C/svg%3E") right 4% top 10% / 500px auto no-repeat; }
.sales-section--wine h2, .sales-section--wine h3 { color: var(--creme-quente); }
.sales-section--wine .sales-prose { color: #efdccb; }
.sales-section--trail { background: #d9c29d; }
.sales-section--choice { background: #2b1512; color: var(--creme-quente); }
.sales-section--choice::before { content: ""; position: absolute; inset: 0; opacity: .26; background:
  linear-gradient(90deg, rgba(42,18,18,.65), rgba(42,18,18,.18)),
  url("assets/images/venda-fogueira-tambor.jpeg") left center / auto 100% no-repeat; }
.sales-container { position: relative; z-index: 1; width: min(1160px,100%); margin: 0 auto; }
.sales-split { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(46px,8vw,120px); align-items: start; }
.sales-page h2 { max-width: 960px; color: var(--vinho-profundo); font-size: clamp(35px,4.8vw,64px); line-height: 1.08; }
.sales-prose--columns { display: grid; grid-template-columns: repeat(2,1fr); gap: clamp(38px,7vw,96px); }
.sales-prose--narrow { max-width: 850px; }
.sales-list { display: grid; gap: 12px; margin: 25px 0 30px; padding: 0; list-style: none; }
.sales-list li { position: relative; padding-left: 24px; }
.sales-list li::before { content: "•"; position: absolute; left: 0; color: var(--dourado-ancestral); }
.sales-image-break { position: relative; min-height: 66svh; display: grid; place-items: center; overflow: hidden; color: var(--creme-quente); text-align: center; }
.sales-image-break::before, .sales-image-break::after { content: ""; position: absolute; inset: 0; }
.sales-image-break::before { background: url("assets/images/mapa-artesanal.jpeg") center / cover no-repeat; transform: scale(1.03); }
.sales-image-break::after { background:
  radial-gradient(circle at 50% 45%, rgba(212,175,55,.12), transparent 32%),
  linear-gradient(90deg, rgba(31,15,12,.78), rgba(92,46,46,.54), rgba(31,15,12,.78)); }
.sales-image-break div { position: relative; z-index: 1; width: min(850px,86%); }
.sales-image-break p { margin: 0; color: #f7e7cf; font-family: "Cormorant Garamond", serif; font-size: clamp(34px,5vw,72px); font-style: italic; line-height: 1.05; }
.ancestral-map { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 22px 48px; max-width: 980px; margin: 80px auto 0; padding: 52px 0; }
.ancestral-map::before { content: ""; position: absolute; inset: 16px 8% 16px 8%; opacity: .55; background: url("data:image/svg+xml,%3Csvg width='880' height='560' viewBox='0 0 880 560' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M104 492 C172 380 92 306 208 244 C318 185 392 252 492 170 C596 84 696 132 770 52' fill='none' stroke='%235c2e2e' stroke-opacity='.38' stroke-width='2' stroke-dasharray='8 13' stroke-linecap='round'/%3E%3Cpath d='M124 498 C190 404 142 310 246 266 C348 222 420 266 516 184 C616 98 702 120 790 64' fill='none' stroke='%23d4af37' stroke-opacity='.26' stroke-width='1'/%3E%3C/svg%3E") center / contain no-repeat; }
.ancestral-map article { position: relative; display: grid; gap: 7px; min-height: 118px; padding: 24px 26px 24px 86px; border: 1px solid rgba(92,46,46,.22); border-radius: 2px 22px 2px 22px; background: rgba(242,229,217,.54); box-shadow: 0 18px 44px rgba(92,46,46,.08), inset 0 0 0 1px rgba(255,255,255,.18); backdrop-filter: blur(1px); }
.ancestral-map article:nth-child(even) { transform: translateY(34px); }
.ancestral-map article::before { content: ""; position: absolute; left: 24px; top: 28px; width: 38px; height: 38px; border: 1px solid rgba(92,46,46,.48); border-radius: 50%; background: radial-gradient(circle, rgba(212,175,55,.26) 0 18%, transparent 19%), var(--pergaminho); box-shadow: 0 0 0 8px rgba(212,175,55,.07); }
.ancestral-map article::after { content: ""; position: absolute; right: 18px; top: 18px; width: 32px; height: 32px; opacity: .28; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%235c2e2e' stroke-width='2'%3E%3Cpath d='M30 5v50M5 30h50M13 13l34 34M47 13L13 47'/%3E%3Ccircle cx='30' cy='30' r='18'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; }
.ancestral-map span { color: var(--taupe-quente); font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.ancestral-map strong { color: var(--vinho-profundo); font-family: "Cormorant Garamond", serif; font-size: 27px; line-height: 1.08; }
.sales-closing { max-width: 840px; margin: 60px auto 0; color: var(--vinho-profundo); font-family: "Cormorant Garamond", serif; font-size: clamp(26px,3vw,42px); font-style: italic; line-height: 1.18; text-align: center; }
.offering-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 65px; }
.offering-grid article { position: relative; padding: 30px 28px; border: 1px solid rgba(92,46,46,.22); border-radius: 2px 22px 2px 22px; background: rgba(255,250,242,.50); box-shadow: inset 0 0 0 1px rgba(255,255,255,.15); }
.offering-grid article::before { content: ""; position: absolute; inset: 10px; border: 1px solid rgba(212,175,55,.14); pointer-events: none; }
.offering-grid span { display: inline-grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(92,46,46,.28); border-radius: 50%; color: var(--dourado-ancestral); font-size: 20px; background: rgba(242,229,217,.55); }
.offering-grid h3, .guide-bio h3, .testimonials-grid h3 { margin: 16px 0 12px; color: var(--vinho-profundo); font-family: "Cormorant Garamond", serif; font-size: 29px; line-height: 1.05; }
.offering-grid p, .guide-bio p { margin: 0; line-height: 1.7; }
.sales-offer { display: grid; grid-template-columns: 1fr minmax(330px,.75fr); gap: clamp(42px,7vw,96px); align-items: start; }
.sales-section--choice h2 { color: var(--creme-quente); }
.offer-card { position: relative; padding: clamp(28px,4vw,46px); border: 1px solid rgba(212,175,55,.46); border-radius: 2px 28px 2px 28px; background: rgba(242,229,217,.10); box-shadow: 0 28px 70px rgba(0,0,0,.16), inset 0 0 0 1px rgba(255,244,222,.08); }
.offer-card::before { content: ""; position: absolute; inset: 14px; border: 1px solid rgba(212,175,55,.22); pointer-events: none; }
.offer-card h3 { margin: 0 0 16px; color: var(--creme-quente); font-family: "Cinzel", serif; font-size: 31px; line-height: 1.1; }
.offer-card p, .offer-card li { color: #ecd7c5; line-height: 1.68; }
.price { margin: 30px 0; padding: 22px 0; border-top: 1px solid rgba(212,175,55,.3); border-bottom: 1px solid rgba(212,175,55,.3); }
.price strong { display: block; color: var(--dourado-ancestral); font-family: "Cormorant Garamond", serif; font-size: 48px; line-height: .95; }
.price span, .price small { display: block; margin-top: 5px; color: #f3e0cd; }
.offer-card ul { display: grid; gap: 10px; margin: 24px 0 0; padding-left: 18px; }

.sales-section--investment-image {
  position: relative;
  min-height: 0;
  padding: 0 0 clamp(92px, 8vw, 132px);
  overflow: hidden;
  background: #f2e5d9;
  color: var(--vinho-profundo);
}

.sales-section--investment-image::before {
  content: "";
  position: relative;
  inset: auto;
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  opacity: 1;
  pointer-events: none;
  background: url("assets/images/venda-dobra-investimento-final.jpeg") center top / contain no-repeat;
}

.sales-section--investment-image .sales-container {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: clamp(24px, 3vw, 44px);
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: none;
  padding: 0 24px;
}

.sales-section--investment-image .sales-container > :not(.offer-card),
.sales-section--investment-image .offer-card > :not(.sales-button) {
  display: none !important;
}

.sales-section--investment-image .offer-card {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.sales-section--investment-image .offer-card::before {
  display: none;
}

.sales-section--investment-image .sales-button {
  min-width: min(320px, 88vw);
  border: 1px solid rgba(212, 175, 55, .46);
  background: #5c2e2e;
  color: #f2e5d9;
  box-shadow: 0 18px 38px rgba(92, 46, 46, .22);
}

.sales-section--investment-image .button-price-highlight {
  color: #d4af37;
  letter-spacing: .02em;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .32);
}

.sales-section--investment-image .sales-button--outline {
  background: rgba(72, 33, 33, .92);
  border-color: rgba(212, 175, 55, .82);
  color: #fff4e5;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .35);
}

.sales-section--investment-image .sales-button:hover {
  background: #482121;
  color: #f8eadb;
}

.sales-section--investment-image .sales-button--outline:hover {
  background: #5c2e2e;
}

.sales-guide { display: grid; grid-template-columns: .82fr 1fr; gap: clamp(38px,7vw,92px); align-items: center; }
.sales-guide__quote { grid-column: 1 / -1; width: min(860px,100%); margin: 0 auto 12px; text-align: center; }
.sales-guide__quote p { margin: 0; color: var(--vinho-profundo); font-family: "Cormorant Garamond", serif; font-size: clamp(30px,4vw,56px); font-style: italic; line-height: 1.08; }
.sales-guide__image { min-height: 680px; border-radius: 3px 42px 3px 42px; background: url("assets/images/ayala-caminhando-estrada.jpg") 61% center / cover no-repeat; box-shadow: 0 30px 80px rgba(92,46,46,.16); filter: sepia(.1) saturate(.9); }
.guide-bio { margin-top: 34px; padding: 30px; border: 1px solid rgba(92,46,46,.20); border-radius: 2px 20px 2px 20px; background: rgba(255,250,242,.48); }
.guide-bio ul { display: grid; gap: 8px; margin: 20px 0 0; padding-left: 18px; line-height: 1.65; }

.sales-section--guide-image {
  position: relative;
  min-height: 0;
  padding: 0 0 clamp(92px, 8vw, 132px);
  overflow: hidden;
  background: #f1dfc4;
}

.sales-section--guide-image::before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  background: url("assets/images/venda-dobra-guia-ayala-nova.jpeg") center top / contain no-repeat;
}

.sales-section--guide-image::after {
  display: none;
}

.sales-section--guide-image .sales-container {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: clamp(24px, 3vw, 44px);
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: none;
  padding: 0 24px;
}

.sales-section--guide-image .sales-container > :not(.sales-guide__content),
.sales-section--guide-image .sales-guide__content > :not(.sales-button) {
  display: none !important;
}

.sales-section--guide-image .sales-guide__content {
  display: flex;
  justify-content: center;
  width: 100%;
}

.sales-section--guide-image .sales-button {
  min-width: min(420px, 88vw);
  border: 1px solid rgba(212, 175, 55, .46);
  background: #5c2e2e;
  color: #f2e5d9;
  box-shadow: 0 18px 38px rgba(92, 46, 46, .20);
}

.sales-section--guide-image .sales-button:hover {
  background: #482121;
  color: #f8eadb;
}

.testimonials-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 60px; }
.testimonials-grid article { position: relative; min-height: 230px; padding: 30px 78px 30px 30px; border: 1px solid rgba(212,175,55,.35); border-radius: 2px 22px 2px 22px; background: rgba(242,229,217,.10); }
.testimonials-grid article::after { content: "▶"; position: absolute; right: 28px; top: 50%; display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(212,175,55,.55); border-radius: 50%; color: var(--dourado-ancestral); transform: translateY(-50%); font-size: 13px; }
.testimonials-grid span { color: var(--dourado-ancestral); font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.testimonials-grid a { display: inline-flex; margin-top: 18px; color: var(--dourado-ancestral); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.testimonials-grid a:hover { color: var(--creme-quente); }
.memory-strip { display: grid; grid-template-columns: repeat(6,1fr); gap: 0; height: 240px; margin: 54px calc(50% - 50vw); }
.memory-strip div { background-position: center; background-size: cover; filter: sepia(.18) saturate(.9) contrast(.95); border-top: 1px solid rgba(212,175,55,.25); border-bottom: 1px solid rgba(212,175,55,.25); }
.memory-strip div:nth-child(1) { background-image: url("assets/images/jardim-circulo.jpg"); }
.memory-strip div:nth-child(2) { background-image: url("assets/images/mapa-artesanal.jpeg"); }
.memory-strip div:nth-child(3) { background-image: url("assets/images/terras-por-do-sol.jpeg"); }
.memory-strip div:nth-child(4) { background-image: url("assets/images/ayala-caminhando-estrada.jpg"); }
.memory-strip div:nth-child(5) { background-image: url("assets/images/boas-vindas-homem-arvore.jpg"); }
.memory-strip div:nth-child(6) { background-image: url("assets/images/varanda-temporaria.png"); }
.sales-faq-intro { max-width: 760px; margin: 30px 0 0; font-size: 18px; line-height: 1.75; }
.sales-faq { display: grid; gap: 12px; margin-top: 56px; }
.sales-faq details { border: 1px solid rgba(92,46,46,.20); border-radius: 2px 18px 2px 18px; background: rgba(255,250,242,.45); }
.sales-faq summary { cursor: pointer; padding: 22px 26px; color: var(--vinho-profundo); font-family: "Cormorant Garamond", serif; font-size: 26px; font-weight: 700; }
.sales-faq details p { margin: 0; padding: 0 26px 24px; font-size: 17px; line-height: 1.75; }
.sales-epilogue { position: relative; min-height: 92svh; display: grid; align-items: center; overflow: hidden; color: var(--creme-quente); }
.sales-epilogue__image, .sales-epilogue__veil { position: absolute; inset: 0; }
.sales-epilogue__image { background: url("assets/images/ayala-caminhando-estrada.jpg") 65% center / cover no-repeat; transform: scale(1.015); }
.sales-epilogue__veil { background: linear-gradient(90deg, rgba(54,31,28,.9), rgba(92,46,46,.68), rgba(92,46,46,.18)); }
.sales-epilogue__content { position: relative; z-index: 1; width: min(850px,92vw); padding: 120px clamp(24px,7vw,108px); }
.sales-epilogue h2 { color: var(--creme-quente); }

@media (max-width: 850px) {
  .sales-split, .sales-prose--columns, .offering-grid, .sales-offer, .sales-guide, .testimonials-grid { grid-template-columns: 1fr; }
  .sales-guide__image { min-height: 520px; }
  .ancestral-map { grid-template-columns: 1fr; gap: 18px; padding-top: 34px; }
  .ancestral-map article:nth-child(even) { transform: none; }
  .ancestral-map::before { inset: 0; background-size: cover; opacity: .30; }
  .memory-strip { grid-template-columns: repeat(2,1fr); height: auto; }
  .memory-strip div { min-height: 170px; }
}

@media (max-width: 560px) {
  .sales-brand { padding: 20px; }
  .sales-hero__content, .sales-epilogue__content { padding-left: 20px; padding-right: 20px; }
  .sales-hero h1 { font-size: 38px; }
  .sales-page h2 { font-size: 34px; }
  .sales-prose { font-size: 16px; }
  .sales-section { padding-left: 20px; padding-right: 20px; }
  .sales-hero__image { background-position: 65% center; }
  .sales-hero__veil { background: linear-gradient(90deg, rgba(14,9,8,.96), rgba(38,19,17,.88), rgba(92,46,46,.38)), linear-gradient(0deg, rgba(11,7,6,.86), transparent 46%); }
  .ancestral-map article { min-height: auto; padding: 22px 22px 22px 76px; }
  .memory-strip { margin-left: 0; margin-right: 0; }
}

/* Correção da primeira dobra da página de vendas — composição lateral, como portal de entrada */
.sales-hero {
  min-height: 100svh;
  background:
    radial-gradient(circle at 78% 76%, rgba(165,76,28,.20), transparent 22%),
    linear-gradient(90deg, #070605 0%, #0b0706 52%, #130a08 100%);
}
.sales-hero__image {
  inset: 0 0 0 auto;
  width: min(49vw, 760px);
  background: url("assets/images/hero-venda-ritual.jpeg") center center / cover no-repeat;
  transform: none;
  filter: saturate(1.04) contrast(1.02);
}
.sales-hero__veil {
  background:
    linear-gradient(90deg, rgba(7,6,5,1) 0%, rgba(7,6,5,.98) 42%, rgba(7,6,5,.72) 57%, rgba(7,6,5,.16) 76%, rgba(7,6,5,.04) 100%),
    radial-gradient(circle at 88% 78%, rgba(227,119,35,.34), transparent 18%);
}
.sales-hero__content {
  width: min(760px, 52vw);
  padding: 150px 0 92px clamp(42px, 7vw, 118px);
}
.sales-hero .sales-label {
  color: #b98255;
  letter-spacing: .22em;
  font-size: 0;
  line-height: 0;
  max-width: 640px;
  text-align: center;
  margin-bottom: 28px;
}
.sales-hero .sales-label::before {
  content: "UMA JORNADA INICIÁTICA\A FUNDAMENTADA NA COSMOLOGIA XAMÂNICA";
  display: block;
  white-space: pre-line;
  color: #b98255;
  font-size: clamp(15px, 1.55vw, 25px);
  line-height: 1.35;
  font-weight: 500;
  letter-spacing: .18em;
}
.sales-hero h1 {
  max-width: 650px;
  font-size: 0;
  line-height: 0;
}
.sales-hero h1::before {
  content: "CAMINHO DE\A SOBERANIA\A INTERIOR";
  display: block;
  white-space: pre-line;
  color: #b98a58;
  font-family: "Cinzel", serif;
  font-size: clamp(52px, 6vw, 92px);
  font-weight: 700;
  line-height: .97;
  letter-spacing: .018em;
  text-shadow: 0 3px 24px rgba(0,0,0,.55);
  background: linear-gradient(
    180deg,
    #c99b63 0 30%,
    #e4c58a 31% 62%,
    #c99b63 63% 82%,
    #9d6c42 83% 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.sales-hero h1::after {
  content: "──── ◇ ✦ ◇ ────";
  display: block;
  width: min(430px, 78%);
  margin: 22px 0 0;
  color: #9f6d43;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(18px, 2.1vw, 28px);
  line-height: 1;
  letter-spacing: .18em;
  text-align: center;
  text-shadow: 0 2px 18px rgba(0,0,0,.35);
}
.sales-subtitle {
  max-width: 560px;
  font-size: 0;
  line-height: 0;
  margin-top: 28px;
}
.sales-subtitle::before {
  content: "Uma jornada iniciática de 12 semanas para habitar a Roda da Vida.";
  display: block;
  color: #dcc0a5;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(25px, 2.2vw, 34px);
  font-weight: 600;
  line-height: 1.18;
}
.sales-prose--hero {
  max-width: 560px;
  margin-top: 28px;
  font-size: 0;
  line-height: 0;
}
.sales-prose--hero p {
  display: none;
}
.sales-prose--hero::before {
  content: "Existe um momento em que a espiritualidade deixa de ser apenas um conjunto de práticas e passa a orientar a forma como caminhamos pela vida.";
  display: block;
  color: #e8d6c3;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(21px, 1.45vw, 27px);
  line-height: 1.42;
}
.sales-hero .sales-button {
  border-radius: 8px;
  padding-inline: 34px;
  box-shadow: 0 0 0 1px rgba(212,175,55,.16), 0 0 30px rgba(150,70,29,.20);
}
.sales-hero::before {
  left: clamp(28px, 4vw, 72px);
  top: 18%;
  height: 66%;
  opacity: .72;
}
.sales-hero::after {
  height: 150px;
  background:
    linear-gradient(0deg, #2a1714 0%, transparent 100%),
    url("data:image/svg+xml,%3Csvg width='860' height='140' viewBox='0 0 860 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23b98255' stroke-opacity='.22' stroke-width='1'%3E%3Cpath d='M40 70 C164 24 226 114 340 62 S548 28 642 78 760 98 820 44'/%3E%3Ccircle cx='190' cy='82' r='18'/%3E%3Ccircle cx='636' cy='78' r='25'/%3E%3Cpath d='M430 94 l18 -18 18 18 -18 18z'/%3E%3C/g%3E%3C/svg%3E") center bottom / min(820px, 82vw) auto no-repeat;
}

@media (max-width: 560px) {
  .sales-hero {
    min-height: 100svh;
  }
  .sales-hero__image {
    inset: 0;
    width: 100%;
    background-position: 58% center;
    opacity: .72;
  }
  .sales-hero__veil {
    background:
      linear-gradient(90deg, rgba(7,6,5,.96), rgba(7,6,5,.72), rgba(7,6,5,.42)),
      linear-gradient(0deg, rgba(7,6,5,.88), rgba(7,6,5,.16) 58%, rgba(7,6,5,.62));
  }
  .sales-hero__content {
    width: min(620px, 92vw);
    padding: 138px 24px 82px;
  }
  .sales-hero h1::before {
    font-size: clamp(42px, 12vw, 68px);
  }
}

/* Ajuste fino da capa: divisor central e destaque em "Roda da Vida" */
.sales-hero h1::after {
  content: "";
  display: block;
  width: min(455px, 78%);
  height: 22px;
  margin: 22px 0 0;
  background: url("data:image/svg+xml,%3Csvg width='455' height='22' viewBox='0 0 455 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23a87349' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 11h176' opacity='.75'/%3E%3Cpath d='M279 11h176' opacity='.75'/%3E%3Ccircle cx='186' cy='11' r='2.2' fill='%23a87349' stroke='none'/%3E%3Ccircle cx='269' cy='11' r='2.2' fill='%23a87349' stroke='none'/%3E%3Cpath d='M216 6h24l-12 10z'/%3E%3Cpath d='M202 11l9-5v10zM254 11l-9-5v10z' opacity='.8'/%3E%3C/g%3E%3C/svg%3E") left center / contain no-repeat;
}
.sales-subtitle::before {
  content: "Uma jornada iniciática de 12 semanas\A para habitar a ";
  display: inline;
  white-space: pre-line;
  color: #dcc0a5;
}
.sales-subtitle::after {
  content: "Roda da Vida.";
  display: inline;
  color: #b98255;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(25px, 2.2vw, 34px);
  font-weight: 700;
  line-height: 1.18;
}

/* Segunda dobra — foto integrada ao pergaminho, como território sendo revelado */
.sales-section--known-path {
  min-height: 100svh;
  padding: clamp(64px, 7vw, 96px) clamp(24px, 4vw, 64px) clamp(86px, 8vw, 118px);
  background:
    radial-gradient(circle at 92% 9%, rgba(92,46,46,.16) 0 0.6%, transparent .7% 100%),
    linear-gradient(180deg, #ead9bd, #e7d0ad);
}
.sales-section--known-path::before {
  opacity: .58;
  background:
    radial-gradient(circle at 92% 11%, rgba(112,45,29,.32), transparent 4%),
    radial-gradient(circle at 14% 88%, rgba(92,46,46,.16), transparent 18%),
    url("data:image/svg+xml,%3Csvg width='760' height='760' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%235c2e2e' stroke-opacity='.14' stroke-width='1'%3E%3Cpath d='M570 84c44 40 72 94 78 154M90 644c88-62 80-166 188-226 100-56 196-18 286-126'/%3E%3Cpath d='M614 140h96M632 158h58M76 672h188M116 696h238'/%3E%3Cpath d='M654 288l26 26-26 26-26-26zM634 384l12 12-12 12-12-12z'/%3E%3Ccircle cx='664' cy='314' r='70'/%3E%3Ccircle cx='664' cy='314' r='42'/%3E%3Cpath d='M664 248v132M598 314h132M620 270l88 88M708 270l-88 88'/%3E%3Cpath d='M112 74h72m-36-36v72m-26-46l52 52m0-52l-52 52'/%3E%3C/g%3E%3C/svg%3E") right top / min(680px, 48vw) auto no-repeat;
}
.sales-section--known-path::after {
  opacity: .62;
  background:
    linear-gradient(0deg, rgba(112,45,29,.72) 0 18px, transparent 19px),
    linear-gradient(90deg, rgba(92,46,46,.20), transparent 16%, transparent 82%, rgba(92,46,46,.14)),
    linear-gradient(0deg, rgba(125,56,31,.28), transparent 10%, transparent 91%, rgba(92,46,46,.18));
}
.sales-section--known-path .sales-container {
  width: min(1460px, 100%);
}
.sales-section--known-path .sales-split {
  position: relative;
  display: grid;
  grid-template-columns: minmax(360px, 43%) minmax(520px, 1fr);
  grid-template-rows: auto 1fr;
  gap: clamp(26px, 3vw, 44px) clamp(48px, 5vw, 86px);
  align-items: start;
}
.sales-section--known-path .sales-split::before {
  content: "";
  min-height: clamp(560px, 62vw, 790px);
  grid-row: 1 / span 2;
  grid-column: 1;
  align-self: stretch;
  background:
    linear-gradient(90deg, rgba(231,208,173,0) 0%, rgba(231,208,173,0) 70%, #e7d0ad 100%),
    linear-gradient(0deg, #e7d0ad 0%, rgba(231,208,173,0) 10%, rgba(231,208,173,0) 88%, #e7d0ad 100%),
    url("assets/images/venda-arvore-gato.jpg") 33% center / cover no-repeat;
  filter: sepia(.08) saturate(1.04) contrast(1.02);
  -webkit-mask-image:
    linear-gradient(90deg, #000 0 70%, rgba(0,0,0,.78) 82%, transparent 100%),
    linear-gradient(0deg, transparent 0, #000 11%, #000 88%, transparent 100%);
  mask-image:
    linear-gradient(90deg, #000 0 70%, rgba(0,0,0,.78) 82%, transparent 100%),
    linear-gradient(0deg, transparent 0, #000 11%, #000 88%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
.sales-section--known-path .sales-split::after {
  content: "";
  position: absolute;
  left: -4%;
  bottom: -18px;
  width: 46%;
  height: 120px;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg width='520' height='120' viewBox='0 0 520 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%235c2e2e' stroke-opacity='.24' stroke-width='2'%3E%3Cpath d='M20 72h170m40 0h270'/%3E%3Cpath d='M92 92h90m170 0h82'/%3E%3Cpath d='M215 72l18-14 18 14-18 14zM250 72l18-14 18 14-18 14z'/%3E%3Cpath d='M42 34l20 20 20-20 20 20 20-20 20 20'/%3E%3C/g%3E%3C/svg%3E") left bottom / contain no-repeat;
}
.sales-section--known-path .sales-split > div:first-child {
  grid-column: 2;
  grid-row: 1;
  align-self: start;
}
.sales-section--known-path .sales-split > .sales-prose {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
}
.sales-section--known-path .sales-label {
  display: none;
}
.sales-section--known-path h2 {
  max-width: 790px;
  color: #2b211b;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(40px, 4.35vw, 70px);
  font-weight: 700;
  line-height: 1.03;
  letter-spacing: -.02em;
}
.sales-section--known-path h2 em {
  display: block;
  color: #8f3f24;
  font-style: italic;
  font-weight: 600;
}
.sales-section--known-path h2::after {
  content: "";
  display: block;
  width: min(360px, 72%);
  height: 26px;
  margin-top: 18px;
  background: url("data:image/svg+xml,%3Csvg width='360' height='26' viewBox='0 0 360 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%238f3f24' stroke-opacity='.55' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 13h152M208 13h152'/%3E%3Cpath d='M180 7l8 6-8 6-8-6z'/%3E%3C/g%3E%3C/svg%3E") left center / contain no-repeat;
}
.sales-section--known-path .sales-prose {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(28px, 4vw, 64px);
  max-width: 850px;
  margin-top: 0;
  color: #2b211b;
  font-size: clamp(16px, 1.05vw, 18px);
  line-height: 1.65;
}
.sales-section--known-path .sales-prose p {
  margin-bottom: 14px;
}
.sales-section--known-path .sales-prose p:nth-child(2) {
  position: relative;
  padding-left: 24px;
}
.sales-section--known-path .sales-prose p:nth-child(2)::before {
  content: "◆";
  position: absolute;
  left: 2px;
  color: #8f3f24;
  font-size: 12px;
}
.sales-section--known-path .sales-prose p:nth-child(4),
.sales-section--known-path .sales-prose p:nth-child(5) {
  color: #8f3f24;
  font-weight: 700;
}
.sales-section--known-path .sales-prose p:nth-child(n+6) {
  grid-column: 2;
}
.sales-section--known-path .sales-prose::before {
  content: "";
  grid-column: 1 / -1;
  width: min(420px, 58%);
  height: 1px;
  margin: 0 0 2px;
  background: linear-gradient(90deg, rgba(143,63,36,.56), transparent);
}

@media (max-width: 980px) {
  .sales-section--known-path .sales-split {
    grid-template-columns: 1fr;
  }
  .sales-section--known-path .sales-split::before {
    min-height: 420px;
    grid-column: 1;
    grid-row: 1;
  }
  .sales-section--known-path .sales-split > div:first-child,
  .sales-section--known-path .sales-split > .sales-prose {
    grid-column: 1;
    grid-row: auto;
  }
  .sales-section--known-path .sales-prose {
    grid-template-columns: 1fr;
    margin-top: 20px;
  }
  .sales-section--known-path .sales-prose p:nth-child(n+6) {
    grid-column: auto;
  }
}

/* Correção final: foto sem quadrado/rasgo duro e faixa inferior em vinho profundo */
.sales-section--known-path::after {
  opacity: .96;
  background:
    url("data:image/svg+xml,%3Csvg width='1800' height='132' viewBox='0 0 1800 132' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='brush'%3E%3CfeTurbulence baseFrequency='.03 .10' numOctaves='3' seed='21'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='14'/%3E%3C/filter%3E%3Cg filter='url(%23brush)'%3E%3Cpath d='M0 58 C158 32 284 76 448 50 C650 20 784 76 974 50 C1168 24 1318 70 1510 42 C1648 22 1736 44 1800 34 L1800 132 L0 132z' fill='%235c2e2e' fill-opacity='.86'/%3E%3Cpath d='M0 88 C186 60 332 112 552 80 C762 50 910 104 1126 76 C1328 50 1502 94 1800 66 L1800 132 L0 132z' fill='%233a1b1b' fill-opacity='.30'/%3E%3C/g%3E%3Cg fill='none' stroke='%23ead8bd' stroke-opacity='.28' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 84h220m42 0h238m52 0h238m52 0h238m52 0h238m52 0h238'/%3E%3Cpath d='M262 84l16-12 16 12-16 12zM552 84l16-12 16 12-16 12zM842 84l16-12 16 12-16 12zM1132 84l16-12 16 12-16 12zM1422 84l16-12 16 12-16 12z'/%3E%3Cpath d='M72 101l22-18 22 18 22-18 22 18 22-18 22 18M386 105l22-18 22 18 22-18 22 18 22-18 22 18M704 101l22-18 22 18 22-18 22 18 22-18 22 18M1022 105l22-18 22 18 22-18 22 18 22-18 22 18M1340 101l22-18 22 18 22-18 22 18 22-18 22 18M1610 105l22-18 22 18 22-18 22 18'/%3E%3C/g%3E%3C/svg%3E") center bottom / 100% 112px no-repeat,
    linear-gradient(90deg, rgba(92,46,46,.10), transparent 15%, transparent 85%, rgba(92,46,46,.10));
}
.sales-section--known-path .sales-split::before {
  background:
    linear-gradient(90deg, rgba(234,216,189,0) 0 72%, rgba(234,216,189,.20) 84%, rgba(234,216,189,.68) 96%, #ead8bd 100%),
    linear-gradient(0deg, rgba(234,216,189,.82) 0%, rgba(234,216,189,0) 11%, rgba(234,216,189,0) 90%, rgba(234,216,189,.50) 100%),
    url("assets/images/venda-arvore-gato.jpg") 36% center / cover no-repeat;
  filter: sepia(.04) saturate(1.08) contrast(1.02);
  -webkit-mask-image: linear-gradient(90deg, #000 0 86%, rgba(0,0,0,.55) 95%, transparent 100%);
  mask-image: linear-gradient(90deg, #000 0 86%, rgba(0,0,0,.55) 95%, transparent 100%);
}
.sales-section--known-path .sales-split::after {
  left: calc(42% - 86px);
  top: 5%;
  width: 125px;
  height: 82%;
  background: url("data:image/svg+xml,%3Csvg width='140' height='760' viewBox='0 0 140 760' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='edge'%3E%3CfeTurbulence baseFrequency='.045 .018' numOctaves='3' seed='31'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='9'/%3E%3C/filter%3E%3Cg filter='url(%23edge)'%3E%3Cpath d='M72 0 C96 64 48 126 78 196 C108 262 54 332 84 398 C112 462 56 530 90 596 C116 650 72 706 102 760 L140 760 L140 0z' fill='%23ead8bd' fill-opacity='.46'/%3E%3C/g%3E%3C/svg%3E") right center / 100% 100% no-repeat;
}

/* Segunda dobra — revisão de proporção e textura conforme referência enviada */
.sales-section--known-path {
  padding: clamp(56px, 5.4vw, 84px) clamp(22px, 3.4vw, 52px) clamp(86px, 7vw, 118px);
  background:
    radial-gradient(circle at 92% 9%, rgba(112,45,29,.34) 0 34px, transparent 35px),
    linear-gradient(90deg, rgba(92,46,46,.12), transparent 16%, transparent 80%, rgba(92,46,46,.10)),
    #ead8bd;
}
.sales-section--known-path::before {
  opacity: .72;
  background:
    url("data:image/svg+xml,%3Csvg width='900' height='900' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.018 .065' numOctaves='4' seed='9'/%3E%3CfeColorMatrix type='matrix' values='.55 0 0 0 0.35 0 .38 0 0 0.20 0 0 .24 0 0.08 0 0 0 .42 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)' opacity='.68'/%3E%3Cg fill='none' stroke='%235c2e2e' stroke-opacity='.12' stroke-width='1'%3E%3Cpath d='M690 74c48 44 82 106 88 176M78 710c96-78 86-184 206-246 108-56 206-18 308-128'/%3E%3Cpath d='M732 184h96M752 204h58M78 774h188M118 802h238'/%3E%3Ccircle cx='784' cy='344' r='74'/%3E%3Ccircle cx='784' cy='344' r='43'/%3E%3Cpath d='M784 272v144M712 344h144M734 294l100 100M834 294l-100 100'/%3E%3C/g%3E%3C/svg%3E") center / cover,
    radial-gradient(circle at 84% 18%, rgba(143,63,36,.18), transparent 18%),
    radial-gradient(circle at 12% 88%, rgba(92,46,46,.18), transparent 18%);
}
.sales-section--known-path::after {
  opacity: .88;
  background:
    url("data:image/svg+xml,%3Csvg width='1800' height='138' viewBox='0 0 1800 138' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='brush'%3E%3CfeTurbulence baseFrequency='.028 .11' numOctaves='3' seed='8'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='16'/%3E%3C/filter%3E%3Cg filter='url(%23brush)'%3E%3Cpath d='M0 64 C144 28 270 82 414 54 C606 18 754 82 930 50 C1118 16 1262 72 1456 42 C1590 22 1708 54 1800 32 L1800 138 L0 138z' fill='%238f3f24' fill-opacity='.86'/%3E%3Cpath d='M0 92 C178 58 326 116 520 82 C728 46 880 108 1088 76 C1286 46 1478 98 1800 64 L1800 138 L0 138z' fill='%235c2e2e' fill-opacity='.35'/%3E%3C/g%3E%3Cg fill='none' stroke='%23ead8bd' stroke-opacity='.28' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 86h220m42 0h238m52 0h238m52 0h238m52 0h238m52 0h238'/%3E%3Cpath d='M262 86l16-12 16 12-16 12zM552 86l16-12 16 12-16 12zM842 86l16-12 16 12-16 12zM1132 86l16-12 16 12-16 12zM1422 86l16-12 16 12-16 12z'/%3E%3Cpath d='M72 102l22-18 22 18 22-18 22 18 22-18 22 18M386 108l22-18 22 18 22-18 22 18 22-18 22 18M704 102l22-18 22 18 22-18 22 18 22-18 22 18M1022 108l22-18 22 18 22-18 22 18 22-18 22 18M1340 102l22-18 22 18 22-18 22 18 22-18 22 18M1610 108l22-18 22 18 22-18 22 18'/%3E%3C/g%3E%3C/svg%3E") center bottom / 100% 118px no-repeat,
    linear-gradient(90deg, rgba(92,46,46,.16), transparent 15%, transparent 85%, rgba(92,46,46,.12));
}
.sales-section--known-path .sales-container {
  width: min(1420px, 100%);
}
.sales-section--known-path .sales-split {
  grid-template-columns: minmax(420px, 42%) minmax(560px, 1fr);
  grid-template-rows: auto auto;
  gap: clamp(22px, 2.6vw, 38px) clamp(46px, 5vw, 90px);
  align-items: start;
}
.sales-section--known-path .sales-split::before {
  min-height: clamp(560px, 58vw, 760px);
  background:
    url("assets/images/venda-arvore-gato.jpg") 36% center / cover no-repeat;
  filter: sepia(.04) saturate(1.12) contrast(1.04);
  -webkit-mask-image: none;
  mask-image: none;
}
.sales-section--known-path .sales-split::after {
  left: 0;
  top: 0;
  bottom: auto;
  width: 43%;
  height: clamp(560px, 58vw, 760px);
  background:
    url("data:image/svg+xml,%3Csvg width='640' height='920' viewBox='0 0 640 920' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='tear'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.038 .018' numOctaves='4' seed='12'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='22'/%3E%3C/filter%3E%3Cg filter='url(%23tear)'%3E%3Cpath d='M500 0 C530 86 480 160 520 244 C555 318 492 410 528 486 C566 570 504 646 540 730 C566 788 522 856 560 920 L640 920 L640 0z' fill='%23ead8bd' fill-opacity='.88'/%3E%3Cpath d='M0 0 L640 0 L640 70 C520 34 438 68 326 42 C214 18 126 54 0 26z' fill='%23ead8bd' fill-opacity='.38'/%3E%3Cpath d='M0 850 C138 892 254 840 386 872 C488 896 558 858 640 884 L640 920 L0 920z' fill='%23ead8bd' fill-opacity='.68'/%3E%3C/g%3E%3C/svg%3E") left top / 100% 100% no-repeat,
    none;
}
.sales-section--known-path h2 {
  max-width: 760px;
  font-size: clamp(36px, 3.85vw, 62px);
  line-height: 1.03;
}
.sales-section--known-path h2 em {
  color: #8b3f28;
  font-weight: 500;
}
.sales-section--known-path h2::after {
  width: min(430px, 72%);
  height: 22px;
  margin-top: 16px;
}
.sales-section--known-path .sales-prose {
  max-width: 840px;
  grid-template-columns: 1fr 1fr;
  column-gap: clamp(38px, 4.2vw, 72px);
  row-gap: 0;
  font-size: clamp(15px, .98vw, 17px);
  line-height: 1.58;
}
.sales-section--known-path .sales-prose p {
  margin-bottom: 12px;
}
.sales-section--known-path .sales-prose p:nth-child(1),
.sales-section--known-path .sales-prose p:nth-child(2),
.sales-section--known-path .sales-prose p:nth-child(3),
.sales-section--known-path .sales-prose p:nth-child(4),
.sales-section--known-path .sales-prose p:nth-child(5) {
  grid-column: 1;
}
.sales-section--known-path .sales-prose p:nth-child(n+6) {
  grid-column: 2;
}
.sales-section--known-path .sales-prose p:nth-child(2) {
  color: #2b211b;
  line-height: 1.72;
}
.sales-section--known-path .sales-prose p:nth-child(2)::before {
  content: "◆\A◆\A◆\A◆";
  white-space: pre-line;
  line-height: 1.72;
  top: 0;
}
.sales-section--known-path .sales-prose p:nth-child(4) {
  font-weight: 700;
  color: #8f3f24;
}
.sales-section--known-path .sales-prose p:nth-child(5) {
  color: #2b211b;
  font-weight: 400;
}
.sales-section--known-path .sales-prose p:nth-child(5)::first-line,
.sales-section--known-path .sales-prose p:nth-child(6)::first-line,
.sales-section--known-path .sales-prose p:nth-child(7)::first-line {
  color: #8f3f24;
  font-weight: 700;
}

@media (max-width: 980px) {
  .sales-section--known-path .sales-split {
    grid-template-columns: 1fr;
  }
  .sales-section--known-path .sales-split::before {
    min-height: 440px;
  }
  .sales-section--known-path .sales-prose,
  .sales-section--known-path .sales-prose p:nth-child(n) {
    grid-column: auto;
  }
}

/* Segunda dobra — correção de arte: imagem sem moldura, dissolvendo como papel antigo */
.sales-section--known-path {
  padding-bottom: clamp(104px, 8vw, 132px);
  background:
    radial-gradient(circle at 92% 9%, rgba(92,46,46,.28) 0 32px, transparent 33px),
    linear-gradient(90deg, rgba(92,46,46,.10), transparent 18%, transparent 82%, rgba(92,46,46,.08)),
    #ead8bd;
}
.sales-section--known-path .sales-split {
  position: relative;
  min-height: clamp(650px, 66vw, 820px);
  grid-template-columns: minmax(420px, 42%) minmax(560px, 1fr);
  overflow: visible;
}
.sales-section--known-path .sales-split::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: clamp(-52px, -3.4vw, -26px);
  top: clamp(-42px, -3vw, -18px);
  bottom: clamp(28px, 4vw, 58px);
  width: min(48vw, 660px);
  min-height: 0;
  background:
    linear-gradient(90deg, rgba(234,216,189,0) 0 68%, rgba(234,216,189,.16) 80%, rgba(234,216,189,.62) 94%, #ead8bd 100%),
    linear-gradient(0deg, rgba(234,216,189,.86) 0%, rgba(234,216,189,0) 13%, rgba(234,216,189,0) 88%, rgba(234,216,189,.42) 100%),
    url("assets/images/venda-arvore-gato.jpg") 36% center / cover no-repeat;
  filter: sepia(.03) saturate(1.08) contrast(1.02);
  -webkit-mask-image:
    linear-gradient(90deg, #000 0 78%, rgba(0,0,0,.58) 91%, transparent 100%),
    linear-gradient(0deg, transparent 0, #000 11%, #000 88%, rgba(0,0,0,.42) 96%, transparent 100%);
  mask-image:
    linear-gradient(90deg, #000 0 78%, rgba(0,0,0,.58) 91%, transparent 100%),
    linear-gradient(0deg, transparent 0, #000 11%, #000 88%, rgba(0,0,0,.42) 96%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
.sales-section--known-path .sales-split::after {
  display: none;
}
.sales-section--known-path .sales-split > div:first-child,
.sales-section--known-path .sales-split > .sales-prose {
  position: relative;
  z-index: 1;
}
.sales-section--known-path::after {
  opacity: .95;
  background:
    url("data:image/svg+xml,%3Csvg width='1800' height='122' viewBox='0 0 1800 122' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='brush'%3E%3CfeTurbulence baseFrequency='.026 .09' numOctaves='3' seed='42'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='12'/%3E%3C/filter%3E%3Cg filter='url(%23brush)'%3E%3Cpath d='M0 52 C160 28 286 72 456 48 C650 20 810 76 990 48 C1178 20 1324 68 1512 40 C1648 20 1740 40 1800 30 L1800 122 L0 122z' fill='%235c2e2e' fill-opacity='.88'/%3E%3Cpath d='M0 84 C188 58 336 108 558 78 C762 50 916 102 1130 74 C1326 50 1508 92 1800 64 L1800 122 L0 122z' fill='%23331919' fill-opacity='.34'/%3E%3C/g%3E%3Cg fill='none' stroke='%23ead8bd' stroke-opacity='.26' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 80h220m42 0h238m52 0h238m52 0h238m52 0h238m52 0h238'/%3E%3Cpath d='M262 80l16-12 16 12-16 12zM552 80l16-12 16 12-16 12zM842 80l16-12 16 12-16 12zM1132 80l16-12 16 12-16 12zM1422 80l16-12 16 12-16 12z'/%3E%3Cpath d='M72 98l22-18 22 18 22-18 22 18 22-18 22 18M386 102l22-18 22 18 22-18 22 18 22-18 22 18M704 98l22-18 22 18 22-18 22 18 22-18 22 18M1022 102l22-18 22 18 22-18 22 18 22-18 22 18M1340 98l22-18 22 18 22-18 22 18 22-18 22 18M1610 102l22-18 22 18 22-18 22 18'/%3E%3C/g%3E%3C/svg%3E") center bottom / 100% 108px no-repeat,
    linear-gradient(90deg, rgba(92,46,46,.10), transparent 16%, transparent 84%, rgba(92,46,46,.10));
}

@media (max-width: 980px) {
  .sales-section--known-path .sales-split {
    min-height: auto;
    grid-template-columns: 1fr;
  }
  .sales-section--known-path .sales-split::before {
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    width: 100%;
    min-height: 420px;
    grid-column: 1;
    grid-row: 1;
  }
}

/* Segunda dobra — tentativa final: borda orgânica com inserts de textura, não moldura */
.sales-section--known-path .sales-split::before {
  left: clamp(-42px, -3vw, -22px);
  top: clamp(-36px, -2.5vw, -16px);
  bottom: clamp(34px, 4vw, 64px);
  width: min(47vw, 660px);
  background: url("assets/images/venda-arvore-gato.jpg") 35% center / cover no-repeat;
  filter: sepia(.03) saturate(1.08) contrast(1.02);
  -webkit-mask-image: none;
  mask-image: none;
  clip-path: polygon(
    0 0,
    91% 0,
    88% 7%,
    94% 15%,
    90% 25%,
    96% 36%,
    91% 48%,
    97% 60%,
    90% 72%,
    94% 86%,
    88% 100%,
    0 100%
  );
}
.sales-section--known-path .sales-split::after {
  display: block;
  left: clamp(-42px, -3vw, -22px);
  top: clamp(-36px, -2.5vw, -16px);
  bottom: auto;
  width: min(47vw, 660px);
  height: calc(100% - clamp(34px, 4vw, 64px));
  pointer-events: none;
  background:
    url("data:image/svg+xml,%3Csvg width='700' height='170' viewBox='0 0 700 170' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='dry'%3E%3CfeTurbulence baseFrequency='.045 .13' numOctaves='3' seed='52'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='13'/%3E%3C/filter%3E%3Cg filter='url(%23dry)'%3E%3Cpath d='M0 126 C84 94 164 136 254 104 C352 70 438 128 540 94 C610 72 664 82 700 66 L700 170 L0 170z' fill='%23ead8bd' fill-opacity='.74'/%3E%3Cpath d='M448 112 C500 102 538 124 590 104 C636 88 668 94 700 84 L700 170 L420 170z' fill='%23ead8bd' fill-opacity='.90'/%3E%3C/g%3E%3Cg fill='none' stroke='%235c2e2e' stroke-opacity='.32' stroke-width='1.6'%3E%3Cpath d='M160 130h86m28 0h120M274 130l15-11 15 11-15 11zM318 130l15-11 15 11-15 11z'/%3E%3Cpath d='M54 134l18-14 18 14 18-14 18 14 18-14 18 14'/%3E%3C/g%3E%3C/svg%3E") left bottom / 100% 150px no-repeat,
    url("data:image/svg+xml,%3Csvg width='230' height='250' viewBox='0 0 230 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='soft'%3E%3CfeTurbulence baseFrequency='.04 .018' numOctaves='3' seed='44'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='10'/%3E%3C/filter%3E%3Cg filter='url(%23soft)'%3E%3Cpath d='M112 0 C144 32 86 72 126 118 C158 156 102 196 146 250 L230 250 L230 0z' fill='%23ead8bd' fill-opacity='.54'/%3E%3C/g%3E%3Cg fill='none' stroke='%235c2e2e' stroke-opacity='.18' stroke-width='1.2'%3E%3Cpath d='M158 32h54M176 50h34M180 78l18 18-18 18-18-18z'/%3E%3C/g%3E%3C/svg%3E") right top / 190px 220px no-repeat,
    url("data:image/svg+xml,%3Csvg width='190' height='190' viewBox='0 0 190 190' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%235c2e2e' stroke-opacity='.12' stroke-width='1.4'%3E%3Ccircle cx='95' cy='95' r='74'/%3E%3Ccircle cx='95' cy='95' r='42'/%3E%3Cpath d='M95 18v154M18 95h154M41 41l108 108M149 41L41 149'/%3E%3C/g%3E%3C/svg%3E") 88% 44% / 160px 160px no-repeat;
}
.sales-section--known-path .sales-container::after {
  content: "";
  position: absolute;
  right: clamp(12px, 4vw, 58px);
  bottom: clamp(52px, 5vw, 78px);
  z-index: 0;
  width: min(210px, 17vw);
  height: min(210px, 17vw);
  pointer-events: none;
  opacity: .22;
  background: url("data:image/svg+xml,%3Csvg width='230' height='230' viewBox='0 0 230 230' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%235c2e2e' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M118 30 C152 58 164 90 146 126 C132 154 98 174 70 196'/%3E%3Cpath d='M70 196c16-28 30-48 56-68'/%3E%3Cpath d='M142 46c24 12 42 28 54 54M157 68c14 8 24 20 32 36'/%3E%3Ccircle cx='64' cy='200' r='9'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}

@media (max-width: 980px) {
  .sales-section--known-path .sales-split::before {
    position: relative;
    width: 100%;
    clip-path: none;
  }
  .sales-section--known-path .sales-split::after {
    display: none;
  }
}

/* Segunda dobra — reconstruída como página de pergaminho com fotografia incorporada */
.sales-section--known-path-v2 {
  position: relative;
  min-height: 100svh;
  overflow: hidden;
  padding: clamp(56px, 5.5vw, 84px) 0 clamp(112px, 8vw, 148px);
  background:
    radial-gradient(circle at 92% 8%, rgba(92,46,46,.34) 0 34px, rgba(92,46,46,.14) 35px 45px, transparent 46px),
    radial-gradient(circle at 88% 62%, rgba(92,46,46,.10), transparent 19%),
    linear-gradient(90deg, rgba(92,46,46,.07), transparent 18%, transparent 82%, rgba(92,46,46,.08)),
    #ead8bd;
}

.sales-section--known-path-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .9;
  background:
    url("data:image/svg+xml,%3Csvg width='1500' height='920' viewBox='0 0 1500 920' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.015 .07' numOctaves='4' seed='63'/%3E%3CfeColorMatrix type='matrix' values='.55 0 0 0 0.34 0 .40 0 0 0.24 0 0 .26 0 0.10 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='1500' height='920' filter='url(%23paper)' opacity='.48'/%3E%3Cg fill='none' stroke='%235c2e2e' stroke-opacity='.12' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1278 142h118M1304 166h70M1334 64c42 42 70 100 76 168'/%3E%3Ccircle cx='1310' cy='486' r='94'/%3E%3Ccircle cx='1310' cy='486' r='54'/%3E%3Cpath d='M1310 392v188M1216 486h188M1244 420l132 132M1376 420l-132 132'/%3E%3Cpath d='M1412 604 C1374 650 1390 700 1338 736 C1300 762 1262 772 1224 810'/%3E%3Cpath d='M1358 678c36 10 62 28 82 56M1374 708c20 8 36 24 46 44'/%3E%3Cpath d='M56 88l18 18 18-18 18 18 18-18 18 18M82 56v88M50 100h84'/%3E%3Cpath d='M1060 74h190M1098 96h118M1126 116l20 16 20-16 20 16 20-16'/%3E%3C/g%3E%3C/svg%3E") center top / cover no-repeat;
  mix-blend-mode: multiply;
}

.sales-section--known-path-v2::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: clamp(92px, 8vw, 132px);
  pointer-events: none;
  opacity: .98;
  background:
    url("data:image/svg+xml,%3Csvg width='1800' height='150' viewBox='0 0 1800 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='brush'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.022 .12' numOctaves='4' seed='91'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='18'/%3E%3C/filter%3E%3Cg filter='url(%23brush)'%3E%3Cpath d='M0 58 C116 34 230 70 364 50 C544 22 700 78 892 48 C1094 18 1242 72 1448 42 C1608 22 1716 48 1800 32 L1800 150 L0 150z' fill='%235c2e2e' fill-opacity='.92'/%3E%3Cpath d='M0 94 C154 68 322 110 516 82 C744 50 914 112 1136 76 C1360 42 1534 96 1800 62 L1800 150 L0 150z' fill='%23331717' fill-opacity='.35'/%3E%3C/g%3E%3Cg fill='none' stroke='%23ead8bd' stroke-opacity='.27' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 92h225m44 0h232m54 0h232m54 0h232m54 0h232m54 0h232'/%3E%3Cpath d='M270 92l15-12 15 12-15 12zM555 92l15-12 15 12-15 12zM840 92l15-12 15 12-15 12zM1125 92l15-12 15 12-15 12zM1410 92l15-12 15 12-15 12z'/%3E%3Cpath d='M62 112l22-18 22 18 22-18 22 18 22-18 22 18M380 116l22-18 22 18 22-18 22 18 22-18 22 18M700 112l22-18 22 18 22-18 22 18 22-18 22 18M1020 116l22-18 22 18 22-18 22 18 22-18 22 18M1340 112l22-18 22 18 22-18 22 18 22-18 22 18M1624 116l22-18 22 18 22-18 22 18'/%3E%3C/g%3E%3C/svg%3E") center bottom / 100% 100% no-repeat;
}

.known-path-stage {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(430px, 42vw) minmax(560px, 1fr);
  gap: clamp(44px, 5.2vw, 92px);
  align-items: start;
  width: min(1500px, 100%);
  margin: 0 auto;
  padding: 0 clamp(28px, 4vw, 70px) 0 0;
}

.known-path-stage::before {
  content: "";
  position: absolute;
  right: clamp(22px, 6vw, 112px);
  top: clamp(-18px, -1vw, -6px);
  width: clamp(64px, 6vw, 96px);
  height: clamp(64px, 6vw, 96px);
  opacity: .34;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%235c2e2e' stroke-width='4' stroke-linecap='round'%3E%3Ccircle cx='60' cy='60' r='40' opacity='.42'/%3E%3Ccircle cx='60' cy='60' r='32' opacity='.34'/%3E%3Cpath d='M28 35c20-24 58-22 68 10M24 62c16 30 54 38 78 12' opacity='.32'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}

.known-path-photo {
  position: relative;
  min-height: clamp(590px, 60vw, 790px);
  align-self: stretch;
  background: url("assets/images/venda-arvore-gato.jpg") 38% center / cover no-repeat;
  filter: sepia(.02) saturate(1.08) contrast(1.03);
  overflow: visible;
  clip-path: polygon(0 0, 91% 0, 89% 5%, 94% 12%, 90% 21%, 96% 32%, 91% 45%, 95% 56%, 90% 69%, 94% 82%, 88% 100%, 0 100%);
}

.known-path-photo::before,
.known-path-photo::after,
.known-path-photo__edge {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.known-path-photo::before {
  background:
    linear-gradient(90deg, rgba(234,216,189,0) 0 73%, rgba(234,216,189,.12) 82%, rgba(234,216,189,.52) 96%, #ead8bd 100%),
    linear-gradient(0deg, rgba(234,216,189,.74) 0%, rgba(234,216,189,0) 13%, rgba(234,216,189,0) 88%, rgba(234,216,189,.52) 100%);
}

.known-path-photo::after {
  background:
    url("data:image/svg+xml,%3Csvg width='660' height='170' viewBox='0 0 660 170' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='dry'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.04 .14' numOctaves='4' seed='18'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='12'/%3E%3C/filter%3E%3Cg filter='url(%23dry)'%3E%3Cpath d='M0 120 C80 96 162 134 250 106 C350 74 430 132 532 100 C594 80 632 86 660 72 L660 170 L0 170z' fill='%23ead8bd' fill-opacity='.76'/%3E%3Cpath d='M418 116 C482 104 522 126 584 104 C622 90 646 92 660 84 L660 170 L392 170z' fill='%23ead8bd' fill-opacity='.92'/%3E%3C/g%3E%3Cg fill='none' stroke='%235c2e2e' stroke-opacity='.30' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M104 130h94m34 0h118'/%3E%3Cpath d='M232 130l15-11 15 11-15 11zM276 130l15-11 15 11-15 11z'/%3E%3Cpath d='M48 136l18-14 18 14 18-14 18 14 18-14 18 14'/%3E%3Cpath d='M378 142h118M414 116l20 16 20-16 20 16'/%3E%3C/g%3E%3C/svg%3E") left bottom / 100% 150px no-repeat,
    url("data:image/svg+xml,%3Csvg width='520' height='95' viewBox='0 0 520 95' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='drytop'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.035 .15' numOctaves='3' seed='22'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='11'/%3E%3C/filter%3E%3Cg filter='url(%23drytop)'%3E%3Cpath d='M0 0 L520 0 L520 46 C438 20 350 54 252 30 C152 6 82 42 0 22z' fill='%23ead8bd' fill-opacity='.48'/%3E%3C/g%3E%3Cg fill='none' stroke='%235c2e2e' stroke-opacity='.20' stroke-width='1.3'%3E%3Cpath d='M44 36l18 18 18-18 18 18 18-18M70 20v52M46 46h70'/%3E%3Cpath d='M388 32h84M408 50h44'/%3E%3C/g%3E%3C/svg%3E") left top / 86% 88px no-repeat;
}

.known-path-photo__edge {
  background:
    url("data:image/svg+xml,%3Csvg width='180' height='720' viewBox='0 0 180 720' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='edge'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.052 .021' numOctaves='4' seed='77'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='13'/%3E%3C/filter%3E%3Cg filter='url(%23edge)'%3E%3Cpath d='M92 0 C126 56 68 118 102 184 C138 250 78 324 112 390 C146 458 82 534 118 602 C146 654 104 696 132 720 L180 720 L180 0z' fill='%23ead8bd' fill-opacity='.58'/%3E%3Cpath d='M122 78 C162 106 124 144 152 184 L180 184 L180 64zM112 310 C158 334 122 374 156 420 L180 420 L180 292zM118 540 C160 568 130 610 162 656 L180 656 L180 518z' fill='%23ead8bd' fill-opacity='.78'/%3E%3C/g%3E%3Cg fill='none' stroke='%235c2e2e' stroke-opacity='.16' stroke-width='1.2'%3E%3Ccircle cx='136' cy='276' r='32'/%3E%3Ccircle cx='136' cy='276' r='18'/%3E%3Cpath d='M136 244v64M104 276h64M114 254l44 44M158 254l-44 44'/%3E%3Cpath d='M126 52h46M140 70h24'/%3E%3C/g%3E%3C/svg%3E") right top / 180px 100% no-repeat;
}

.known-path-copy {
  position: relative;
  z-index: 2;
  padding-top: clamp(10px, 1.6vw, 24px);
}

.known-path-copy h2 {
  max-width: 850px;
  margin: 0;
  color: #2c211b;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(43px, 4.2vw, 69px);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -.025em;
}

.known-path-copy h2 em {
  display: block;
  color: #8b3f28;
  font-style: italic;
  font-weight: 500;
}

.known-path-divider {
  width: min(430px, 70%);
  height: 24px;
  margin: clamp(14px, 1.4vw, 22px) 0 clamp(24px, 2.4vw, 38px);
  background: url("data:image/svg+xml,%3Csvg width='430' height='24' viewBox='0 0 430 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%238b3f28' stroke-opacity='.48' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 12h188M242 12h188'/%3E%3Cpath d='M215 6l9 6-9 6-9-6z'/%3E%3C/g%3E%3C/svg%3E") left center / contain no-repeat;
}

.known-path-columns {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(240px, 1fr);
  gap: clamp(36px, 4.4vw, 78px);
  max-width: 850px;
  color: #2c211b;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(15.5px, 1.02vw, 17.5px);
  line-height: 1.68;
}

.known-path-columns p {
  margin: 0 0 16px;
}

.known-path-columns strong {
  color: #8b3f28;
  font-weight: 700;
}

.known-path-columns ul {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
}

.known-path-columns li {
  position: relative;
  margin: 0 0 7px;
  padding-left: 22px;
}

.known-path-columns li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: .72em;
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
  background: #8b3f28;
}

@media (max-width: 1020px) {
  .sales-section--known-path-v2 {
    padding: 32px 0 104px;
  }

  .known-path-stage {
    grid-template-columns: 1fr;
    padding: 0 clamp(18px, 5vw, 34px);
  }

  .known-path-photo {
    min-height: 420px;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 94% 100%, 0 100%);
  }

  .known-path-copy h2 {
    font-size: clamp(39px, 10vw, 58px);
  }

  .known-path-columns {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

/* Segunda dobra — unificação da família de iconografias */
.sales-section--known-path-v2::before {
  background:
    url("data:image/svg+xml,%3Csvg width='1500' height='920' viewBox='0 0 1500 920' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.015 .07' numOctaves='4' seed='63'/%3E%3CfeColorMatrix type='matrix' values='.55 0 0 0 0.34 0 .40 0 0 0.24 0 0 .26 0 0.10 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='1500' height='920' filter='url(%23paper)' opacity='.48'/%3E%3Cg fill='none' stroke='%235c2e2e' stroke-opacity='.13' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1108 74h240M1158 100h138M1196 126l18-14 18 14 18-14 18 14 18-14'/%3E%3Cpath d='M1288 188l18-18 18 18-18 18zM1348 188l18-18 18 18-18 18zM1408 188l18-18 18 18-18 18z'/%3E%3Cpath d='M1288 252h152M1324 274h76M1318 296l20 16 20-16 20 16 20-16'/%3E%3Cpath d='M1238 432h120m36 0h70M1298 398l20 20 20-20 20 20 20-20'/%3E%3Cpath d='M1194 628h180M1230 652h106M1244 676l18-14 18 14 18-14 18 14'/%3E%3Cpath d='M56 88l18 18 18-18 18 18 18-18 18 18M82 56v88M50 100h84'/%3E%3Cpath d='M1176 748l22 22 22-22 22 22 22-22 22 22M1212 718v88M1170 762h132'/%3E%3C/g%3E%3C/svg%3E") center top / cover no-repeat;
}

.known-path-stage::before {
  opacity: .25;
  background: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%235c2e2e' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='.74'%3E%3Cpath d='M24 60h72M60 24v72'/%3E%3Cpath d='M60 22l12 18-12 18-12-18zM60 62l12 18-12 18-12-18z'/%3E%3Cpath d='M24 60l18-12 18 12-18 12zM60 60l18-12 18 12-18 12z'/%3E%3Cpath d='M34 34l52 52M86 34L34 86' opacity='.55'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}

.known-path-photo::after {
  background:
    url("data:image/svg+xml,%3Csvg width='660' height='170' viewBox='0 0 660 170' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='dry'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.04 .14' numOctaves='4' seed='18'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='12'/%3E%3C/filter%3E%3Cg filter='url(%23dry)'%3E%3Cpath d='M0 120 C80 96 162 134 250 106 C350 74 430 132 532 100 C594 80 632 86 660 72 L660 170 L0 170z' fill='%23ead8bd' fill-opacity='.76'/%3E%3Cpath d='M418 116 C482 104 522 126 584 104 C622 90 646 92 660 84 L660 170 L392 170z' fill='%23ead8bd' fill-opacity='.92'/%3E%3C/g%3E%3Cg fill='none' stroke='%235c2e2e' stroke-opacity='.30' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M104 130h94m34 0h118'/%3E%3Cpath d='M232 130l15-11 15 11-15 11zM276 130l15-11 15 11-15 11z'/%3E%3Cpath d='M48 136l18-14 18 14 18-14 18 14 18-14 18 14'/%3E%3Cpath d='M378 142h118M414 116l20 16 20-16 20 16'/%3E%3C/g%3E%3C/svg%3E") left bottom / 100% 150px no-repeat,
    url("data:image/svg+xml,%3Csvg width='520' height='95' viewBox='0 0 520 95' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='drytop'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.035 .15' numOctaves='3' seed='22'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='11'/%3E%3C/filter%3E%3Cg filter='url(%23drytop)'%3E%3Cpath d='M0 0 L520 0 L520 46 C438 20 350 54 252 30 C152 6 82 42 0 22z' fill='%23ead8bd' fill-opacity='.48'/%3E%3C/g%3E%3Cg fill='none' stroke='%235c2e2e' stroke-opacity='.22' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M44 36l18 18 18-18 18 18 18-18M70 20v52M46 46h70'/%3E%3Cpath d='M356 34h96M388 52h44M394 70l14-10 14 10-14 10z'/%3E%3C/g%3E%3C/svg%3E") left top / 86% 88px no-repeat;
}

.known-path-photo__edge {
  background:
    url("data:image/svg+xml,%3Csvg width='180' height='720' viewBox='0 0 180 720' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='edge'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.052 .021' numOctaves='4' seed='77'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='13'/%3E%3C/filter%3E%3Cg filter='url(%23edge)'%3E%3Cpath d='M92 0 C126 56 68 118 102 184 C138 250 78 324 112 390 C146 458 82 534 118 602 C146 654 104 696 132 720 L180 720 L180 0z' fill='%23ead8bd' fill-opacity='.58'/%3E%3Cpath d='M122 78 C162 106 124 144 152 184 L180 184 L180 64zM112 310 C158 334 122 374 156 420 L180 420 L180 292zM118 540 C160 568 130 610 162 656 L180 656 L180 518z' fill='%23ead8bd' fill-opacity='.78'/%3E%3C/g%3E%3Cg fill='none' stroke='%235c2e2e' stroke-opacity='.18' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M118 74h46M132 92h24M130 112l13-10 13 10-13 10z'/%3E%3Cpath d='M112 272h54M128 294h22M124 314l15-11 15 11-15 11z'/%3E%3Cpath d='M118 538h48M132 558h22M128 580l15-11 15 11-15 11z'/%3E%3C/g%3E%3C/svg%3E") right top / 180px 100% no-repeat;
}

/* Segunda dobra — versão com arte pronta aprovada como referência visual */
.sales-section--known-path-v2 {
  min-height: auto;
  aspect-ratio: 3 / 2;
  padding: 0;
  background:
    url("assets/images/venda-dobra-caminho-referencia.jpeg") center top / contain no-repeat,
    #ead8bd;
}

.sales-section--known-path-v2::before,
.sales-section--known-path-v2::after {
  display: none;
}

.sales-section--known-path-v2 .known-path-stage {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

@media (max-width: 760px) {
  .sales-section--known-path-v2 {
    aspect-ratio: 3 / 2;
    background-size: cover;
    background-position: center top;
  }
}

/* Terceira dobra — arte pronta: quando o sagrado permanece */
.sales-section--sagrado-image {
  position: relative;
  min-height: auto;
  aspect-ratio: 3 / 2;
  padding: 0;
  overflow: hidden;
  background:
    url("assets/images/venda-dobra-sagrado-permanece.jpeg") center top / contain no-repeat,
    #ead8bd;
}

.sales-section--sagrado-image::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  width: 41.5%;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(22,10,7,.12), transparent 38%, rgba(234,216,189,.18) 76%, rgba(234,216,189,.92) 100%),
    linear-gradient(0deg, rgba(92,46,46,.30), transparent 16%, transparent 86%, rgba(92,46,46,.20)),
    url("assets/images/venda-sagrado-foto-real.jpg") 52% center / cover no-repeat;
  filter: sepia(.18) saturate(.92) contrast(1.08) brightness(.86);
  -webkit-mask-image:
    linear-gradient(90deg, #000 0 72%, rgba(0,0,0,.62) 84%, transparent 100%),
    linear-gradient(0deg, rgba(0,0,0,.88) 0, #000 14%, #000 86%, rgba(0,0,0,.78) 95%, transparent 100%);
  mask-image:
    linear-gradient(90deg, #000 0 72%, rgba(0,0,0,.62) 84%, transparent 100%),
    linear-gradient(0deg, rgba(0,0,0,.88) 0, #000 14%, #000 86%, rgba(0,0,0,.78) 95%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}

.sales-section--sagrado-image::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  bottom: 0;
  width: 42.5%;
  pointer-events: none;
  background:
    url("data:image/svg+xml,%3Csvg width='720' height='1024' viewBox='0 0 720 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='dry'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.035 .055' numOctaves='4' seed='14'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='18'/%3E%3C/filter%3E%3Cg filter='url(%23dry)'%3E%3Cpath d='M610 0 C640 84 584 156 624 244 C664 332 600 430 636 520 C672 604 606 700 642 790 C670 862 630 944 668 1024 L720 1024 L720 0z' fill='%23ead8bd' fill-opacity='.70'/%3E%3Cpath d='M0 866 C94 842 176 892 290 862 C410 832 496 892 612 856 C660 842 696 846 720 834 L720 1024 L0 1024z' fill='%23ead8bd' fill-opacity='.40'/%3E%3Cpath d='M0 0 L720 0 L720 68 C590 34 484 72 354 42 C220 12 112 58 0 28z' fill='%23ead8bd' fill-opacity='.30'/%3E%3C/g%3E%3Cg fill='none' stroke='%235c2e2e' stroke-opacity='.22' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M52 56l20 20 20-20 20 20 20-20M82 30v78M46 68h94'/%3E%3Cpath d='M164 932h132m36 0h138M332 932l16-12 16 12-16 12zM390 932l16-12 16 12-16 12z'/%3E%3Cpath d='M482 88h102M512 112h50M522 134l16-12 16 12-16 12z'/%3E%3C/g%3E%3C/svg%3E") left top / 100% 100% no-repeat;
}

.sales-section--sagrado-image .sales-container {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

@media (max-width: 760px) {
  .sales-section--sagrado-image {
    aspect-ratio: 3 / 2;
    background-size: cover;
    background-position: center top;
  }
}

/* Terceira dobra — teste sem fotografia, como respiro em pergaminho */
.sales-section--sagrado-image {
  min-height: 100svh;
  aspect-ratio: auto;
  padding: clamp(78px, 7vw, 118px) clamp(24px, 5vw, 76px) clamp(96px, 8vw, 138px);
  background:
    radial-gradient(circle at 91% 10%, rgba(92,46,46,.30) 0 34px, rgba(92,46,46,.11) 35px 48px, transparent 49px),
    radial-gradient(circle at 14% 18%, rgba(92,46,46,.14), transparent 24%),
    linear-gradient(90deg, rgba(92,46,46,.10), transparent 18%, transparent 82%, rgba(92,46,46,.08)),
    #ead8bd;
}

.sales-section--sagrado-image::before {
  z-index: 0;
  inset: 0;
  width: auto;
  filter: none;
  -webkit-mask-image: none;
  mask-image: none;
  background:
    url("data:image/svg+xml,%3Csvg width='1500' height='900' viewBox='0 0 1500 900' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.014 .072' numOctaves='4' seed='73'/%3E%3CfeColorMatrix type='matrix' values='.55 0 0 0 0.34 0 .40 0 0 0.23 0 0 .27 0 0.11 0 0 0 .52 0'/%3E%3C/filter%3E%3Crect width='1500' height='900' filter='url(%23paper)' opacity='.54'/%3E%3Cg fill='none' stroke='%235c2e2e' stroke-opacity='.13' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M56 80l20 20 20-20 20 20 20-20M86 48v92M46 94h110'/%3E%3Cpath d='M1220 120h170M1260 146h92M1278 172l18-14 18 14 18-14 18 14'/%3E%3Cpath d='M1288 312l20-20 20 20-20 20zM1360 312l20-20 20 20-20 20z'/%3E%3Cpath d='M1188 642h210M1240 668h106M1258 694l18-14 18 14 18-14 18 14'/%3E%3Cpath d='M84 720h220M134 746h130M150 772l18-14 18 14 18-14 18 14'/%3E%3C/g%3E%3C/svg%3E") center / cover no-repeat;
  opacity: .92;
  mix-blend-mode: multiply;
}

.sales-section--sagrado-image::after {
  z-index: 0;
  left: 0;
  right: 0;
  top: auto;
  bottom: 0;
  width: auto;
  height: clamp(86px, 7vw, 122px);
  background:
    url("data:image/svg+xml,%3Csvg width='1800' height='142' viewBox='0 0 1800 142' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='brush'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.023 .13' numOctaves='4' seed='31'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='16'/%3E%3C/filter%3E%3Cg filter='url(%23brush)'%3E%3Cpath d='M0 56 C148 30 286 78 470 50 C670 18 812 78 1000 48 C1194 18 1340 72 1530 42 C1658 24 1748 46 1800 34 L1800 142 L0 142z' fill='%235c2e2e' fill-opacity='.90'/%3E%3Cpath d='M0 92 C170 66 334 112 552 80 C764 50 924 106 1148 74 C1362 46 1516 96 1800 66 L1800 142 L0 142z' fill='%23331717' fill-opacity='.32'/%3E%3C/g%3E%3Cg fill='none' stroke='%23ead8bd' stroke-opacity='.27' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 88h225m44 0h232m54 0h232m54 0h232m54 0h232m54 0h232'/%3E%3Cpath d='M270 88l15-12 15 12-15 12zM555 88l15-12 15 12-15 12zM840 88l15-12 15 12-15 12zM1125 88l15-12 15 12-15 12zM1410 88l15-12 15 12-15 12z'/%3E%3C/g%3E%3C/svg%3E") center bottom / 100% 100% no-repeat;
  opacity: .96;
}

.sales-section--sagrado-image .sales-container {
  position: relative;
  z-index: 1;
  width: min(1180px, 100%);
  height: auto;
  overflow: visible;
  clip: auto;
  clip-path: none;
  white-space: normal;
}

.sales-section--sagrado-image .sales-label {
  display: none;
}

.sales-section--sagrado-image h2 {
  max-width: 1000px;
  margin: 0 auto clamp(34px, 4vw, 58px);
  color: #2c211b;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(48px, 5vw, 82px);
  line-height: 1.03;
  letter-spacing: -.025em;
  text-align: center;
}

.sales-section--sagrado-image h2::first-line {
  color: #2c211b;
}

.sales-section--sagrado-image h2 {
  text-wrap: balance;
}

.sales-section--sagrado-image .sales-prose--columns {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(320px, 1fr);
  gap: clamp(42px, 5vw, 86px);
  max-width: 1040px;
  margin: 0 auto;
  color: #2c211b;
  font-size: clamp(16px, 1.05vw, 18px);
  line-height: 1.7;
}

.sales-section--sagrado-image .sales-prose--columns > div:nth-child(2) {
  padding-left: clamp(20px, 2.5vw, 44px);
  border-left: 1px solid rgba(92,46,46,.18);
}

.sales-section--sagrado-image .sales-prose p {
  margin-bottom: 16px;
}

.sales-section--sagrado-image .sales-prose p:nth-child(3),
.sales-section--sagrado-image .sales-prose--columns > div:nth-child(2) p:first-child {
  color: #8b3f28;
  font-weight: 700;
}

.sales-section--sagrado-image .sales-list {
  margin: 18px 0 24px;
}

.sales-section--sagrado-image .sales-list li {
  margin-bottom: 13px;
}

@media (max-width: 860px) {
  .sales-section--sagrado-image {
    padding: 62px 22px 108px;
  }

  .sales-section--sagrado-image h2 {
    font-size: clamp(40px, 10vw, 58px);
    text-align: left;
  }

  .sales-section--sagrado-image .sales-prose--columns {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .sales-section--sagrado-image .sales-prose--columns > div:nth-child(2) {
    padding-left: 0;
    border-left: 0;
  }
}

/* Terceira dobra — teste: manter a arte original e apagar apenas a foto */
.sales-section--sagrado-image {
  min-height: auto;
  aspect-ratio: 3 / 2;
  padding: 0;
  background:
    url("assets/images/venda-dobra-sagrado-permanece.jpeg") center top / contain no-repeat,
    #ead8bd;
}

.sales-section--sagrado-image .sales-container {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.sales-section--sagrado-image::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  bottom: 0;
  width: 45%;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 20%, rgba(92,46,46,.12), transparent 22%),
    linear-gradient(90deg, rgba(54,25,18,.12), transparent 16%, transparent 72%, rgba(234,216,189,.25) 92%, transparent 100%),
    url("data:image/svg+xml,%3Csvg width='700' height='1024' viewBox='0 0 700 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.018 .075' numOctaves='4' seed='86'/%3E%3CfeColorMatrix type='matrix' values='.62 0 0 0 0.38 0 .46 0 0 0.25 0 0 .30 0 0.12 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='700' height='1024' fill='%23ead8bd'/%3E%3Crect width='700' height='1024' filter='url(%23paper)' opacity='.48'/%3E%3Cg fill='none' stroke='%235c2e2e' stroke-opacity='.16' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M58 82l20 20 20-20 20 20 20-20M88 48v92M48 96h110'/%3E%3Cpath d='M108 856h170m42 0h156M320 856l16-12 16 12-16 12zM380 856l16-12 16 12-16 12z'/%3E%3Cpath d='M76 908l22-18 22 18 22-18 22 18 22-18 22 18'/%3E%3C/g%3E%3C/svg%3E") left top / 100% 100%;
  -webkit-mask-image: linear-gradient(90deg, #000 0 76%, rgba(0,0,0,.72) 86%, transparent 100%);
  mask-image: linear-gradient(90deg, #000 0 76%, rgba(0,0,0,.72) 86%, transparent 100%);
}

.sales-section--sagrado-image::after {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  bottom: 0;
  height: 20%;
  width: auto;
  pointer-events: none;
  background:
    linear-gradient(0deg, rgba(92,46,46,.16), transparent 72%);
}

@media (max-width: 760px) {
  .sales-section--sagrado-image {
    aspect-ratio: 3 / 2;
    background-size: cover;
  }

  .sales-section--sagrado-image::before {
    width: 43%;
  }
}

/* Terceira dobra — camada final forte para remover a foto da esquerda */
.sales-section--sagrado-image {
  position: relative;
  isolation: isolate;
  background:
    url("assets/images/venda-dobra-sagrado-permanece.jpeg") center top / contain no-repeat,
    #ead8bd !important;
}

.sales-section--sagrado-image::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 20 !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 42.8% !important;
  pointer-events: none !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-mask-image: linear-gradient(90deg, #000 0 77%, rgba(0,0,0,.86) 87%, transparent 100%) !important;
  mask-image: linear-gradient(90deg, #000 0 77%, rgba(0,0,0,.86) 87%, transparent 100%) !important;
  background:
    radial-gradient(circle at 12% 16%, rgba(92,46,46,.16), transparent 26%),
    linear-gradient(90deg, rgba(92,46,46,.10), transparent 26%, transparent 74%, rgba(234,216,189,.48) 94%, transparent 100%),
    url("data:image/svg+xml,%3Csvg width='700' height='1024' viewBox='0 0 700 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.018 .075' numOctaves='4' seed='86'/%3E%3CfeColorMatrix type='matrix' values='.62 0 0 0 0.38 0 .46 0 0 0.25 0 0 .30 0 0.12 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='700' height='1024' fill='%23ead8bd'/%3E%3Crect width='700' height='1024' filter='url(%23paper)' opacity='.55'/%3E%3Cg fill='none' stroke='%235c2e2e' stroke-opacity='.18' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M58 82l20 20 20-20 20 20 20-20M88 48v92M48 96h110'/%3E%3Cpath d='M108 856h170m42 0h156M320 856l16-12 16 12-16 12zM380 856l16-12 16 12-16 12z'/%3E%3Cpath d='M76 908l22-18 22 18 22-18 22 18 22-18 22 18'/%3E%3C/g%3E%3C/svg%3E") left top / 100% 100% !important;
}

.sales-section--sagrado-image::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 21 !important;
  left: 0 !important;
  right: 0 !important;
  top: auto !important;
  bottom: 0 !important;
  width: auto !important;
  height: 22% !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background: linear-gradient(0deg, rgba(92,46,46,.18), transparent 74%) !important;
}

/* Terceira dobra — arquivo final de teste sem foto na esquerda */
.sales-section--sagrado-image {
  background:
    url("assets/images/venda-dobra-sagrado-permanece.jpeg") center top / contain no-repeat,
    #ead8bd !important;
}

.sales-section--sagrado-image::before,
.sales-section--sagrado-image::after {
  display: none !important;
}

/* Quarta dobra — arte pronta: a caminhada acontece assim */
.sales-section--trail-image {
  position: relative;
  min-height: auto;
  aspect-ratio: 3 / 2;
  padding: 0;
  overflow: hidden;
  background:
    url("assets/images/venda-dobra-caminhada-assim.jpeg") center top / contain no-repeat,
    #ead8bd;
}

.sales-section--trail-image .sales-container {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

@media (max-width: 760px) {
  .sales-section--trail-image {
    aspect-ratio: 3 / 2;
    background-size: cover;
    background-position: center top;
  }
}

/* Quinta dobra — arte pronta: você não caminhará sozinho */
.sales-section--support-image {
  position: relative;
  min-height: auto;
  aspect-ratio: 3 / 2;
  padding: 0;
  overflow: hidden;
  background:
    url("assets/images/venda-dobra-acompanhamento-claro.jpeg") center top / contain no-repeat,
    #ead8bd;
}

.sales-section--support-image .sales-container {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  padding: 0;
}

.sales-section--support-image .sales-container > :not(.sales-button) {
  display: none !important;
}

.sales-section--support-image .sales-button {
  position: absolute;
  left: 7.5%;
  bottom: 8%;
  z-index: 3;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: min(23vw, 320px);
  min-height: 58px;
  padding: .9rem 1.35rem;
  border: 1px solid rgba(212, 175, 55, .46);
  border-radius: 14px;
  background: rgba(92, 46, 46, .94);
  color: #f2e5d9;
  box-shadow: 0 16px 34px rgba(48, 18, 13, .22);
  font-size: clamp(.78rem, 1.1vw, 1rem);
  line-height: 1.15;
  text-align: center;
  letter-spacing: .05em;
}

.sales-section--support-image .sales-button:focus-visible {
  opacity: 1;
  text-indent: 0;
  display: grid;
  place-items: center;
  background: rgba(92,46,46,.92);
  color: #f2e5d9;
  outline: 3px solid rgba(212,175,55,.65);
}

@media (max-width: 760px) {
  .sales-section--support-image {
    aspect-ratio: 3 / 2;
    background-size: cover;
    background-position: center top;
  }
}

/* Segunda dobra — pausa em vídeo antes da travessia */
.sales-section--intro-video {
  position: relative;
  overflow: hidden;
  min-height: auto;
  padding: clamp(88px, 9vw, 132px) 0;
  background:
    radial-gradient(circle at 12% 16%, rgba(212, 175, 55, .15), transparent 28%),
    radial-gradient(circle at 88% 82%, rgba(92, 46, 46, .16), transparent 30%),
    linear-gradient(115deg, rgba(236, 219, 198, .98), rgba(226, 204, 178, .96)),
    #f2e5d9;
  color: #2f1b18;
}

.sales-section--intro-video::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .72;
  background:
    linear-gradient(45deg, transparent 44%, rgba(92, 46, 46, .18) 46%, rgba(92, 46, 46, .18) 50%, transparent 52%) left 3.4% center / 54px 54px repeat-y,
    linear-gradient(-45deg, transparent 44%, rgba(92, 46, 46, .14) 46%, rgba(92, 46, 46, .14) 50%, transparent 52%) left 3.4% center / 54px 54px repeat-y,
    linear-gradient(-45deg, transparent 44%, rgba(92, 46, 46, .16) 46%, rgba(92, 46, 46, .16) 50%, transparent 52%) right 3.4% center / 54px 54px repeat-y,
    linear-gradient(45deg, transparent 44%, rgba(92, 46, 46, .12) 46%, rgba(92, 46, 46, .12) 50%, transparent 52%) right 3.4% center / 54px 54px repeat-y,
    linear-gradient(90deg, rgba(92, 46, 46, .16), transparent 19%, transparent 81%, rgba(92, 46, 46, .13)),
    repeating-linear-gradient(0deg, rgba(92, 46, 46, .04) 0 1px, transparent 1px 7px);
  mix-blend-mode: multiply;
}

.sales-section--intro-video::after {
  content: "◇  ◇  ◇";
  position: absolute;
  left: 50%;
  bottom: clamp(22px, 3vw, 44px);
  transform: translateX(-50%);
  color: rgba(92, 46, 46, .42);
  font-family: "Cinzel", Georgia, serif;
  font-size: 18px;
  letter-spacing: .6em;
}

.sales-section--intro-video .known-path-stage {
  display: none !important;
}

.intro-video {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.26fr) minmax(280px, .74fr);
  gap: clamp(30px, 5vw, 70px);
  align-items: center;
}

.intro-video::before {
  content: "◎";
  position: absolute;
  z-index: -1;
  top: -42px;
  right: clamp(12px, 5vw, 76px);
  color: rgba(92, 46, 46, .18);
  font-family: "Cinzel", Georgia, serif;
  font-size: clamp(64px, 8vw, 112px);
  line-height: 1;
}

.intro-video::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  bottom: -48px;
  width: min(520px, 64vw);
  height: 14px;
  transform: translateX(-50%);
  background:
    linear-gradient(90deg, transparent, rgba(92, 46, 46, .32), rgba(184, 154, 99, .38), rgba(92, 46, 46, .32), transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
  opacity: .58;
}

.intro-video__media {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(92, 46, 46, .34);
  border-radius: 5px 34px 5px 34px;
  background: #1f100d;
  box-shadow:
    0 28px 70px rgba(48, 18, 13, .22),
    0 0 0 8px rgba(242, 229, 217, .28);
}

.intro-video__media::before {
  content: "";
  display: block;
  aspect-ratio: 16 / 9;
}

.intro-video__media iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.intro-video__copy {
  max-width: 470px;
}

.intro-video__copy::before {
  content: "";
  display: block;
  width: 128px;
  height: 1px;
  margin-bottom: 28px;
  background: linear-gradient(90deg, transparent, rgba(92, 46, 46, .5), rgba(212, 175, 55, .55), transparent);
}

.intro-video__copy p {
  margin: 0;
  color: #2f1b18;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(38px, 5vw, 66px);
  font-weight: 600;
  line-height: .98;
  letter-spacing: -.02em;
}

.intro-video__copy h2 {
  max-width: none;
  margin: 8px 0 26px;
  color: #8f3f2c;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(34px, 4.4vw, 58px);
  font-style: italic;
  font-weight: 500;
  line-height: 1.02;
  letter-spacing: -.015em;
}

.intro-video__copy span {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #5c2e2e;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: clamp(15px, 1.25vw, 18px);
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.intro-video__copy span::before {
  content: "☉";
  color: #b37a45;
  font-size: 20px;
}

@media (max-width: 860px) {
  .sales-section--intro-video {
    padding: 76px 0 92px;
  }

  .intro-video {
    grid-template-columns: 1fr;
  }

  .intro-video__copy {
    max-width: 680px;
  }
}

/* Segunda dobra — arte final enxuta */
.sales-section--intro-statement-image {
  position: relative;
  min-height: auto;
  aspect-ratio: 3 / 2;
  padding: 0;
  overflow: hidden;
  background:
    url("assets/images/venda-dobra-espiritualidade-permanecer.jpeg") center top / contain no-repeat,
    #f2e5d9;
}

.sales-section--intro-statement-image::before,
.sales-section--intro-statement-image::after {
  display: none !important;
}

.sales-section--intro-statement-image .intro-video,
.sales-section--intro-statement-image .known-path-stage {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

@media (max-width: 760px) {
  .sales-section--intro-statement-image {
    aspect-ratio: 3 / 2;
    background-size: cover;
    background-position: center top;
  }
}

/* Dobra antiga substituída pela nova imagem enxuta */
.sales-section--sagrado-image {
  display: block !important;
  position: relative !important;
  min-height: auto !important;
  aspect-ratio: 3 / 2 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background:
    url("assets/images/venda-dobra-espiritualidade-permanecer.jpeg") center top / contain no-repeat,
    #f2e5d9 !important;
}

.sales-section--sagrado-image::before,
.sales-section--sagrado-image::after {
  display: none !important;
}

.sales-section--sagrado-image .sales-container {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

@media (max-width: 760px) {
.sales-section--sagrado-image {
    aspect-ratio: 3 / 2 !important;
    background-size: cover !important;
    background-position: center top !important;
  }
}

/* Depoimentos — fundo limpo aguardando vídeos do YouTube */
.sales-section--testimonials-image {
  position: relative !important;
  min-height: auto !important;
  aspect-ratio: 3 / 2 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background:
    url("assets/images/venda-dobra-depoimentos-fundo.jpeg") center top / contain no-repeat,
    #f2e5d9 !important;
}

.sales-section--testimonials-image::before,
.sales-section--testimonials-image::after {
  display: none !important;
}

.sales-section--testimonials-image > .sales-container {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  padding: 0 !important;
}

.sales-section--testimonials-image > .sales-container > :not(.testimonials-video-layer):not(.memory-strip) {
  display: none !important;
}

.testimonials-video-layer {
  position: absolute;
  inset: 0;
  display: block !important;
  pointer-events: none;
}

.testimonials-video-layer iframe {
  position: absolute;
  z-index: 3;
  left: 48.45%;
  width: 33.35%;
  height: 16.1%;
  box-sizing: border-box;
  border: 6px solid rgba(242, 229, 217, .92);
  border-radius: 2px;
  background: #f2e5d9;
  opacity: 1;
  pointer-events: auto;
  outline: 1px solid rgba(169, 130, 90, .55);
  box-shadow:
    0 0 0 1px rgba(252, 251, 248, .45),
    0 6px 14px rgba(92, 46, 46, .10);
}

.testimonials-video-layer iframe:nth-child(1) {
  top: 5.45%;
}

.testimonials-video-layer iframe:nth-child(2) {
  top: 22.95%;
}

.testimonials-video-layer iframe:nth-child(3) {
  top: 40.45%;
}

.testimonials-video-layer::before,
.testimonials-video-layer::after {
  display: none !important;
}

/* Depoimentos — faixa de memórias fotográficas sobre a arte-base */
.sales-section--testimonials-image .memory-strip {
  position: absolute !important;
  z-index: 2;
  left: 5.65%;
  right: 8.05%;
  top: 59.95%;
  height: 16.85%;
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: .78% !important;
  margin: 0 !important;
  pointer-events: none;
}

.sales-section--testimonials-image .memory-strip div {
  min-height: 0 !important;
  box-sizing: border-box !important;
  border: 5px solid rgba(242, 229, 217, .88) !important;
  background-size: cover !important;
  background-position: center !important;
  filter: sepia(.08) saturate(.98) contrast(.98) brightness(1);
  opacity: 1;
  outline: 1px solid rgba(169, 130, 90, .45);
  box-shadow:
    0 0 0 1px rgba(252, 251, 248, .35),
    0 4px 10px rgba(92, 46, 46, .08);
}

.sales-section--testimonials-image .memory-strip div:nth-child(1) {
  background-image: url("assets/images/depo-carrossel-01.jpg") !important;
}

.sales-section--testimonials-image .memory-strip div:nth-child(2) {
  background-image: url("assets/images/depo-carrossel-02.jpg") !important;
}

.sales-section--testimonials-image .memory-strip div:nth-child(3) {
  background-image: url("assets/images/depo-carrossel-03.jpg") !important;
}

.sales-section--testimonials-image .memory-strip div:nth-child(4) {
  background-image: url("assets/images/depo-carrossel-04.jpg") !important;
}

.sales-section--testimonials-image .memory-strip div:nth-child(5) {
  background-image: url("assets/images/depo-carrossel-05.jpg") !important;
}

.sales-section--testimonials-image .memory-strip div:nth-child(6) {
  background-image: url("assets/images/depo-carrossel-06.jpg") !important;
}

/* FAQ — arte-base com perguntas clicáveis por cima */
.sales-section--faq-image {
  position: relative !important;
  min-height: auto !important;
  aspect-ratio: 3 / 2 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background:
    url("assets/images/venda-dobra-faq-fundo.jpeg") center top / contain no-repeat,
    #f2e5d9 !important;
}

.sales-section--faq-image::before,
.sales-section--faq-image::after {
  display: none !important;
}

.sales-section--faq-image > .sales-container {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.sales-section--faq-image .sales-label,
.sales-section--faq-image h2,
.sales-section--faq-image .sales-faq-intro,
.sales-section--faq-image .sales-button {
  display: none !important;
}

.sales-section--faq-image .sales-faq {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  margin: 0 !important;
}

.sales-section--faq-image .sales-faq details {
  position: absolute !important;
  left: 18.2%;
  right: 18.2%;
  height: 7.4%;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible;
}

.sales-section--faq-image .sales-faq details:nth-child(1) { top: 39.6%; }
.sales-section--faq-image .sales-faq details:nth-child(2) { top: 48.7%; }
.sales-section--faq-image .sales-faq details:nth-child(3) { top: 57.8%; }
.sales-section--faq-image .sales-faq details:nth-child(4) { top: 66.9%; }
.sales-section--faq-image .sales-faq details:nth-child(5) { top: 76.0%; }
.sales-section--faq-image .sales-faq details:nth-child(6) { top: 85.1%; }

.sales-section--faq-image .sales-faq details:nth-child(n+7) {
  display: none !important;
}

.sales-section--faq-image .sales-faq summary {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  list-style: none;
}

.sales-section--faq-image .sales-faq summary::-webkit-details-marker {
  display: none;
}

.sales-section--faq-image .sales-faq summary::before {
  content: none !important;
}

.sales-section--faq-image .sales-faq summary::after {
  content: none !important;
}

.sales-section--faq-image .sales-faq details[open] summary::after {
  transform: rotate(180deg);
}

.sales-section--faq-image .sales-faq details p {
  position: absolute;
  z-index: 10;
  left: 7.2%;
  right: 7.2%;
  top: 82%;
  margin: 0 !important;
  padding: 14px 18px 16px !important;
  border: 1px solid rgba(92, 46, 46, .16);
  border-radius: 0 0 14px 14px;
  background: rgba(246, 238, 224, .96);
  color: #3c2a20;
  font-size: clamp(12px, 1.05vw, 17px) !important;
  line-height: 1.55 !important;
  box-shadow: 0 16px 34px rgba(92, 46, 46, .11);
}

@media (max-width: 760px) {
  .sales-section--testimonials-image {
    aspect-ratio: 3 / 2 !important;
    background-size: cover !important;
    background-position: center top !important;
  }
}

/* Epílogo da página de vendas — arte final completa */
.sales-epilogue {
  position: relative !important;
  min-height: auto !important;
  aspect-ratio: 3 / 2 !important;
  display: block !important;
  padding: 0 !important;
  overflow: hidden !important;
  background:
    url("assets/images/venda-dobra-final-escolha.jpeg") center top / contain no-repeat,
    #f2e5d9 !important;
}

.sales-epilogue::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 9.4%;
  right: 5.1%;
  width: 35.6%;
  height: 65.4%;
  pointer-events: none;
  background: url("assets/images/ayala-cajado-rio-real.jpg") 58% 45% / cover no-repeat;
  filter: sepia(.08) saturate(.9) contrast(.96) brightness(.95);
  -webkit-mask-image: radial-gradient(ellipse at 54% 48%, #000 52%, rgba(0, 0, 0, .82) 64%, rgba(0, 0, 0, .28) 76%, transparent 88%);
  mask-image: radial-gradient(ellipse at 54% 48%, #000 52%, rgba(0, 0, 0, .82) 64%, rgba(0, 0, 0, .28) 76%, transparent 88%);
}

.sales-epilogue__image,
.sales-epilogue__veil,
.sales-epilogue__content {
  display: none !important;
}

/* Dobra do vídeo — arte de fundo enviada pela Ayala em 09/07 */
.sales-section--intro-video {
  position: relative !important;
  min-height: auto !important;
  aspect-ratio: 3 / 2 !important;
  display: block !important;
  padding: 0 !important;
  overflow: hidden !important;
  background:
    url("assets/images/venda-dobra-video-fundo.jpeg") center top / contain no-repeat,
    #f2e5d9 !important;
}

.sales-section--intro-video::before,
.sales-section--intro-video::after {
  display: none !important;
}

.sales-section--intro-video > .sales-container,
.sales-section--intro-video .intro-video {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
}

.sales-section--intro-video .intro-video::before,
.sales-section--intro-video .intro-video::after,
.sales-section--intro-video .intro-video__copy {
  display: none !important;
}

.sales-section--intro-video .intro-video__media {
  position: absolute !important;
  left: 7.25% !important;
  top: 20.8% !important;
  width: 51.2% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  border: 7px solid rgba(242, 229, 217, .9) !important;
  border-radius: 4px !important;
  outline: 1px solid rgba(169, 130, 90, .54) !important;
  background: #1f100d !important;
  box-shadow:
    0 0 0 1px rgba(252, 251, 248, .36),
    0 18px 42px rgba(92, 46, 46, .16) !important;
}

.sales-section--intro-video .intro-video__media::before {
  display: none !important;
}

.sales-section--intro-video .intro-video__media iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}

@media (max-width: 760px) {
  .sales-section--intro-video {
    aspect-ratio: auto !important;
    min-height: 760px !important;
    background-size: cover !important;
    background-position: center top !important;
  }

  .sales-section--intro-video .intro-video__media {
    left: 7% !important;
    top: 18% !important;
    width: 86% !important;
    border-width: 5px !important;
  }
}

@media (max-width: 760px) {
  .sales-epilogue {
    aspect-ratio: 3 / 2 !important;
    background-size: cover !important;
    background-position: center top !important;
  }

  .sales-epilogue::before {
    top: 8%;
    right: 2%;
    width: 42%;
    height: 70%;
  }
}
