/* ==========================================================================
   TROK v3 — redes sociais e telas novas (carregado depois do trok.css)
   ========================================================================== */
.sem-movimento *, .sem-movimento *::before, .sem-movimento *::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }

/* login social */
.sociais{ display:grid; gap:10px; }
.btn-social{
  display:flex; align-items:center; justify-content:center; gap:10px; min-height:52px; border-radius:16px;
  background:var(--branco); box-shadow:var(--sombra-1); font-size:14.5px; font-weight:700; color:var(--tinta);
  transition:transform .2s var(--mola);
}
.btn-social:active{ transform:scale(.97); }
.btn-social svg{ flex:0 0 auto; }
.btn-social--apple{ background:#111; color:#fff; box-shadow:none; }
.btn-social--face{ background:#1877F2; color:#fff; box-shadow:none; }
.divisor-txt{ display:flex; align-items:center; gap:12px; margin:20px 0 18px; font-size:12px; font-weight:600; color:var(--tinta-3); }
.divisor-txt::before,.divisor-txt::after{ content:""; flex:1; height:1px; background:var(--linha); }

/* caixas de marcar, erros e força da senha */
.marcar{ display:flex; align-items:flex-start; gap:12px; width:100%; text-align:left; padding:12px 14px; border-radius:15px; background:var(--branco); box-shadow:var(--sombra-1); }
.marcar__txt{ font-size:13px; line-height:1.45; color:var(--tinta); padding-top:2px; }
[aria-checked="true"] > .marca-check{ background:var(--roxo); border-color:var(--roxo); }
.erro{ font-size:12px; font-weight:600; color:var(--vermelho); margin:6px 2px 0; }
.campo--erro input,.campo--erro textarea,.campo--erro select{ border-color:var(--vermelho) !important; box-shadow:0 0 0 4px rgba(239,59,69,.12) !important; }
.forca{ display:flex; gap:5px; margin-top:9px; }
.forca i{ flex:1; height:4px; border-radius:99px; background:var(--linha); transition:background .25s; }
.forca--1 i:nth-child(1){ background:var(--vermelho); }
.forca--2 i:nth-child(-n+2){ background:var(--amarelo); }
.forca--3 i{ background:var(--verde); }

/* grade de categorias / interesses */
.cats-grade{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
.cat-tile{
  position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:6px; padding:16px; min-height:112px;
  border-radius:var(--r-md); background:var(--branco); box-shadow:var(--sombra-1); text-align:left; font-size:14px; font-weight:700;
  border:2px solid transparent; transition:border-color .2s, transform .2s var(--mola);
}
.cat-tile:active{ transform:scale(.97); }
.cat-tile__ic{ width:44px; height:44px; border-radius:14px; background:var(--roxo-nevoa); color:var(--roxo); display:grid; place-items:center; margin-bottom:4px; }
.cat-tile .marca-check{ position:absolute; top:12px; right:12px; }
.cat-tile[aria-pressed="true"]{ border-color:var(--roxo); }
.cat-tile[aria-pressed="true"] .cat-tile__ic{ background:var(--roxo); color:#fff; }
.atalhos{ display:flex; gap:8px; flex-wrap:wrap; margin-top:16px; }
.chip svg{ flex:0 0 auto; }
.chip--mini{ min-height:28px; padding:0 10px; font-size:11.5px; box-shadow:none; background:var(--cinza); }

/* stories */
.stories{ display:flex; gap:14px; overflow-x:auto; margin:0 calc(var(--g) * -1) 16px; padding:2px var(--g) 4px; scrollbar-width:none; }
.stories::-webkit-scrollbar{ display:none; }
.story{ flex:0 0 66px; display:grid; justify-items:center; gap:6px; }
.story__aro{ position:relative; width:66px; height:66px; border-radius:999px; padding:3px; background:conic-gradient(from 200deg, var(--amarelo), var(--roxo), #9A86F5, var(--amarelo)); }
.story--visto .story__aro{ background:#D5D5DF; }
.story--meu .story__aro{ background:var(--linha); }
.story__foto{ width:100% !important; height:100% !important; border-radius:999px; border:3px solid var(--fundo); font-size:16px !important; }
.story__foto--img{ display:block; position:relative; overflow:hidden; background:#fff; }
.story__foto--img img{ position:absolute; inset:6px; width:calc(100% - 12px); height:calc(100% - 12px); object-fit:contain; }
.story__mais{ position:absolute; right:-2px; bottom:-2px; width:24px; height:24px; border-radius:999px; background:var(--roxo); color:#fff; display:grid; place-items:center; border:2.5px solid var(--fundo); }
.story__nome{ max-width:66px; font-size:11px; font-weight:600; color:var(--tinta-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.story-ver{ position:absolute; inset:0; background:#14121C; color:#fff; overflow:hidden; }
.story-ver__barras{ position:absolute; left:12px; right:12px; top:calc(var(--seg-topo) + 4px); display:flex; gap:4px; z-index:4; }
.story-ver__barras i{ flex:1; height:3px; border-radius:99px; background:rgba(255,255,255,.3); overflow:hidden; }
.story-ver__barras b{ display:block; height:100%; width:0; background:#fff; }
.story-ver__barras .cheia b{ width:100%; }
.story-ver__barras .atual b{ animation:story 5s linear forwards; }
@keyframes story{ to{ width:100%; } }
.sem-movimento .story-ver__barras .atual b{ animation-duration:5s !important; }
.story-ver__topo{ position:absolute; left:12px; right:8px; top:calc(var(--seg-topo) + 16px); z-index:4; display:flex; align-items:center; justify-content:space-between; }
.story-ver__quem{ display:flex; align-items:center; gap:10px; text-align:left; color:#fff; }
.story-ver__quem b{ display:block; font-size:14px; }
.story-ver__quem span span{ font-size:11.5px; opacity:.7; }
.story-ver__foto{ position:absolute; left:0; right:0; top:14%; bottom:30%; background:radial-gradient(60% 50% at 50% 50%, rgba(103,70,234,.55), transparent 70%); }
.story-ver__foto img{ position:absolute; inset:6%; width:88%; height:88%; object-fit:contain; filter:drop-shadow(0 26px 30px rgba(0,0,0,.45)); }
.story-ver__lado{ position:absolute; top:12%; bottom:32%; width:38%; z-index:3; }
.story-ver__lado--esq{ left:0; }
.story-ver__lado--dir{ right:0; }
.story-ver__card{ position:absolute; left:0; right:0; bottom:0; z-index:4; padding:30px var(--g) calc(var(--seg-base) + 24px); background:linear-gradient(to top, rgba(20,18,28,.95) 60%, rgba(20,18,28,0)); }

/* perfil público */
.pp{ text-align:center; display:grid; justify-items:center; padding-top:4px; }
.pp__linha{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px 10px; margin-top:6px; }
.pp__stats{ display:flex; width:100%; margin-top:18px; background:var(--branco); border-radius:var(--r-md); box-shadow:var(--sombra-1); }
.pp__stats > *{ flex:1; padding:13px 6px; display:grid; gap:2px; text-align:center; }
.pp__stats > * + *{ border-left:1px solid var(--linha); }
.pp__stats b{ font-family:var(--f-display); font-size:18px; font-weight:700; letter-spacing:-.03em; }
.pp__stats span span, .pp__stats button span{ font-size:11px; color:var(--tinta-2); }
.pp__acoes{ display:grid; grid-template-columns:1fr 1fr; gap:10px; width:100%; margin-top:14px; }
.pp__redes{ display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:14px; }
.pp__redes svg{ width:17px; height:17px; }
.linha__toque{ display:flex; align-items:center; gap:12px; flex:1; min-width:0; text-align:left; }

/* editar perfil e convite */
.entrada--campo{ min-height:54px; }
.codigo{ display:flex; align-items:center; gap:12px; padding:16px; border-radius:var(--r-md); background:var(--branco); box-shadow:var(--sombra-1); border:2px dashed var(--roxo-claro); }
.codigo b{ flex:1; font-family:var(--f-display); font-size:18px; font-weight:700; letter-spacing:.02em; color:var(--roxo); }
.redes{ display:grid; grid-template-columns:repeat(3, 1fr); gap:14px 10px; }
.rede{ display:grid; justify-items:center; gap:7px; font-size:11.5px; font-weight:600; color:var(--tinta-2); transition:transform .2s var(--mola); }
.rede:active{ transform:scale(.92); }
.rede__ic{ width:56px; height:56px; border-radius:18px; display:grid; place-items:center; color:#fff; box-shadow:0 8px 16px rgba(41,45,69,.15); }

/* avaliações */
.estrelas{ display:inline-flex; gap:1px; }
.estrelas span{ color:#DADAE3; display:grid; }
.estrelas span.on{ color:var(--amarelo); }
.resumo-av{ display:flex; align-items:center; gap:18px; }
.resumo-av__barras{ flex:1; display:grid; gap:5px; }
.resumo-av__barras > span{ display:flex; align-items:center; gap:8px; font-size:11px; color:var(--tinta-2); }
.resumo-av__barras i{ flex:1; height:6px; border-radius:99px; background:var(--cinza); overflow:hidden; }
.resumo-av__barras em{ display:block; height:100%; background:var(--amarelo); border-radius:99px; }
.estrelas-grande{ display:flex; justify-content:center; gap:6px; margin:22px 0 8px; }
.estrelas-grande button{ color:#DADAE3; display:grid; padding:2px; transition:color .2s, transform .2s var(--mola); }
.estrelas-grande button.on{ color:var(--amarelo); }
.estrelas-grande button:active{ transform:scale(.85); }

/* conquistas */
.selos{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
.selo-c{ display:grid; justify-items:center; gap:5px; text-align:center; padding:18px 12px 14px; border-radius:var(--r-md); background:var(--branco); box-shadow:var(--sombra-1); opacity:.78; }
.selo-c b{ font-size:13.5px; margin-top:4px; }
.selo-c__ic{ width:58px; height:58px; border-radius:20px; display:grid; place-items:center; background:var(--cinza); color:var(--tinta-3); }
.selo-c__ic .simbolo{ width:15px; height:26px; }
.selo-c.feito{ opacity:1; }
.selo-c.feito .selo-c__ic{ background:var(--roxo); color:var(--amarelo); box-shadow:var(--sombra-roxo); }
.selo-c__barra{ width:100%; height:5px; border-radius:99px; background:var(--cinza); overflow:hidden; margin-top:6px; }
.selo-c__barra em{ display:block; height:100%; border-radius:99px; background:var(--roxo); }
.selo-grande{ width:88px; height:88px; margin:0 auto; border-radius:30px; background:var(--roxo); color:var(--amarelo); display:grid; place-items:center; box-shadow:var(--sombra-roxo); }

/* calendário de aluguel */
.cal{ padding:16px 12px; }
.cal__mes{ font-family:var(--f-display); font-size:15px; font-weight:600; text-align:center; margin-bottom:12px; }
.cal__mes::first-letter{ text-transform:uppercase; }
.cal__grade{ display:grid; grid-template-columns:repeat(7, 1fr); gap:5px; }
.cal__sem{ font-size:11px; font-weight:700; color:var(--tinta-3); text-align:center; padding-bottom:4px; }
.cal__dia{ aspect-ratio:1; border-radius:11px; font-size:13px; font-weight:700; display:grid; place-items:center; transition:background .15s, color .15s; }
.cal__dia--livre{ background:var(--cinza); color:var(--tinta); }
.cal__dia--pendente{ background:var(--amarelo-nev); color:#8A6200; }
.cal__dia--ocupado{ background:transparent; color:#C9C9D6; text-decoration:line-through; }
.cal__dia[disabled]{ cursor:default; }
.cal__dia:disabled:not(.cal__dia--ocupado){ opacity:.35; }
.cal__dia.escolhido{ background:var(--roxo); color:#fff; box-shadow:0 6px 14px rgba(103,70,234,.35); }
.cal__legenda{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px 14px; margin-top:14px; font-size:11px; color:var(--tinta-2); }
.cal__legenda span{ display:inline-flex; align-items:center; gap:5px; }
.cal__legenda i{ width:12px; height:12px; border-radius:4px; }
.l-livre{ background:var(--cinza); } .l-pendente{ background:var(--amarelo-nev); } .l-ocupado{ background:#E3E3EA; } .l-seu{ background:var(--roxo); }
.resumo-linha{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:16px 2px 14px; font-weight:700; font-size:14px; }

/* visitas */
.dias{ display:flex; gap:9px; overflow-x:auto; margin:0 calc(var(--g) * -1); padding:2px var(--g) 6px; scrollbar-width:none; }
.dias::-webkit-scrollbar{ display:none; }
.dia-chip{ flex:0 0 62px; height:74px; border-radius:18px; background:var(--branco); box-shadow:var(--sombra-1); display:grid; place-content:center; gap:2px; text-align:center; border:2px solid transparent; }
.dia-chip span{ font-size:11px; font-weight:600; color:var(--tinta-2); text-transform:capitalize; }
.dia-chip b{ font-family:var(--f-display); font-size:20px; font-weight:700; }
.dia-chip[aria-pressed="true"]{ background:var(--roxo); border-color:var(--roxo); color:#fff; }
.dia-chip[aria-pressed="true"] span{ color:rgba(255,255,255,.8); }
.horas{ display:grid; grid-template-columns:repeat(3, 1fr); gap:9px; }
.horas .chip{ justify-content:center; }
.chip:disabled{ opacity:.35; text-decoration:line-through; box-shadow:none; }

/* radar, denúncia, ajuda, configurações */
.radar-item{ display:flex; align-items:center; gap:12px; padding:12px 10px 12px 14px; }
.interruptor-btn{ display:grid; padding:4px; }
.linha-chave{ display:flex; align-items:center; gap:14px; width:100%; text-align:left; padding:14px 16px; border-radius:var(--r-md); background:var(--branco); box-shadow:var(--sombra-1); margin-bottom:9px; }
.lista > .linha-chave{ margin-bottom:0; }
.linha-chave__txt{ flex:1; min-width:0; }
.linha-chave__txt b{ display:block; font-size:14px; font-weight:600; }
.linha-chave__txt .mini{ display:block; margin-top:3px; line-height:1.4; }
.escolha--radio{ padding:14px 16px; }
.radio{ width:22px; height:22px; flex:0 0 22px; border-radius:999px; border:2px solid var(--linha); position:relative; transition:border-color .2s; }
.escolha--radio[aria-pressed="true"] .radio{ border-color:var(--roxo); }
.escolha--radio[aria-pressed="true"] .radio::after{ content:""; position:absolute; inset:4px; border-radius:999px; background:var(--roxo); }
.acordeao details{ padding:0; overflow:hidden; }
.acordeao summary{ list-style:none; display:flex; align-items:center; gap:12px; padding:15px 16px; font-size:14px; font-weight:700; cursor:pointer; }
.acordeao summary::-webkit-details-marker{ display:none; }
.acordeao summary svg{ margin-left:auto; flex:0 0 auto; color:var(--tinta-3); transition:transform .25s; }
.acordeao details[open] summary svg{ transform:rotate(90deg); }
.acordeao details p{ padding:0 16px 16px; font-size:13.5px; line-height:1.55; color:var(--tinta-2); }
.dica{ display:flex; gap:12px; align-items:flex-start; font-size:13.5px; line-height:1.45; }
.dica svg{ flex:0 0 auto; color:var(--roxo); }
.notif{ display:flex; gap:13px; align-items:center; width:100%; text-align:left; }
.notif > svg{ color:var(--tinta-3); flex:0 0 auto; }

/* perfil (capa com bio e redes) */
.perfil-capa__topo{ display:flex; justify-content:space-between; align-items:center; padding-top:calc(var(--seg-topo) + 4px); position:relative; z-index:2; }
.perfil-capa__quem{ display:grid; justify-items:center; gap:8px; margin-top:6px; position:relative; z-index:2; }
.perfil-capa__bio{ font-size:12.5px; opacity:.85; max-width:270px; line-height:1.5; }
.perfil-capa__tags{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin-top:2px; }
.tag--vidro{ background:rgba(255,255,255,.16); color:#fff; height:28px; padding:0 11px; }
.tag--vidro svg{ width:13px; height:13px; }
.quad--vidro{ background:rgba(255,255,255,.16); color:#fff; box-shadow:none; }
button.perfil-stat{ font:inherit; color:inherit; transition:transform .2s var(--mola); }
button.perfil-stat:active{ transform:scale(.96); }

/* prévia do anúncio no publicar */
.previa{ width:220px; margin:0 auto; pointer-events:none; }