@font-face{font-family:'Montserrat';font-style:normal;font-weight:500 900;font-display:swap;src:url(../media/6438d7b8ea9c7c39.woff2) format('woff2')}
/* Protótipo do módulo de relacionamento da 2 Clicks (check-in em bares).
   Navegação 100% em CSS (radio + label), porque o WebView do app 2 Clicks
   intercepta qualquer href interno e manda a pessoa para a Home. */

:root{
  --noite:#0D0118; --noite-2:#150526; --noite-3:#1F0B36; --roxo:#2D005D;
  --violeta:#8B5CF6; --violeta-2:#B39CFF; --coral:#FF304C; --coral-2:#F04938; --laranja:#FF7A45;
  --ambar:#FFB25B; --verde:#3DDC97; --zap:#25D366;
  --texto:#F7F2FF; --texto-2:#CDBFE6; --texto-3:#9D8DBA;
  --vidro:rgba(255,255,255,.06); --vidro-2:rgba(255,255,255,.11); --linha:rgba(255,255,255,.11);
  --grad:linear-gradient(120deg,#8B5CF6 0%,#D6417E 52%,#FF304C 100%);
  --grad-btn:linear-gradient(135deg,#FF304C 0%,#FF5A3D 100%);
  --fonte:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --tab:72px;
  --bokeh:radial-gradient(circle at 15% 16%,rgba(255,255,255,.34),rgba(255,255,255,0) 9%),
          radial-gradient(circle at 84% 11%,rgba(255,214,150,.42),rgba(255,214,150,0) 7%),
          radial-gradient(circle at 68% 33%,rgba(255,255,255,.2),rgba(255,255,255,0) 6%),
          radial-gradient(circle at 34% 38%,rgba(255,140,170,.26),rgba(255,140,170,0) 8%),
          radial-gradient(circle at 92% 46%,rgba(180,160,255,.3),rgba(180,160,255,0) 7%);
  --bokeh2:radial-gradient(circle at 78% 20%,rgba(255,226,170,.5),rgba(255,226,170,0) 10%),
           radial-gradient(circle at 20% 30%,rgba(255,255,255,.28),rgba(255,255,255,0) 8%),
           radial-gradient(circle at 48% 9%,rgba(255,140,120,.35),rgba(255,140,120,0) 7%),
           radial-gradient(circle at 8% 62%,rgba(255,200,120,.3),rgba(255,200,120,0) 9%);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:var(--fonte);color:var(--texto);background:#06000C;-webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:transparent;font-variant-numeric:lining-nums tabular-nums;line-height:1.4}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
label{cursor:pointer;-webkit-user-select:none;user-select:none}
label:focus-visible,a:focus-visible{outline:2px solid var(--coral);outline-offset:3px;border-radius:12px}
.r{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;left:-9999px}
.ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ico.cheio{fill:currentColor;stroke:none}
.ico.p{width:16px;height:16px}
.ico.g{width:28px;height:28px}

/* ===================== palco (computador) ===================== */
.palco{min-height:100%;display:flex;align-items:flex-start;justify-content:center;gap:34px;padding:22px 24px;
  background:radial-gradient(900px 620px at 12% 8%,rgba(139,92,246,.22),transparent 60%),
             radial-gradient(800px 600px at 92% 92%,rgba(255,48,76,.16),transparent 60%),#06000C}
.lado,.notas{width:300px;flex:none;height:calc(100vh - 44px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a2160 transparent;padding-right:4px}
.notas{width:330px}
.lado .lg{height:38px;width:auto}
.lado .marca-mod{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.tag-mod{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#fff;
  background:var(--grad);padding:5px 9px;border-radius:7px}
.lado h2{font-size:25px;line-height:1.12;font-weight:900;letter-spacing:-.02em;margin:4px 0 10px}
.lado p.l{font-size:13.5px;color:var(--texto-2);line-height:1.55}
.lado .grupo{margin-top:20px}
.lado .grupo h4{font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--texto-3);margin-bottom:6px}
.lado .grupo label{display:flex;gap:9px;align-items:center;font-size:13px;font-weight:600;color:var(--texto-2);padding:7px 9px;border-radius:9px}
.lado .grupo label:hover{background:var(--vidro)}
.lado .grupo label i{font-style:normal;font-size:10.5px;font-weight:800;color:var(--texto-3);width:20px;flex:none}
.lado .legenda{margin-top:22px;font-size:11.5px;color:var(--texto-3);line-height:1.5;border-top:1px solid var(--linha);padding-top:14px}
.notas .nota{display:none}
.notas .cab{font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--coral);margin-bottom:8px;display:flex;align-items:center;gap:8px}
.notas h3{font-size:21px;font-weight:900;letter-spacing:-.02em;line-height:1.15;margin-bottom:8px}
.notas p{font-size:13.5px;color:var(--texto-2);line-height:1.55}
.notas h5{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--texto-3);margin:16px 0 6px}
.notas ul{list-style:none;display:grid;gap:7px}
.notas li{font-size:13px;color:var(--texto-2);line-height:1.5;padding-left:14px;position:relative}
.notas li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--violeta)}
.notas .alerta li::before{background:var(--coral)}
.notas .caixa{background:var(--vidro);border:1px solid var(--linha);border-radius:14px;padding:12px 14px;margin-top:12px}
.notas .caixa.alerta{border-color:rgba(255,48,76,.45);background:rgba(255,48,76,.08)}
.notas .fase{display:inline-block;font-size:10.5px;font-weight:800;padding:4px 8px;border-radius:6px;background:rgba(61,220,151,.15);color:var(--verde);margin-left:auto}
.notas .fase.f2{background:rgba(255,178,91,.15);color:var(--ambar)}
.notas .fase.f3{background:rgba(179,156,255,.16);color:var(--violeta-2)}
.notas .fase.fp{background:var(--vidro-2);color:var(--texto-2)}
.notas-off .nota{display:none!important}
.notas .liga{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--texto-3);font-weight:600;margin-bottom:16px}

.celular{position:relative;height:min(844px,calc(100vh - 44px));aspect-ratio:390/844;flex:none;border-radius:54px;padding:11px;
  background:#04000A;box-shadow:0 0 0 1.5px #2b1548,0 50px 110px rgba(0,0,0,.65),0 0 90px rgba(139,92,246,.16)}
.app{position:relative;width:100%;height:100%;overflow:hidden;border-radius:43px;isolation:isolate;
  background:radial-gradient(120% 55% at 100% 0%,rgba(255,48,76,.2),transparent 60%),
             radial-gradient(100% 50% at 0% 100%,rgba(139,92,246,.24),transparent 60%),var(--noite)}
.app::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:60;opacity:.06;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
@media (max-width:1240px){.notas{display:none}}
@media (max-width:900px){.lado{display:none}}
@media (max-width:760px){
  .palco{display:block;padding:0;background:var(--noite)}
  .celular{width:100%;height:100vh;height:100dvh;border-radius:0;padding:0;box-shadow:none;background:var(--noite)}
  .app{border-radius:0}
}

/* ===================== telas ===================== */
.telas{position:absolute;inset:0}
.tela{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;display:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  animation:entra .34s cubic-bezier(.2,.8,.2,1)}
.tela::-webkit-scrollbar{display:none}
@keyframes entra{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes sobe{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}
@keyframes pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.06)}100%{opacity:1;transform:scale(1)}}
@keyframes pulsa{0%{box-shadow:0 0 0 0 rgba(61,220,151,.6)}80%,100%{box-shadow:0 0 0 9px rgba(61,220,151,0)}}
@keyframes onda{0%{transform:translate(-50%,-50%) scale(.3);opacity:.9}100%{transform:translate(-50%,-50%) scale(2.6);opacity:0}}
@keyframes caipino{0%{transform:translateY(-160px) scale(.7);opacity:0}60%{transform:translateY(8px) scale(1.04);opacity:1}100%{transform:none}}
@keyframes cai{0%{transform:translateY(-30px) rotate(0);opacity:0}10%{opacity:1}100%{transform:translateY(760px) rotate(540deg);opacity:0}}
@keyframes vemesq{from{transform:translateX(-170px) rotate(-24deg);opacity:0}to{transform:translateX(24px) rotate(-7deg);opacity:1}}
@keyframes vemdir{from{transform:translateX(170px) rotate(24deg);opacity:0}to{transform:translateX(-24px) rotate(7deg);opacity:1}}
@keyframes brilho{0%,100%{opacity:.55}50%{opacity:1}}
.st1{animation:entra .5s .05s both}.st2{animation:entra .5s .14s both}.st3{animation:entra .5s .23s both}.st4{animation:entra .5s .32s both}.st5{animation:entra .5s .41s both}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* aba "Telas" do protótipo (só no celular) */
.pill-telas{position:absolute;right:0;top:46%;z-index:40;writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;font-weight:800;letter-spacing:.18em;
  text-transform:uppercase;padding:12px 6px;border-radius:0 10px 10px 0;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.18);border-right:0}
@media (min-width:901px){.pill-telas{display:none}}
.print .pill-telas{display:none}

/* ===================== peças gerais ===================== */
.topo{position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:10px;padding:max(16px,env(safe-area-inset-top)) 16px 12px;
  background:linear-gradient(var(--noite) 62%,rgba(13,1,24,0))}
.topo h1{flex:1;font-size:17px;font-weight:800;text-align:center;letter-spacing:-.01em}
.topo .esp{width:42px;flex:none}
.bt-r{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--vidro-2);border:1px solid var(--linha);color:#fff;flex:none;
  backdrop-filter:blur(10px)}
.bt-r.escuro{background:rgba(8,0,16,.45)}
.pad{padding:0 18px}
.t-g{font-size:30px;font-weight:900;letter-spacing:-.03em;line-height:1.08}
.t-m{font-size:22px;font-weight:900;letter-spacing:-.02em;line-height:1.15}
.t-s{font-size:16px;font-weight:800;letter-spacing:-.01em}
.sub{font-size:14.5px;color:var(--texto-2);line-height:1.5}
.mini{font-size:12.5px;color:var(--texto-3);line-height:1.45}
.rotulo{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-3);margin:22px 18px 10px}
.coral{color:var(--coral)}
.grad-txt{color:var(--coral)}

.btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 22px;border-radius:18px;font-weight:800;font-size:16px;color:#fff;
  background:var(--grad-btn);box-shadow:0 14px 32px -10px rgba(255,48,76,.6),inset 0 1px 0 rgba(255,255,255,.28);width:100%;text-align:center;letter-spacing:-.005em}
.btn.sec{background:var(--vidro-2);border:1px solid rgba(255,255,255,.16);box-shadow:none}
.btn.claro{background:#fff;color:var(--roxo);box-shadow:0 14px 30px -12px rgba(0,0,0,.5)}
.btn.zap{background:var(--zap);color:#04301A;box-shadow:0 14px 30px -12px rgba(37,211,102,.7)}
.btn.insta{background:linear-gradient(45deg,#F58529 0%,#DD2A7B 55%,#8134AF 100%);box-shadow:0 14px 30px -12px rgba(221,42,123,.6)}
.btn.perigo{background:rgba(255,48,76,.14);border:1px solid rgba(255,48,76,.5);color:#FF8A98;box-shadow:none}
.btn .ico{width:20px;height:20px}
.btns{display:grid;gap:10px}
.btns.lado2{grid-template-columns:1fr 1fr}
.link{display:flex;justify-content:center;align-items:center;gap:6px;font-weight:700;color:var(--texto-2);font-size:14px;min-height:46px;text-align:center}
.rodape{position:sticky;bottom:0;z-index:6;padding:18px 16px max(18px,env(safe-area-inset-bottom));
  background:linear-gradient(rgba(13,1,24,0),var(--noite) 32%)}
.cartao{background:var(--vidro);border:1px solid var(--linha);border-radius:20px;padding:16px}
.linha-it{display:flex;align-items:center;gap:13px;padding:14px 16px;border-bottom:1px solid var(--linha);min-height:62px}
.linha-it:last-child{border-bottom:0}
.linha-it .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--vidro-2);flex:none}
.linha-it b{display:block;font-size:15px;font-weight:700}
.linha-it span{display:block;font-size:12.5px;color:var(--texto-3);margin-top:1px}
.linha-it .fim{margin-left:auto;color:var(--texto-3)}
.lista-cartao{background:var(--vidro);border:1px solid var(--linha);border-radius:20px;margin:0 16px;overflow:hidden}
.ponto-vivo{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--verde);animation:pulsa 1.8s infinite;flex:none}
.selo{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;padding:6px 11px;border-radius:999px;background:var(--vidro-2);border:1px solid var(--linha)}
.selo.vivo{background:rgba(61,220,151,.13);border-color:rgba(61,220,151,.38);color:#9BF2CB}
.selo.ambar{background:rgba(255,178,91,.13);border-color:rgba(255,178,91,.4);color:#FFD29A}
.selo.coral{background:rgba(255,48,76,.16);border-color:rgba(255,48,76,.45);color:#FF9AA6}
.selo.claro{background:rgba(255,255,255,.92);color:var(--roxo);border-color:transparent}

/* chips, switches, campos */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative;display:inline-flex}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 15px;border-radius:999px;border:1.5px solid rgba(255,255,255,.2);
  color:var(--texto-2);font-weight:600;font-size:14px;transition:background .15s,color .15s,border-color .15s}
.chip input:checked + span{background:#fff;color:#1A0530;border-color:#fff;font-weight:700}
.chip input:focus-visible + span{outline:2px solid var(--coral);outline-offset:2px}
.chip.p span{min-height:34px;font-size:12.5px;padding:0 12px}
.tagi{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;border:1.5px solid rgba(255,255,255,.18);font-size:13px;font-weight:600;color:var(--texto-2)}
.tagi.comum{background:rgba(255,48,76,.16);border-color:rgba(255,48,76,.55);color:#FFC2CA;font-weight:700}
.switch{position:relative;width:52px;height:32px;flex:none;display:inline-block}
.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:2}
.switch span{position:absolute;inset:0;border-radius:99px;background:rgba(255,255,255,.2);transition:.2s}
.switch span::after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.switch input:checked + span{background:var(--coral)}
.switch input:checked + span::after{transform:translateX(20px)}
.campo{display:block;margin:0 18px 14px}
.campo small{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--texto-3);margin-bottom:7px}
.campo .val{display:flex;align-items:center;gap:10px;min-height:54px;padding:0 15px;border-radius:15px;background:var(--vidro);border:1.5px solid var(--linha);font-size:15.5px;font-weight:600}
.campo .val .ico{color:var(--texto-3)}
.campo .val.area{align-items:flex-start;padding:14px 15px;min-height:96px;font-weight:500;line-height:1.5;font-size:15px}
.campo .dica{display:block;font-size:12px;color:var(--texto-3);margin-top:6px}
.campo .conta{margin-left:auto;font-size:12px;color:var(--texto-3);font-weight:600}
.opcao{display:flex;gap:13px;align-items:flex-start;padding:15px;border-radius:18px;border:1.5px solid var(--linha);background:var(--vidro);margin:0 16px 10px;position:relative}
.opcao input{position:absolute;opacity:0}
.opcao .bola{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.35);flex:none;margin-top:1px;display:grid;place-items:center}
.opcao b{display:block;font-size:15px;font-weight:700}
.opcao span.d{display:block;font-size:12.5px;color:var(--texto-3);margin-top:3px;line-height:1.45}
.opcao:has(input:checked){border-color:var(--coral);background:rgba(255,48,76,.08)}
.opcao input:checked ~ .bola{border-color:var(--coral);background:radial-gradient(circle,var(--coral) 0 45%,transparent 50%)}
.marca-check{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;color:var(--texto-2);line-height:1.5;margin:0 18px 12px;position:relative}
.marca-check input{position:absolute;opacity:0}
.marca-check i{width:22px;height:22px;border-radius:7px;border:2px solid rgba(255,255,255,.35);flex:none;display:grid;place-items:center;margin-top:1px}
.marca-check i .ico{width:15px;height:15px;opacity:0;stroke-width:3}
.marca-check input:checked + i{background:var(--coral);border-color:var(--coral)}
.marca-check input:checked + i .ico{opacity:1}

/* barra de abas do módulo */
.abas{position:absolute;left:0;right:0;bottom:0;height:var(--tab);display:none;justify-content:space-around;align-items:flex-start;padding-top:9px;z-index:30;
  background:rgba(13,1,24,.88);backdrop-filter:blur(16px);border-top:1px solid var(--linha)}
.aba{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--texto-3);min-width:64px;padding-top:2px}
.aba .ico{width:24px;height:24px}
.aba .bolinha{position:absolute;top:-3px;left:calc(50% + 6px);min-width:18px;height:18px;border-radius:9px;background:var(--coral);color:#fff;font-size:10.5px;font-weight:800;display:grid;place-items:center;padding:0 5px;border:2px solid var(--noite)}

/* fotos das pessoas (ilustração + clima de bar) */
.foto{background-color:var(--g2);background-image:var(--av),var(--bokeh),linear-gradient(165deg,var(--g1),var(--g2));
  background-repeat:no-repeat;background-position:50% 100%,0 0,0 0;background-size:112% auto,100% 100%,100% 100%}
.foto.v2{background-image:var(--av),var(--bokeh2),linear-gradient(205deg,var(--g2),var(--g1) 75%,#12021F);
  background-size:170% auto,100% 100%,100% 100%;background-position:50% 30%,0 0,0 0}
.foto.rosto{background-size:190% auto,100% 100%,100% 100%;background-position:50% 26%,0 0,0 0}
.av-mini{width:34px;height:34px;border-radius:50%;border:2px solid var(--noite);flex:none}
.pilha{display:flex}.pilha .av-mini+.av-mini{margin-left:-10px}

/* ===================== início do protótipo ===================== */
.hero-ini{position:relative;height:330px;overflow:hidden}
.hero-ini .bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(1.15)}
.hero-ini::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,1,24,.15),rgba(13,1,24,.55) 55%,var(--noite)),
  linear-gradient(120deg,rgba(139,92,246,.45),rgba(255,48,76,.25))}
.hero-ini .cont{position:absolute;left:20px;right:20px;bottom:18px;z-index:2}
.hero-ini .marca{position:absolute;top:22px;left:20px;z-index:2;display:flex;align-items:center;gap:10px}
.hero-ini .marca img{height:30px}
.porta{display:flex;gap:14px;align-items:center;margin:0 16px 12px;padding:16px;border-radius:22px;background:var(--vidro);border:1px solid var(--linha);position:relative;overflow:hidden}
.porta .n{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;flex:none;background:var(--grad);font-weight:900;font-size:18px;box-shadow:0 10px 24px -10px rgba(255,48,76,.7)}
.porta b{display:block;font-size:16px;font-weight:800}
.porta span{display:block;font-size:12.8px;color:var(--texto-2);margin-top:3px;line-height:1.45}
.porta .seta{margin-left:auto;color:var(--texto-3)}
.porta.principal{border-color:rgba(255,48,76,.5);background:linear-gradient(120deg,rgba(255,48,76,.14),rgba(139,92,246,.1))}
.porta .etq{position:absolute;top:10px;right:12px;font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#FFB1BB}

/* ===================== página do bar (app da casa) ===================== */
.s-bar{background:#140A06}
.casa-hero{position:relative;height:300px}
.casa-hero .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.casa-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(20,10,6,.2),rgba(20,10,6,.6) 60%,#140A06)}
.casa-hero .cont{position:absolute;left:18px;right:18px;bottom:16px;z-index:2}
.casa-hero h2{font-size:29px;font-weight:900;letter-spacing:-.02em;line-height:1.05;color:#FFF4E6}
.casa-hero p{font-size:13.5px;color:#F3D9BF;margin-top:6px;display:flex;gap:8px;align-items:center}
.aviso-qr{position:absolute;top:18px;left:50%;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:8px;white-space:nowrap;
  background:rgba(255,255,255,.94);color:#1E1C1C;font-size:12.5px;font-weight:700;padding:9px 14px;border-radius:999px;box-shadow:0 10px 24px rgba(0,0,0,.35);animation:pop .5s .2s both}
.aviso-qr .ico{color:#1FA463}
.casa-grade{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px}
.casa-it{border-radius:18px;padding:14px;background:rgba(255,236,214,.06);border:1px solid rgba(255,236,214,.12);color:#F3D9BF;min-height:92px;display:flex;flex-direction:column;gap:8px}
.casa-it b{color:#FFF4E6;font-size:14.5px}
.casa-it span{font-size:12px;opacity:.8}
.banner-solteiro{position:relative;display:block;margin:14px 16px 0;border-radius:24px;overflow:hidden;padding:18px;background:var(--grad);
  box-shadow:0 18px 40px -14px rgba(255,48,76,.7)}
.banner-solteiro::before{content:"";position:absolute;inset:0;background:var(--bokeh);opacity:.7}
.banner-solteiro .cont{position:relative;z-index:2}
.banner-solteiro h3{font-size:25px;font-weight:900;letter-spacing:-.02em;line-height:1.05}
.banner-solteiro p{font-size:13.5px;margin-top:6px;color:#FFE9EE;line-height:1.45}
.banner-solteiro .rodinha{display:flex;align-items:center;gap:10px;margin-top:14px}
.banner-solteiro .bt{margin-left:auto;display:inline-flex;align-items:center;gap:6px;background:#fff;color:#1A0530;font-weight:800;font-size:13.5px;padding:10px 14px;border-radius:12px}
.casa-ass{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#C9AE93;padding:26px 0 30px}
.casa-ass img{height:20px}
.legenda-mock{margin:14px 16px 0;font-size:11.5px;color:#BFA48B;display:flex;gap:8px;align-items:flex-start;line-height:1.45}

/* ===================== perfil 2 Clicks (tela atual do app) ===================== */
.s-perfil2c{background:#F4F3F8;color:#1E1C1C;font-family:Roboto,system-ui,-apple-system,'Segoe UI',sans-serif}
.p2c-topo{position:sticky;top:0;z-index:5;height:92px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:14px;background:#FF2F4D;
  background-image:radial-gradient(circle at 20% 40%,rgba(255,255,255,.08) 0 10px,transparent 11px),radial-gradient(circle at 70% 60%,rgba(255,255,255,.08) 0 10px,transparent 11px);background-size:64px 46px}
.p2c-topo img{height:34px}
.p2c-cartao{margin:16px 14px 10px;border-radius:20px;padding:18px;color:#fff;display:flex;gap:12px;
  background:linear-gradient(110deg,#A47BE8,#E9574A);box-shadow:0 12px 26px -12px rgba(233,87,74,.6)}
.p2c-cartao b{font-size:20px;font-weight:700;display:block}
.p2c-cartao span{font-size:13px;opacity:.92;display:block;margin-top:3px}
.p2c-cartao .ft{width:64px;height:64px;border-radius:50%;border:3px solid #fff;margin-left:auto;flex:none}
.p2c-bt{margin:0 14px;border:1.5px solid #E9574A;color:#E9574A;border-radius:14px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14.5px;background:#fff}
.p2c-prog{margin:12px 14px;border-radius:16px;background:#3E3E3E;color:#fff;padding:14px 16px}
.p2c-prog .l{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:15px}
.p2c-prog .l span{font-size:12px;color:#FF7A6B;background:rgba(255,80,60,.18);padding:4px 9px;border-radius:9px}
.p2c-prog i{display:block;height:6px;border-radius:6px;background:#666;margin-top:12px;overflow:hidden}
.p2c-prog i::before{content:"";display:block;width:83%;height:100%;background:#E9574A}
.p2c-bloco{margin:0 14px 12px;background:#fff;border-radius:18px;padding:12px 0 4px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.p2c-bloco .rot{display:inline-block;margin:4px 14px 6px;font-size:12px;font-weight:700;letter-spacing:.08em;color:#E9574A;background:#FDECEA;padding:6px 10px;border-radius:8px}
.p2c-it{display:flex;align-items:center;gap:12px;padding:11px 14px;min-height:58px}
.p2c-it .c{width:40px;height:40px;border-radius:50%;background:#F1F0F4;display:grid;place-items:center;color:#E9574A;flex:none}
.p2c-it b{display:block;font-size:15px;font-weight:600}
.p2c-it span{display:block;font-size:12.5px;color:#8A8794;margin-top:1px}
.p2c-it .fim{margin-left:auto;color:#B9B6C2}
.p2c-it.novo{background:linear-gradient(90deg,rgba(255,48,76,.08),rgba(139,92,246,.08));border-top:1px solid #F1E2F4;border-bottom:1px solid #F1E2F4;position:relative}
.p2c-it.novo .c{background:var(--grad);color:#fff}
.p2c-it .novo-tag{font-size:10px;font-weight:800;letter-spacing:.08em;color:#fff;background:#FF2F4D;padding:3px 7px;border-radius:6px;margin-left:6px;vertical-align:2px}
.p2c-abas{position:sticky;bottom:12px;margin:8px auto 0;width:max-content;display:flex;gap:6px;padding:8px 14px;background:#fff;border-radius:40px;box-shadow:0 8px 26px rgba(0,0,0,.14);z-index:5}
.p2c-abas span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#5D5A66}
.p2c-abas span.on{background:#FDE3E7;color:#E8344E}
.p2c-dica{margin:4px 14px 12px;font-size:11.5px;color:#8A8794;display:flex;gap:6px;line-height:1.45}

/* ===================== lista de bares ===================== */
.capa-camp{margin:4px 16px 14px;border-radius:26px;padding:20px;position:relative;overflow:hidden;background:var(--grad)}
.capa-camp::before{content:"";position:absolute;inset:0;background:var(--bokeh2);opacity:.8}
.capa-camp>*{position:relative}
.capa-camp h2{font-size:31px;font-weight:900;letter-spacing:-.03em;line-height:1.02}
.capa-camp p{font-size:13.8px;color:#FFE8EC;margin-top:8px;line-height:1.45}
.capa-camp .url{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;font-weight:700;background:rgba(13,1,24,.35);padding:6px 10px;border-radius:9px}
.bar-card{display:block;margin:0 16px 14px;border-radius:24px;overflow:hidden;background:var(--noite-3);border:1px solid var(--linha)}
.bar-card .ft{height:150px;background-size:cover;background-position:center;position:relative}
.bar-card .ft::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(13,1,24,.85))}
.bar-card .ft .selo{position:absolute;left:12px;top:12px;z-index:2}
.bar-card .ft .dist{position:absolute;right:12px;top:12px;z-index:2}
.bar-card .cp{padding:13px 15px 15px;display:flex;align-items:center;gap:12px}
.bar-card .cp b{font-size:16.5px;font-weight:800;display:block}
.bar-card .cp span{font-size:12.5px;color:var(--texto-3);display:block;margin-top:2px}
.bar-card .cont-ci{margin-left:auto;text-align:right;flex:none}
.bar-card .cont-ci strong{display:block;font-size:20px;font-weight:900;line-height:1}
.bar-card .cont-ci em{font-style:normal;font-size:11px;color:var(--texto-3);font-weight:600}
.bar-card .cont-ci.poucos strong{font-size:13px;color:var(--ambar);font-weight:800}
.local-hero{position:relative;height:280px}
.local-hero .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.local-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(13,1,24,.25),rgba(13,1,24,.35) 40%,var(--noite))}
.local-hero .topo{position:absolute;left:0;right:0;top:0;background:none}
.local-hero .cont{position:absolute;left:18px;right:18px;bottom:6px;z-index:2}
.passos{display:grid;gap:10px;margin:0 16px}
.passo{display:flex;gap:13px;align-items:flex-start;padding:14px;border-radius:18px;background:var(--vidro);border:1px solid var(--linha)}
.passo .n{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--grad);font-weight:900;flex:none;font-size:15px}
.passo b{display:block;font-size:14.5px;font-weight:800}
.passo span{display:block;font-size:12.8px;color:var(--texto-2);margin-top:2px;line-height:1.45}

/* ===================== boas-vindas ===================== */
.bv-hero{position:relative;height:350px;overflow:hidden}
.bv-hero .bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.8}
.bv-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(13,1,24,.2),rgba(13,1,24,.5) 50%,var(--noite)),linear-gradient(130deg,rgba(139,92,246,.5),rgba(255,48,76,.3))}
.bolhas{position:absolute;inset:0;z-index:2}
.bolhas .b{position:absolute;border-radius:50%;border:3px solid rgba(255,255,255,.9);box-shadow:0 14px 30px rgba(0,0,0,.4)}
.bolhas .b1{width:104px;height:104px;left:9%;top:92px;animation:pop .6s .1s both}
.bolhas .b2{width:132px;height:132px;left:36%;top:46px;animation:pop .6s .25s both}
.bolhas .b3{width:92px;height:92px;right:8%;top:128px;animation:pop .6s .4s both}
.bolhas .pino{position:absolute;left:calc(36% + 96px);top:150px;width:52px;height:64px;color:#fff;filter:drop-shadow(0 8px 16px rgba(255,48,76,.8));animation:pop .6s .55s both}
.bolhas .pino .ico{width:52px;height:64px;stroke:none;fill:none}
.regras{margin:0 16px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.2);display:grid;gap:9px}
.regras div{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--texto-2);line-height:1.45}
.regras .ico{color:var(--verde);width:18px;height:18px;margin-top:1px}

/* ===================== cadastro em passos ===================== */
.prog{display:flex;gap:6px;padding:0 18px;margin:2px 0 18px}
.prog i{flex:1;height:5px;border-radius:5px;background:rgba(255,255,255,.14)}
.prog i.on{background:var(--grad)}
.fotos-grade{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);gap:10px;padding:0 18px}
.fotos-grade .principal{grid-column:span 2;grid-row:span 2;aspect-ratio:auto;border-radius:22px;position:relative;overflow:hidden;min-height:250px}
.fotos-grade .vaga{aspect-ratio:3/4;border-radius:18px;border:2px dashed rgba(255,255,255,.22);display:grid;place-items:center;color:var(--texto-3)}
.fotos-grade .vaga .ico{width:26px;height:26px}
.fotos-grade .principal .etq{position:absolute;left:10px;bottom:10px;z-index:2}
.fotos-grade .principal .troca{position:absolute;right:10px;top:10px;z-index:2}
.dicas-foto{display:flex;gap:8px;flex-wrap:wrap;padding:14px 18px 6px}
.grupo-int{margin:0 18px 18px}
.grupo-int h4{font-size:14px;font-weight:800;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.cont-int{counter-reset:sel}
.cont-int input:checked{counter-increment:sel}
.contador::after{content:counter(sel)}
.canal{display:flex;align-items:center;gap:13px;padding:14px 16px;border-bottom:1px solid var(--linha);min-height:68px}
.canal:last-child{border-bottom:0}
.canal .lg{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:none;color:#fff}
.canal .lg .ico{width:22px;height:22px}
.canal b{display:block;font-size:15px;font-weight:700}
.canal span{display:block;font-size:12.5px;color:var(--texto-3);margin-top:1px}
.canal .switch{margin-left:auto}
.lg.zap{background:var(--zap)}
.lg.insta{background:linear-gradient(45deg,#F58529,#DD2A7B 55%,#8134AF)}
.lg.tele{background:#27A6E5}
.lg.tiktok{background:#111;box-shadow:inset 0 0 0 1px #333}
.lg.outro{background:var(--vidro-2)}
.caixa-dica{display:flex;gap:11px;margin:14px 16px 0;padding:13px 14px;border-radius:16px;background:rgba(179,156,255,.1);border:1px solid rgba(179,156,255,.28);font-size:13px;color:var(--texto-2);line-height:1.5}
.caixa-dica .ico{color:var(--violeta-2);margin-top:1px}
.caixa-dica.alerta{background:rgba(255,48,76,.08);border-color:rgba(255,48,76,.35)}
.caixa-dica.alerta .ico{color:#FF8A98}
.acc{display:none;margin-top:4px}
.abre-acc{display:flex;align-items:center;gap:10px;margin:4px 18px 14px;padding:14px 16px;border-radius:16px;background:var(--vidro);border:1px solid var(--linha);font-weight:700;font-size:14.5px}
.abre-acc .ico.fim{margin-left:auto;transition:transform .2s}
.mini-campos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 18px 14px}
.mini-campos .campo{margin:0}

/* ===================== check-in ===================== */
.local-mini{display:flex;gap:13px;align-items:center;margin:0 16px;padding:12px;border-radius:22px;background:var(--vidro);border:1px solid var(--linha)}
.local-mini .ft{width:76px;height:76px;border-radius:16px;background-size:cover;background-position:center;flex:none}
.local-mini b{display:block;font-size:16.5px;font-weight:800}
.local-mini span{display:block;font-size:12.5px;color:var(--texto-3);margin-top:2px}
.confirmado{display:flex;align-items:center;gap:10px;margin:12px 16px 0;padding:12px 14px;border-radius:16px;background:rgba(61,220,151,.1);border:1px solid rgba(61,220,151,.35);font-size:13.5px;font-weight:700;color:#A9F5D3}
.infos{margin:4px 16px 0;display:grid;gap:2px}
.infos div{display:flex;gap:12px;align-items:center;font-size:13.5px;color:var(--texto-2);padding:9px 2px}
.infos .ico{color:var(--violeta-2);width:20px;height:20px}
.ok-palco{position:relative;height:330px;display:grid;place-items:center}
.ok-palco .ondas i{position:absolute;left:50%;top:52%;width:140px;height:140px;border-radius:50%;border:2px solid rgba(255,48,76,.7);animation:onda 2.6s ease-out infinite}
.ok-palco .ondas i:nth-child(2){animation-delay:.85s}
.ok-palco .ondas i:nth-child(3){animation-delay:1.7s}
.ok-palco .pinao{position:relative;z-index:2;width:118px;height:146px;color:var(--coral);filter:drop-shadow(0 18px 30px rgba(255,48,76,.55));animation:caipino .8s cubic-bezier(.3,1.4,.5,1) both}
.ok-palco .pinao .ico{width:118px;height:146px;fill:none;stroke:none}
.ok-palco .chao{position:absolute;left:50%;top:79%;width:120px;height:22px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(rgba(255,48,76,.45),transparent 70%)}

/* ===================== quem está aqui ===================== */
.aqui-topo{display:flex;align-items:center;gap:12px;padding:max(16px,env(safe-area-inset-top)) 16px 10px}
.aqui-topo .ft{width:46px;height:46px;border-radius:14px;background-size:cover;background-position:center;flex:none;border:1.5px solid rgba(255,255,255,.25)}
.aqui-topo b{display:block;font-size:17px;font-weight:800;letter-spacing:-.01em}
.aqui-topo span{display:flex;align-items:center;gap:7px;font-size:12px;color:#9BF2CB;font-weight:700;margin-top:3px}
.aqui-topo .bt-r{margin-left:auto}
.faixa-pedidos{display:flex;align-items:center;gap:12px;margin:6px 16px 14px;padding:12px 14px;border-radius:18px;background:linear-gradient(120deg,rgba(255,48,76,.22),rgba(139,92,246,.2));border:1px solid rgba(255,48,76,.4)}
.faixa-pedidos b{display:block;font-size:14.5px;font-weight:800}
.faixa-pedidos span{display:block;font-size:12px;color:var(--texto-2)}
.faixa-pedidos .seta{margin-left:auto}
.filtros{display:flex;gap:8px;overflow-x:auto;padding:12px 16px 4px;scrollbar-width:none}
.filtros::-webkit-scrollbar{display:none}
.explica{margin:8px 18px 6px;font-size:12.5px;color:var(--texto-3);line-height:1.5}
.grade{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:8px 16px 50px}
.grade .pc:nth-child(even){margin-top:28px}
.pc{position:relative;display:block;aspect-ratio:3/4;border-radius:22px;overflow:hidden;box-shadow:0 16px 30px -14px rgba(0,0,0,.75);animation:entra .45s both}
.grade .pc:nth-child(2){animation-delay:.06s}.grade .pc:nth-child(3){animation-delay:.12s}.grade .pc:nth-child(4){animation-delay:.18s}.grade .pc:nth-child(5){animation-delay:.24s}.grade .pc:nth-child(6){animation-delay:.3s}
.pc .foto{position:absolute;inset:0}
.pc::after{content:"";position:absolute;left:0;right:0;bottom:0;height:52%;background:linear-gradient(rgba(10,0,20,0),rgba(10,0,20,.93))}
.pc .info{position:absolute;left:12px;right:12px;bottom:11px;z-index:2}
.pc .info b{font-size:17px;font-weight:800;letter-spacing:-.01em}
.pc .info small{display:block;font-size:11.5px;color:var(--texto-2);font-weight:600;margin-top:2px}
.pc .tag{position:absolute;top:10px;left:10px;z-index:2;font-size:10.5px;font-weight:800;padding:5px 9px;border-radius:999px;background:rgba(10,0,20,.5);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}
.pc .tag.quer{background:var(--coral);border-color:transparent;box-shadow:0 6px 16px -4px rgba(255,48,76,.8)}
.pc .tag.quando{background:rgba(255,178,91,.25);border-color:rgba(255,178,91,.5);color:#FFE0B5}
.lista-aqui,.lista-esteve{display:none}
.sair-local{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 16px 26px;min-height:50px;border-radius:16px;border:1.5px solid var(--linha);font-weight:700;font-size:14px;color:var(--texto-2)}

/* ===================== perfil da pessoa ===================== */
.hero-p{position:relative;aspect-ratio:3/4;max-height:72%;overflow:hidden}
.hero-p .slides,.hero-p .slides .foto{position:absolute;inset:0}
.hero-p .slides .foto{transition:opacity .28s}
.hero-p .slides .s2{opacity:0}
.hero-p .barrinhas{position:absolute;top:14px;left:16px;right:16px;display:flex;gap:6px;z-index:4}
.hero-p .barrinhas i{flex:1;height:3.5px;border-radius:4px;background:rgba(255,255,255,.38)}
.hero-p .bts{position:absolute;top:30px;left:14px;right:14px;display:flex;justify-content:space-between;z-index:5}
.hero-p .toque{position:absolute;top:80px;bottom:30%;width:50%;z-index:3;display:none}
.hero-p .toque.dir{right:0}.hero-p .toque.esq{left:0}
.hero-p::after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(rgba(21,5,38,0),var(--noite-2));z-index:2;pointer-events:none}
.hero-p .nome{position:absolute;left:18px;right:18px;bottom:34px;z-index:3}
.hero-p .nome h2{font-size:36px;font-weight:900;letter-spacing:-.03em;line-height:1}
.hero-p .nome h2 em{font-style:normal;font-weight:500;opacity:.9}
.hero-p .nome .selos{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.ficha{position:relative;z-index:4;margin-top:-18px;padding:6px 18px 24px;background:var(--noite-2);min-height:40%}
.s-p .tela-fundo,.tela.s-p{background:var(--noite-2)}
.ficha h4{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-3);margin:20px 0 9px}
.ficha p.bio{font-size:16px;line-height:1.55;color:var(--texto)}
.ficha .basicos{display:flex;flex-wrap:wrap;gap:8px}
.ficha .basicos span{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--texto-2);background:var(--vidro);border:1px solid var(--linha);padding:8px 12px;border-radius:12px}
.ficha .basicos .ico{width:16px;height:16px;color:var(--texto-3)}
.sem-contato{display:flex;gap:10px;align-items:center;margin-top:20px;padding:12px 14px;border-radius:14px;background:var(--vidro);font-size:12.5px;color:var(--texto-3);line-height:1.45}
.acoes{position:sticky;bottom:0;z-index:7;display:flex;gap:12px;align-items:center;padding:14px 16px max(18px,env(safe-area-inset-bottom));
  background:linear-gradient(rgba(21,5,38,0),var(--noite-2) 34%)}
.acoes .passar{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--vidro-2);border:1.5px solid rgba(255,255,255,.18);color:#fff}
.acoes .passar .ico{width:26px;height:26px}
.acoes .btn{flex:1}

/* folha "Quero te conhecer" */
.folha-fundo{position:absolute;inset:0;background-size:cover}
.folha-fundo::after{content:"";position:absolute;inset:0;background:rgba(8,0,16,.72);backdrop-filter:blur(6px)}
.folha{position:absolute;left:0;right:0;bottom:0;z-index:3;border-radius:30px 30px 0 0;background:var(--noite-2);padding:12px 0 max(18px,env(safe-area-inset-bottom));
  border-top:1px solid var(--linha);animation:sobe .42s cubic-bezier(.2,.9,.2,1) both;max-height:92%;overflow-y:auto}
.folha .alca{width:44px;height:5px;border-radius:5px;background:rgba(255,255,255,.25);margin:0 auto 14px}
.folha .quem{display:flex;align-items:center;gap:12px;padding:0 18px 6px}
.folha .quem .foto{width:58px;height:58px;border-radius:50%;flex:none;border:2px solid rgba(255,255,255,.3)}
.frase .bola{margin-top:2px}
.frase b{font-size:16px!important}

/* ===================== deu clique ===================== */
.tela.s-match{background:radial-gradient(90% 50% at 50% 0%,rgba(255,255,255,.18),transparent 60%),linear-gradient(165deg,#5B21B6 0%,#B83A8E 52%,#FF304C 100%)}
.confete{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.confete i{position:absolute;top:-20px;width:9px;height:15px;border-radius:2px;animation:cai 3.2s linear infinite;opacity:0}
.match-top{position:relative;z-index:2;text-align:center;padding:58px 22px 0}
.match-top .k{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#FFE1E7;animation:entra .5s .1s both}
.match-top h2{font-size:52px;font-weight:900;letter-spacing:-.04em;line-height:1;margin-top:8px;animation:pop .55s .55s both;text-shadow:0 10px 30px rgba(120,0,40,.35)}
.match-top p{font-size:15px;color:#FFEDF1;margin-top:10px;line-height:1.5;animation:entra .5s .7s both}
.dupla{position:relative;z-index:2;height:200px;display:flex;justify-content:center;align-items:center;margin-top:18px}
.dupla .bola-f{width:136px;height:136px;border-radius:50%;border:4px solid #fff;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px rgba(60,0,40,.6)}
.dupla .bola-f .foto{position:absolute;inset:0}
.dupla .e{animation:vemesq .7s cubic-bezier(.2,1.3,.4,1) both;transform:translateX(24px) rotate(-7deg)}
.dupla .d{animation:vemdir .7s cubic-bezier(.2,1.3,.4,1) both;transform:translateX(-24px) rotate(7deg)}
.dupla .meio{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--coral);z-index:3;
  box-shadow:0 10px 26px rgba(80,0,30,.4);animation:pop .5s .6s both}
.dupla .meio .ico{width:30px;height:30px}
.match-cont{position:relative;z-index:2;padding:18px 18px 26px}
.match-cont .pref{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#FFE1E7;text-align:center;margin-bottom:10px}
.cortesia{display:flex;gap:12px;align-items:center;margin-top:14px;padding:13px 14px;border-radius:18px;background:rgba(13,1,24,.28);border:1px dashed rgba(255,255,255,.4);font-size:13px;line-height:1.45}
.cortesia .ico{width:26px;height:26px;color:#FFE0B5}
.fora{font-size:12px;color:#FFE5EA;text-align:center;margin-top:12px;opacity:.9}

/* ===================== saída para WhatsApp / Instagram ===================== */
.saida-mock{margin:6px 16px 0;border-radius:24px;overflow:hidden;border:1px solid var(--linha)}
.zap-topo{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#0B4F3D}
.zap-topo .foto{width:38px;height:38px;border-radius:50%}
.zap-topo b{font-size:15px}
.zap-topo span{display:block;font-size:11.5px;color:#BDE9D8}
.zap-corpo{min-height:200px;padding:16px 14px;background:#0B141A;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:14px 14px;display:flex;flex-direction:column;justify-content:flex-end}
.zap-campo{display:flex;align-items:flex-end;gap:8px}
.zap-campo .txt{flex:1;background:#1F2C33;border-radius:22px;padding:11px 15px;font-size:14px;line-height:1.45;color:#E9EDEF}
.zap-campo .env{width:44px;height:44px;border-radius:50%;background:#00A884;display:grid;place-items:center;flex:none}
.insta-mock{padding:18px;background:#000}
.insta-mock .linha1{display:flex;align-items:center;gap:16px}
.insta-mock .anel{width:82px;height:82px;border-radius:50%;padding:3px;background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF);flex:none}
.insta-mock .anel .foto{width:100%;height:100%;border-radius:50%;border:3px solid #000}
.insta-mock .nums{display:flex;gap:18px;font-size:12px;color:#ccc;text-align:center}
.insta-mock .nums b{display:block;font-size:16px;color:#fff}
.insta-mock .handle{font-weight:700;margin-top:12px;font-size:14.5px}
.insta-mock .bio-i{font-size:13px;color:#ccc;margin-top:3px}
.insta-mock .seguir{margin-top:14px;display:flex;gap:8px}
.insta-mock .seguir span{flex:1;text-align:center;font-weight:700;font-size:13.5px;padding:9px;border-radius:10px;background:#0095F6}
.insta-mock .seguir span+span{background:#262626}
.dicas-seg{margin:16px 16px 0;display:grid;gap:9px}
.dicas-seg div{display:flex;gap:11px;align-items:flex-start;font-size:13.2px;color:var(--texto-2);line-height:1.45}
.dicas-seg .ico{color:var(--violeta-2);width:19px;height:19px;margin-top:1px}

/* ===================== conexões ===================== */
.lista-rec,.lista-cli,.lista-env{display:none;padding:4px 16px 30px}
.con{border-radius:22px;background:var(--vidro);border:1px solid var(--linha);padding:14px;margin-bottom:12px}
.con .cab{display:flex;align-items:center;gap:12px}
.con .cab .foto{width:58px;height:58px;border-radius:18px;flex:none}
.con .cab b{display:block;font-size:16px;font-weight:800}
.con .cab span{display:block;font-size:12.5px;color:var(--texto-3);margin-top:2px}
.con .cab .fim{margin-left:auto;align-self:flex-start;color:var(--texto-3)}
.con .msg{margin-top:12px;display:inline-block;background:rgba(255,48,76,.14);border:1px solid rgba(255,48,76,.35);color:#FFD3D9;font-weight:700;font-size:14px;padding:10px 14px;border-radius:16px 16px 16px 4px}
.con .bts2{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:12px}
.con .bts2 .btn{min-height:48px;font-size:14.5px;border-radius:15px}
.con .canais{display:flex;gap:8px;margin-top:12px}
.con .canais .btn{min-height:46px;font-size:14px;border-radius:14px}
.vazio-txt{text-align:center;padding:10px 20px 0;font-size:12.5px;color:var(--texto-3)}

/* ===================== meu perfil ===================== */
.eu-cab{display:flex;align-items:center;gap:14px;margin:0 16px;padding:14px;border-radius:24px;background:linear-gradient(120deg,rgba(139,92,246,.22),rgba(255,48,76,.18));border:1px solid rgba(255,255,255,.14)}
.eu-cab .foto{width:74px;height:74px;border-radius:22px;flex:none}
.eu-cab b{display:block;font-size:19px;font-weight:900;letter-spacing:-.01em}
.eu-cab span{display:block;font-size:12.5px;color:var(--texto-2);margin-top:2px}
.eu-cab .barra{height:6px;border-radius:6px;background:rgba(255,255,255,.15);margin-top:9px;overflow:hidden}
.eu-cab .barra i{display:block;height:100%;width:90%;background:var(--grad)}
.status-ci{margin:12px 16px 0;padding:14px;border-radius:20px;background:rgba(61,220,151,.08);border:1px solid rgba(61,220,151,.3)}
.status-ci .l1{display:flex;align-items:center;gap:9px;font-weight:800;font-size:14.5px}
.status-ci p{font-size:12.5px;color:var(--texto-2);margin:4px 0 0 17px}
.status-ci .acao{display:flex;gap:8px;margin:12px 0 0 17px}
.status-ci .acao label{font-size:13px;font-weight:700;color:#FFB1BB;display:flex;align-items:center;gap:6px;min-height:36px}

/* ===================== mapa das telas (celular) ===================== */
.mapa-g{margin:0 16px 16px}
.mapa-g h4{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-3);margin:10px 2px 8px}
.mapa-g label{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--vidro);border:1px solid var(--linha);margin-bottom:7px;font-size:14px;font-weight:600}
.mapa-g label i{font-style:normal;font-size:11px;font-weight:800;color:var(--texto-3);width:22px}

/* ===================== estados ===================== */
.estado{text-align:center;padding:30px 24px 10px}
.estado .circ{width:112px;height:112px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;background:var(--vidro-2);border:1px solid var(--linha);color:var(--violeta-2)}
.estado .circ .ico{width:48px;height:48px;stroke-width:1.6}
.estado .circ.coral{color:var(--coral);background:rgba(255,48,76,.12);border-color:rgba(255,48,76,.35)}
.estado .circ.verde{color:var(--verde);background:rgba(61,220,151,.1);border-color:rgba(61,220,151,.35)}
.estado h2{font-size:24px;font-weight:900;letter-spacing:-.02em;line-height:1.15}
.estado p{font-size:14.5px;color:var(--texto-2);margin-top:10px;line-height:1.55}

/* ===================== ajustes da revisão visual (V1) ===================== */
.tela>*{flex-shrink:0}
.tela>.rodape{margin-top:auto}
.seg{display:flex;gap:4px;margin:4px 16px 0;padding:4px;border-radius:15px;background:rgba(255,255,255,.06);border:1px solid var(--linha)}
.seg label{flex:1;display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 6px;border-radius:11px;font-size:13px;font-weight:800;color:var(--texto-2);text-align:center;transition:background .15s,color .15s}
.filtros .chip span{white-space:nowrap}
.filtros .chip{flex:none}
.p2c-it .novo-tag{display:inline-block}
.bar-card .ft .selo.dist{left:auto;right:12px}
.local-mini .selo{display:inline-flex}
.bolhas .pino{left:27%;top:186px;color:var(--coral);z-index:3;filter:drop-shadow(0 0 10px rgba(255,255,255,.9)) drop-shadow(0 10px 18px rgba(255,48,76,.6))}
.bar-card .ft .selo{background:rgba(13,1,24,.66);border-color:rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(6px)}
.bar-card .ft .selo.coral{background:rgba(255,48,76,.9);border-color:transparent;color:#fff}

/* ===================== V2: aba Pessoas do app do Le Bife ===================== */
.tela.s-bar{background:#2B0900}
.lb-topo{display:flex;align-items:center;gap:10px;padding:max(16px,env(safe-area-inset-top)) 16px 12px;background:#430F01;border-bottom:1px solid rgba(230,205,146,.2)}
.lb-topo b{flex:1;text-align:center;font-family:Georgia,'Times New Roman',serif;font-size:23px;font-weight:600;color:#FBF6EC}
.lb-toast{display:flex;align-items:center;gap:8px;margin:12px 16px 0;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.94);color:#1E1C1C;font-size:12.5px;font-weight:700;animation:pop .5s .2s both;width:max-content;max-width:calc(100% - 32px)}
.lb-toast .ico{color:#1FA463}
.lb-intro{padding:14px 18px 2px;font-size:13.5px;color:#EAD8BF;line-height:1.5}
.lb-banner{position:relative;display:block;margin:12px 16px 0;border-radius:20px;overflow:hidden;min-height:150px;border:1px solid rgba(230,205,146,.18)}
.lb-banner .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.lb-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(43,9,0,.94) 10%,rgba(43,9,0,.3))}
.lb-banner .cont{position:relative;z-index:2;padding:34px 16px 14px}
.lb-banner h3{font-family:Georgia,'Times New Roman',serif;font-size:22px;font-weight:600;color:#FBF6EC;line-height:1.1}
.lb-banner p{font-size:12.5px;color:#EAD8BF;margin-top:5px;max-width:82%;line-height:1.45}
.lb-banner .bt{display:inline-flex;gap:6px;align-items:center;margin-top:10px;font-size:12.5px;font-weight:800;color:#2A0A02;background:#E6CD92;padding:8px 12px;border-radius:10px}
.lb-banner.novo{border:2px solid #FF304C;box-shadow:0 10px 26px -12px rgba(255,48,76,.7)}
.lb-banner .etq-novo{position:absolute;top:10px;right:10px;z-index:3;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:#FF304C;color:#fff;padding:4px 8px;border-radius:6px}
.lb-banner.velho{opacity:.6}
.s-bar .legenda-mock{color:#C9A98A}
.lb-abas{position:sticky;bottom:0;margin-top:auto;display:flex;justify-content:space-around;padding:10px 0 max(14px,env(safe-area-inset-bottom));background:rgba(43,9,0,.96);border-top:1px solid rgba(230,205,146,.2);z-index:5}
.lb-abas span{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:600;color:#C9A98A}
.lb-abas span.on{color:#E6CD92}
.tela>.lb-abas{margin-top:auto}

/* ===================== V3: tela inicial do app do Le Bife (padrão 2Clicks, V6) ===================== */
.tela.s-bar{background:linear-gradient(180deg,#2D005D 0%,#1B0038 70%)}
.lb6-testeira{position:relative;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px 6px;overflow:hidden}
.lb6-testeira .foto{position:absolute;inset:0;background-size:cover;background-position:center}
.lb6-testeira::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(45,0,93,.25),rgba(45,0,93,.7) 55%,#2D005D)}
.lb6-testeira>*:not(.foto){position:relative;z-index:2}
.lb6-testeira .sub{margin-top:6px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#FFE3DF}
.lb6-pergunta{padding:12px 20px 14px;font-size:15px;color:#D9CCF0;line-height:1.4}
.lb6-pergunta b{display:block;font-size:24px;font-weight:800;color:#fff;margin-bottom:3px}
.lb6-cards{display:grid;gap:11px;padding:0 16px}
.lb6-card{position:relative;display:flex;align-items:center;min-height:100px;border-radius:18px;overflow:hidden;padding:0 14px;color:#fff;--g:none}
.lb6-card .bg{position:absolute;inset:0;background-size:cover;background-position:right center}
.lb6-card::after{content:"";position:absolute;inset:0;background:var(--g)}
.lb6-card>*:not(.bg){position:relative;z-index:1}
.lb6-card .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin-right:13px;flex:none;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35)}
.lb6-card h3{font-size:18px;font-weight:700;line-height:1.15}
.lb6-card p{font-size:13.5px;color:rgba(255,255,255,.92);margin-top:4px;max-width:190px;line-height:1.3}
.lb6-card .seta{margin-left:auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4)}
.lb6-card.wifi{--g:linear-gradient(90deg,#5B21B6 0%,#5B21B6 42%,rgba(91,33,182,.55) 66%,rgba(91,33,182,.05) 100%)}
.lb6-card.cardapio{--g:linear-gradient(90deg,#E4570F 0%,#E4570F 42%,rgba(228,87,15,.5) 64%,rgba(228,87,15,0) 100%)}
.lb6-card.promo{--g:linear-gradient(90deg,#D92B33 0%,#D92B33 42%,rgba(217,43,51,.5) 64%,rgba(217,43,51,0) 100%)}
.lb6-card.conexoes{--g:linear-gradient(90deg,#1F4FD1 0%,#1F4FD1 42%,rgba(31,79,209,.5) 64%,rgba(31,79,209,0) 100%)}
.lb6-card.relac{--g:linear-gradient(90deg,#C81E6E 0%,#C81E6E 42%,rgba(200,30,110,.5) 64%,rgba(200,30,110,0) 100%)}
.lb6-card:not(.ativo){opacity:.55}
.lb6-card.ativo{outline:2.5px solid #fff;outline-offset:2px;box-shadow:0 14px 30px -12px rgba(200,30,110,.9)}
.lb6-card .etq-novo{position:absolute;top:8px;right:10px;z-index:3;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:#fff;color:#C81E6E;padding:4px 8px;border-radius:6px}
.lb6-abas{position:sticky;bottom:0;margin-top:auto;display:flex;justify-content:space-around;padding:10px 0 max(14px,env(safe-area-inset-bottom));background:#fff;z-index:5}
.lb6-abas span{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;font-weight:600;color:#8A8794}
.lb6-abas span.on{color:#F04938}
.tela>.lb6-abas{margin-top:auto}

.ft-lebife{background-image:url(../media/19a89f08a3ff7f3e.jpg)}
.ft-lua{background-image:url(../media/85d59ad8656b6e59.jpg)}
.ft-varanda{background-image:url(../media/69570aad0b3a3f37.jpg)}
.ft-quintal{background-image:url(../media/a54938e345098c1c.jpg)}
.ft-clima{background-image:url(../media/87ab4dc8f7b2854a.jpg)}
.ft-lb-casa-salao{background-image:url(../media/d79c93a36070fbc3.jpg)}
.ft-lb-v6-card-wifi{background-image:url(../media/e5336b9e4ac17ad8.jpg)}
.ft-lb-v6-card-cardapio-lanche-prato{background-image:url(../media/d5378bb0455ce201.jpg)}
.ft-lb-v6-card-promocoes{background-image:url(../media/53e264ba748c4fe6.jpg)}
.ft-lb-v6-card-conexoes{background-image:url(../media/c396176cbba6e2bc.jpg)}
.ft-lb-v6-card-relacionamentos{background-image:url(../media/9052c908ee26bec1.jpg)}
.logo-lb{display:inline-block;aspect-ratio:434/124;background:url(../media/e1ddf321233ed373.png) center/contain no-repeat}
.logo-esc{display:inline-block;aspect-ratio:191/96;background:url(../media/09f42893198d3054.png) center/contain no-repeat}
.logo-branca{display:inline-block;aspect-ratio:191/96;background:url(../media/1ec0506bee537474.png) center/contain no-repeat}
.av-lucas{--av:url(../media/55f72ecd800ddcf6.bin);--g1:#1E3A8A;--g2:#FF304C}
.av-lucas{--f1:url(../media/d252f5a70179dd9a.jpg)}
.foto.av-lucas{background:var(--f1) 50% 20%/cover no-repeat #1F0B36}
.foto.v2.av-lucas{background:var(--f1) 50% 15%/170% auto no-repeat #1F0B36}
.foto.rosto.av-lucas{background:var(--f1) 50% 15%/cover no-repeat #1F0B36}
.av-marina{--av:url(../media/4e25778c2e8bb5b8.bin);--g1:#7C3AED;--g2:#FF304C}
.av-marina{--f1:url(../media/463740bdc709aabc.jpg);--f2:url(../media/4c7b69cdb94b2450.jpg)}
.foto.av-marina{background:var(--f1) 50% 20%/cover no-repeat #1F0B36}
.foto.v2.av-marina{background:var(--f2) 50% 25%/cover no-repeat #1F0B36}
.foto.rosto.av-marina{background:var(--f1) 50% 15%/cover no-repeat #1F0B36}
.av-julia{--av:url(../media/23e274103a326d9e.bin);--g1:#FF304C;--g2:#FFB25B}
.av-julia{--f1:url(../media/5c6055a4879be9d1.jpg);--f2:url(../media/c4682a00574315bf.jpg)}
.foto.av-julia{background:var(--f1) 50% 20%/cover no-repeat #1F0B36}
.foto.v2.av-julia{background:var(--f2) 50% 25%/cover no-repeat #1F0B36}
.foto.rosto.av-julia{background:var(--f1) 50% 15%/cover no-repeat #1F0B36}
.av-bianca{--av:url(../media/f34cc30532889622.bin);--g1:#312E81;--g2:#C2459B}
.av-bianca{--f1:url(../media/d1d8efb9c3810318.jpg)}
.foto.av-bianca{background:var(--f1) 50% 20%/cover no-repeat #1F0B36}
.foto.v2.av-bianca{background:var(--f1) 50% 15%/170% auto no-repeat #1F0B36}
.foto.rosto.av-bianca{background:var(--f1) 50% 15%/cover no-repeat #1F0B36}
.av-camila{--av:url(../media/ff0365cbce23026c.bin);--g1:#2D005D;--g2:#8B5CF6}
.av-camila{--f1:url(../media/5d9dfa374789d0fb.jpg)}
.foto.av-camila{background:var(--f1) 50% 20%/cover no-repeat #1F0B36}
.foto.v2.av-camila{background:var(--f1) 50% 15%/170% auto no-repeat #1F0B36}
.foto.rosto.av-camila{background:var(--f1) 50% 15%/cover no-repeat #1F0B36}
.av-larissa{--av:url(../media/7a7654a9655079b6.bin);--g1:#9D174D;--g2:#FF304C}
.av-larissa{--f1:url(../media/f6ef6019c82bfdb7.jpg);--f2:url(../media/7210c618ec0bf8a1.jpg)}
.foto.av-larissa{background:var(--f1) 50% 20%/cover no-repeat #1F0B36}
.foto.v2.av-larissa{background:var(--f2) 50% 25%/cover no-repeat #1F0B36}
.foto.rosto.av-larissa{background:var(--f1) 50% 15%/cover no-repeat #1F0B36}
.av-fernanda{--av:url(../media/50a619f1918868a6.bin);--g1:#1E3A8A;--g2:#8B5CF6}
.av-fernanda{--f1:url(../media/29176c45e2b732fa.jpg)}
.foto.av-fernanda{background:var(--f1) 50% 20%/cover no-repeat #1F0B36}
.foto.v2.av-fernanda{background:var(--f1) 50% 15%/170% auto no-repeat #1F0B36}
.foto.rosto.av-fernanda{background:var(--f1) 50% 15%/cover no-repeat #1F0B36}
.av-renata{--av:url(../media/2edf9994272a8f0c.bin);--g1:#FF304C;--g2:#8B5CF6}
.av-renata{--f1:url(../media/3ebb7206497bfcba.jpg)}
.foto.av-renata{background:var(--f1) 50% 20%/cover no-repeat #1F0B36}
.foto.v2.av-renata{background:var(--f1) 50% 15%/170% auto no-repeat #1F0B36}
.foto.rosto.av-renata{background:var(--f1) 50% 15%/cover no-repeat #1F0B36}
.av-carol{--av:url(../media/dbf453469a2b3fbd.bin);--g1:#8B5CF6;--g2:#2D005D}
.av-carol{--f1:url(../media/36c2a3e94639385a.jpg);--f2:url(../media/8e5e761fce7cde24.jpg)}
.foto.av-carol{background:var(--f1) 50% 20%/cover no-repeat #1F0B36}
.foto.v2.av-carol{background:var(--f2) 50% 25%/cover no-repeat #1F0B36}
.foto.rosto.av-carol{background:var(--f1) 50% 15%/cover no-repeat #1F0B36}
.av-priscila{--av:url(../media/d8d5f4630a6e4008.bin);--g1:#FFB25B;--g2:#C2459B}
.av-priscila{--f1:url(../media/43c025b72a09642c.jpg)}
.foto.av-priscila{background:var(--f1) 50% 20%/cover no-repeat #1F0B36}
.foto.v2.av-priscila{background:var(--f1) 50% 15%/170% auto no-repeat #1F0B36}
.foto.rosto.av-priscila{background:var(--f1) 50% 15%/cover no-repeat #1F0B36}
.av-patricia{--av:url(../media/4a162bdadde2a96e.bin);--g1:#8B5CF6;--g2:#FFB25B}
.av-patricia{--f1:url(../media/e5e19253ea3b3e78.jpg)}
.foto.av-patricia{background:var(--f1) 50% 20%/cover no-repeat #1F0B36}
.foto.v2.av-patricia{background:var(--f1) 50% 15%/170% auto no-repeat #1F0B36}
.foto.rosto.av-patricia{background:var(--f1) 50% 15%/cover no-repeat #1F0B36}
.av-aline{--av:url(../media/916235c16055ea12.bin);--g1:#2D005D;--g2:#FF304C}
.av-aline{--f1:url(../media/66b0be68d2384e9e.jpg)}
.foto.av-aline{background:var(--f1) 50% 20%/cover no-repeat #1F0B36}
.foto.v2.av-aline{background:var(--f1) 50% 15%/170% auto no-repeat #1F0B36}
.foto.rosto.av-aline{background:var(--f1) 50% 15%/cover no-repeat #1F0B36}

#t-inicio:checked~.telas .s-inicio,#t-bar:checked~.telas .s-bar,#t-perfil2c:checked~.telas .s-perfil2c,#t-bares:checked~.telas .s-bares,#t-local-lebife:checked~.telas .s-local-lebife,#t-local-lua:checked~.telas .s-local-lua,#t-local-varanda:checked~.telas .s-local-varanda,#t-local-quintal:checked~.telas .s-local-quintal,#t-longe:checked~.telas .s-longe,#t-boasvindas:checked~.telas .s-boasvindas,#t-cad1:checked~.telas .s-cad1,#t-cad2:checked~.telas .s-cad2,#t-cad3:checked~.telas .s-cad3,#t-cad4:checked~.telas .s-cad4,#t-checkin:checked~.telas .s-checkin,#t-checkinok:checked~.telas .s-checkinok,#t-aqui:checked~.telas .s-aqui,#t-p-marina:checked~.telas .s-p-marina,#t-e-marina:checked~.telas .s-e-marina,#t-p-julia:checked~.telas .s-p-julia,#t-e-julia:checked~.telas .s-e-julia,#t-p-bianca:checked~.telas .s-p-bianca,#t-e-bianca:checked~.telas .s-e-bianca,#t-p-camila:checked~.telas .s-p-camila,#t-e-camila:checked~.telas .s-e-camila,#t-p-larissa:checked~.telas .s-p-larissa,#t-e-larissa:checked~.telas .s-e-larissa,#t-p-fernanda:checked~.telas .s-p-fernanda,#t-e-fernanda:checked~.telas .s-e-fernanda,#t-p-renata:checked~.telas .s-p-renata,#t-e-renata:checked~.telas .s-e-renata,#t-p-carol:checked~.telas .s-p-carol,#t-e-carol:checked~.telas .s-e-carol,#t-p-priscila:checked~.telas .s-p-priscila,#t-e-priscila:checked~.telas .s-e-priscila,#t-enviado:checked~.telas .s-enviado,#t-clique-marina:checked~.telas .s-clique-marina,#t-clique-julia:checked~.telas .s-clique-julia,#t-saida-marina-zap:checked~.telas .s-saida-marina-zap,#t-saida-marina-insta:checked~.telas .s-saida-marina-insta,#t-saida-julia-insta:checked~.telas .s-saida-julia-insta,#t-saida-patricia-insta:checked~.telas .s-saida-patricia-insta,#t-saida-aline-zap:checked~.telas .s-saida-aline-zap,#t-conexoes:checked~.telas .s-conexoes,#t-meuperfil:checked~.telas .s-meuperfil,#t-preview:checked~.telas .s-preview,#t-seguranca:checked~.telas .s-seguranca,#t-denunciaok:checked~.telas .s-denunciaok,#t-encerrar:checked~.telas .s-encerrar,#t-encerrado:checked~.telas .s-encerrado,#t-vazio:checked~.telas .s-vazio,#t-excluir:checked~.telas .s-excluir,#t-mapa:checked~.telas .s-mapa{display:flex;flex-direction:column}
#t-bares:checked~.abas,#t-local-lebife:checked~.abas,#t-local-lua:checked~.abas,#t-local-varanda:checked~.abas,#t-local-quintal:checked~.abas,#t-longe:checked~.abas,#t-aqui:checked~.abas,#t-conexoes:checked~.abas,#t-meuperfil:checked~.abas,#t-encerrado:checked~.abas,#t-vazio:checked~.abas{display:flex}
#t-bares:checked~.telas,#t-local-lebife:checked~.telas,#t-local-lua:checked~.telas,#t-local-varanda:checked~.telas,#t-local-quintal:checked~.telas,#t-longe:checked~.telas,#t-aqui:checked~.telas,#t-conexoes:checked~.telas,#t-meuperfil:checked~.telas,#t-encerrado:checked~.telas,#t-vazio:checked~.telas{bottom:var(--tab)}
#t-aqui:checked~.abas .a-aqui,#t-encerrado:checked~.abas .a-aqui,#t-vazio:checked~.abas .a-aqui{color:#fff}
#t-aqui:checked~.abas .a-aqui .ico,#t-encerrado:checked~.abas .a-aqui .ico,#t-vazio:checked~.abas .a-aqui .ico{color:var(--coral)}
#t-bares:checked~.abas .a-bares,#t-local-lebife:checked~.abas .a-bares,#t-local-lua:checked~.abas .a-bares,#t-local-varanda:checked~.abas .a-bares,#t-local-quintal:checked~.abas .a-bares,#t-longe:checked~.abas .a-bares{color:#fff}
#t-bares:checked~.abas .a-bares .ico,#t-local-lebife:checked~.abas .a-bares .ico,#t-local-lua:checked~.abas .a-bares .ico,#t-local-varanda:checked~.abas .a-bares .ico,#t-local-quintal:checked~.abas .a-bares .ico,#t-longe:checked~.abas .a-bares .ico{color:var(--coral)}
#t-conexoes:checked~.abas .a-conexoes{color:#fff}
#t-conexoes:checked~.abas .a-conexoes .ico{color:var(--coral)}
#t-meuperfil:checked~.abas .a-perfil{color:#fff}
#t-meuperfil:checked~.abas .a-perfil .ico{color:var(--coral)}
body:has(#t-inicio:checked) .lado label[for="t-inicio"],body:has(#t-bar:checked) .lado label[for="t-bar"],body:has(#t-perfil2c:checked) .lado label[for="t-perfil2c"],body:has(#t-bares:checked) .lado label[for="t-bares"],body:has(#t-local-lebife:checked) .lado label[for="t-local-lebife"],body:has(#t-local-lua:checked) .lado label[for="t-local-lua"],body:has(#t-local-varanda:checked) .lado label[for="t-local-varanda"],body:has(#t-local-quintal:checked) .lado label[for="t-local-quintal"],body:has(#t-longe:checked) .lado label[for="t-longe"],body:has(#t-boasvindas:checked) .lado label[for="t-boasvindas"],body:has(#t-cad1:checked) .lado label[for="t-cad1"],body:has(#t-cad2:checked) .lado label[for="t-cad2"],body:has(#t-cad3:checked) .lado label[for="t-cad3"],body:has(#t-cad4:checked) .lado label[for="t-cad4"],body:has(#t-checkin:checked) .lado label[for="t-checkin"],body:has(#t-checkinok:checked) .lado label[for="t-checkinok"],body:has(#t-aqui:checked) .lado label[for="t-aqui"],body:has(#t-p-marina:checked) .lado label[for="t-p-marina"],body:has(#t-e-marina:checked) .lado label[for="t-e-marina"],body:has(#t-p-julia:checked) .lado label[for="t-p-julia"],body:has(#t-e-julia:checked) .lado label[for="t-e-julia"],body:has(#t-p-bianca:checked) .lado label[for="t-p-bianca"],body:has(#t-e-bianca:checked) .lado label[for="t-e-bianca"],body:has(#t-p-camila:checked) .lado label[for="t-p-camila"],body:has(#t-e-camila:checked) .lado label[for="t-e-camila"],body:has(#t-p-larissa:checked) .lado label[for="t-p-larissa"],body:has(#t-e-larissa:checked) .lado label[for="t-e-larissa"],body:has(#t-p-fernanda:checked) .lado label[for="t-p-fernanda"],body:has(#t-e-fernanda:checked) .lado label[for="t-e-fernanda"],body:has(#t-p-renata:checked) .lado label[for="t-p-renata"],body:has(#t-e-renata:checked) .lado label[for="t-e-renata"],body:has(#t-p-carol:checked) .lado label[for="t-p-carol"],body:has(#t-e-carol:checked) .lado label[for="t-e-carol"],body:has(#t-p-priscila:checked) .lado label[for="t-p-priscila"],body:has(#t-e-priscila:checked) .lado label[for="t-e-priscila"],body:has(#t-enviado:checked) .lado label[for="t-enviado"],body:has(#t-clique-marina:checked) .lado label[for="t-clique-marina"],body:has(#t-clique-julia:checked) .lado label[for="t-clique-julia"],body:has(#t-saida-marina-zap:checked) .lado label[for="t-saida-marina-zap"],body:has(#t-saida-marina-insta:checked) .lado label[for="t-saida-marina-insta"],body:has(#t-saida-julia-insta:checked) .lado label[for="t-saida-julia-insta"],body:has(#t-saida-patricia-insta:checked) .lado label[for="t-saida-patricia-insta"],body:has(#t-saida-aline-zap:checked) .lado label[for="t-saida-aline-zap"],body:has(#t-conexoes:checked) .lado label[for="t-conexoes"],body:has(#t-meuperfil:checked) .lado label[for="t-meuperfil"],body:has(#t-preview:checked) .lado label[for="t-preview"],body:has(#t-seguranca:checked) .lado label[for="t-seguranca"],body:has(#t-denunciaok:checked) .lado label[for="t-denunciaok"],body:has(#t-encerrar:checked) .lado label[for="t-encerrar"],body:has(#t-encerrado:checked) .lado label[for="t-encerrado"],body:has(#t-vazio:checked) .lado label[for="t-vazio"],body:has(#t-excluir:checked) .lado label[for="t-excluir"],body:has(#t-mapa:checked) .lado label[for="t-mapa"]{background:var(--vidro-2);color:#fff}
body:has(#t-inicio:checked) .notas .n-inicio{display:block}
body:has(#t-bar:checked) .notas .n-bar{display:block}
body:has(#t-perfil2c:checked) .notas .n-perfil2c{display:block}
body:has(#t-bares:checked) .notas .n-bares{display:block}
body:has(#t-local-lebife:checked) .notas .n-local,body:has(#t-local-lua:checked) .notas .n-local,body:has(#t-local-varanda:checked) .notas .n-local,body:has(#t-local-quintal:checked) .notas .n-local{display:block}
body:has(#t-longe:checked) .notas .n-longe{display:block}
body:has(#t-boasvindas:checked) .notas .n-boasvindas{display:block}
body:has(#t-cad1:checked) .notas .n-cad1{display:block}
body:has(#t-cad2:checked) .notas .n-cad2{display:block}
body:has(#t-cad3:checked) .notas .n-cad3{display:block}
body:has(#t-cad4:checked) .notas .n-cad4{display:block}
body:has(#t-checkin:checked) .notas .n-checkin{display:block}
body:has(#t-checkinok:checked) .notas .n-checkinok{display:block}
body:has(#t-aqui:checked) .notas .n-aqui{display:block}
body:has(#t-p-marina:checked) .notas .n-p,body:has(#t-p-julia:checked) .notas .n-p,body:has(#t-p-bianca:checked) .notas .n-p,body:has(#t-p-camila:checked) .notas .n-p,body:has(#t-p-larissa:checked) .notas .n-p,body:has(#t-p-fernanda:checked) .notas .n-p,body:has(#t-p-renata:checked) .notas .n-p,body:has(#t-p-carol:checked) .notas .n-p,body:has(#t-p-priscila:checked) .notas .n-p{display:block}
body:has(#t-e-marina:checked) .notas .n-e,body:has(#t-e-julia:checked) .notas .n-e,body:has(#t-e-bianca:checked) .notas .n-e,body:has(#t-e-camila:checked) .notas .n-e,body:has(#t-e-larissa:checked) .notas .n-e,body:has(#t-e-fernanda:checked) .notas .n-e,body:has(#t-e-renata:checked) .notas .n-e,body:has(#t-e-carol:checked) .notas .n-e,body:has(#t-e-priscila:checked) .notas .n-e{display:block}
body:has(#t-enviado:checked) .notas .n-enviado{display:block}
body:has(#t-clique-marina:checked) .notas .n-clique,body:has(#t-clique-julia:checked) .notas .n-clique{display:block}
body:has(#t-saida-marina-zap:checked) .notas .n-saida,body:has(#t-saida-marina-insta:checked) .notas .n-saida,body:has(#t-saida-julia-insta:checked) .notas .n-saida,body:has(#t-saida-patricia-insta:checked) .notas .n-saida,body:has(#t-saida-aline-zap:checked) .notas .n-saida{display:block}
body:has(#t-conexoes:checked) .notas .n-conexoes{display:block}
body:has(#t-meuperfil:checked) .notas .n-meuperfil{display:block}
body:has(#t-preview:checked) .notas .n-preview{display:block}
body:has(#t-seguranca:checked) .notas .n-seguranca{display:block}
body:has(#t-denunciaok:checked) .notas .n-denunciaok{display:block}
body:has(#t-encerrar:checked) .notas .n-encerrar{display:block}
body:has(#t-encerrado:checked) .notas .n-encerrado{display:block}
body:has(#t-vazio:checked) .notas .n-vazio{display:block}
body:has(#t-excluir:checked) .notas .n-excluir{display:block}
body:has(#t-mapa:checked) .notas .n-mapa{display:block}
#sa-hoje:checked~.lista-aqui,#sa-esteve:checked~.lista-esteve{display:block}
#sa-hoje:checked~.seg label[for=sa-hoje],#sa-esteve:checked~.seg label[for=sa-esteve],#sc-rec:checked~.seg label[for=sc-rec],#sc-cli:checked~.seg label[for=sc-cli],#sc-env:checked~.seg label[for=sc-env]{background:#fff;color:#1A0530}
#sc-rec:checked~.lista-rec,#sc-cli:checked~.lista-cli,#sc-env:checked~.lista-env{display:block}
#fa-todos:checked~.filtros .f-todos span,#fa-paquera:checked~.filtros .f-paquera span,#fa-amizade:checked~.filtros .f-amizade span,#fa-algo-serio:checked~.filtros .f-algo-serio span,#fa-deixar-rolar:checked~.filtros .f-deixar-rolar span{background:#fff;color:#1A0530;border-color:#fff;font-weight:700}
#fa-paquera:checked~.lista-aqui .pc:not(.pr-paquera),#fa-paquera:checked~.lista-esteve .pc:not(.pr-paquera),#fa-amizade:checked~.lista-aqui .pc:not(.pr-amizade),#fa-amizade:checked~.lista-esteve .pc:not(.pr-amizade),#fa-algo-serio:checked~.lista-aqui .pc:not(.pr-algo-serio),#fa-algo-serio:checked~.lista-esteve .pc:not(.pr-algo-serio),#fa-deixar-rolar:checked~.lista-aqui .pc:not(.pr-deixar-rolar),#fa-deixar-rolar:checked~.lista-esteve .pc:not(.pr-deixar-rolar){display:none}
#fa-paquera:checked~.lista-aqui .pc,#fa-paquera:checked~.lista-esteve .pc,#fa-amizade:checked~.lista-aqui .pc,#fa-amizade:checked~.lista-esteve .pc,#fa-algo-serio:checked~.lista-aqui .pc,#fa-algo-serio:checked~.lista-esteve .pc,#fa-deixar-rolar:checked~.lista-aqui .pc,#fa-deixar-rolar:checked~.lista-esteve .pc{margin-top:0!important}
#acc-mais:checked~.acc{display:block}#acc-mais:checked+.abre-acc .ico.fim{transform:rotate(180deg)}
.r:checked+.con{display:none}
.c2:checked~.hero-p .s1{opacity:0}.c2:checked~.hero-p .s2{opacity:1}
.c1:checked~.hero-p .barrinhas i:nth-child(1),.c2:checked~.hero-p .barrinhas i:nth-child(2){background:#fff}
.c1:checked~.hero-p .t2,.c2:checked~.hero-p .t1{display:block}
.app:has(#t-perfil2c:checked)::after{opacity:0}
.notas:has(#notas-liga:not(:checked)) .nota{display:none!important}