/* Interface minimalista inspirada na referencia, construída apenas com HTML e CSS. */
:root{
  --azul-vivo:#075df5;
  --azul-escuro:#064cc9;
  --azul-claro:#e6edff;
  --fundo-novo:#f2efe9;
  --papel:#fffdf9;
  --menu-novo:#e9e2e8;
  --texto-novo:#183354;
}

body{background:#e9e6e0}
.app{background:var(--fundo-novo);color:var(--texto-novo)}

/* Cabecalho sem fotografia ou arte colada: tudo abaixo e interface real. */
.topo{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 40px 64px;
  align-items:center;
  gap:4px;
  min-height:120px;
  margin:-38px 0 18px;
  padding:16px 10px 12px 0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.topo::after{display:none}
.topo>div,.topo>.perfil{position:relative;z-index:2}
.topo .data{
  margin-bottom:7px;
  color:var(--azul-vivo);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:9px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.topo h1{
  max-width:none;
  margin:0;
  color:var(--azul-vivo);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(20px,5.1vw,24px);
  font-weight:720;
  line-height:1.02;
  letter-spacing:-.045em;
  text-shadow:none;
  white-space:nowrap;
}
.topo .aceno{display:inline-block;font-size:.72em;letter-spacing:0;transform:translateY(-2px) rotate(-6deg)}
.topo .subtitulo{
  max-width:245px;
  margin-top:7px;
  color:#4078eb;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:10.5px;
  line-height:1.35;
}
.perfil{
  position:relative;
  isolation:isolate;
  width:64px;
  height:64px;
  border:0;
  border-radius:50%;
  background:var(--azul-vivo);
  color:#fff;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:13px;
  font-weight:400;
  box-shadow:0 8px 18px rgba(7,93,245,.18);
}
.perfil::before{content:"";position:absolute;z-index:-1;inset:-20px;border-radius:50%;background:conic-gradient(from 20deg,rgba(55,131,255,.82),rgba(255,92,105,.78),rgba(255,201,57,.8),rgba(55,131,255,.82));filter:blur(14px);opacity:.72;pointer-events:none}
.notificacoes{
  position:relative;
  display:grid;
  width:40px;
  height:44px;
  place-items:center;
  border:0;
  border-radius:50%;
  background:transparent;
  cursor:pointer;
}
.notificacoes svg{display:block;width:28px;height:28px;overflow:visible;color:var(--azul-vivo);fill:currentColor}
.notificacoes:focus-visible,.perfil:focus-visible{outline:3px solid #9dbaff;outline-offset:3px}

/* O conteudo continua utilizavel, agora com a mesma linguagem visual. */
.painel,.estado-agora,.cartao,.bloco,.recurso-card,.rotina-item,.perfil-card,.apoio-card{
  border-color:transparent!important;
  border-radius:26px!important;
  background:var(--papel)!important;
  box-shadow:0 10px 28px rgba(27,55,94,.065)!important;
}
.secao-titulo span,.pagina-titulo span,.etiqueta{color:var(--azul-vivo)!important}
.secao-titulo h2,.pagina-titulo h2,.painel h2,.painel h3{color:var(--texto-novo)}
.secao-titulo h2,.pagina-titulo h2,.painel h2{font-size:clamp(19px,5vw,23px);line-height:1.08}
.painel h3{font-size:17px}
.painel p,.estado-agora p,.resumo-energia{font-size:13px}
.link,.acao{color:var(--azul-vivo)!important}
.estado-agora{background:var(--azul-claro)!important}
.resumo-energia{background:rgba(255,255,255,.75)!important}
.resumo-energia button,.painel button:not(.link):not([data-emocao]),.acao-principal{
  border-color:var(--azul-vivo)!important;
  color:var(--azul-vivo)!important;
}
.destaque{border-radius:28px;background:var(--azul-vivo)!important;color:#fff!important;box-shadow:0 14px 30px rgba(7,93,245,.2)!important}
.destaque h2,.destaque p,.destaque span{color:#fff!important}
.emocao button.selecionado .rosto{outline-color:var(--azul-vivo)!important}

/* Menu inferior em capsula, com quatro destinos claros. */
.menu{
  left:50%;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  width:348px;
  min-height:72px;
  padding:7px 9px;
  transform:translateX(-50%);
  border:0;
  border-radius:999px;
  background:rgba(233,226,232,.97);
  box-shadow:0 14px 36px rgba(42,51,78,.14);
  backdrop-filter:blur(16px);
}
.menu button,.menu .menu-central{
  display:flex;
  min-width:0;
  height:58px;
  padding:5px 3px;
  transform:none;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#557ac7;
  box-shadow:none;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:9px;
}
.menu button span,.menu .menu-central span{
  display:grid;
  width:auto;
  height:27px;
  place-items:center;
  color:var(--azul-vivo);
  font-size:31px;
  font-weight:800;
  line-height:1;
}
.menu button .icone-menu,.menu .menu-central .icone-menu{width:27px;height:27px;color:var(--azul-vivo)}
.menu .icone-menu svg{display:block;width:25px;height:25px;fill:currentColor}
.menu button small{font-size:9px;color:inherit}
.menu button.ativo{background:rgba(255,255,255,.68);color:var(--azul-vivo);font-weight:750}
.menu button:focus-visible{outline:3px solid #9dbaff;outline-offset:-2px}

@media (min-width:700px){
  .menu{bottom:max(48px,calc((100vh - 900px)/2 + 24px))}
}

@media (max-width:699px){
  body{background:var(--fundo-novo)}
  .app{padding-bottom:126px}
  .topo{grid-template-columns:minmax(0,1fr) 36px 60px;gap:3px;min-height:120px;margin-top:-28px;padding:14px 8px 12px 0}
  .perfil{width:60px;height:60px;font-size:12px}
  .perfil::before{inset:-17px;filter:blur(12px)}
  .notificacoes{width:36px;height:42px}
  .notificacoes svg{width:26px;height:26px}
  .topo .subtitulo{max-width:205px;font-size:10px}
  .menu{bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100% - 42px);max-width:370px;min-height:70px;padding:6px 8px}
  .menu button,.menu .menu-central{height:56px}
  .menu button span,.menu .menu-central span{height:26px;font-size:24px}
}

@media (max-width:370px){
  .topo{grid-template-columns:minmax(0,1fr) 38px 58px;padding-right:6px;padding-left:0}
  .perfil{width:58px;height:58px}
  .topo h1{font-size:19px}
  .topo .subtitulo{font-size:9.5px}
}

/* Nova tela inicial */
.inicio-legado{display:none!important}
.busca-inicio{display:grid;grid-template-columns:32px 1fr 38px;align-items:center;gap:8px;margin:0 0 18px;padding:8px 10px 8px 16px;border-radius:999px;background:#075df5;box-shadow:0 12px 28px rgba(7,93,245,.2)}
.busca-inicio>span{color:#fff;font-size:18px;text-align:center}.busca-inicio input{width:100%;min-width:0;padding:10px 0;border:0;outline:0;background:transparent;color:#fff;font:500 14px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.busca-inicio input::placeholder{color:rgba(255,255,255,.84)}
.busca-inicio button{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:50%;background:#fff;color:#075df5}.busca-inicio svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}
.checkin-novo{position:relative;overflow:hidden;margin-bottom:18px;padding:21px!important;background:linear-gradient(135deg,rgba(255,211,76,.3),rgba(62,131,255,.25) 38%,rgba(255,91,108,.24) 70%,rgba(105,177,255,.28))!important}
.checkin-novo::before{content:"";position:absolute;inset:-45%;z-index:0;background:conic-gradient(from 20deg,#ffd34880,#1672ff70,#ff536a75,#8ed4ff80,#ffd34880);filter:blur(30px);opacity:.8}.checkin-novo>*{position:relative;z-index:1}.checkin-novo .secao-titulo h2{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:21px;font-weight:750;text-align:center}.checkin-novo .secao-titulo>div{width:100%}.checkin-novo .secao-titulo span{display:block;text-align:center}.historico-seta{display:grid!important;width:42px!important;height:42px!important;flex:none;place-items:center;border:0!important;border-radius:50%!important;background:#075df5!important;color:#fff!important;font-size:34px!important;line-height:1!important;box-shadow:0 8px 20px rgba(7,93,245,.22)}
.checkin-novo .emocao{margin-top:16px}.checkin-novo .emocao button{padding:6px 2px}.checkin-novo .mensagem{margin-top:12px;color:#4c617f;text-align:center}
.calendario-inicio{margin-bottom:18px;padding:22px;border-radius:30px;background:linear-gradient(155deg,#8bc8ff,#b7d9ff);box-shadow:0 14px 30px rgba(66,139,211,.16)}
.calendario-cabecalho{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.calendario-cabecalho span{color:#075df5;font-size:8px;font-weight:850;letter-spacing:.14em}.calendario-cabecalho h2{margin-top:3px;color:#12345c;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:20px}.calendario-cabecalho>strong{padding:6px 9px;border-radius:999px;background:#ffffff80;color:#075df5;font-size:8px;letter-spacing:.08em}
.calendario-semana,.calendario-dias{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendario-semana{padding:8px 5px;border-radius:12px 12px 0 0;background:#178da9;color:#fff;font-size:10px;font-weight:800;text-align:center}.calendario-dias{padding:10px 5px;border-radius:0 0 14px 14px;background:rgba(255,255,255,.82)}.calendario-dias i{display:block}.calendario-dias button{position:relative;aspect-ratio:1;border:0;border-radius:50%;background:transparent;color:#336bbb;font-size:12px;font-weight:750}.calendario-dias button:nth-of-type(7n+1){color:#e5485b}.calendario-dias button.hoje{background:#075df5;color:#fff}.calendario-dias button.com-evento::after{content:"";position:absolute;right:4px;bottom:3px;width:5px;height:5px;border-radius:50%;background:#ff5c68;box-shadow:0 0 0 2px #fff}.calendario-info{display:flex;width:100%;align-items:center;gap:10px;margin-top:14px;padding:11px;border:0;border-radius:16px;background:rgba(255,255,255,.62);color:#173c68;text-align:left}.calendario-info>span{display:grid;width:31px;height:31px;flex:none;place-items:center;border-radius:10px;background:#075df5;color:#fff}.calendario-info strong,.calendario-info small{display:block}.calendario-info strong{font-size:11px}.calendario-info small{margin-top:2px;color:#4f6f91;font-size:9px;line-height:1.35}
.relaxamento-inicio{display:grid;width:100%;grid-template-columns:82px 1fr 18px;align-items:center;gap:14px;margin-bottom:22px;padding:20px;border:0;border-radius:30px;background:linear-gradient(145deg,#e2ecf4,#cbdbea);color:#173653;text-align:left;box-shadow:0 14px 30px rgba(65,99,126,.13)}.relaxamento-inicio>span:nth-child(2) small,.relaxamento-inicio>span:nth-child(2) strong,.relaxamento-inicio>span:nth-child(2) em{display:block}.relaxamento-inicio small{color:#587893;font-size:8px;font-weight:850;letter-spacing:.12em}.relaxamento-inicio strong{margin:4px 0;font-size:17px;line-height:1.15}.relaxamento-inicio em{color:#617a90;font-size:9px;font-style:normal}.relaxamento-inicio>b{color:#075df5;font-size:28px}.flor-respiracao{position:relative;display:block;width:78px;height:78px;animation:respirarFlor 6s ease-in-out infinite}.flor-respiracao i,.flor-respiracao b{position:absolute;border-radius:50%}.flor-respiracao i{width:46px;height:46px;background:rgba(61,139,255,.55)}.flor-respiracao i:nth-child(1){top:0;left:16px}.flor-respiracao i:nth-child(2){top:16px;right:0;background:rgba(115,194,255,.58)}.flor-respiracao i:nth-child(3){bottom:0;left:16px;background:rgba(117,116,240,.48)}.flor-respiracao i:nth-child(4){top:16px;left:0;background:rgba(69,166,219,.55)}.flor-respiracao b{inset:24px;background:#fff;box-shadow:0 0 16px #fff}
#respirar .pagina-titulo{margin-bottom:14px}#respirar .exercicio{padding:28px 20px;border-radius:32px;background:linear-gradient(160deg,#e9f3f7,#dce8f4);box-shadow:0 16px 40px rgba(58,92,122,.12)}#respirar .exercicio>p{color:#315a79;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:18px}#respirar .orbita{border:0;background:radial-gradient(circle,#fff 0 18%,#acdff4 19% 36%,#7bb8e8 37% 53%,#7d88e7 54% 69%,transparent 70%);box-shadow:0 16px 50px rgba(89,145,195,.25)}#respirar .orbita div{width:88px;height:88px;border:0;background:rgba(255,255,255,.82);box-shadow:0 0 30px #fff}#respirar .botao-cheio{background:#075df5}
@keyframes respirarFlor{0%,100%{transform:scale(.82) rotate(-4deg)}50%{transform:scale(1.06) rotate(4deg)}}
@media (prefers-reduced-motion:reduce){.flor-respiracao{animation:none}}