/* Layout: página dividida ao meio como a própria marca — lado crachá (azul) e lado Pachamama (pêssego) — que se encontram numa "ponte" e descem até a aplicação */
:root{
  --azul:#0F4F7D; --azul-esc:#0A3A5D; --laranja:#F2864E; --pessego:#FBC37D; --creme:#F8F6EC; --branco:#FFFFFF;
  --bg:#F8F6EC; --fg:#0F4F7D; --muted:#4F6F88; --campo:#FFFFFF; --linha:#DCD5BF; --suave:#F1EBD8;
  --faixa:#0F4F7D; --faixa-fg:#F8F6EC; --quente:#FBC37D; --quente-fg:#0A3A5D;
  --display:'Playfair Display',Georgia,'Times New Roman',serif;
  --body:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0B2A42; --fg:#F1ECDC; --muted:#A9BCCB; --campo:#103753; --linha:#2B5575; --suave:#0F3350;
  --faixa:#0A3A5D; --faixa-fg:#F8F6EC; --quente:#3A2E22; --quente-fg:#FBD9AE; color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0B2A42; --fg:#F1ECDC; --muted:#A9BCCB; --campo:#103753; --linha:#2B5575; --suave:#0F3350;
  --faixa:#0A3A5D; --faixa-fg:#F8F6EC; --quente:#3A2E22; --quente-fg:#FBD9AE; color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--bg);color:var(--fg);font:400 18px/1.6 var(--body)}
.wrap{max-width:1080px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.estreito{max-width:700px}
section{padding-block:84px}
h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0}
h2{font-size:clamp(32px,4.6vw,48px);line-height:1.1;font-weight:700}
h2 em,h1 em{font-style:italic;font-weight:600;color:var(--laranja)}
.olho{font:700 13px var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--laranja);margin:0 0 16px}
p{margin:0}
.btn{display:inline-block;font:700 17px var(--body);background:var(--laranja);color:#fff;text-decoration:none;border-radius:40px;padding:17px 30px;border:0;cursor:pointer}
.btn:hover{filter:brightness(.95)}
.btn:focus-visible,a:focus-visible{outline:3px solid var(--fg);outline-offset:3px}

/* topo */
.topo{display:flex;justify-content:space-between;align-items:center;padding-block:20px}
.logo{font:700 14px var(--body);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--fg)}
.topo a.mini{font:600 15px var(--body);color:var(--fg)}

/* hero */
.hero{padding-block:28px 72px}
.hero h1{font-size:clamp(40px,7vw,80px);line-height:1.02;font-weight:800;max-width:14ch}
.hero .lead{font-size:clamp(18px,2vw,21px);max-width:44ch;margin:24px 0 32px;color:var(--muted)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:48px}
.duo figure{margin:0;position:relative;border-radius:14px;overflow:hidden;aspect-ratio:4/5;max-width:100%}
.duo img{width:100%;height:100%;object-fit:cover;display:block}
.duo figcaption{position:absolute;left:14px;bottom:14px;font:700 14px var(--body);letter-spacing:.06em;padding:8px 14px;border-radius:30px}
.duo .a figcaption{background:var(--azul);color:var(--creme)}
.duo .b figcaption{background:var(--pessego);color:var(--azul-esc)}
.duo .b img{object-position:center 30%}
.duo .a img{object-position:center 12%}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end}
.hero-grid .duo{margin-top:0}

/* espelho */
.espelho{background:var(--faixa);color:var(--faixa-fg)}
.espelho h2 em{color:var(--pessego)}
.dores{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px}
.dores li{padding:18px 0;border-top:1px solid rgba(248,246,236,.22);font-size:19px}
.dores li::before{content:"✦";color:var(--pessego);margin-right:12px}
.espelho .fecho{margin-top:40px;font:500 italic 24px/1.4 var(--display);color:var(--pessego);max-width:34ch}

/* sobre */
.sobre-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}
.sobre-grid img{width:100%;border-radius:200px 200px 14px 14px;display:block;aspect-ratio:3/4;object-fit:cover;object-position:center 20%}
.sobre-grid p+p{margin-top:16px}
.numeros{display:flex;flex-wrap:wrap;gap:28px 40px;margin-top:32px;padding-top:24px;border-top:1px solid var(--linha)}
.numeros b{display:block;font:800 40px/1 var(--display);color:var(--laranja);font-variant-numeric:tabular-nums}
.numeros span{font-size:15px;color:var(--muted)}

/* método */
.metodo{background:var(--suave)}
.colunas{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px}
.modo{border-radius:16px;padding:34px 30px;display:flex;flex-direction:column;gap:14px;min-width:0}
.modo.cracha{background:var(--faixa);color:var(--faixa-fg)}
.modo.pacha{background:var(--quente);color:var(--quente-fg)}
.modo h3{font-size:28px}
.modo ul{margin:6px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.ponte{margin-top:20px;border:2px solid var(--laranja);border-radius:16px;padding:34px 30px;display:grid;grid-template-columns:1fr 280px;gap:32px;align-items:center;background:var(--bg)}
.ponte h3{font-size:30px;margin-bottom:12px}
.ponte img{width:100%;border-radius:12px;display:block;aspect-ratio:4/5;object-fit:cover}
.exemplo{margin-top:18px;padding:18px 20px;background:var(--suave);border-radius:10px;font-size:16px}
.exemplo table{width:100%;border-collapse:collapse;margin-top:10px;font-size:15px}
.exemplo td{padding:7px 0;border-top:1px solid var(--linha);vertical-align:top}
.exemplo td:first-child{font-weight:700;width:42%;padding-right:12px}

/* jornada */
.etapas{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:e}
.etapas li{counter-increment:e;padding:24px 20px;border-top:4px solid var(--laranja);background:var(--campo);border-radius:0 0 12px 12px;min-width:0}
.etapas li::before{content:counter(e);font:800 36px/1 var(--display);color:var(--laranja);display:block;margin-bottom:12px}
.etapas h3{font-size:21px;margin-bottom:8px}
.etapas p{font-size:16px;color:var(--muted)}
.formato{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.formato span{background:var(--campo);border:1px solid var(--linha);border-radius:30px;padding:9px 16px;font-size:15px}
.reiki{margin-top:24px;font-size:17px;color:var(--muted);max-width:60ch}

/* para quem */
.paraquem{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.paraquem div{padding:30px;border-radius:16px;border:1.5px solid var(--linha)}
.paraquem h3{font-size:23px;margin-bottom:14px}
.paraquem ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.paraquem .sim{background:var(--campo)}

/* passos + aplicação */
.aplicar{background:var(--faixa);color:var(--faixa-fg)}
.aplicar h2 em{color:var(--pessego)}
.passos{list-style:none;padding:0;margin:32px 0 0;display:flex;flex-direction:column;gap:14px;counter-reset:p}
.passos li{counter-increment:p;display:flex;gap:16px;align-items:baseline}
.passos li::before{content:counter(p);font:800 24px var(--display);color:var(--pessego);flex:none;width:26px}
.cartao{background:var(--bg);color:var(--fg);border-radius:18px;padding:36px 32px;margin-top:44px}
form{display:flex;flex-direction:column;gap:28px}
fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;min-width:0}
legend,label.q{font:600 21px/1.3 var(--display);margin-bottom:6px;padding:0;text-wrap:balance}
.dica{font-size:14px;color:var(--muted)}
input[type=text],textarea{width:100%;font:inherit;font-size:17px;color:var(--fg);background:var(--campo);border:1.5px solid var(--linha);border-radius:10px;padding:13px 14px}
textarea{min-height:96px;resize:vertical}
input:focus-visible,textarea:focus-visible{outline:none;border-color:var(--laranja);box-shadow:0 0 0 3px color-mix(in srgb,var(--laranja) 30%,transparent)}
.opc{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1.5px solid var(--linha);border-radius:10px;background:var(--campo);cursor:pointer;font-size:17px}
.opc input{accent-color:var(--laranja);margin-top:5px;flex:none}
.opc:has(input:checked){border-color:var(--laranja)}
.opc:has(input:focus-visible){box-shadow:0 0 0 3px color-mix(in srgb,var(--laranja) 30%,transparent)}
.horas{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.horas input{text-align:center}
.erro{color:#C2410C;font-size:15px;min-height:1em}
.pronto{display:flex;flex-direction:column;gap:16px}
.pronto h3{font-size:30px}
.btn-wa{display:inline-block;text-align:center;text-decoration:none;font:700 18px var(--body);background:#1F8F55;color:#fff;border-radius:40px;padding:17px 26px}
.previa{white-space:pre-wrap;background:var(--campo);border:1.5px dashed var(--linha);border-radius:10px;padding:14px;font-size:14px;color:var(--muted)}
.link{background:none;color:var(--fg);text-decoration:underline;padding:0;font:500 15px var(--body);border:0;cursor:pointer;align-self:flex-start}

/* faq */
details{border-top:1px solid var(--linha);padding:20px 0}
details:last-child{border-bottom:1px solid var(--linha)}
summary{font:600 21px/1.35 var(--display);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--laranja);font:400 28px/1 var(--body)}
details[open] summary::after{content:"–"}
details p{margin-top:12px;color:var(--muted)}

.final{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.final img{width:100%;border-radius:14px;display:block;aspect-ratio:4/5;object-fit:cover}
footer{padding-block:28px 48px;border-top:1px solid var(--linha);font-size:15px;color:var(--muted);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
footer a{color:var(--fg)}

@media (max-width:820px){
  section{padding-block:60px}
  .hero-grid,.sobre-grid,.final{grid-template-columns:1fr;gap:32px}
  .sobre-grid img{max-width:320px}
  .colunas,.paraquem{grid-template-columns:1fr}
  .ponte{grid-template-columns:1fr}
  .ponte img{max-width:320px}
  .etapas{grid-template-columns:1fr 1fr}
  .dores{grid-template-columns:1fr}
}
@media (max-width:480px){
  .etapas{grid-template-columns:1fr}
  .horas{grid-template-columns:1fr}
  .cartao{padding:28px 20px}
  .duo{gap:10px}
  .duo figcaption{left:8px;bottom:8px;font-size:12px;padding:6px 10px}
}

.depo{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;margin-top:40px;align-items:start}
.depo figure{margin:0;background:var(--campo);border:1px solid var(--linha);border-radius:16px;padding:28px 26px;display:flex;flex-direction:column;gap:16px;min-width:0}
.depo .estrelas{color:var(--laranja);letter-spacing:.12em;font-size:16px}
.depo blockquote{margin:0;font:500 italic 19px/1.5 var(--display)}
.depo figcaption{font-size:15px;color:var(--muted)}
.depo figcaption b{color:var(--fg)}
.mudanca{background:var(--suave)}
.de-para{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-top:36px}
.de-para div{background:var(--campo);border:1px solid var(--linha);border-radius:12px;padding:18px 20px;font-size:17px;min-width:0}
.de-para div:nth-child(even){border-color:var(--laranja)}
.de-para span{display:block;font:700 12px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.de-para div:nth-child(even) span{color:var(--laranja)}
@media (max-width:820px){.depo{grid-template-columns:1fr}}
@media (max-width:560px){.de-para{grid-template-columns:1fr}.de-para div:nth-child(even){margin-bottom:12px}}

/* ---- v3 ---- */
[hidden]{display:none!important}
img{max-width:100%}
.ponte img{max-height:440px;width:100%;object-fit:cover;aspect-ratio:auto}
.marca-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.marca-logo .sim{height:60px;width:auto}
.marca-logo .wm{height:46px;width:auto}
.topo nav{display:flex;flex-wrap:wrap;gap:6px 20px}
.topo nav a{font:500 15px var(--body);color:var(--fg);text-decoration:none}
.topo nav a:hover{text-decoration:underline}
.hero-casa{padding-block:20px 80px}
.hero-casa .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero-casa h1{font-size:clamp(38px,5.6vw,64px);line-height:1.05;font-weight:800}
.tag-hero{font:600 italic clamp(21px,2.4vw,27px)/1.35 var(--display);color:var(--laranja);margin-top:20px}
.hero-casa .lead,.hero .lead{font-size:clamp(18px,2vw,21px);color:var(--muted);margin:24px 0 32px;max-width:46ch}
.acoes{display:flex;flex-wrap:wrap;gap:12px}
.btn.claro{background:transparent;color:inherit;border:2px solid currentColor}
.foto-arco{border-radius:240px 240px 18px 18px;overflow:hidden;aspect-ratio:3/4;max-width:100%}
.foto-arco img{width:100%;height:100%;object-fit:cover;display:block}
.historia{background:var(--suave)}
.historia .grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.historia img{width:100%;border-radius:16px;display:block;aspect-ratio:4/5;object-fit:cover;object-position:center 20%;position:sticky;top:24px}
.historia h2{margin-bottom:26px}
.historia p+p{margin-top:16px}
.historia .destaque{font:600 italic 23px/1.45 var(--display);color:var(--laranja);margin:26px 0;padding-left:20px;border-left:3px solid var(--laranja)}
.manifesto{background:var(--faixa);color:var(--faixa-fg)}
.manifesto .wrap{max-width:780px}
.manifesto p{font:400 21px/1.65 var(--body);opacity:.95}
.manifesto p+p{margin-top:20px}
.manifesto .grande{font:600 italic clamp(26px,3.4vw,34px)/1.35 var(--display);color:var(--pessego);opacity:1}
.manifesto .assin{display:flex;align-items:center;gap:14px;margin-top:36px}
.manifesto .assin img{height:64px;width:auto}
.frentes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.f-sessoes{background:var(--faixa);color:var(--faixa-fg)}.f-sessoes .para{color:var(--pessego)}
.frente{border-radius:18px;padding:34px 30px;display:flex;flex-direction:column;gap:14px;min-width:0}
.frente h3{font-size:30px}
.frente .para{font:700 13px var(--body);letter-spacing:.14em;text-transform:uppercase}
.frente .btn{align-self:flex-start;margin-top:auto}
.f-pessoas{background:var(--quente);color:var(--quente-fg)}
.f-empresas{background:var(--verde,#2F6B57);color:#F3F1E6}
.f-empresas .para{color:var(--pessego)}
.depo1{max-width:760px;margin-top:30px}
.depo1 blockquote{margin:0;font:500 italic clamp(22px,2.8vw,28px)/1.45 var(--display)}
.depo1 p{margin-top:14px;color:var(--muted);font-size:15px}
.comeca .lista{list-style:none;padding:0;margin:28px 0;display:grid;gap:10px}
.comeca .lista li{font:500 20px/1.45 var(--body);padding:14px 18px;background:var(--campo);border-left:3px solid var(--laranja);border-radius:0 10px 10px 0}
.comeca .ferr{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.comeca .ferr span{background:var(--quente);color:var(--quente-fg);border-radius:30px;padding:9px 16px;font:600 15px var(--body)}
.comeca .fecho{font:600 italic clamp(24px,3vw,30px)/1.4 var(--display);color:var(--laranja);margin-top:30px}
.pilares{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.pilar{border-radius:16px;padding:30px 26px;display:flex;flex-direction:column;gap:12px;min-width:0}
.pilar .num{font:800 34px/1 var(--display)}
.pilar h3{font-size:25px}
.pilar ul{margin:4px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:16px}
.p1{background:var(--faixa);color:var(--faixa-fg)} .p1 .num{color:var(--pessego)}
.p2{background:var(--quente);color:var(--quente-fg)} .p2 .num{color:var(--laranja)}
.p3{background:var(--campo);border:2px solid var(--laranja)} .p3 .num{color:var(--laranja)}
.quem{display:grid;grid-template-columns:220px 1fr;gap:36px;align-items:center}
.quem img{width:100%;border-radius:50%;aspect-ratio:1;object-fit:cover;object-position:center 25%}
.rodape{background:var(--faixa);color:var(--faixa-fg);padding-block:48px;display:block;border:0}
.rodape .wrap{width:100%}
.rodape .wrap>div{min-width:0}
.rodape .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}
.rodape .logo-rod{display:flex;align-items:center;gap:16px}
.rodape .logo-rod .sim{height:72px;width:auto}.rodape .logo-rod .wm{height:56px;width:auto}
.rodape a{color:var(--faixa-fg)}
.rodape small{display:block;margin-top:10px;opacity:.75;font-size:14px}
@media (max-width:820px){
  .hero-casa .grid,.historia .grid{grid-template-columns:1fr;gap:32px}
  .foto-arco{max-width:360px}
  .historia img{max-width:340px;position:static}
  .frentes,.pilares{grid-template-columns:1fr}
  .quem{grid-template-columns:1fr}.quem img{max-width:180px}
  .topo nav{display:none}
}