/* =====================================================================
   Ajustes de 08/10/2026, pedidos da Cinara no grupo entre 07/10 23h18 e
   08/10 00h08. Cada bloco diz o pedido e a hora.
   ===================================================================== */

/* ------------------------------------------------------------------
   1 · O mostrador do Self Mentoring (00h08)
   "Deixe o velocímetro menor, de modo que a base dele esteja alinhada à
   base do texto da coluna ao lado. Assim, tudo se encaixa e forma um
   mesmo campo harmônico como sessão."
   A coluna da esquerda vira uma pilha: a frase em cima, o mostrador
   empurrado para o pé, na mesma linha onde o texto da direita termina.
   ------------------------------------------------------------------ */
@media (min-width:821px){
  /* 08/10, conferência zero: com o mostrador no fluxo, a coluna da esquerda
     ficava a mais alta e o texto da direita terminava 30px acima. Agora o
     mostrador fica preso ao pé da coluna, quem dá a altura é o texto da
     direita, e a base do arco cai na linha de base da última frase. O
     padding reserva o lugar dele, para nunca encostar na frase de cima. */
  #pagina .pv-estado{align-items:stretch}
  #pagina .pv-estado-esq{position:relative;padding-bottom:100px}
  #pagina .pv-estado-esq .destaque{margin-bottom:12px}
  #pagina .pv-estado-esq .pv-dial{position:absolute;left:0;bottom:3px;width:190px;margin:0}
  #pagina .pv-estado-dir > p:last-child{margin-bottom:0}
}
@media (max-width:820px){
  #pagina .pv-dial{width:min(100%,210px)}
}

/* ------------------------------------------------------------------
   2 · O minuto de pausa, claro (23h18 e 23h24)
   "Sobre a forma da respiração sugerida na página (achei pesado o fundo
   escuro sugerido lá) pensei em algo mais atrativo", com dois vídeos do
   Pinterest: natureza de verdade ao fundo, uma linha com um ponto que
   sobe e desce no ritmo do ar, e o tempo escrito ("Inhale 4 sec").
   Aqui: o jardim da Lumi ao fundo, claro e vivo, um painel de vidro
   marfim por cima, e a luz amarela subindo na inspiração e descendo na
   expiração. Nada escuro.
   ------------------------------------------------------------------ */

/* o convite, dentro da primeira seção da Medit_Ação */
.rp-convite{display:flex;align-items:center;gap:18px 26px;flex-wrap:wrap;margin-top:26px;
  padding:18px 22px;background:#fff;border:1px solid var(--linho);border-left:3px solid var(--luz);
  box-shadow:0 10px 28px rgba(120,100,80,.08)}
.rp-convite p{margin:0;flex:1 1 260px;font-size:16px;line-height:1.6;color:var(--tinta);text-wrap:pretty}
.rp-convite small{display:block;margin-top:2px;font-size:13px;color:var(--tinta-suave,#6b5d52)}
.rp-convite button{flex:0 0 auto;display:inline-flex;align-items:center;gap:12px;cursor:pointer;
  font:600 13px/1 var(--ff,"Inter",sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta);
  background:var(--papel,#FDFCFA);border:1px solid var(--tinta);padding:14px 18px 14px 16px;border-radius:0}
.rp-convite button i{width:9px;height:9px;background:var(--luz);box-shadow:0 0 0 1px rgba(240,203,0,.35),0 0 10px 2px rgba(240,203,0,.6);
  animation:rp-pisca 4s ease-in-out infinite}
.rp-convite button:hover{background:var(--tinta);color:#fff}
.rp-convite button:focus-visible{outline:2px solid var(--luz);outline-offset:3px}
@keyframes rp-pisca{0%,100%{transform:scale(.8);opacity:.7}45%{transform:scale(1.25);opacity:1}}

/* a tela inteira */
html.rp-travado,html.rp-travado body{overflow:hidden}
.rp-tela{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;overflow:hidden;
  background:#F7F2E9;opacity:0;transition:opacity .9s ease}
.rp-tela[hidden]{display:none}
.rp-tela.rp-aberta{opacity:1}
.rp-fundo{position:absolute;inset:-6%}
.rp-fundo picture{display:block;width:100%;height:100%}
/* o jardim desfocado vira luz e cor, sem a casa e a piscina chamando o olho */
.rp-fundo img{display:block;width:100%;height:100%;object-fit:cover;object-position:78% 70%;
  filter:saturate(.85) brightness(1.08) blur(7px);transform:scale(1.04)}
.rp-tela.rp-aberta .rp-fundo img{animation:rp-aproxima 64s linear both}
@keyframes rp-aproxima{to{transform:scale(1.14)}}
/* um véu marfim de baixo para cima, e o sol que acende junto com o ar */
.rp-veu{position:absolute;inset:0;background:
  radial-gradient(60% 50% at 50% 46%,rgba(255,250,228,.55),rgba(255,250,228,0) 70%),
  linear-gradient(180deg,rgba(253,252,250,.10) 0%,rgba(253,252,250,.30) 55%,rgba(247,242,233,.72) 100%)}
.rp-sol{position:absolute;left:50%;top:44%;width:120vmax;height:120vmax;margin:-60vmax 0 0 -60vmax;pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,236,150,.55),rgba(255,236,150,0) 62%);
  opacity:.25;transform:scale(.7);transition:opacity 4s ease-in-out,transform 4s ease-in-out}
.rp-tela[data-fase="in"] .rp-sol{opacity:.75;transform:scale(1);transition-duration:4s}
.rp-tela[data-fase="out"] .rp-sol{opacity:.2;transform:scale(.7);transition-duration:6s}

/* o painel de vidro */
.rp-painel{position:relative;width:min(380px,88vw);padding:30px 28px 26px;text-align:center;
  background:rgba(253,252,250,.66);-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1);
  border:1px solid rgba(255,255,255,.75);box-shadow:0 24px 60px rgba(80,60,40,.18)}
.rp-rot{margin:0 0 6px;display:flex;justify-content:center;align-items:center;gap:10px;
  font:600 11px/1 var(--ff,"Inter",sans-serif);letter-spacing:.2em;text-transform:uppercase;color:var(--tinta-suave,#6b5d52)}
.rp-rot::before{content:"";width:22px;height:1px;background:currentColor;opacity:.6}

/* a linha e o ponto de luz */
.rp-guia{position:relative;width:60px;height:210px;margin:22px auto 20px}
.rp-trilho{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;
  background:linear-gradient(180deg,rgba(176,159,141,.25),rgba(176,159,141,.75))}
.rp-trilho::before,.rp-trilho::after{content:"";position:absolute;left:50%;width:10px;height:1px;margin-left:-5px;background:var(--taupe)}
.rp-trilho::before{top:0}.rp-trilho::after{bottom:0}
.rp-cheio{position:absolute;left:50%;bottom:0;width:2px;margin-left:-1px;height:0;background:var(--luz);
  box-shadow:0 0 8px rgba(240,203,0,.7)}
.rp-ponto{position:absolute;left:50%;bottom:0;width:26px;height:26px;margin:0 0 -13px -13px;border-radius:50%;
  background:radial-gradient(circle at 50% 42%,#FFF8D2 0%,#F7DB45 45%,var(--luz) 70%);
  box-shadow:0 0 0 6px rgba(240,203,0,.16),0 0 24px 6px rgba(240,203,0,.55)}
.rp-tela[data-fase="in"] .rp-ponto{bottom:100%;transition:bottom 4s cubic-bezier(.45,.05,.55,.95)}
.rp-tela[data-fase="in"] .rp-cheio{height:100%;transition:height 4s cubic-bezier(.45,.05,.55,.95)}
.rp-tela[data-fase="out"] .rp-ponto{bottom:0;transition:bottom 6s cubic-bezier(.45,.05,.55,.95)}
.rp-tela[data-fase="out"] .rp-cheio{height:0;transition:height 6s cubic-bezier(.45,.05,.55,.95)}

.rp-fala{margin:0;min-height:1.3em;font:500 clamp(26px,6vw,32px)/1.2 var(--ff,"Inter",sans-serif);letter-spacing:-.01em;color:var(--tinta);
  transition:opacity .6s ease}
.rp-fala.rp-troca{opacity:0}
.rp-tempo{margin:8px 0 0;min-height:1.4em;font-size:16px;letter-spacing:.04em;color:var(--tinta-suave,#51443A)}
.rp-relogio{margin:18px 0 0;font:600 14px/1 var(--ff,"Inter",sans-serif);letter-spacing:.16em;color:var(--tinta-suave,#51443A)}
.rp-sair{margin-top:18px;cursor:pointer;background:transparent;border:0;border-bottom:1px solid var(--tinta);padding:4px 0;
  font:600 12px/1 var(--ff,"Inter",sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta)}
.rp-sair:focus-visible{outline:2px solid var(--luz);outline-offset:4px}

@media (max-width:520px){
  .rp-painel{padding:24px 20px 22px}
  .rp-guia{height:170px;margin:16px auto}
}
@media (prefers-reduced-motion:reduce){
  .rp-tela.rp-aberta .rp-fundo img,.rp-convite button i{animation:none}
  .rp-ponto,.rp-cheio,.rp-sol{transition:none!important}
}