@charset "UTF-8";
/* ===== Ajustes mobile, versão C validada (25/09) ===== */
@media (max-width:767px){
  /* Base comum às três versões */
  [data-btt]{display:none !important}
  .sec-kicker{font-size:12px !important}
  :is(section,footer) p:not([data-testi-quote]){font-weight:400 !important}
  .diff-item p,.sentir-item p,.cx-hi p{font-size:16px !important}
  html.cta-off .mobile-ctabar{opacity:0 !important;pointer-events:none !important;transform:translateY(110%) !important}

  /* Contato: agendar e WhatsApp como botões de largura total */
  #contato [data-reveal]:first-child > a{display:flex !important;width:100% !important;justify-content:center;box-sizing:border-box}
  #contato [data-reveal]:nth-child(2) > div{display:flex !important;flex-direction:column !important;gap:10px !important;margin-top:18px !important}
  #contato [data-reveal]:nth-child(2) > div > a{display:flex !important;align-items:center;justify-content:center;width:100% !important;min-height:52px;box-sizing:border-box;border:1px solid currentColor !important;border-radius:999px !important;padding:0 20px !important;text-decoration:none !important;margin:0 !important}
  #contato [data-reveal]:nth-child(2) > div > a:last-child{order:-1}

  /* Listas enxutas, sem card: Diferenciais, O que você pode sentir e destaques da Certificação. Rodapé só com marca, contato e aviso legal */
  html.mob-c.mob-c.mob-c :is(.diff-grid,.sentir-grid,.cx-b-high){gap:0 !important}
  html.mob-c.mob-c.mob-c :is(.diff-item,.sentir-item,.cx-hi){display:grid !important;grid-template-columns:40px 1fr !important;column-gap:14px !important;row-gap:6px !important;align-items:start !important;background:transparent !important;border:0 !important;border-top:1px solid var(--line) !important;border-radius:0 !important;padding:22px 0 !important;box-shadow:none !important}
  html.mob-c.mob-c.mob-c .cx-hi{border-top-color:rgba(247,242,237,.18) !important}
  html.mob-c.mob-c.mob-c :is(.diff-item,.sentir-item,.cx-hi):last-child{border-bottom:1px solid var(--line) !important}
  html.mob-c.mob-c.mob-c .cx-hi:last-child{border-bottom-color:rgba(247,242,237,.18) !important}
  html.mob-c.mob-c.mob-c :is(.diff-ico,.sentir-ico,.cx-ico){grid-row:1 / span 2;width:40px !important;height:40px !important;margin:0 !important}
  html.mob-c.mob-c.mob-c :is(.diff-ico,.sentir-ico,.cx-ico) svg{width:20px !important;height:20px !important}
  html.mob-c.mob-c.mob-c :is(.diff-item,.sentir-item,.cx-hi) > :not(span:first-child){grid-column:2}
  html.mob-c.mob-c.mob-c .sentir-item h3{border-top:0 !important;padding-top:0 !important}
  html.mob-c.mob-c.mob-c .cx-b-high{margin-top:32px !important}
  html.mob-c.mob-c.mob-c footer > div:nth-child(2) > div:nth-child(2),html.mob-c.mob-c.mob-c footer > div:nth-child(2) > div:nth-child(3){display:none !important}
  html.mob-c.mob-c.mob-c footer > div:nth-child(2) > div:nth-child(4){display:flex !important;flex-flow:row wrap;justify-content:center;column-gap:28px}
  html.mob-c.mob-c.mob-c footer > div:nth-child(2) > div:nth-child(4) h2{flex-basis:100%;text-align:center}
  html.mob-c.mob-c.mob-c footer > div:nth-child(2){gap:28px !important}
}

/* Depoimentos: texto só no card em destaque; fotos ao lado indicam que são clicáveis */
[data-testi-card]:not(.is-large) [data-testi-body]{opacity:0 !important;pointer-events:none !important}
[data-testi-card]:not(.is-large){cursor:pointer}

/* Faixa da certificação: linha fina debaixo de "Certificação", no mesmo padrão dos rótulos das seções */
.cx-strip .cx-strip-tag{display:inline-flex !important;flex-direction:column !important;align-items:flex-start !important;gap:8px !important}
.cx-strip .cx-strip-tag::after{content:"";display:block;width:28px;height:1px;background:currentColor;opacity:.55}
@media (max-width:767px){.cx-strip .cx-strip-tag{align-items:center !important}}

/* As práticas: botão maior, logo abaixo do texto */
.prat-cta-side{display:none}
.prat-cta-side .cx-btn,.prat-cta-main .cx-btn{min-height:60px !important;padding:0 44px !important;font-size:13.5px !important;letter-spacing:.14em}
@media (min-width:840px){
  .prat-cta-side{display:flex;margin-top:clamp(28px,3vw,40px)}
  .prat-cta-main{display:none !important}
}
@media (max-width:839px){
  .prat-cta-main{justify-content:stretch !important}
  .prat-cta-main .cx-btn{width:100%}
}
/* Perguntas: pergunta centralizada no card, + continua à direita */
#perguntas summary{display:grid !important;grid-template-columns:36px minmax(0,1fr) 36px !important;align-items:center !important;column-gap:14px !important;text-align:center !important;text-wrap:balance}
#perguntas summary::before{content:"";width:36px;height:1px}
#perguntas summary > span{justify-self:end}
#perguntas details > p{text-align:center;margin-left:auto !important;margin-right:auto !important;max-width:56ch !important}
@media (max-width:767px){
  #perguntas summary{grid-template-columns:32px minmax(0,1fr) 32px !important;column-gap:8px !important}
  #perguntas summary::before{width:32px}
  #perguntas summary > span{width:32px !important;height:32px !important}
}
/* Crédito de desenvolvimento: discreto, na mesma cor do aviso de marca */
.dev-credit{color:rgba(247,242,237,.6)}
.dev-credit a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(247,242,237,.3)}
/* Área de toque de 48px de altura, sem mudar a aparência */
.dev-credit a{position:relative}
.dev-credit a::after{content:"";position:absolute;left:0;right:0;top:50%;height:48px;transform:translateY(-50%)}
/* Rodapé no computador: colunas alinhadas à esquerda, título e links na mesma linha de início */
@media (min-width:768px){
  .fv-b footer > div:nth-child(2){grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr)) !important;justify-items:stretch !important;text-align:left !important}
  .fv-b footer > div:nth-child(2) > div{align-items:flex-start !important}
  .fv-b footer > div:nth-child(2) > div > h2{text-align:left !important}
  .fv-b footer > div:last-child{justify-content:flex-start !important;text-align:left !important;column-gap:28px !important}
  .fv-b footer > div:last-child > span:nth-child(2){margin-left:auto}
}

footer .cred-b{flex-basis:100%;text-align:right;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(247,242,237,.5) !important;margin-top:6px}
footer .cred-c{flex-basis:100%;text-align:center;margin-top:14px;padding-top:18px;border-top:1px solid rgba(247,242,237,.1);font-family:'Cormorant Garamond',serif;font-style:italic;font-size:16px;color:rgba(247,242,237,.66) !important}
@media (max-width:767px){footer .cred-b{text-align:center}}

/* Faixa de baixo do rodapé seguindo a mesma grade das colunas de cima */
@media (min-width:768px){
  .fv-b footer > div:last-child{display:grid !important;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr)) !important;column-gap:clamp(28px,4vw,56px) !important;row-gap:10px !important;align-items:start;padding-bottom:8px !important}
  .fv-b footer > div:last-child > span:nth-child(1){grid-column:1;line-height:1.6}
  .fv-b footer .dev-credit{white-space:nowrap}
  .fv-b footer > div:last-child > span:nth-child(2){grid-column:2 / -1;margin-left:0 !important;max-width:none !important;line-height:1.6}
}

/* Práticas: ícone ao lado do nome */
.prat-btn{display:grid !important;grid-template-columns:52px minmax(0,1fr);column-gap:18px;row-gap:8px;align-items:center}
.prat-btn > .prat-ico{grid-row:1 / span 2}
.prat-ico{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:1px solid var(--line);color:var(--accent-ink);transition:border-color .3s ease,color .3s ease}
.prat-ico svg{width:30px;height:30px}
.prat-item.is-active .prat-ico{border-color:var(--accent-ink)}
@media (max-width:839px){.prat-cap{display:grid !important;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:6px;align-items:center}
.prat-cap > .prat-ico{grid-row:1 / span 2;width:44px;height:44px}
.prat-cap > .prat-ico svg{width:26px;height:26px}
.prat-cap > .prat-tag,.prat-cap > .prat-h3{grid-column:2}
.prat-cap > p{grid-column:1 / -1;margin-top:8px}}
/* Para quem é: ícone acima do título */
[data-section="para-quem"] .quem-item > .quem-ico{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:1px solid rgba(46,35,32,.32);color:#2E2320;margin:0 0 8px;grid-column:1 / -1;justify-self:start}
[data-section="para-quem"] .quem-item > .quem-ico svg{width:30px;height:30px}
html[data-theme="dark"] [data-section="para-quem"] .quem-item > .quem-ico{border-color:var(--md-sys-color-outline);color:var(--md-sys-color-primary)}
@media (max-width:767px){
  [data-section="para-quem"] .quem-item > .quem-ico{width:44px;height:44px;margin-bottom:6px}
  [data-section="para-quem"] .quem-item > .quem-ico svg{width:26px;height:26px}
}
/* Certificação no celular e tablet: foto com os cantos grandes nos mesmos lados do painel, em raio concêntrico */
@media (max-width:900px){
  .cx-b-photo{--cx-in:calc(var(--malbart-shape-spiral) - clamp(24px,4vw,56px));border-radius:var(--cx-in) var(--md-sys-shape-corner-extra-small) !important}
  .cx-b-photo figcaption{border-radius:12px 12px calc(var(--cx-in) - var(--cxi)) 2px !important;padding:18px 28px 20px 22px !important}
  /* moldura uniforme: a foto fica à mesma distância do topo e das laterais do painel */
  html .cx-panel{padding-top:clamp(24px,4vw,56px) !important}
}
@media (prefers-reduced-motion: reduce){.prat-ico{transition:none}}

/* Contato: botão em pílula (o link agora vai para o WhatsApp) */
#contato a[style*="border-radius: 999px"]{text-decoration:none}
/* Rodapé: "Movimento, respiração, presença." sempre em uma linha */
html.fv-b footer > div:first-child h2[aria-label]{white-space:nowrap;text-align:center;font-size:min(5.5rem,calc(min(100vw - 2 * clamp(20px,4vw,56px), 1180px) / 14.6)) !important}
/* Celular e tablet: selo e título primeiro, foto no meio, texto depois */
@media (max-width:900px){
  /* O estúdio e Quem te atende */
  [data-capstack-stage]{display:flex !important;flex-direction:column;align-items:stretch !important;gap:clamp(14px,1.6vw,22px) !important}
  [data-capstack-stage] > div{display:contents !important}
  [data-capstack-stage] > div > :nth-child(-n+2){order:1}
  [data-capstack-stage] > figure{order:2;margin:8px 0 !important}
  [data-capstack-stage] > div > :nth-child(n+3){order:3}
  /* Para quem é */
  .qv-c [data-section="para-quem"] > div{display:flex;flex-direction:column;gap:20px}
  .qv-c [data-section="para-quem"] > div > [data-reveal]:first-of-type{display:contents !important}
  .qv-c [data-section="para-quem"] > div > [data-reveal]:first-of-type > :nth-child(-n+2){order:1}
  .qv-c [data-section="para-quem"] .quem-photo{order:2;margin:8px 0 !important}
  .qv-c [data-section="para-quem"] > div > [data-reveal]:first-of-type > :nth-child(n+3){order:3}
  .qv-c [data-section="para-quem"] .quem-grid{order:4;margin-top:clamp(28px,6vw,48px)}
  /* Certificação */
  .cx-b-top{display:flex !important;flex-direction:column;align-items:stretch;gap:0 !important}
  .cx-b-copy{display:contents !important}
  .cx-b-copy > .cx-kicker{order:1}
  .cx-b-copy > h2{order:2}
  .cx-b-photo{order:3 !important;margin:24px 0 22px !important;width:100%}
  .cx-b-copy > :nth-child(n+3){order:4}
  .cx-b-copy > :nth-child(n+3) + *{margin-top:16px}
}
@media (max-width:839px){
  /* As práticas: nome da prática, foto, texto */
  .prat-fig{display:grid !important;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:6px;align-items:center}
  .prat-fig > .prat-cap{display:contents !important}
  .prat-fig .prat-cap > .prat-ico{grid-column:1;grid-row:1 / span 2}
  .prat-fig .prat-cap > .prat-tag{grid-column:2;grid-row:1}
  .prat-fig .prat-cap > .prat-h3{grid-column:2;grid-row:2}
  .prat-fig > .prat-media{grid-column:1 / -1;grid-row:3;margin:14px 0 10px}
  .prat-fig .prat-cap > p{grid-column:1 / -1;grid-row:4;margin-top:0 !important}
}
/* Certificação no celular e tablet: respiro no topo para o selo não encostar na curva do painel */
@media (max-width:900px){
  html body #cert-nova .cx-panel{padding-top:48px !important}
}
/* Menu no celular e tablet, modo Azul Sereno: mesma cor azul do menu no computador */
@media (max-width:1320px){
  html[data-theme="dark"] [data-nav]{background:rgba(26,34,53,.62) !important}
  html[data-theme="dark"] [data-navburger]{background:rgba(10,14,24,.5) !important}
}
/* Revisão final: fotos de retrato no tablet sem cortar a cabeça */
@media (min-width:601px) and (max-width:900px){
  [data-capstack-stage] > figure{height:min(64vh,540px) !important}
  [data-capstack-stage="2"] img,[data-capstack-stage="3"] img{object-position:50% 12% !important}
  .qv-c [data-section="para-quem"] .quem-photo{aspect-ratio:auto !important;height:min(64vh,540px)}
}
/* Revisão final: botão do WhatsApp da Certificação em uma linha no celular */
@media (max-width:600px){
  .cx-cta-row .cx-btn-ghost{letter-spacing:.06em !important;white-space:nowrap;padding-left:12px !important;padding-right:12px !important;display:flex !important;align-items:center !important;justify-content:center !important;text-align:center !important}
}
/* Telas estreitas (abaixo de 375px): o texto volta a quebrar em duas linhas, centralizado e com respiro igual dos dois lados */
@media (max-width:374px){
  .cx-cta-row .cx-btn-ghost{white-space:normal !important;padding:10px 24px !important;line-height:1.35 !important}
}
/* Rodapé no celular: a barra fixa já some no rodapé, então não precisa mais do espaço extra no fim */
@media (max-width:600px){html body footer{padding-bottom:calc(36px + env(safe-area-inset-bottom,0px)) !important}}
/* Revisão final: evita palavra sozinha na última linha */
.cx-b-line{text-wrap:balance}
/* O estúdio: selos de volta em pílulas com contorno fino */
html body [data-capsule] span[style*="border-radius: 999px"]{border:1px solid color-mix(in srgb, currentColor 45%, transparent) !important;border-radius:999px !important;padding:8px 14px !important;line-height:1.2;white-space:nowrap}
html body [data-capsule] div:has(> span[style*="border-radius: 999px"]){gap:8px !important;margin-top:4px}
@media (max-width:374px){html body [data-capsule] span[style*="border-radius: 999px"]{white-space:normal}}
/* Faixa da Certificação: letras do selo na mesma altura do texto ao lado (a linha fina fica abaixo) */
@media (min-width:601px){html body .cx-strip .cx-strip-tag{transform:translateY(4.5px)}}
/* Quem te atende (Patrich), celular e tablet: selo, foto, nome e texto, igual à Marcela */
@media (max-width:900px){html body [data-capstack-stage="3"] > div > :nth-child(2){order:3}}
/* Certificação: botão "Quero saber mais pelo WhatsApp" oculto até a página /certificacao/ ser publicada
   (a regra do celular acima força display:flex nele) */
.cx-cta-row [hidden]{display:none !important}