/* v15 · ajustes dos vídeos "bloco 5" e "bloco 6" da cliente (09/11/2026) = nossos Blocos 4 (método, vídeo e Naila)
   e 5 (mapeamento) */

/* Bloco 4 · "Um método simples para você assumir o controle da sua vida" numa linha só no computador */
@media (min-width:900px){.cr-met__sub{max-width:none;white-space:nowrap}}

/* Bloco 4 · Naila logo abaixo do vídeo: os dados dela com uma foto pequena, num quadro lilás, apoiada na base;
   sem a foto grande e sem a assinatura */
.cr-met .cr-naila{display:flex;align-items:center;gap:clamp(18px,3vw,32px);max-width:760px;margin:clamp(28px,4vw,44px) auto 0}
.cr-met .cr-naila__foto{flex:0 0 auto;display:block;width:clamp(108px,12vw,150px);aspect-ratio:4/5;margin:0;border-radius:22px;overflow:hidden;
  box-shadow:0 24px 44px -26px rgba(28,19,34,.55)}
.cr-met .cr-naila__arco{inset:0;left:0;right:0;bottom:0;height:auto;border-radius:inherit;box-shadow:none}
.cr-met .cr-naila__recorte{position:absolute!important;left:0;top:9%;width:100%!important;margin:0;filter:none!important;border-radius:0!important}
.cr-met .cr-naila__texto{gap:8px}
.cr-met .cr-naila__nome{font-size:clamp(28px,1.4vw + 18px,40px)}
.cr-met .cr-naila__texto>p:not(.cr-selo){font-size:clamp(15.5px,.3vw + 14px,17.5px);max-width:46ch}
@media (max-width:599px){
  .cr-met .cr-naila{align-items:flex-start;gap:16px}
  .cr-met .cr-naila__foto{width:92px;border-radius:18px}
  .cr-met .cr-naila__nome{font-size:26px}
}

/* Bloco 5 · menos espaço entre a Naila e o cartão do mapeamento */
.cr-met{padding-bottom:clamp(40px,5vw,72px)}
.cr-map{padding-top:clamp(24px,3vw,48px)}

/* Bloco 5 · numa coluna só, na ordem da leitura: "Está tudo dando errado", a prioridade, "O que você quer mudar?" */
.cr-map__cartao{grid-template-columns:minmax(0,1fr)!important;gap:clamp(26px,3vw,36px);justify-items:center;text-align:center}
.cr-map__texto,.cr-map__lista{justify-items:center}
.cr-map__texto>p:last-child{margin-inline:auto}
.cr-map .cr-pilulas{justify-content:center;max-width:760px;margin-inline:auto}
.cr-map__lista .cr-bt{justify-self:center}
@media (min-width:900px){.cr-map__cartao{padding-inline:clamp(48px,7vw,112px)}}

/* Bloco 5 · pílulas mudam de cor ao passar o mouse (como na página do Wesley), numa cor que chama atenção */
.cr-pilulas li:not(.cr-pilulas__mais){cursor:default}
.cr-pilulas li:not(.cr-pilulas__mais):hover,.cr-pilulas li:not(.cr-pilulas__mais):active,.cr-pilulas li.cr-acesa:not(.cr-pilulas__mais){background:#CBA6F2;border-color:#CBA6F2;color:#2A1238;
  font-weight:700;transform:translateY(-3px) scale(1.04);box-shadow:0 12px 28px -10px rgba(203,166,242,.75)}
.js .cr-map__cartao.cr-visto .cr-pilulas li{transition:opacity .5s calc(var(--i,0) * 70ms + .35s),transform .25s,background .2s,border-color .2s,color .2s,box-shadow .25s}
