/* Página inicial da pessoa mentorada (layout aprovado): cabeçalho, menu, boas-vindas com a seta do logo, cartões */

body:has(.cep-inicio6) { --cep-menu-larg: 262px; background:
  radial-gradient(1100px 700px at 75% 0%, #F3EEFC, rgba(243,238,252,0) 70%), #FBFAFE; }

/* Cabeçalho flutuante, cantos arredondados, marca maior */
body:has(.cep-inicio6) .cep-topo { margin: 14px 16px 0; min-height: 88px; padding: 8px 32px 8px 30px; border: 1px solid #F1ECF8; border-radius: 26px; box-shadow: 0 14px 40px rgba(84,0,148,.07); }
body:has(.cep-inicio6) .cep-logo img { height: 72px; }
body:has(.cep-inicio6) .cep-busca { max-width: 400px; }
body:has(.cep-inicio6) .cep-busca input { height: 50px; background: #F4F1FA; font-size: .9rem; }
body:has(.cep-inicio6) .cep-sino svg { width: 26px; height: 26px; }
body:has(.cep-inicio6) .cep-topo .cep-avatar { width: 56px; height: 56px; font-size: 1.15rem; }
body:has(.cep-inicio6) .cep-perfil-txt b { font-size: 1.12rem; }
body:has(.cep-inicio6) .cep-perfil-txt small { font-size: .95rem; }

/* Menu lateral: cartão branco alto, itens grandes, destaque roxo, formas no pé */
@media (min-width: 1024px) {
  body:has(.cep-inicio6) .cep-menu { position: absolute; top: 112px; max-height: none; overflow: hidden; padding: 16px 14px; border: 1px solid #F1ECF8; border-radius: 26px; box-shadow: 0 14px 40px rgba(84,0,148,.07); }
  body:has(.cep-inicio6) .cep-menu ~ main { margin-left: calc(16px + var(--cep-menu-larg) + 28px); }
}
body:has(.cep-inicio6) .cep-menu ul { gap: 8px; position: relative; z-index: 1; }
body:has(.cep-inicio6) .cep-menu a { min-height: 56px; padding: 0 20px; gap: 20px; border-radius: 14px; font: 500 1.06rem var(--fonte-texto); color: #25043B; }
body:has(.cep-inicio6) .cep-menu a svg { width: 27px; height: 27px; color: #25043B; }
body:has(.cep-inicio6) .cep-menu a.ativo { color: #fff; background: linear-gradient(135deg, #540094, #7B2CE0); box-shadow: 0 10px 24px rgba(84,0,148,.28); }
body:has(.cep-inicio6) .cep-menu a.ativo svg { color: #fff; }
body:has(.cep-inicio6) .cep-menu::before { content: ""; position: absolute; left: -10px; bottom: -40px; width: 160px; height: 160px; border-radius: 50%; background: radial-gradient(circle at 55% 40%, #E7DDF7, #F0EAFA 70%); }
body:has(.cep-inicio6) .cep-menu::after { content: ""; position: absolute; left: 165px; bottom: -70px; width: 120px; height: 120px; border-radius: 50%; background: radial-gradient(circle at 45% 40%, #DFF2FB, #EEF8FD 70%); }

/* Página e formas de fundo */
.cep-inicio6 { position: relative; gap: 18px; isolation: isolate; padding-top: 6px; }
.cep-inicio6::before { content: ""; position: absolute; z-index: -1; right: 21%; top: 30px; width: 300px; height: 300px; border-radius: 50%; background: radial-gradient(circle at 45% 40%, rgba(222,208,246,.75), rgba(222,208,246,0) 72%); }
.cep-inicio6::after { content: ""; position: absolute; z-index: -1; right: -10px; top: 10px; width: 210px; height: 210px; border-radius: 50%; background: radial-gradient(circle at 45% 40%, rgba(214,240,252,.9), rgba(214,240,252,0) 72%); }
.cep-inicio6 .cep-cartao { border-radius: 26px; border: 1px solid #F1ECF8; box-shadow: 0 14px 40px rgba(84,0,148,.06); }

/* Boas-vindas: selo, título em duas linhas, curva colorida */
.cep-inicio6 .cep-ola { position: relative; padding: 14px 0 10px; min-height: 300px; }
.cep-inicio6 .cep-ola::before { content: ""; position: absolute; z-index: -1; right: 30%; top: -36px; width: 120px; height: 120px; border-radius: 50%; background: radial-gradient(circle, rgba(222,208,246,.8), rgba(222,208,246,0) 70%); }
.cep-inicio6 .cep-ola::after { content: ""; position: absolute; right: 0; top: 40px; width: min(560px, 46%); height: 250px; pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 250'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%2321C4F7'/%3E%3Cstop offset='.3' stop-color='%23ABD905'/%3E%3Cstop offset='.62' stop-color='%23ABD905'/%3E%3Cstop offset='1' stop-color='%2321C4F7'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M6 245 C60 150 120 95 200 92 C290 90 320 170 360 205 C395 235 430 240 470 228 C510 216 540 190 556 170' fill='none' stroke='url(%23g)' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right top / contain; }
.cep-inicio6 .cep-ola-selo { margin: 0 0 16px; }
.cep-inicio6 .cep-ola-selo .cep-etq-pacote { padding: 0; background: none; border: 0; font: 600 .82rem var(--fonte-texto); letter-spacing: .3em; text-transform: uppercase; color: #5A4F75; }
.cep-inicio6 .cep-ola-selo .cep-etq-pacote::before { display: none; }
.cep-inicio6 .cep-ola h1 { margin: 0; font-size: clamp(2.6rem, 4.2vw, 3.75rem); line-height: 1.04; letter-spacing: -.035em; max-width: 58%; }
.cep-inicio6 .cep-ola h1 .l1, .cep-inicio6 .cep-ola h1 .l2 { display: block; }
.cep-inicio6 .cep-ola h1 .l1 { color: #25043B; font-weight: 400; }
.cep-inicio6 .cep-ola h1 .l1 strong { color: #25043B; font-weight: 800; }
.cep-inicio6 .cep-ola h1 .l2 { color: #540094; font-weight: 600; }
.cep-inicio6 .cep-ola > p:not(.cep-ola-selo) { margin: 18px 0 0; max-width: 34rem; font-size: 1.12rem; line-height: 1.6; color: #6A6080; }

/* Linha do meio: jornada (larga) + próximo passo (cartão lavanda) */
.cep-inicio6 .cep-linha-inicio { gap: 16px; }
@media (min-width: 1024px) { .cep-inicio6 .cep-linha-inicio { grid-template-columns: minmax(0, 2.3fr) minmax(0, 1fr); } }
.cep-inicio6 .cep-prog2 { padding: 26px 26px 24px; gap: 14px; }
.cep-inicio6 #prog-titulo { font: 600 .8rem var(--fonte-texto); letter-spacing: .26em; text-transform: uppercase; color: #5A4F75; }
.cep-prog2-linha { display: flex; align-items: baseline; justify-content: space-between; gap: 6px 16px; flex-wrap: wrap; margin-top: -4px; }
.cep-inicio6 .cep-prog2-num { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.cep-inicio6 .cep-prog2-num b { font: 800 1.55rem var(--fonte-titulo); color: #25043B; }
.cep-inicio6 .cep-prog2-num span { font-size: 1.05rem; color: #8F80A8; }
.cep-prog2-pct { font: 800 1.75rem var(--fonte-titulo); color: #540094; letter-spacing: -.02em; }
.cep-prog2-pct small { font-size: 1.35rem; font-weight: 700; }
.cep-inicio6 .cep-prog2 .cep-barra { height: 12px; background: #EEE9F6; margin: 2px 0 6px; }
.cep-inicio6 .cep-prog2 .cep-barra span { background: linear-gradient(90deg, #ABD905, #93CC00); }

/* Fases como os três blocos da imagem */
.cep-inicio6 .cep-prog2-fases { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0; }
.cep-inicio6 .cep-prog2-fases li { display: flex; align-items: center; gap: 12px; min-height: 98px; padding: 14px 14px; border-radius: 18px; background: #fff; border: 1px solid #EFEAF6; box-shadow: 0 6px 18px rgba(84,0,148,.04); }
.cep-fase-ico { flex: none; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: #F1E8FC; }
.cep-fase-ico svg { width: 28px; height: 28px; }
.cep-inicio6 .cep-prog2-fases li.feita .cep-fase-ico { background: #E3F6FD; }
.cep-fase-txt { display: grid; gap: 4px; min-width: 0; }
.cep-inicio6 .cep-prog2-fases .cep-fase-txt span { font-size: .9rem; color: #6A6080; }
.cep-inicio6 .cep-prog2-fases .cep-fase-txt b { font: 700 1.08rem var(--fonte-titulo); letter-spacing: -.02em; overflow-wrap: normal; text-transform: none; color: #25043B; }
.cep-inicio6 .cep-prog2-fases .feita b::before { content: none; }
.cep-inicio6 .cep-prog2-fases li.agora { background: linear-gradient(135deg, #540094, #6E1BC9); border-color: transparent; box-shadow: 0 14px 28px rgba(84,0,148,.28); }
.cep-inicio6 .cep-prog2-fases li.agora .cep-fase-ico { background: rgba(255,255,255,.16); }
.cep-inicio6 .cep-prog2-fases li.agora .cep-fase-txt span { color: #E9DDFB; font-weight: 500; }
.cep-inicio6 .cep-prog2-fases li.agora .cep-fase-txt b { color: #fff; }
.cep-inicio6 .cep-passo-diag { margin: 0; padding: 14px 18px; border-radius: 18px; background: #F7F2FD; font-size: .95rem; }
.cep-inicio6 .cep-passo-diag.ok { background: #F2F9DC; }

/* "Ver minha jornada" no formato do botão largo da imagem */
.cep-inicio6 .cep-prog2-ver { margin: auto 0 0; display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 58px; border-radius: 999px; border: 1.5px solid #D9CBF1; background: #fff; color: #540094; font: 600 1.05rem var(--fonte-texto); text-decoration: none; }
.cep-inicio6 .cep-prog2-ver svg { width: 22px; height: 22px; }
.cep-inicio6 .cep-prog2-ver svg:last-child { width: 18px; height: 18px; }
.cep-inicio6 .cep-prog2-ver:hover { background: #FAF7FE; border-color: #B99AF0; }

/* Próximo passo no lugar e no estilo do cartão "Dica" da imagem */
.cep-inicio6 .cep-passo-destaque { display: flex; flex-direction: column; align-items: stretch; gap: 16px; padding: 22px 22px 22px; border-radius: 26px; color: #25043B;
  background: linear-gradient(180deg, #F8F4FE, #F5F0FD); border: 1px solid #EEE6FA; box-shadow: 0 14px 40px rgba(84,0,148,.05); }
.cep-inicio6 .cep-passo-txt { flex: 1; display: grid; align-content: start; gap: 10px; }
.cep-inicio6 .cep-passo-txt small { display: flex; align-items: center; gap: 16px; margin-bottom: 8px; font: 800 1.22rem var(--fonte-titulo); letter-spacing: -.01em; text-transform: none; color: #25043B; }
.cep-passo-ico { flex: none; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: #EFE6FC; }
.cep-passo-ico svg { width: 28px; height: 28px; }
.cep-inicio6 .cep-passo-txt b { font: 700 1.02rem/1.4 var(--fonte-titulo); color: #540094; }
.cep-inicio6 .cep-passo-txt span { font-size: .98rem; line-height: 1.55; color: #6A6080; }
.cep-inicio6 .cep-passo-destaque .cep-botao { width: 100%; margin: 0; justify-content: space-between; min-height: 58px; padding: 0 22px; border-radius: 14px; background: #EBE1FA; color: #540094; box-shadow: none; font: 600 1rem var(--fonte-texto); }
.cep-inicio6 .cep-passo-destaque .cep-botao:hover { background: #E2D4F8; }

/* Três cartões de baixo, na largura toda (passam por baixo do menu) */
.cep-inicio6 .cep-atalhos-inicio { gap: 14px; }
@media (min-width: 1024px) { .cep-inicio6 .cep-atalhos-inicio, .cep-inicio6 > .cep-enc2 { margin-left: calc(-1 * (var(--cep-menu-larg) + 28px)); } }
.cep-inicio6 .cep-atalho2 { display: flex; align-items: flex-start; gap: 24px; min-height: 190px; padding: 24px 22px 22px 32px; text-decoration: none; color: #25043B; position: relative; }
.cep-inicio6 .cep-atalho2 .cep-cab-ico { flex: none; width: 86px; height: 86px; border-radius: 50%; }
.cep-inicio6 .cep-atalho2 .cep-cab-ico svg { width: 36px; height: 36px; }
.cep-inicio6 .cep-atalho2 > span:nth-child(2) { display: grid; align-content: start; gap: 10px; padding-top: 16px; padding-right: 30px; flex: 1; min-width: 0; }
.cep-inicio6 .cep-atalho2 b { font: 700 1.25rem var(--fonte-titulo); letter-spacing: -.01em; }
.cep-inicio6 .cep-atalho2 small { font-size: 1rem; line-height: 1.5; color: #6A6080; }
.cep-inicio6 .cep-atalho2 > svg { position: absolute; right: 22px; bottom: 22px; width: 38px; height: 38px; padding: 10px; border-radius: 50%; background: #fff; border: 1px solid #ECE4F7; color: #540094; box-shadow: 0 4px 12px rgba(84,0,148,.06); }
.cep-inicio6 .cep-atalho2:nth-child(1) .cep-cab-ico { background: #EFE6FC; color: #6A12B8; }
.cep-inicio6 .cep-atalho2:nth-child(1) b { color: #3A0A6B; }
.cep-inicio6 .cep-atalho2:nth-child(2) .cep-cab-ico { background: #E2F5FD; color: #0A9BD9; }
.cep-inicio6 .cep-atalho2:nth-child(2) b { color: #0A9BD9; }
.cep-inicio6 .cep-atalho2:nth-child(3) .cep-cab-ico { background: #F1F9D9; color: #7DB300; }
.cep-inicio6 .cep-atalho2:nth-child(3) b { color: #3A0A6B; }
.cep-inicio6 .cep-atalho2:hover { border-color: #DCCBF5; }

/* Próximo encontro: continua na página, logo abaixo (não tem lugar na imagem) */
.cep-inicio6 > .cep-enc2 { padding: 24px 28px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px 32px; align-items: center; }
.cep-inicio6 > .cep-enc2 > .cep-prog2-cab { grid-column: 1 / -1; }
.cep-inicio6 > .cep-enc2 h2 { font: 700 1.2rem var(--fonte-titulo); color: #3A0A6B; }
.cep-inicio6 > .cep-enc2 .cep-enc2-mentora { grid-column: 2; grid-row: 2; margin: 0; padding: 0; border: 0; }
.cep-inicio6 > .cep-enc2 .cep-remarcar { grid-column: 2; grid-row: 3; margin: 0; }
.cep-inicio6 > .cep-enc2 .cep-enc2-dia { background: linear-gradient(160deg, #F3EAFE, #E8F8FE); border-radius: 18px; width: 64px; }
.cep-inicio6 > .cep-enc2 .cep-botao-mini { border-radius: 999px; }

/* Tablet e celular */
@media (max-width: 1023px) {
  .cep-inicio6 .cep-ola h1 { max-width: none; }
  .cep-inicio6 .cep-ola { min-height: 0; }
  .cep-inicio6 .cep-ola::after { width: 40%; opacity: .7; }
  .cep-inicio6 .cep-atalhos-inicio { grid-template-columns: minmax(0, 1fr); }
  .cep-inicio6 .cep-atalho2 { min-height: 0; }
  .cep-inicio6 > .cep-enc2 { grid-template-columns: minmax(0, 1fr); }
  .cep-inicio6 > .cep-enc2 .cep-enc2-mentora, .cep-inicio6 > .cep-enc2 .cep-remarcar { grid-column: auto; grid-row: auto; }
  body:has(.cep-inicio6) .cep-topo { margin: 0 12px; border-radius: 0 0 24px 24px; }
}
@media (max-width: 700px) {
  body:has(.cep-inicio6) .cep-logo img { height: 48px; }
  body:has(.cep-inicio6) .cep-topo { padding: 8px 14px; }
  .cep-inicio6 .cep-ola::after { display: none; }
  .cep-inicio6 .cep-ola h1 { font-size: 2.3rem; }
  .cep-inicio6::before { right: -120px; }
  .cep-inicio6 .cep-prog2-fases { grid-template-columns: minmax(0, 1fr); }
  .cep-inicio6 .cep-prog2-fases li { min-height: 76px; }
  .cep-inicio6 .cep-atalho2 { padding: 20px; gap: 16px; }
  .cep-inicio6 .cep-atalho2 .cep-cab-ico { width: 64px; height: 64px; }
  .cep-inicio6 .cep-atalho2 > span:nth-child(2) { padding-top: 6px; }
}

/* ===== Acabamento v3: elementos originais da marca + mais respiro ===== */

/* Sem desenhos genéricos: só os SVGs da identidade (arco lavanda, linhas curvas, quadradinhos) */
.cep-inicio6::before, .cep-inicio6::after, body:has(.cep-inicio6) .cep-menu::after { content: none; }
body:has(.cep-inicio6) { background: radial-gradient(900px 620px at 78% 8%, #F4EFFC, rgba(244,239,252,0) 70%), #FCFBFF; }

/* Cabeçalho: mais alto, marca maior, busca centralizada */
body:has(.cep-inicio6) .cep-topo { min-height: 96px; padding: 10px 36px 10px 34px; border-radius: 28px; box-shadow: 0 16px 44px rgba(84,0,148,.07); }
body:has(.cep-inicio6) .cep-logo img { height: 78px; }
body:has(.cep-inicio6) .cep-busca { max-width: 430px; }
body:has(.cep-inicio6) .cep-busca input { height: 52px; padding-left: 50px; border-radius: 999px; background: #F4F1FA; }
body:has(.cep-inicio6) .cep-busca > svg { left: 20px; width: 20px; height: 20px; }
body:has(.cep-inicio6) .cep-topo-fim { gap: 26px; }
body:has(.cep-inicio6) .cep-topo .cep-avatar { width: 58px; height: 58px; }

/* Menu: respiro maior; quadradinhos da marca no pé */
@media (min-width: 1024px) { body:has(.cep-inicio6) .cep-menu { padding: 18px 16px; border-radius: 28px; } }
body:has(.cep-inicio6) .cep-menu ul { gap: 10px; }
body:has(.cep-inicio6) .cep-menu a { min-height: 58px; }
body:has(.cep-inicio6) .cep-menu::before { left: 22px; bottom: 22px; width: 132px; height: 132px; border-radius: 0; background: #D9CBF1;
  -webkit-mask: url("marca/quadradinhos.svg") left bottom / contain no-repeat; mask: url("marca/quadradinhos.svg") left bottom / contain no-repeat; opacity: .8; }

/* Boas-vindas: tipografia maior, mais espaço; arco lavanda + linhas curvas coloridas à direita */
.cep-inicio6 { gap: 24px; }
.cep-inicio6 .cep-ola { padding: 26px 0 18px; min-height: 330px; }
.cep-inicio6 .cep-ola::before { right: 0; top: -30px; width: min(470px, 40%); height: 240px; border-radius: 0; background: #E9E0F8;
  -webkit-mask: url("marca/canto-arcos.svg") right top / contain no-repeat; mask: url("marca/canto-arcos.svg") right top / contain no-repeat; z-index: -1; }
.cep-inicio6 .cep-ola::after { right: 13%; top: 74px; width: 150px; height: 210px; background: linear-gradient(200deg, #21C4F7 10%, #ABD905 85%);
  -webkit-mask: url("marca/canto-linhas.svg") center / contain no-repeat; mask: url("marca/canto-linhas.svg") center / contain no-repeat; opacity: .85; }
.cep-inicio6 .cep-ola-selo { margin-bottom: 20px; }
.cep-inicio6 .cep-ola-selo .cep-etq-pacote { font-size: .84rem; letter-spacing: .34em; color: #5A4F75; }
.cep-inicio6 .cep-ola h1 { font-size: clamp(2.8rem, 4.6vw, 4.25rem); line-height: 1.02; letter-spacing: -.04em; max-width: 60%; }
.cep-inicio6 .cep-ola h1 .l2 { margin-top: 4px; }
.cep-inicio6 .cep-ola > p:not(.cep-ola-selo) { margin-top: 22px; max-width: 32rem; font-size: 1.16rem; line-height: 1.65; }

/* Cartões: mais conforto, cantos maiores, sombras suaves */
.cep-inicio6 .cep-cartao, .cep-inicio6 .cep-passo-destaque { border-radius: 28px; box-shadow: 0 18px 48px rgba(84,0,148,.06), 0 2px 6px rgba(84,0,148,.03); }
.cep-inicio6 .cep-linha-inicio, .cep-inicio6 .cep-atalhos-inicio { gap: 20px; }
.cep-inicio6 .cep-prog2 { padding: 30px 32px 28px; gap: 18px; }
.cep-inicio6 .cep-prog2-linha { margin-top: -6px; }
.cep-inicio6 .cep-prog2-num b { font-size: 1.7rem; }
.cep-prog2-pct { font-size: 1.9rem; }
.cep-inicio6 .cep-prog2-fases { gap: 16px; }
.cep-inicio6 .cep-prog2-fases li { min-height: 104px; padding: 16px 18px; border-radius: 20px; }
.cep-inicio6 .cep-prog2-ver { min-height: 60px; }
.cep-inicio6 .cep-passo-destaque { padding: 28px 26px 26px; gap: 18px; }
.cep-inicio6 .cep-passo-txt { gap: 12px; }
.cep-inicio6 .cep-passo-txt span { font-size: 1rem; line-height: 1.65; }
.cep-inicio6 .cep-passo-destaque .cep-botao { min-height: 60px; border-radius: 16px; }
.cep-inicio6 .cep-atalho2 { min-height: 196px; padding: 30px 26px 26px 34px; gap: 26px; border-radius: 28px; }
.cep-inicio6 .cep-atalho2 > span:nth-child(2) { gap: 12px; padding-top: 18px; }
.cep-inicio6 .cep-atalho2 b { font-size: 1.3rem; }
.cep-inicio6 .cep-atalho2 small { font-size: 1.02rem; line-height: 1.6; }
.cep-inicio6 .cep-atalho2 > svg { right: 26px; bottom: 26px; width: 40px; height: 40px; }
.cep-inicio6 > .cep-enc2 { padding: 28px 34px; gap: 14px 40px; border-radius: 28px; }
.cep-inicio6 > .cep-enc2 .cep-enc2-dia { width: 70px; padding: 10px 0; border-radius: 20px; }
.cep-inicio6 > .cep-enc2 .cep-remarcar { padding: 12px 16px; border-radius: 16px; background: #F7F2FD; }

@media (max-width: 1023px) {
  .cep-inicio6 .cep-ola::before { width: 50%; opacity: .7; }
  .cep-inicio6 .cep-ola::after { right: 4%; width: 120px; height: 170px; opacity: .6; }
}
@media (max-width: 700px) {
  .cep-inicio6 .cep-ola { padding-top: 12px; }
  .cep-inicio6 .cep-ola::after { display: none; }
  .cep-inicio6 .cep-ola::before { width: 70%; height: 150px; top: -20px; opacity: .55; }
  .cep-inicio6 .cep-ola h1 { font-size: 2.5rem; max-width: none; }
  .cep-inicio6 .cep-prog2, .cep-inicio6 .cep-passo-destaque { padding: 22px; }
  .cep-inicio6 .cep-atalho2 { min-height: 0; padding: 22px; gap: 16px; }
  .cep-inicio6 > .cep-enc2 { padding: 22px; }
}
@media (max-width: 1023px) { .cep-inicio6 .cep-ola { min-height: 0; } body:has(.cep-inicio6) .cep-topo { min-height: 0; padding: 10px 18px; } body:has(.cep-inicio6) .cep-logo img { height: 56px; } }
@media (max-width: 700px) { body:has(.cep-inicio6) .cep-logo img { height: 46px; } body:has(.cep-inicio6) .cep-topo .cep-avatar { width: 44px; height: 44px; } body:has(.cep-inicio6) .cep-topo-fim { gap: 12px; } }

/* ===== v4: a seta de evolução do logo Jornada CEP como destaque (sem os arcos concêntricos) ===== */
.cep-inicio6 .cep-ola::before, .cep-inicio6 .cep-ola::after { content: none; }
.cep-ola-seta { position: absolute; right: 2%; top: 34px; width: 430px; pointer-events: none; }
.cep-ola-seta-img { display: block; width: 430px; height: 136px;
  background: url("publica/logo-jornada-cep.png") no-repeat; background-size: 1012px auto; background-position: -582px 0; }
.cep-inicio6 .cep-ola .cep-ola-frase { position: static; margin: 18px 0 0 60px; max-width: 300px; transform: rotate(-4deg); font: 600 1.7rem/1.25 'Dancing Script', cursive; color: #540094; background: none; padding: 0; }
@media (max-width: 1180px) { .cep-ola-seta { transform: scale(.8); transform-origin: right top; } }
@media (max-width: 1023px) { .cep-ola-seta { display: none; } }

/* ===== v5: seta inteira (arte original do logo), frase alinhada, título e cartões refinados ===== */
.cep-inicio6 .cep-ola { --seta: clamp(230px, 25vw, 390px); }
/* a seta fica dentro da área de boas-vindas, com margem de segurança; nada a recorta */
.cep-ola-seta { position: absolute; right: 24px; top: 30px; width: var(--seta); transform: none !important; display: flex; flex-direction: column; align-items: flex-end; overflow: visible; }
/* recorte da arte original: x 300→560 e y 0→80 do logo (proporção 13:4), sem esticar */
.cep-ola-seta-img { width: 100%; height: auto; aspect-ratio: 13 / 4; box-sizing: content-box; padding: 10px 6px 4px 0;
  background: url("publica/logo-jornada-cep.png") no-repeat; background-size: 215.4% auto; background-position: 100% 0; background-origin: content-box; background-clip: content-box;
  -webkit-mask: linear-gradient(90deg, transparent 0, #000 16%); mask: linear-gradient(90deg, transparent 0, #000 16%); }
.cep-inicio6 .cep-ola .cep-ola-frase { margin: 4px 8% 0 0; max-width: none; text-align: right; transform: rotate(-3deg); font: 600 clamp(1.2rem, 1.7vw, 1.6rem)/1.2 'Dancing Script', cursive; color: #540094; }
/* o título não passa por baixo da seta */
.cep-inicio6 .cep-ola h1, .cep-inicio6 .cep-ola > p:not(.cep-ola-selo) { max-width: calc(100% - var(--seta) - 40px); }

/* Boas-vindas com um pouco mais de presença */
.cep-inicio6 .cep-ola h1 { font-size: clamp(2.9rem, 4.9vw, 4.6rem); letter-spacing: -.042em; }
.cep-inicio6 .cep-ola h1 .l1 strong { font-weight: 800; }
.cep-inicio6 .cep-ola h1 .l2 { font-weight: 700; }

/* Cartões: mais respiro e leitura melhor */
.cep-inicio6 .cep-prog2 { padding: 32px 34px 30px; }
.cep-inicio6 .cep-prog2-num span { font-size: 1.08rem; color: #6F6488; }
.cep-inicio6 .cep-prog2-fases li { padding: 18px 20px; }
.cep-inicio6 .cep-prog2-fases .cep-fase-txt span { font-size: .95rem; }
.cep-inicio6 .cep-passo-destaque { padding: 30px 28px 28px; }
.cep-inicio6 .cep-passo-txt b { font-size: 1.08rem; }
.cep-inicio6 .cep-passo-txt span { font-size: 1.03rem; color: #5E5670; }
.cep-inicio6 .cep-atalho2 { padding: 32px 28px 28px 34px; }
.cep-inicio6 .cep-atalho2 small { font-size: 1.04rem; color: #5E5670; }
.cep-inicio6 > .cep-enc2 { padding: 30px 36px; }
.cep-inicio6 > .cep-enc2 .cep-enc2-txt b { font-size: 1.04rem; }
.cep-inicio6 > .cep-enc2 .cep-enc2-txt span, .cep-inicio6 > .cep-enc2 .cep-enc2-mentora, .cep-inicio6 > .cep-enc2 .cep-remarcar { font-size: .98rem; }

@media (max-width: 1023px) { .cep-ola-seta { display: flex; } .cep-inicio6 .cep-ola { --seta: 220px; } }
@media (max-width: 700px) { .cep-ola-seta { display: none; } .cep-inicio6 .cep-ola h1, .cep-inicio6 .cep-ola > p:not(.cep-ola-selo) { max-width: none; } }
.cep-inicio6 .cep-ola .cep-ola-frase { align-self: center; margin: 6px 0 0 14%; text-align: center; text-wrap: balance; max-width: 82%; }
.cep-inicio6 .cep-ola h1 .l1 strong { white-space: nowrap; }
@media (max-width: 1279px) { .cep-inicio6 .cep-ola { --seta: clamp(200px, 22vw, 280px); } }
.cep-inicio6 .cep-ola .cep-ola-selo { max-width: calc(100% - var(--seta) - 40px); } @media (max-width: 700px) { .cep-inicio6 .cep-ola .cep-ola-selo { max-width: none; } }
@media (max-width: 700px) { .cep-ola-seta { display: flex !important; position: static; width: min(300px, 86%); margin: 22px auto 0; align-items: center; } .cep-inicio6 .cep-ola .cep-ola-frase { margin: 6px 0 0 10%; font-size: 1.3rem; } }

/* Boas-vindas mais compacta: título numa linha quando couber, menos espaço vertical, seta centralizada no conjunto */
.cep-inicio6 { gap: 20px; }
.cep-inicio6 .cep-ola { --seta: clamp(220px, 22vw, 330px); min-height: 168px; padding: 6px 0 0; }
.cep-inicio6 .cep-ola .cep-ola-selo { margin: 0 0 10px; }
.cep-inicio6 .cep-ola h1 { font-size: clamp(2.2rem, 3.2vw, 3.1rem); line-height: 1.08; letter-spacing: -.035em; }
.cep-inicio6 .cep-ola h1 .l1, .cep-inicio6 .cep-ola h1 .l2 { display: inline; }
.cep-inicio6 .cep-ola h1 .l2 { margin: 0; }
.cep-inicio6 .cep-ola > p:not(.cep-ola-selo) { margin: 12px 0 0; font-size: 1.08rem; line-height: 1.55; max-width: min(36rem, calc(100% - var(--seta) - 40px)); }
.cep-ola-seta { top: 50%; right: 24px; transform: translateY(-50%) !important; }
.cep-inicio6 .cep-ola .cep-ola-frase { font-size: clamp(1.15rem, 1.5vw, 1.45rem); margin-top: 2px; }
@media (max-width: 700px) {
  .cep-inicio6 .cep-ola { min-height: 0; }
  .cep-inicio6 .cep-ola h1 { font-size: 2.2rem; }
  .cep-inicio6 .cep-ola > p:not(.cep-ola-selo) { max-width: none; }
  .cep-ola-seta { transform: none !important; margin-top: 16px; }
}

/* Seta junto das boas-vindas (não presa no canto direito) */
@media (min-width: 701px) {
  .cep-inicio6 .cep-ola { --seta: clamp(220px, 19vw, 290px); display: grid; grid-template-columns: auto var(--seta); justify-content: start; align-items: center; column-gap: clamp(32px, 4vw, 64px); min-height: 0; }
  .cep-inicio6 .cep-ola > * { grid-column: 1; }
  .cep-inicio6 .cep-ola .cep-ola-selo, .cep-inicio6 .cep-ola h1, .cep-inicio6 .cep-ola > p:not(.cep-ola-selo) { max-width: 40rem; }
  .cep-ola-seta { position: static; grid-column: 2 !important; grid-row: 1 / span 3; width: var(--seta); transform: none !important; align-self: center; }
}

/* Telas largas: seta e frase lado a lado, ocupando o espaço da direita (como na imagem aprovada) */
@media (min-width: 1440px) {
  .cep-inicio6 .cep-ola { --seta: clamp(240px, 18vw, 330px); grid-template-columns: fit-content(42rem) minmax(0, 1fr); }
  .cep-ola-seta { width: auto; flex-direction: row; align-items: center; justify-content: center; gap: clamp(16px, 2vw, 32px); justify-self: stretch; }
  .cep-ola-seta-img { flex: none; width: var(--seta); }
  .cep-inicio6 .cep-ola .cep-ola-frase { flex: 0 1 230px; align-self: center; margin: 0; text-align: left; transform: rotate(-6deg); font-size: clamp(1.35rem, 1.75vw, 1.8rem); line-height: 1.25; padding-bottom: 8px;
    background: linear-gradient(90deg, #21C4F7, #ABD905) no-repeat 0 100% / 80% 3px; }
}
@media (min-width: 701px) { .cep-inicio6 .cep-ola { grid-template-columns: fit-content(42rem) var(--seta); } } @media (min-width: 1440px) { .cep-inicio6 .cep-ola { grid-template-columns: fit-content(42rem) minmax(0, 1fr); } }
@media (min-width: 1440px) { .cep-inicio6 .cep-ola h1 { white-space: nowrap; max-width: none; } .cep-inicio6 .cep-ola { grid-template-columns: max-content minmax(0, 1fr); } .cep-inicio6 .cep-ola > p:not(.cep-ola-selo) { max-width: 36rem; } }
/* Telas médias (1240–1439): mesmo desenho lado a lado, um pouco menor */
@media (min-width: 1240px) and (max-width: 1439px) {
  .cep-inicio6 .cep-ola { --seta: 200px; grid-template-columns: max-content minmax(0, 1fr); column-gap: 28px; }
  .cep-inicio6 .cep-ola h1 { font-size: 2.6vw; white-space: nowrap; max-width: none; }
  .cep-inicio6 .cep-ola > p:not(.cep-ola-selo) { max-width: 34rem; }
  .cep-ola-seta { width: auto; flex-direction: row; align-items: center; justify-content: center; gap: 14px; justify-self: stretch; }
  .cep-ola-seta-img { flex: none; width: var(--seta); }
  .cep-inicio6 .cep-ola .cep-ola-frase { flex: 0 1 165px; margin: 0; text-align: left; transform: rotate(-6deg); font-size: 1.25rem; line-height: 1.25; padding-bottom: 7px;
    background: linear-gradient(90deg, #21C4F7, #ABD905) no-repeat 0 100% / 80% 3px; }
}

/* Próximo encontro: itens ainda não definidos aparecem em tom suave */
.cep-enc2-pend { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: #F7F2FD; color: #6F6488; font-size: .9rem; }
.cep-enc2-pend svg { width: 16px; height: 16px; color: #8F80A8; flex: none; }

/* Próximo encontro pequeno na coluna da direita */
.cep-lado-dir { display: grid; gap: 16px; align-content: start; min-width: 0; }
.cep-inicio6 .cep-lado-dir .cep-passo-destaque { padding: 22px 22px 20px; gap: 12px; }
.cep-inicio6 .cep-lado-dir .cep-passo-txt small { margin-bottom: 2px; font-size: 1.1rem; }
.cep-inicio6 .cep-lado-dir .cep-passo-ico { width: 46px; height: 46px; }
.cep-inicio6 .cep-lado-dir .cep-passo-ico svg { width: 23px; height: 23px; }
.cep-inicio6 .cep-lado-dir .cep-passo-txt span { font-size: .95rem; line-height: 1.55; }
.cep-inicio6 .cep-lado-dir .cep-passo-destaque .cep-botao { min-height: 50px; }
.cep-inicio6 .cep-enc3 { display: grid; gap: 12px; padding: 20px 22px; border-radius: 24px; }
.cep-enc3-cab { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.cep-enc3-cab h2 { margin: 0; font: 700 1.05rem var(--fonte-titulo); color: #3A0A6B; }
.cep-enc3-cab .cep-ver { font-size: .85rem; }
.cep-enc3 .cep-enc2-data { gap: 12px; }
.cep-enc3 .cep-enc2-dia { width: 56px; padding: 7px 0; border-radius: 16px; background: linear-gradient(160deg, #F3EAFE, #E8F8FE); }
.cep-enc3 .cep-enc2-dia b { font-size: 1.3rem; }
.cep-enc3 .cep-enc2-txt b { font-size: .95rem; }
.cep-enc3 .cep-enc2-txt span { font-size: .86rem; }
.cep-enc3-acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.cep-enc3-acoes .cep-botao-mini { border-radius: 999px; }
.cep-enc3-acoes .cep-agenda-links { margin: 0; font-size: .82rem; }
.cep-enc3-pend { font-size: .84rem; color: #8F80A8; }
.cep-enc3-remarcar { display: inline-flex; align-items: center; gap: 6px; justify-self: start; font-size: .86rem; font-weight: 600; color: #128C4A; text-decoration: none; }
.cep-enc3-remarcar svg { width: 15px; height: 15px; }
.cep-enc3-remarcar:hover { text-decoration: underline; }
/* encontro compacto embaixo da jornada, em uma faixa só */
.cep-lado-esq { display: grid; gap: 16px; align-content: start; min-width: 0; }
.cep-inicio6 .cep-lado-esq .cep-prog2 .cep-prog2-ver { margin-top: 0; }
@media (min-width: 900px) {
  .cep-inicio6 .cep-lado-esq .cep-enc3 { grid-template-columns: auto 1fr auto; grid-template-areas: "cab cab cab" "data acoes rem"; align-items: center; column-gap: 20px; }
  .cep-lado-esq .cep-enc3-cab { grid-area: cab; }
  .cep-lado-esq .cep-enc3 .cep-enc2-data { grid-area: data; }
  .cep-lado-esq .cep-enc3-acoes { grid-area: acoes; justify-content: flex-start; }
  .cep-lado-esq .cep-enc3-remarcar { grid-area: rem; }
}
/* ações do encontro compacto numa linha só: Entrar + Google Agenda */
.cep-enc3 .cep-agenda-links { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.cep-enc3 .cep-agenda-links svg { width: 15px; height: 15px; }
.cep-enc3 .cep-agenda-links > span, .cep-enc3 .cep-agenda-links > span ~ a { display: none; }
.cep-lado-esq .cep-enc3-acoes { flex-wrap: nowrap; }
.cep-lado-esq .cep-enc3-pend { max-width: 15rem; line-height: 1.4; }
@media (min-width: 900px) { .cep-inicio6 .cep-lado-esq .cep-enc3 { grid-template-columns: minmax(0, 1fr) auto auto; } } .cep-enc3-remarcar { white-space: nowrap; } .cep-lado-esq .cep-enc3 .cep-enc2-txt b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cep-lado-esq .cep-enc3 .cep-enc2-txt span { white-space: nowrap; }
@media (min-width: 900px) { .cep-inicio6 .cep-lado-esq .cep-enc3 { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "cab cab" "data data" "acoes rem"; row-gap: 10px; } } .cep-lado-esq .cep-enc3 .cep-enc2-txt b, .cep-lado-esq .cep-enc3 .cep-enc2-txt span { white-space: normal; } .cep-lado-esq .cep-enc3-pend { max-width: none; }