/* Subsolo da Consciência · página com identidade própria (manual V5, 11/10/2026)
   Linho 50% · Carvão 30% · Óxido 15% · Pedra 5%. Libre Baskerville nos títulos e perguntas, Manrope no texto.
   Recursos da marca: SOLO gigante em Óxido cortado pela borda, camadas materiais, perguntas grandes. */
.ss{--ox:#9E3B2D;--ox-2:#8A3226;--c:#242221;--l:#F5F1E9;--p:#C6BEB3;--serif-s:"Libre Baskerville",Georgia,serif;background:var(--l);color:var(--c)}
.ss h1,.ss h2,.ss h3,.ss .bq{font-family:var(--serif-s);font-weight:700;letter-spacing:-.01em;line-height:1.12}
.ss .q{font-family:var(--serif-s);font-weight:400}
.ss .eyebrow{font-family:var(--serif-s);font-size:.82rem;letter-spacing:.24em;text-transform:uppercase;font-weight:400}
.ss .wrap{max-width:1200px}

/* cabeçalho próprio */
.ss-top{position:relative;z-index:3;background:rgba(36,34,33,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--l);border-bottom:1px solid rgba(245,241,233,.08)}
.ss-top .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px}
.ss-top .logo img{height:44px;width:auto}
.ss-top nav{display:flex;align-items:center;gap:28px}
.ss-top nav a{text-decoration:none;font-weight:500;font-size:.95rem;color:var(--l)}
.ss-top nav a:hover{color:#E3A497}
.ss-btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:2px;background:var(--ox);color:var(--l);text-decoration:none;font-weight:600;border:1px solid var(--ox);transition:background .2s}
.ss-btn:hover{background:var(--ox-2)}
.ss-btn svg{width:18px;height:18px}
.ss-btn.line{background:transparent;border-color:currentColor;color:inherit}
.ss-btn.line:hover{background:rgba(245,241,233,.08)}
.ss-btn.light{background:var(--l);color:var(--c);border-color:var(--l)}
.ss-top .ss-btn{min-height:42px;padding:0 18px;font-size:.9rem}
@media (max-width:860px){.ss-top nav a:not(.ss-btn){display:none}.ss-top .logo img{height:36px}}

/* topo */
.ss-hero{position:relative;overflow:hidden;background:var(--c);color:var(--l);min-height:min(92vh,880px);display:flex;flex-direction:column}
.ss-hero .wrap{position:relative;z-index:2;padding-top:clamp(56px,9vw,120px);padding-bottom:calc(19vw + 56px);width:100%}
.ss-hero .end{width:min(260px,58vw);height:auto}
.ss-hero h1{margin-top:clamp(36px,5vw,56px);font-size:clamp(3rem,8.4vw,7.6rem);line-height:1.02;max-width:11ch}
.ss-hero .lead{margin-top:28px;max-width:46ch;font-size:clamp(1.1rem,1.6vw,1.35rem);color:#E8E1D6}
.ss-hero .ctas{margin-top:36px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.ss-hero .note{font-size:.88rem;color:var(--p)}
.solo-big{position:absolute;left:-2%;right:-2%;bottom:0;transform:translateY(36%);color:var(--ox);z-index:1;pointer-events:none}
.solo-big svg{display:block;width:104%;height:auto}
@media (max-width:700px){.ss-hero .wrap{padding-bottom:calc(19vw + 40px)}}

/* camadas: superfície / subsolo / consciência */
.layers-deep{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:center}
.strata{display:grid;border-radius:2px;overflow:hidden}
.stratum{padding:clamp(24px,3vw,36px) clamp(22px,3vw,36px);display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:baseline}
.stratum b{font-family:var(--serif-s);font-weight:700;font-size:1.25rem}
.stratum p{margin:0}
.stratum.s1{background:#FBF9F4;border:1px solid var(--p)}
.stratum.s2{background:var(--p)}
.stratum.s3{background:var(--ox);color:var(--l)}
.stratum.s4{background:var(--c);color:var(--l)}
@media (max-width:860px){.layers-deep{grid-template-columns:1fr}.stratum{grid-template-columns:1fr;gap:8px}}

/* para quem, em Óxido */
.ss-ox{background:var(--ox);color:var(--l)}
.ss-ox .muted{color:#F0D9D2}
.qs{list-style:none;margin:0;padding:0}
.qs li{font-family:var(--serif-s);font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.25;padding:24px 0;border-top:1px solid rgba(245,241,233,.35)}
.qs li:last-child{border-bottom:1px solid rgba(245,241,233,.35)}

/* formatos */
.ss-dark{background:var(--c);color:var(--l)}
.ss-dark .muted{color:var(--p)}
.fmts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
.fmt{position:relative;overflow:hidden;background:#2E2B29;border:1px solid rgba(245,241,233,.1);padding:clamp(28px,3.4vw,44px);display:flex;flex-direction:column;min-height:440px}
.fmt .prog{height:64px;width:auto;align-self:flex-start}
.fmt .tag{margin-top:30px;font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#E3A497}
.fmt h3{margin-top:14px;font-size:clamp(1.6rem,2.6vw,2.2rem)}
.fmt p{margin-top:16px;color:#D9D1C6}
.fmt .fmt-foot{margin-top:auto;padding-top:28px;position:relative;z-index:2}
.fmt .wave{position:absolute;left:0;right:0;bottom:0;height:90px;opacity:.95}
.fmt .wave img{width:100%;height:100%}
@media (max-width:760px){.fmts{grid-template-columns:1fr}.fmt{min-height:0}}

/* temas */
.tms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:2px solid var(--c)}
.tm{padding:30px clamp(16px,2vw,28px) 34px 0;border-bottom:1px solid var(--p)}
.tm:not(:nth-child(3n+1)){padding-left:clamp(16px,2vw,28px);border-left:1px solid var(--p)}
.tm b{display:block;font-family:var(--serif-s);font-weight:400;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ox)}
.tm p{margin-top:14px;font-family:var(--serif-s);font-size:clamp(1.2rem,1.8vw,1.5rem);line-height:1.35}
@media (max-width:860px){.tms{grid-template-columns:1fr}.tm,.tm:not(:nth-child(3n+1)){padding-left:0;border-left:0}}

/* abordagem */
.approach{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,24px);margin-top:clamp(40px,5vw,56px)}
.ap{background:#FBF9F4;border:1px solid var(--p);padding:28px}
.ap .n{font-family:var(--serif-s);color:var(--ox);font-size:1.6rem}
.ap h3{margin-top:10px;font-size:1.35rem}
.ap p{margin-top:10px;color:#5B5550}
@media (max-width:760px){.approach{grid-template-columns:1fr}}

/* quem conduz */
.ss-lead{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,80px);align-items:center}
.ss-lead figure{margin:0;position:relative}
.ss-lead img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:44% 18%;border-radius:2px}
.ss-lead figure::after{content:"";position:absolute;left:-14px;bottom:-14px;width:46%;height:46%;border-left:6px solid var(--ox);border-bottom:6px solid var(--ox);z-index:-1}
@media (max-width:860px){.ss-lead{grid-template-columns:1fr}.ss-lead figure{max-width:440px}}

/* tom */
.tone{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
.tone div{padding:clamp(28px,3.6vw,48px);border:1px solid var(--p)}
.tone .k{font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ox)}
.tone .bq{margin-top:18px;font-size:clamp(1.5rem,2.6vw,2.2rem);font-weight:400}
.tone div:last-child{background:var(--c);color:var(--l);border-color:var(--c)}
@media (max-width:760px){.tone{grid-template-columns:1fr}}

/* fecho com camadas */
.ss-end{position:relative;overflow:hidden;background:var(--c);color:var(--l);text-align:center;padding-top:clamp(80px,10vw,128px);padding-bottom:clamp(160px,18vw,240px)}
.ss-end h2{font-size:clamp(2.2rem,5vw,4.2rem);max-width:18ch;margin:0 auto}
.ss-end p{margin:24px auto 0;max-width:50ch;color:var(--p)}
.ss-end .ctas{margin-top:36px;display:flex;justify-content:center;flex-wrap:wrap;gap:14px}
.ss-end .camadas{position:absolute;left:0;right:0;bottom:0;height:clamp(110px,14vw,190px)}
.ss-end .camadas img{width:100%;height:100%}

/* rodapé próprio */
.ss-foot{background:#1C1A19;color:var(--l);padding-block:56px 32px}
.ss-foot .row{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap}
.ss-foot .logo img{height:92px;width:auto}
.ss-foot p{color:var(--p);margin-top:16px;max-width:38ch}
.ss-foot ul{list-style:none;margin:0;padding:0}
.ss-foot li+li{margin-top:10px}
.ss-foot a{color:var(--l);text-decoration:none}
.ss-foot a:hover{color:#E3A497}
.ss-foot .bottom{margin-top:48px;padding-top:22px;border-top:1px solid rgba(245,241,233,.12);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.85rem;color:var(--p)}
.ss :focus-visible{outline:2px solid #E3A497;outline-offset:3px}

/* faixa de retorno ao site principal (visível em todos os tamanhos) */
.ss-back{background:#1C1A19;color:var(--p);font-size:.85rem}
.ss-back .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:40px}
.ss-back a{color:var(--l);text-decoration:none;font-weight:500;display:inline-flex;gap:8px;align-items:center;padding:8px 0}
.ss-back a:hover{color:#E3A497}
@media (max-width:600px){.ss-back .hide-m{display:none}}

/* dentro do site principal: a barra do Subsolo funciona como menu local do produto */
.ss-lead .cut{background:radial-gradient(ellipse 70% 55% at 50% 38%,#F6F1E8 0%,#E2D9CC 62%,#D3C9BB 100%)}
.ss-lead figure{isolation:isolate}
/* agenda dos encontros */
.ss-agenda{background:var(--l)}
.enc-list{list-style:none;margin:0;padding:0;border-top:2px solid var(--c)}
.enc-list li{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:clamp(16px,3vw,40px);align-items:center;padding:26px 0;border-bottom:1px solid var(--p)}
.enc-when b{display:block;font-family:var(--serif-s);font-weight:700;font-size:1.6rem;line-height:1.1;color:var(--ox)}
.enc-when span{display:block;margin-top:6px;font-size:.85rem;color:#5B5550}
.enc-tema{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ox)}
.enc-list h3{margin-top:8px;font-size:clamp(1.25rem,2vw,1.6rem);font-weight:400}
.enc-empty{border-top:2px solid var(--c);padding:30px 0 6px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.enc-empty p{margin:0;font-family:var(--serif-s);font-size:clamp(1.2rem,2vw,1.5rem)}
.enc-list:empty{display:none}
.enc-past{margin-top:56px}
.enc-past-title{font-size:1.5rem;margin-bottom:18px}
.enc-list.past{border-top-width:1px}
.enc-list.past .enc-when b{color:var(--c)}
.enc-list .ss-btn.line{color:var(--c)}
[hidden]{display:none!important}
@media (max-width:700px){.enc-list li{grid-template-columns:1fr;gap:10px}.enc-list li .ss-btn{justify-self:start}}
.enc-empty p{max-width:52ch}
.enc-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:36px;background:#FBF9F4;border:1px solid var(--p)}
.enc-how div{padding:24px clamp(16px,2vw,28px)}
.enc-how div+div{border-left:1px solid var(--p)}
.enc-how b{display:block;font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ox)}
.enc-how p{margin-top:10px}
.enc-cta{margin-top:28px}
@media (max-width:760px){.enc-how{grid-template-columns:1fr}.enc-how div+div{border-left:0;border-top:1px solid var(--p)}}

/* ---------- artigos do blog ligados aos encontros ---------- */
.tx-all{margin-top:32px}
.tx-home .ss-btn.line{color:var(--c)}
.ss .bl-list a{border-top-color:var(--ox)}
.ss .bl-list h3{font-family:var(--serif-s)}