/* Gerado por tools/pvcss.py a partir do CSS do protótipo. Não editar à mão. */
.pvx{
  --bg: #172040; --surface: #283357; --surface-raised: #333F66; --surface-sunken: #0C1222;
  --border: #3E4A74; --border-control: #7A88B0;
  --ink: #F4F1F6; --ink-muted: #B3BBD0;
  --brand: #9C2968; --on-brand: #FFFFFF; --brand-text: #D88AB8; --brand-pressed: #821F55;
  --accent: #C46EA1; --on-accent: #172040;
  --inverse: #FFFFFF; --on-inverse: #172040; --inverse-muted: #565E7A; --brand-on-inverse: #9C2968;
  --success: #5FD3B5; --warning: #F2B85B; --danger: #FF9479;
  --scrim: rgba(12, 18, 34, 0.72);
  --shadow-float: 0 12px 32px rgba(12, 18, 34, 0.5);
  --font-sans: "Plus Jakarta Sans", "Helvetica Neue", system-ui, sans-serif;
  --radius-sm: 10px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 20px; --radius-2xl: 26px; --radius-pill: 999px;
  --control-lg: 52px; --control-md: 44px; --control-sm: 36px;
  color-scheme: dark;
 --tb-h: 64px; --ease-out: cubic-bezier(.2, .7, .2, 1); 
  --bg: #F6F5FA; --surface: #FFFFFF; --surface-raised: #ECEDF4; --surface-sunken: #ECEDF4;
  --border: #E3E5EF; --border-control: #8A91AB; --ink: #172040; --ink-muted: #565E7A;
  --brand-text: #9C2968; --accent: #22587F; --on-accent: #FFFFFF;
  --inverse: #172040; --on-inverse: #FFFFFF; --inverse-muted: #B3BBD0;
  --success: #1C7A66; --warning: #8A5A00; --danger: #B2432A;
  --scrim: rgba(23, 32, 64, 0.45); --shadow-float: 0 12px 32px rgba(23, 32, 64, 0.14);
  color-scheme: light;
background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:24px;}
.pvx *, .pvx{box-sizing: border-box;}
.pvx{scroll-behavior: smooth;}
@media (prefers-reduced-motion: reduce){.pvx{scroll-behavior: auto;}.pvx *, .pvx{transition: none !important;}}
.pvx{margin: 0; background: var(--bg); color: var(--ink); font-family: var(--font-sans); font-size: 16px; line-height: 24px;}
.pvx a{color: var(--accent);}
.pvx button{font: inherit; color: inherit;}
.pvx :focus-visible{outline: 2px solid var(--accent); outline-offset: 2px;}
.pvx h1, .pvx h2, .pvx h3{text-wrap: balance; margin: 0;}
.pvx .wrap{max-width: 1160px; margin: 0 auto; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px));}
@media (min-width: 900px){.pvx .wrap{padding-left: max(48px, env(safe-area-inset-left, 0px)); padding-right: max(48px, env(safe-area-inset-right, 0px));}}
.pvx .num{font-variant-numeric: tabular-nums;}
.pvx .muted{color: var(--ink-muted);}
.pvx .overline{font-size: 12px; line-height: 16px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--brand-text); margin: 0;}
.pvx .h2{font-size: 24px; line-height: 30px; font-weight: 800; letter-spacing: -0.02em;}
@media (min-width: 900px){.pvx .h2{font-size: 32px; line-height: 38px; letter-spacing: -0.03em;}}
.pvx .h3{font-size: 19px; line-height: 26px; font-weight: 800; letter-spacing: -0.02em;}
.pvx .small{font-size: 14px; line-height: 20px;}
.pvx .xs{font-size: 13px; line-height: 18px;}
.pvx .topbar{position: sticky; top: env(safe-area-inset-top, 0px); z-index: 20; background: var(--bg); border-bottom: 1px solid var(--border);}
.pvx .topbar .wrap{display: flex; align-items: center; gap: 12px; padding-block: 10px;}
.pvx .brand-lock{display: flex; align-items: center; gap: 8px; text-decoration: none; color: var(--ink); background: none; border: 0; padding: 0; cursor: pointer;}
.pvx .word{font-weight: 800; letter-spacing: -0.04em; line-height: 1; font-size: 20px;}
.pvx .word span{font-weight: 400;}
.pvx .top-actions{margin-left: auto; display: flex; align-items: center; gap: 8px;}
.pvx .link-btn{background: none; border: 0; padding: 0 8px; height: var(--control-md); color: var(--ink); font-weight: 700; font-size: 14px; cursor: pointer; border-radius: var(--radius-md);}
.pvx .link-btn:hover{background: var(--surface);}
.pvx .hide-sm{display: none;}
@media (min-width: 640px){.pvx .hide-sm{display: inline-flex;}.pvx .show-sm{display: none !important;}}
.pvx .me-btn{display: inline-flex; align-items: center; gap: 10px; height: var(--control-md); padding: 0 14px 0 4px; border-radius: var(--radius-pill); border: 0; background: transparent; cursor: pointer; font-weight: 700; font-size: 14px; color: var(--ink);}
.pvx .me-btn:hover{background: var(--surface);}
.pvx .av-sm{position: relative; width: 36px; height: 36px; border-radius: 50%; background: var(--accent); color: var(--on-accent); display: grid; place-items: center; font-weight: 800; font-size: 13px; flex-shrink: 0;}
.pvx .me-dot{position: absolute; top: -3px; right: -5px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 9px; background: var(--brand); color: var(--on-brand); font-size: 11px; line-height: 18px; text-align: center; font-weight: 800; box-shadow: 0 0 0 2px var(--bg);}
.pvx .btn{font-size: 16px; font-weight: 700; height: var(--control-lg); padding: 0 24px; border-radius: var(--radius-lg); border: none; cursor: pointer; transition: background-color 150ms ease-out; display: inline-flex; align-items: center; justify-content: center; gap: 10px; text-decoration: none; white-space: nowrap;}
.pvx .btn-primary{background: var(--brand); color: var(--on-brand);}
.pvx .btn-primary:hover{background: var(--brand-pressed);}
.pvx .btn-secondary{background: transparent; color: var(--ink); border: 1.5px solid var(--ink);}
.pvx .btn-tertiary{background: transparent; color: var(--accent); padding: 0 8px;}
.pvx .btn-inverse{background: var(--inverse); color: var(--on-inverse);}
.pvx .btn-sm{height: var(--control-md); font-size: 14px; padding: 0 16px;}
.pvx .btn-block{width: 100%;}
.pvx .btn:disabled{opacity: 0.4; cursor: not-allowed;}
.pvx .icon-btn{width: var(--control-md); height: var(--control-md); border-radius: var(--radius-pill); border: 1px solid var(--border-control); background: var(--surface); display: inline-grid; place-items: center; cursor: pointer; flex-shrink: 0;}
.pvx .icon-btn[aria-pressed="true"]{border-color: var(--brand);}
.pvx .icon-btn[aria-pressed="true"] svg{fill: var(--brand); stroke: var(--brand);}
.pvx svg.i{width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0;}
.pvx .biz-strip{background: var(--surface-sunken); border-bottom: 1px solid var(--border); font-size: 14px; line-height: 20px;}
.pvx .biz-strip .wrap{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-block: 8px;}
.pvx .biz-strip p{margin: 0; color: var(--ink-muted); display: flex; gap: 8px; align-items: center; min-width: 0;}
.pvx .biz-strip p b{color: var(--ink);}
.pvx .biz-strip .dot{background: var(--brand); flex-shrink: 0;}
.pvx .biz-strip .long{display: none;}
@media (min-width: 760px){.pvx .biz-strip .long{display: inline;}.pvx .biz-strip .short{display: none;}}
.pvx .btn-biz{height: 36px; padding: 0 14px; border-radius: var(--radius-md); background: var(--inverse); color: var(--on-inverse); font-weight: 800; font-size: 14px; border: 0; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; flex-shrink: 0;}
.pvx .btn-biz:hover{background: var(--accent);}
.pvx .nav{display: none; gap: 4px; margin-left: 24px;}
@media (min-width: 900px){.pvx .nav{display: flex;}}
.pvx .nav button{background: none; border: 0; color: var(--ink-muted); font-weight: 700; font-size: 14px; height: 40px; padding: 0 12px; border-radius: var(--radius-pill); cursor: pointer;}
.pvx .nav button:hover{color: var(--ink); background: var(--surface);}
.pvx .login-btn{height: var(--control-md); padding: 0 16px 0 12px; border-radius: var(--radius-pill); border: 1.5px solid var(--border-control); background: transparent; color: var(--ink); font-weight: 700; font-size: 14px; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; white-space: nowrap;}
.pvx .login-btn:hover{border-color: var(--ink);}
.pvx .hero{padding-block: 40px 0; display: grid; gap: 24px;}
@media (min-width: 900px){.pvx .hero{padding-block: 72px 0; gap: 32px;}}
.pvx .eyebrow-pill{justify-self: start; display: inline-flex; align-items: center; gap: 8px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-pill); padding: 6px 14px; font-size: 12px; line-height: 16px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-muted);}
.pvx .eyebrow-pill .dot{background: var(--brand);}
.pvx .hero h1{font-size: clamp(40px, 7.4vw, 86px); line-height: 0.98; font-weight: 800; letter-spacing: -0.045em;}
.pvx .hero h1 em{font-style: normal; color: var(--brand-text);}
.pvx .hero-sub{display: grid; gap: 24px;}
@media (min-width: 900px){.pvx .hero-sub{grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); gap: 56px; align-items: end;}}
.pvx .lead{margin: 0; color: var(--ink-muted); font-size: 18px; line-height: 28px; max-width: 62ch;}
@media (min-width: 900px){.pvx .lead{font-size: 19px; line-height: 30px;}}
.pvx .trust{list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 20px;}
.pvx .trust li{display: flex; gap: 10px; align-items: flex-start; font-size: 14px; line-height: 20px; font-weight: 700;}
.pvx .trust li svg{color: var(--accent); margin-top: 0;}
.pvx .searchbox{background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-2xl); padding: 12px; display: grid; gap: 12px; box-shadow: var(--shadow-float);}
@media (min-width: 900px){.pvx .searchbox{padding: 14px;}}
.pvx .search-row{display: flex; gap: 10px;}
.pvx .search-row .field{height: 60px; background: var(--bg); border: 1px solid var(--border-control); border-radius: var(--radius-lg); font-size: 17px;}
.pvx .search-row .btn{height: 60px; padding: 0 32px; font-size: 17px;}
@media (max-width: 559px){.pvx .search-row{flex-direction: column;}.pvx .search-row .btn{width: 100%;}}
.pvx .search-extras{display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 0 4px 2px;}
.pvx .search-extras .sep{color: var(--ink-muted); font-size: 13px; padding: 0 4px;}
.pvx .loc-btn{height: var(--control-sm); padding: 0 14px 0 10px; border-radius: var(--radius-pill); border: 0; background: var(--surface-raised); color: var(--ink); font-weight: 700; font-size: 14px; display: inline-flex; gap: 6px; align-items: center; cursor: pointer;}
.pvx .loc-btn svg{width: 18px; height: 18px; color: var(--accent);}
.pvx .live-stat{display: flex; gap: 10px; align-items: flex-start; font-size: 14px; line-height: 20px; color: var(--ink-muted); margin: 0;}
.pvx .live-stat .pulse{margin-top: 5px;}
.pvx .live-stat b{color: var(--ink);}
.pvx .pulse{width: 10px; height: 10px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 0 rgba(95, 211, 181, 0.6); animation: pulse 2s infinite; flex-shrink: 0;}
@keyframes pulse{ 70% { box-shadow: 0 0 0 10px rgba(95, 211, 181, 0); } 100% { box-shadow: 0 0 0 0 rgba(95, 211, 181, 0); } }
@media (prefers-reduced-motion: reduce){.pvx .pulse{animation: none;}}
.pvx .list-head{display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; padding-bottom: 16px;}
.pvx .list-head h2{font-size: 28px; line-height: 34px; font-weight: 800; letter-spacing: -0.03em;}
@media (min-width: 900px){.pvx .list-head h2{font-size: 36px; line-height: 42px;}}
.pvx .list-head p{margin: 6px 0 0; color: var(--ink-muted); font-size: 15px;}
.pvx .controls{display: flex; gap: 8px; flex-wrap: wrap;}
.pvx .ctrl-btn{height: var(--control-md); padding: 0 18px 0 14px; border-radius: var(--radius-pill); border: 1.5px solid var(--border-control); background: var(--surface); color: var(--ink); font-weight: 700; font-size: 14px; display: inline-flex; gap: 8px; align-items: center; cursor: pointer; white-space: nowrap;}
.pvx .ctrl-btn:hover{border-color: var(--ink);}
.pvx .ctrl-btn .muted{font-weight: 500;}
.pvx .active-chips{display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 20px; align-items: center;}
.pvx .achip{height: 32px; padding: 0 6px 0 12px; border-radius: var(--radius-pill); border: 0; background: var(--inverse); color: var(--on-inverse); font-weight: 700; font-size: 13px; display: inline-flex; gap: 4px; align-items: center; cursor: pointer;}
.pvx .achip svg{width: 16px; height: 16px;}
.pvx .time-note{display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 13px; color: var(--ink-muted); padding-top: 20px;}
.pvx .time-note .fchip{height: 30px; font-size: 13px; padding: 0 12px;}
.pvx .fgroup{display: grid; gap: 10px; padding-top: 4px;}
.pvx .fgroup h3{font-size: 13px; line-height: 16px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-muted);}
.pvx .fopts{display: flex; flex-wrap: wrap; gap: 8px;}
.pvx .sheet-wide{max-width: 560px;}
.pvx .sheet-foot{position: sticky; bottom: -24px; margin: 0 -4px -24px; padding: 14px 4px 24px; background: var(--surface); border-top: 1px solid var(--border); display: flex; gap: 12px; align-items: center;}
.pvx .sheet-foot .btn-primary{flex: 1;}
.pvx .opt-list{display: grid; gap: 4px;}
.pvx .opt{display: flex; justify-content: space-between; align-items: center; gap: 12px; text-align: left; background: none; border: 0; border-radius: var(--radius-lg); padding: 14px; cursor: pointer; color: var(--ink); font-weight: 700;}
.pvx .opt span.muted{display: block; font-weight: 500; font-size: 13px; line-height: 18px;}
.pvx .opt:hover{background: var(--surface-raised);}
.pvx .opt[aria-checked="true"]{background: var(--surface-raised);}
.pvx .opt svg{color: var(--accent);}
.pvx .opt[aria-checked="false"] svg{visibility: hidden;}
.pvx .field{display: flex; align-items: center; gap: 10px; height: var(--control-lg); padding: 0 18px; border-radius: var(--radius-lg); background: var(--surface); width: 100%; min-width: 0;}
.pvx .field:focus-within{outline: 2px solid var(--accent); outline-offset: 2px;}
.pvx .field svg{color: var(--ink-muted);}
.pvx .field input{border: none; background: transparent; font: inherit; color: var(--ink); flex: 1; outline: none; min-width: 0;}
.pvx .field input::placeholder{color: var(--ink-muted);}
.pvx .fchip{font-size: 14px; font-weight: 500; height: var(--control-sm); padding: 0 14px; border-radius: var(--radius-pill); border: 1px solid var(--border-control); background: transparent; color: var(--ink); cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0;}
.pvx .fchip:hover{border-color: var(--ink);}
.pvx .fchip[aria-pressed="true"]{background: var(--inverse); color: var(--on-inverse); border-color: var(--inverse); font-weight: 700;}
.pvx .fchip .live{width: 8px; height: 8px; border-radius: 4px; background: var(--success);}
.pvx .grid-shops{display: grid; gap: 20px; grid-template-columns: 1fr;}
@media (min-width: 640px){.pvx .grid-shops{grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (min-width: 1000px){.pvx .grid-shops{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px;}}
.pvx .media-badge{position: absolute; left: 16px; top: 14px;}
.pvx .price-row{display: flex; justify-content: space-between; gap: 12px; align-items: baseline; font-size: 14px; color: var(--ink-muted); background: var(--bg); border-radius: var(--radius-md); padding: 10px 12px;}
.pvx .price-row b{color: var(--ink); font-size: 16px;}
.pvx .slot-title{margin: 0 0 8px; font-size: 12px; line-height: 16px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-muted);}
.pvx .card{background: var(--surface); border-radius: var(--radius-2xl); overflow: hidden; display: flex; flex-direction: column; min-width: 0;}
.pvx .card-media{position: relative; aspect-ratio: 16 / 7; max-width: 100%; background: var(--surface-raised); cursor: pointer;}
.pvx .card-media svg.banner, .pvx .shop-hero svg.banner{width: 100%; height: 100%; display: block;}
.pvx .logo-chip{position: absolute; left: 16px; bottom: -22px; width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; font-weight: 800; font-size: 17px; letter-spacing: -0.02em; border: 3px solid var(--surface); color: #FFFFFF;}
.pvx .card-media .icon-btn{position: absolute; right: 12px; top: 12px; background: var(--surface);}
.pvx .card-body{padding: 30px 16px 16px; display: flex; flex-direction: column; gap: 12px; flex: 1;}
.pvx .card-top{display: flex; justify-content: space-between; align-items: flex-start; gap: 12px;}
.pvx .card-name{font-size: 19px; line-height: 26px; font-weight: 800; letter-spacing: -0.02em; background: none; border: 0; padding: 0; text-align: left; cursor: pointer; color: var(--ink);}
.pvx .card-name:hover{text-decoration: underline; text-underline-offset: 3px;}
.pvx .meta{font-size: 14px; line-height: 20px; color: var(--ink-muted); display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: center;}
.pvx .star{color: var(--warning);}
.pvx .tags{display: flex; flex-wrap: wrap; gap: 6px;}
.pvx .badge{font-size: 12px; font-weight: 700; line-height: 16px; padding: 4px 10px; border-radius: var(--radius-sm); display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;}
.pvx .b-open{background: var(--accent); color: var(--on-accent);}
.pvx .b-closed{background: var(--surface-raised); color: var(--ink-muted);}
.pvx .b-top{background: var(--inverse); color: var(--on-inverse);}
.pvx .b-top svg{width: 13px; height: 13px; fill: var(--brand); stroke: none;}
.pvx .b-soft{background: var(--surface-raised); color: var(--ink);}
.pvx .dot{width: 8px; height: 8px; border-radius: 4px; display: inline-block;}
.pvx .d-ok{background: var(--success);}
.pvx .d-wait{background: var(--warning);}
.pvx .d-no{background: var(--danger);}
.pvx .slots{display: flex; gap: 8px; flex-wrap: wrap;}
.pvx .slot{font-size: 14px; font-weight: 500; height: 38px; padding: 0 14px; border-radius: var(--radius-md); border: 1px solid var(--border-control); background: transparent; color: var(--ink); cursor: pointer; font-variant-numeric: tabular-nums;}
.pvx .slot[aria-pressed="true"]{background: var(--accent); border-color: var(--accent); color: var(--on-accent); font-weight: 700;}
.pvx .slot:disabled{opacity: 0.4; cursor: not-allowed;}
.pvx .card-foot{margin-top: auto; display: flex; flex-direction: column; gap: 12px;}
.pvx .next-note{font-size: 14px; color: var(--ink-muted);}
.pvx .empty{background: var(--surface); border-radius: var(--radius-2xl); padding: 32px 24px; text-align: center; display: grid; gap: 12px; justify-items: center;}
.pvx .section{padding-block: 64px 0;}
@media (min-width: 900px){.pvx .section{padding-block: 96px 0;}}
.pvx .section-head{display: grid; gap: 10px; margin-bottom: 28px; max-width: 760px;}
.pvx .section-head .h2{font-size: 28px; line-height: 34px;}
@media (min-width: 900px){.pvx .section-head .h2{font-size: 40px; line-height: 46px; letter-spacing: -0.035em;}}
.pvx .section-lead{margin: 0; color: var(--ink-muted); font-size: 17px; line-height: 27px; max-width: 64ch;}
.pvx .reasons{display: grid; gap: 12px; grid-template-columns: 1fr;}
@media (min-width: 640px){.pvx .reasons{grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (min-width: 1040px){.pvx .reasons{grid-template-columns: repeat(4, minmax(0, 1fr));}}
.pvx .reason{background: var(--surface); border: 1px solid transparent; border-radius: var(--radius-xl); padding: 22px; text-align: left; cursor: pointer; display: flex; flex-direction: column; gap: 10px; color: var(--ink);}
.pvx .reason:hover{border-color: var(--border-control);}
.pvx .r-icon{width: 44px; height: 44px; border-radius: 12px; background: var(--surface-raised); display: grid; place-items: center; color: var(--accent); margin-bottom: 4px;}
.pvx .reason strong{font-size: 18px; line-height: 25px; letter-spacing: -0.01em;}
.pvx .reason p{margin: 0; color: var(--ink-muted); font-size: 14px; line-height: 21px;}
.pvx .reason .go{color: var(--accent); font-weight: 800; font-size: 14px; margin-top: auto; padding-top: 6px; display: inline-flex; gap: 6px; align-items: center;}
.pvx .steps{display: grid; gap: 14px; grid-template-columns: 1fr; padding: 0; margin: 0; list-style: none;}
@media (min-width: 860px){.pvx .steps{grid-template-columns: repeat(3, minmax(0, 1fr));}}
.pvx .steps li{background: var(--surface); border-radius: var(--radius-xl); padding: 24px; display: grid; gap: 10px; align-content: start;}
.pvx .step-num{width: 40px; height: 40px; border-radius: 50%; background: var(--brand); color: var(--on-brand); display: grid; place-items: center; font-weight: 800; font-size: 17px;}
.pvx .steps strong{font-size: 19px; line-height: 26px; letter-spacing: -0.01em;}
.pvx .steps p{margin: 0; color: var(--ink-muted); font-size: 15px; line-height: 23px;}
.pvx .services{display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));}
.pvx .svc-card{background: var(--surface); border-radius: var(--radius-xl); padding: 22px; display: grid; gap: 10px; align-content: start;}
.pvx .svc-card h3{font-size: 19px; line-height: 26px; font-weight: 800; letter-spacing: -0.02em;}
.pvx .svc-card p{margin: 0; color: var(--ink-muted); font-size: 15px; line-height: 23px;}
.pvx .svc-facts{display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 14px; padding-top: 4px; border-top: 1px solid var(--border); margin-top: 4px; padding-top: 12px;}
.pvx .svc-facts span{color: var(--ink-muted);}
.pvx .svc-facts b{color: var(--ink); font-variant-numeric: tabular-nums;}
.pvx .svc-card .btn-tertiary{justify-self: start; padding: 0; height: 36px;}
.pvx .bairros{display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr));}
.pvx .bairro-link{background: var(--surface); border: 1px solid transparent; border-radius: var(--radius-lg); padding: 16px 18px; text-align: left; cursor: pointer; color: var(--ink); display: grid; gap: 4px;}
.pvx .bairro-link:hover{border-color: var(--border-control);}
.pvx .bairro-link b{font-size: 16px;}
.pvx .bairro-link span{color: var(--ink-muted); font-size: 13px; line-height: 18px;}
.pvx .seo-cols{display: grid; gap: 20px; margin-top: 28px;}
@media (min-width: 860px){.pvx .seo-cols{grid-template-columns: 1fr 1fr; gap: 48px;}}
.pvx .seo-cols h3{font-size: 17px; line-height: 24px; font-weight: 800; margin-bottom: 6px;}
.pvx .seo-cols p{margin: 0; color: var(--ink-muted); font-size: 15px; line-height: 24px;}
.pvx .biz{background: var(--surface); border-radius: var(--radius-2xl); padding: 28px 22px; display: grid; gap: 28px;}
@media (min-width: 960px){.pvx .biz{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding: 56px; gap: 56px; align-items: center;}}
.pvx .biz h2{font-size: 28px; line-height: 34px; font-weight: 800; letter-spacing: -0.03em;}
@media (min-width: 900px){.pvx .biz h2{font-size: 38px; line-height: 44px;}}
.pvx .biz-price{display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap;}
.pvx .biz-price b{font-size: 32px; line-height: 36px; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;}
.pvx .biz-btns{display: flex; gap: 12px; flex-wrap: wrap;}
.pvx .features{display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));}
.pvx .feature{background: var(--bg); border-radius: var(--radius-xl); padding: 18px; display: grid; gap: 6px; align-content: start;}
.pvx .feature svg{color: var(--accent); margin-bottom: 4px;}
.pvx .feature b{font-size: 16px;}
.pvx .feature p{margin: 0; color: var(--ink-muted); font-size: 14px; line-height: 20px;}
.pvx .homescreen{background: var(--inverse); color: var(--on-inverse); border-radius: var(--radius-2xl); padding: 28px 24px; display: grid; gap: 20px; align-items: center;}
@media (min-width: 900px){.pvx .homescreen{grid-template-columns: 1.2fr 1fr; padding: 48px 56px;}}
.pvx .homescreen p{margin: 0; color: var(--inverse-muted);}
.pvx .homescreen .hs-btns{display: flex; gap: 12px; flex-wrap: wrap;}
@media (min-width: 900px){.pvx .homescreen .hs-btns{justify-content: flex-end;}}
.pvx .homescreen .hs-primary{background: var(--on-inverse); color: var(--inverse);}
.pvx .homescreen .hs-secondary{background: transparent; color: var(--on-inverse); border: 1.5px solid var(--on-inverse);}
.pvx .homescreen h2{font-size: 26px; line-height: 32px; font-weight: 800; letter-spacing: -0.03em;}
@media (min-width: 900px){.pvx .homescreen h2{font-size: 36px; line-height: 42px;}}
.pvx .homescreen .overline{color: var(--brand-on-inverse);}
.pvx .faq{display: grid; gap: 8px; max-width: 820px;}
.pvx .faq details{background: var(--surface); border-radius: var(--radius-lg); padding: 0 20px;}
.pvx .faq summary{cursor: pointer; font-weight: 700; padding: 16px 0; list-style: none; display: flex; justify-content: space-between; gap: 16px;}
.pvx .faq summary::-webkit-details-marker{display: none;}
.pvx .faq summary::after{content: "+"; font-weight: 800; color: var(--ink-muted);}
.pvx .faq details[open] summary::after{content: "–";}
.pvx .faq details p{margin: 0 0 16px; color: var(--ink-muted);}
.pvx .form{display: grid; gap: 14px;}
.pvx .form-row{display: grid; gap: 14px;}
@media (min-width: 640px){.pvx .form-row{grid-template-columns: 1fr 1fr;}}
.pvx .lbl{display: grid; gap: 6px; font-size: 14px; font-weight: 700;}
.pvx .input, .pvx .textarea, .pvx .select{font: inherit; font-weight: 400; color: var(--ink); background: var(--surface); border: 1px solid var(--border-control); border-radius: var(--radius-lg); padding: 0 16px; height: var(--control-lg); width: 100%;}
.pvx .textarea{height: auto; min-height: 112px; padding: 14px 16px; resize: vertical;}
.pvx .panel{background: var(--surface); border-radius: var(--radius-2xl); padding: 24px;}
.pvx .contact-grid{display: grid; gap: 24px;}
@media (min-width: 900px){.pvx .contact-grid{grid-template-columns: 0.8fr 1.2fr; gap: 48px;}}
.pvx footer.site{margin-top: 96px; background: var(--surface-sunken); padding-top: 48px;}
.pvx footer.site > .wrap:first-child{display: grid; gap: 32px 24px; grid-template-columns: repeat(2, minmax(0, 1fr));}
.pvx footer.site > .wrap:first-child > div:first-child{grid-column: 1 / -1;}
@media (min-width: 960px){.pvx footer.site > .wrap:first-child{grid-template-columns: 1.5fr repeat(4, minmax(0, 1fr));}.pvx footer.site > .wrap:first-child > div:first-child{grid-column: auto;}}
.pvx .foot-title{font-size: 12px; line-height: 16px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink); margin: 0 0 12px;}
.pvx footer.site ul{list-style: none; padding: 0; margin: 0; display: grid; gap: 10px;}
.pvx footer.site li button{background: none; border: 0; padding: 0; color: var(--ink-muted); cursor: pointer; font-size: 14px; line-height: 20px; text-align: left;}
.pvx footer.site li button:hover{color: var(--ink);}
.pvx .foot-base{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; font-size: 13px; color: var(--ink-muted); border-top: 1px solid var(--border); margin-top: 40px; padding-block: 20px calc(20px + env(safe-area-inset-bottom, 0px));}
.pvx .has-bookbar .foot-base{padding-bottom: calc(110px + env(safe-area-inset-bottom, 0px));}
@media (min-width: 960px){.pvx .has-bookbar .foot-base{padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px));}}
.pvx .back{display: inline-flex; align-items: center; gap: 6px; background: none; border: 0; color: var(--ink-muted); font-weight: 700; font-size: 14px; cursor: pointer; padding: 16px 0 12px;}
.pvx .shop-hero{position: relative; border-radius: var(--radius-2xl); overflow: hidden; aspect-ratio: 16 / 6; max-width: 100%; background: var(--surface-raised);}
@media (max-width: 639px){.pvx .shop-hero{aspect-ratio: 16 / 8;}}
.pvx .shop-head{display: flex; gap: 16px; align-items: flex-start; padding-top: 16px; flex-wrap: wrap;}
.pvx .shop-head .logo-big{width: 72px; height: 72px; border-radius: 18px; display: grid; place-items: center; font-weight: 800; font-size: 24px; color: #FFFFFF; margin-top: -52px; border: 4px solid var(--bg); position: relative; flex-shrink: 0;}
.pvx .shop-title{flex: 1; min-width: 220px; display: grid; gap: 6px;}
.pvx .shop-title h1{font-size: 28px; line-height: 34px; font-weight: 800; letter-spacing: -0.03em;}
@media (min-width: 900px){.pvx .shop-title h1{font-size: 36px; line-height: 42px;}}
.pvx .shop-actions{display: flex; gap: 8px; flex-wrap: wrap;}
.pvx .shop-layout{display: grid; gap: 32px; padding-top: 24px;}
@media (min-width: 960px){.pvx .shop-layout{grid-template-columns: minmax(0, 1fr) 360px; gap: 40px; align-items: start;}}
.pvx .shop-main{display: grid; gap: 36px; min-width: 0;}
.pvx .block{display: grid; gap: 14px; min-width: 0;}
.pvx .block-head{display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap;}
.pvx .step-n{color: var(--brand-text);}
.pvx .svc-list{background: var(--surface); border-radius: var(--radius-xl); overflow: hidden;}
.pvx .svc{display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-top: 1px solid var(--border);}
.pvx .svc:first-child{border-top: none;}
.pvx .svc .i{flex: 1; min-width: 0;}
.pvx .svc .n{font-weight: 700; display: flex; gap: 8px; align-items: center; flex-wrap: wrap;}
.pvx .svc .m{font-size: 14px; color: var(--ink-muted);}
.pvx .svc .p{font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; text-align: right;}
.pvx .svc .p s{color: var(--ink-muted); font-weight: 400; font-size: 13px; display: block;}
.pvx .pick{font-size: 14px; font-weight: 700; height: var(--control-md); padding: 0 14px; border-radius: var(--radius-lg); border: 1.5px solid var(--ink); background: transparent; color: var(--ink); cursor: pointer; min-width: 92px;}
.pvx .pick[aria-pressed="true"]{background: var(--accent); border-color: var(--accent); color: var(--on-accent);}
.pvx .ov-tag{font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; background: var(--brand); color: var(--on-brand); padding: 2px 8px; border-radius: 8px;}
.pvx .pros{display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));}
.pvx .pro{text-align: left; background: var(--surface); border: 2px solid transparent; border-radius: var(--radius-xl); padding: 12px; display: flex; gap: 12px; align-items: center; color: var(--ink); cursor: pointer; min-width: 0;}
.pvx .pro[aria-pressed="true"]{border-color: var(--accent);}
.pvx .av{width: 48px; height: 48px; border-radius: 50%; background: var(--surface-raised); color: var(--ink-muted); display: grid; place-items: center; font-weight: 800; flex-shrink: 0;}
.pvx .pro .n{font-size: 15px; font-weight: 700; display: block;}
.pvx .pro .s{font-size: 13px; color: var(--ink-muted); display: block;}
.pvx .days{display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin;}
.pvx .day{flex-shrink: 0; width: 64px; height: 68px; border-radius: var(--radius-lg); border: 1px solid var(--border-control); background: transparent; cursor: pointer; display: grid; place-items: center; align-content: center; gap: 2px; color: var(--ink);}
.pvx .day b{font-size: 18px; line-height: 22px; font-variant-numeric: tabular-nums;}
.pvx .day span{font-size: 12px; line-height: 16px; color: var(--ink-muted); font-weight: 700;}
.pvx .day[aria-pressed="true"]{background: var(--accent); border-color: var(--accent); color: var(--on-accent);}
.pvx .day[aria-pressed="true"] span{color: var(--on-accent);}
.pvx .day:disabled{opacity: 0.4; cursor: not-allowed;}
.pvx .slot-group{display: grid; gap: 8px;}
.pvx .slot-group h4{margin: 0; font-size: 13px; font-weight: 800; color: var(--ink-muted); letter-spacing: 0.04em; text-transform: uppercase;}
.pvx .combos{display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));}
.pvx .combo{border-radius: var(--radius-xl); padding: 18px; display: flex; flex-direction: column; gap: 6px; border: 0; text-align: left; cursor: pointer;}
.pvx .combo-hi{background: var(--inverse); color: var(--on-inverse);}
.pvx .combo-std{background: var(--surface); color: var(--ink);}
.pvx .combo .t{font-size: 19px; font-weight: 800; letter-spacing: -0.02em;}
.pvx .combo .m{font-size: 14px;}
.pvx .combo-std .ov{color: var(--brand-text); font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;}
.pvx .combo-hi .ov{align-self: flex-start;}
.pvx .products{display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));}
.pvx .product{background: var(--surface); border-radius: var(--radius-xl); padding: 14px; display: grid; gap: 4px;}
.pvx .product .ph-p{aspect-ratio: 1 / 1; max-width: 100%; border-radius: var(--radius-lg); background: var(--surface-raised); display: grid; place-items: center; color: var(--ink-muted); margin-bottom: 6px;}
.pvx .fid{background: var(--surface); border-radius: var(--radius-xl); padding: 20px; display: grid; gap: 14px;}
.pvx .punch{display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 6px;}
.pvx .punch i{aspect-ratio: 1 / 1; border-radius: 50%; border: 1.5px dashed var(--border-control); display: block;}
.pvx .punch i.on{background: var(--brand); border: 0;}
.pvx .gallery{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px;}
@media (max-width: 639px){.pvx .gallery{grid-template-columns: repeat(3, minmax(0, 1fr));}}
.pvx .ph{aspect-ratio: 1 / 1; max-width: 100%; border-radius: var(--radius-lg); position: relative; overflow: hidden; display: flex; align-items: flex-end; padding: 8px; color: #FFFFFF; font-size: 12px; font-weight: 700;}
.pvx .reviews{display: grid; gap: 10px;}
.pvx .review{background: var(--surface); border-radius: var(--radius-xl); padding: 16px; display: grid; gap: 8px;}
.pvx .review-top{display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap;}
.pvx .hours{background: var(--surface); border-radius: var(--radius-xl); overflow: hidden;}
.pvx .hours div{display: flex; justify-content: space-between; padding: 10px 16px; border-top: 1px solid var(--border); font-variant-numeric: tabular-nums;}
.pvx .hours div:first-child{border-top: 0;}
.pvx .hours div.today{font-weight: 800;}
.pvx .hero-fav{position: absolute; right: 16px; top: 16px;}
.pvx .shop-aside{display: grid; gap: 16px; align-content: start; min-width: 0;}
@media (min-width: 960px){.pvx .shop-aside{align-self: stretch;}}
.pvx .summary{position: sticky; top: calc(env(safe-area-inset-top, 0px) + 82px); z-index: 2; background: var(--surface); border-radius: var(--radius-2xl); padding: 20px; display: none; gap: 14px; box-shadow: 0 0 0 8px var(--bg);}
@media (min-width: 960px){.pvx .summary{display: grid;}}
.pvx .info-card{background: var(--surface); border-radius: var(--radius-2xl); padding: 20px; display: grid; gap: 14px;}
.pvx .info-title{font-size: 12px; line-height: 16px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-muted);}
.pvx .addr{display: flex; gap: 10px; align-items: flex-start;}
.pvx .addr svg{color: var(--accent); margin-top: 2px;}
.pvx .addr div{display: grid; font-size: 15px; line-height: 22px;}
.pvx .addr span{color: var(--ink-muted); font-size: 14px;}
.pvx .info-btns{display: grid; grid-template-columns: 1fr 1fr; gap: 8px;}
.pvx .info-btns .btn{padding: 0 12px;}
.pvx .info-sep{height: 1px; background: var(--border);}
.pvx .hours-compact{display: grid; gap: 8px; font-size: 14px; line-height: 20px;}
.pvx .hours-compact div{display: flex; justify-content: space-between; gap: 12px;}
.pvx .hours-compact .today{font-weight: 800;}
.pvx .today-tag{margin-left: 8px; font-size: 11px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--on-accent); background: var(--accent); padding: 1px 6px; border-radius: 6px;}
.pvx .sum-row{display: flex; justify-content: space-between; gap: 12px; font-size: 14px;}
.pvx .sum-row span:first-child{color: var(--ink-muted);}
.pvx .sum-row span:last-child{font-weight: 700; text-align: right;}
.pvx .sum-total{border-top: 1px solid var(--border); padding-top: 12px; font-size: 16px;}
.pvx .paynote{display: flex; gap: 8px; align-items: flex-start; font-size: 13px; line-height: 18px; color: var(--ink-muted);}
.pvx .bookbar{position: fixed; left: 0; right: 0; bottom: 0; z-index: 25; background: var(--surface-sunken); box-shadow: var(--shadow-float); padding: 12px max(16px, env(safe-area-inset-right, 0px)) calc(12px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px)); display: flex; gap: 12px; align-items: center;}
.pvx .bookbar .bb-info{flex: 1; min-width: 0; font-size: 13px; line-height: 18px;}
.pvx .bookbar .bb-info b{display: block; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
@media (min-width: 960px){.pvx .bookbar{display: none;}}
.pvx .pad-bottom{height: 96px;}
@media (min-width: 960px){.pvx .pad-bottom{height: 0;}}
.pvx .lp-hero{display: grid; gap: 40px; padding-block: 40px 0; align-items: center;}
@media (min-width: 980px){.pvx .lp-hero{grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: 56px; padding-block: 72px 0;}}
.pvx .lp-hero-text{display: grid; gap: 22px;}
.pvx .lp-hero h1{font-size: clamp(36px, 5.6vw, 64px); line-height: 1.02; font-weight: 800; letter-spacing: -0.04em;}
.pvx .lp-ctas{display: flex; gap: 12px; flex-wrap: wrap;}
.pvx .lp-assure{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: 14px; font-weight: 700;}
.pvx .lp-assure li{display: inline-flex; gap: 6px; align-items: center;}
.pvx .lp-assure svg{color: var(--success); width: 18px; height: 18px;}
.pvx .lp-preview{position: relative; display: grid; gap: 12px;}
.pvx .pv-notify{display: flex; gap: 12px; align-items: center; background: var(--inverse); color: var(--on-inverse); border-radius: var(--radius-xl); padding: 14px 16px; box-shadow: var(--shadow-float); max-width: 420px; justify-self: end; position: relative; z-index: 1; margin-bottom: -28px; margin-right: -4px;}
.pvx .pv-notify div{display: grid; font-size: 14px; line-height: 19px; min-width: 0;}
.pvx .pv-notify span:last-child{color: var(--inverse-muted); font-size: 13px;}
.pvx .pv-icon{width: 38px; height: 38px; border-radius: 10px; background: var(--brand); color: var(--on-brand); display: grid; place-items: center; flex-shrink: 0;}
.pvx .pv-panel{background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-2xl); padding: 40px 18px 18px; display: grid; gap: 14px;}
.pvx .pv-head{display: flex; justify-content: space-between; align-items: center; font-weight: 800; font-size: 15px;}
.pvx .pv-stats{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px;}
.pvx .pv-stats div{background: var(--bg); border-radius: var(--radius-md); padding: 12px; display: grid; gap: 2px; min-width: 0;}
.pvx .pv-stats span{font-size: 12px; color: var(--ink-muted); font-weight: 700;}
.pvx .pv-stats b{font-size: 20px; line-height: 26px; letter-spacing: -0.02em; white-space: nowrap;}
.pvx .pv-list{display: grid; gap: 8px;}
.pvx .pv-row{display: flex; gap: 12px; align-items: center; background: var(--bg); border: 2px solid transparent; border-radius: var(--radius-lg); padding: 10px 12px;}
.pvx .pv-row.now{border-color: var(--accent);}
.pvx .pv-row > b{width: 46px; flex-shrink: 0;}
.pvx .pv-row div{display: grid; flex: 1; min-width: 0; font-size: 14px; line-height: 19px; font-weight: 700;}
.pvx .pv-row small{font-size: 12px; color: var(--ink-muted); font-weight: 500;}
.pvx .pv-src{font-size: 11px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; padding: 3px 8px; border-radius: 8px; background: var(--brand); color: var(--on-brand); white-space: nowrap;}
.pvx .pv-src.alt{background: var(--surface-raised); color: var(--ink);}
.pvx .pv-src.free{background: transparent; color: var(--success); border: 1px solid var(--success);}
.pvx .lp-split{display: grid; gap: 28px;}
@media (min-width: 960px){.pvx .lp-split{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: start;}}
.pvx .flow-list{list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; counter-reset: f;}
.pvx .flow-list li{counter-increment: f; background: var(--surface); border-radius: var(--radius-xl); padding: 18px 18px 18px 64px; position: relative; display: grid; gap: 4px;}
.pvx .flow-list li::before{content: counter(f); position: absolute; left: 18px; top: 18px; width: 32px; height: 32px; border-radius: 50%; background: var(--surface-raised); color: var(--ink); font-weight: 800; display: grid; place-items: center;}
.pvx .flow-list li:last-child::before{background: var(--brand); color: var(--on-brand);}
.pvx .flow-list b{font-size: 17px;}
.pvx .flow-list span{color: var(--ink-muted); font-size: 15px; line-height: 22px;}
.pvx .table-wrap{overflow-x: auto; border-radius: var(--radius-xl); background: var(--surface);}
.pvx .compare{width: 100%; border-collapse: collapse; min-width: 680px; font-size: 15px;}
.pvx .compare th, .pvx .compare td{padding: 16px 18px; text-align: left; border-top: 1px solid var(--border); vertical-align: top;}
.pvx .compare thead th{border-top: 0; font-size: 13px; font-weight: 800; color: var(--ink-muted); letter-spacing: 0.04em; text-transform: uppercase;}
.pvx .compare tbody th{font-weight: 700; width: 34%;}
.pvx .compare .hl{background: rgba(196, 110, 161, 0.1);}
.pvx .compare thead .hl{color: var(--accent);}
.pvx .compare td.yes{color: var(--ink); font-weight: 700;}
.pvx .compare td.no{color: var(--ink-muted);}
.pvx .compare td.part{color: var(--warning);}
.pvx .compare td.yes::before{content: "✓ "; color: var(--success);}
.pvx .lp-features{display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));}
.pvx .lp-feat{background: var(--surface); border-radius: var(--radius-xl); padding: 20px; display: grid; gap: 8px; align-content: start;}
.pvx .lp-feat svg{color: var(--accent);}
.pvx .lp-feat b{font-size: 17px; line-height: 24px;}
.pvx .lp-feat p{margin: 0; color: var(--ink-muted); font-size: 14px; line-height: 21px;}
.pvx .access-list{display: grid; gap: 10px;}
.pvx .access{display: flex; gap: 16px; align-items: flex-start; background: var(--surface); border-radius: var(--radius-xl); padding: 18px;}
.pvx .access > b{width: 44px; height: 44px; border-radius: 12px; background: var(--surface-raised); display: grid; place-items: center; font-size: 20px; flex-shrink: 0;}
.pvx .access div{display: grid; gap: 2px;}
.pvx .access strong{font-size: 16px;}
.pvx .access span{color: var(--ink-muted); font-size: 14px; line-height: 20px;}
.pvx .access.extra{background: transparent; border: 1.5px dashed var(--border-control);}
.pvx .pricing{display: grid; gap: 20px; justify-items: center;}
.pvx .seg{display: inline-flex; background: var(--surface); border-radius: var(--radius-pill); padding: 4px; gap: 4px;}
.pvx .seg button{height: 40px; padding: 0 20px; border-radius: var(--radius-pill); border: 0; background: transparent; color: var(--ink-muted); font-weight: 700; font-size: 14px; cursor: pointer; display: inline-flex; gap: 8px; align-items: center;}
.pvx .seg button[aria-checked="true"]{background: var(--inverse); color: var(--on-inverse);}
.pvx .save{font-size: 11px; font-weight: 800; background: var(--success); color: #0C1222; padding: 2px 6px; border-radius: 6px;}
.pvx .plan{width: 100%; max-width: 760px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-2xl); padding: 28px 24px; display: grid; gap: 24px;}
@media (min-width: 760px){.pvx .plan{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding: 36px; gap: 36px;}}
.pvx .plan-price{display: grid; gap: 8px; align-content: start;}
.pvx .plan-price .big{font-size: 48px; line-height: 52px; font-weight: 800; letter-spacing: -0.04em; font-variant-numeric: tabular-nums;}
.pvx .plan-price .big small{font-size: 18px; letter-spacing: 0; color: var(--ink-muted); font-weight: 700;}
.pvx .plan-price p{margin: 0; color: var(--ink-muted); font-size: 14px; line-height: 21px;}
.pvx .plan-list{list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; font-size: 15px;}
.pvx .plan-list li{display: flex; gap: 10px; align-items: flex-start;}
.pvx .plan-list svg{color: var(--success); width: 18px; height: 18px; margin-top: 3px;}
.pvx .lp-final{background: var(--brand); color: var(--on-brand); border-radius: var(--radius-2xl); padding: 32px 24px; display: grid; gap: 20px; align-items: center;}
@media (min-width: 900px){.pvx .lp-final{grid-template-columns: 1fr auto; padding: 48px 56px;}}
.pvx .lp-final h2{font-size: 30px; line-height: 36px; font-weight: 800; letter-spacing: -0.03em;}
.pvx .lp-final p{margin: 0; opacity: 0.9; font-size: 17px;}
.pvx .lp-final .btn-primary{background: var(--inverse); color: var(--on-inverse);}
.pvx .lp-final .btn-primary:hover{background: var(--accent);}
.pvx .lp-final .btn-tertiary{color: var(--on-brand);}
.pvx .su-wrap{max-width: 1040px; margin: 0 auto; padding-top: 28px; display: grid; gap: 24px;}
.pvx .stepper{list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px;}
.pvx .stepper li{display: grid; gap: 8px; font-size: 13px; font-weight: 700; color: var(--ink-muted);}
.pvx .stepper li::before{content: ""; height: 4px; border-radius: 2px; background: var(--surface-raised);}
.pvx .stepper li.done::before, .pvx .stepper li.cur::before{background: var(--brand);}
.pvx .stepper li.cur{color: var(--ink);}
.pvx .su-grid{display: grid; gap: 24px;}
@media (min-width: 900px){.pvx .su-grid{grid-template-columns: minmax(0, 1fr) 340px; align-items: start;}}
.pvx .su-main{display: grid; gap: 20px; min-width: 0;}
.pvx .su-main h1{font-size: 30px; line-height: 36px; font-weight: 800; letter-spacing: -0.03em;}
.pvx .fieldset{background: var(--surface); border-radius: var(--radius-2xl); padding: 22px; display: grid; gap: 16px; border: 0; margin: 0; min-width: 0;}
.pvx .fieldset legend{float: left; width: 100%; padding: 0; font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-muted);}
.pvx .fieldset legend + *{clear: both;}
.pvx .input:focus, .pvx .select:focus, .pvx .textarea:focus{outline: 2px solid var(--accent); outline-offset: 1px;}
.pvx .input[aria-invalid="true"]{border-color: var(--danger);}
.pvx .err{font-size: 13px; color: var(--danger); font-weight: 500; margin: 0;}
.pvx .hint{font-size: 13px; color: var(--ink-muted); font-weight: 500;}
.pvx .su-side{background: var(--surface); border-radius: var(--radius-2xl); padding: 20px; display: grid; gap: 12px; align-content: start;}
@media (min-width: 900px){.pvx .su-side{position: sticky; top: calc(env(safe-area-inset-top, 0px) + 82px);}}
.pvx .plan-opts{display: grid; gap: 12px;}
@media (min-width: 640px){.pvx .plan-opts{grid-template-columns: 1fr 1fr;}}
.pvx .plan-opt{text-align: left; background: var(--surface); border: 2px solid var(--border); border-radius: var(--radius-xl); padding: 20px; cursor: pointer; color: var(--ink); display: grid; gap: 6px;}
.pvx .plan-opt[aria-checked="true"]{border-color: var(--accent);}
.pvx .plan-opt .po-top{display: flex; justify-content: space-between; gap: 8px; align-items: center; font-weight: 800;}
.pvx .plan-opt .po-price{font-size: 28px; line-height: 34px; font-weight: 800; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;}
.pvx .plan-opt span.muted{font-size: 14px; line-height: 20px;}
.pvx .radio-dot{width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--border-control); display: inline-grid; place-items: center; flex-shrink: 0;}
.pvx [aria-checked="true"] .radio-dot{border-color: var(--accent);}
.pvx [aria-checked="true"] .radio-dot::after{content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--accent);}
.pvx .pay-tabs{display: grid; grid-template-columns: 1fr 1fr; gap: 8px;}
.pvx .pay-tab{height: 52px; border-radius: var(--radius-lg); border: 2px solid var(--border); background: transparent; color: var(--ink); font-weight: 700; cursor: pointer; display: inline-flex; gap: 8px; align-items: center; justify-content: center;}
.pvx .pay-tab[aria-checked="true"]{border-color: var(--accent);}
.pvx .proto-note{display: flex; gap: 10px; align-items: flex-start; font-size: 13px; line-height: 19px; color: var(--warning); background: rgba(242, 184, 91, 0.1); border-radius: var(--radius-md); padding: 10px 12px;}
.pvx .pix{display: grid; gap: 14px; justify-items: center; text-align: center;}
.pvx .qr{width: 184px; height: 184px; background: #FFFFFF; border-radius: var(--radius-lg); padding: 12px; display: grid; grid-template-columns: repeat(25, 1fr);}
.pvx .qr i{display: block;}
.pvx .qr i.on{background: #172040;}
.pvx .copy-row{display: flex; gap: 8px; width: 100%;}
.pvx .copy-row .input{font-family: ui-monospace, Menlo, monospace; font-size: 13px;}
.pvx .check-row{display: flex; gap: 10px; align-items: flex-start; font-size: 14px; line-height: 20px; cursor: pointer;}
.pvx .check-row input{width: 20px; height: 20px; accent-color: var(--brand); margin: 0; flex-shrink: 0;}
.pvx .su-actions{display: flex; gap: 12px; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.pvx .done-hero{display: grid; gap: 14px;}
.pvx .checklist{list-style: none; margin: 0; padding: 0; display: grid; gap: 8px;}
.pvx .checklist li{display: flex; gap: 12px; align-items: flex-start; background: var(--bg); border-radius: var(--radius-lg); padding: 14px;}
.pvx .checklist li b{display: block;}
.pvx .checklist li span{color: var(--ink-muted); font-size: 14px; line-height: 20px;}
.pvx .checklist .n{width: 28px; height: 28px; border-radius: 50%; background: var(--surface-raised); display: grid; place-items: center; font-weight: 800; font-size: 13px; flex-shrink: 0;}
.pvx .mail{background: #FFFFFF; color: #172040; border-radius: var(--radius-xl); overflow: hidden;}
.pvx .mail-head{background: #F6F5FA; padding: 12px 16px; font-size: 13px; line-height: 19px; color: #565E7A; border-bottom: 1px solid #E3E5EF;}
.pvx .mail-head b{color: #172040;}
.pvx .mail-body{padding: 20px 16px; display: grid; gap: 12px; font-size: 14px; line-height: 21px;}
.pvx .mail-body .mbtn{justify-self: start; background: #9C2968; color: #FFFFFF; font-weight: 800; padding: 10px 16px; border-radius: 10px; font-size: 14px;}
.pvx .mail-body p{margin: 0;}
.pvx .biz-strip, .pvx .topbar, .pvx footer.site{display: none;}
.pvx::before{background: var(--surface);}
.pvx .pv{display: grid; grid-template-columns: 1fr; min-height: 100vh;}
@media (min-width: 1024px){.pvx .pv{grid-template-columns: 264px minmax(0, 1fr);}}
.pvx .pv-side{background: var(--surface); border-right: 1px solid var(--border); display: none; flex-direction: column; gap: 4px; padding: 20px 14px calc(16px + env(safe-area-inset-bottom, 0px)) max(14px, env(safe-area-inset-left, 0px)); position: sticky; top: env(safe-area-inset-top, 0px); height: 100vh; overflow-y: auto;}
@media (min-width: 1024px){.pvx .pv-side{display: flex;}}
.pvx .pv-side.open{display: flex; position: fixed; inset: 0 auto 0 0; width: min(300px, 86vw); z-index: 45; box-shadow: var(--shadow-float);}
.pvx .pv-scrim{position: fixed; inset: 0; background: var(--scrim); z-index: 44;}
.pvx .pv-brand{display: flex; align-items: center; gap: 8px; padding: 4px 8px 16px;}
.pvx .pv-brand .word{color: var(--ink);}
.pvx .adm-tag{margin-left: 4px; font-size: 11px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; background: var(--inverse); color: var(--on-inverse); padding: 3px 8px; border-radius: 6px;}
.pvx .pv-acc{display: flex; gap: 12px; align-items: center; background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 12px; margin-bottom: 12px;}
.pvx .pv-acc .logo-sq{width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; font-weight: 800; flex-shrink: 0; background-size: cover; background-position: center;}
.pvx .pv-acc div{display: grid; min-width: 0;}
.pvx .pv-acc b{font-size: 14px; line-height: 19px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pvx .pv-acc span{font-size: 12px; line-height: 17px; color: var(--ink-muted);}
.pvx .pv-group{font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-muted); padding: 14px 10px 6px;}
.pvx .pv-nav{display: flex; align-items: center; gap: 12px; height: 42px; padding: 0 10px; border-radius: var(--radius-md); border: 0; background: transparent; color: var(--ink); font-weight: 700; font-size: 14px; cursor: pointer; text-align: left; width: 100%;}
.pvx .pv-nav svg{color: var(--ink-muted);}
.pvx .pv-nav:hover{background: var(--bg);}
.pvx .pv-nav[aria-current="page"]{background: var(--surface-raised);}
.pvx .pv-nav[aria-current="page"] svg{color: var(--brand-text);}
.pvx .pv-nav .grow{flex: 1;}
.pvx .pv-nav.soon{color: var(--ink-muted); cursor: default; font-weight: 500; opacity: 0.75;}
.pvx .pv-nav .grow{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pvx .pv-nav.soon:hover{background: transparent;}
.pvx .soon-tag{font-size: 10px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-muted); background: var(--surface-raised); padding: 2px 6px; border-radius: 6px;}
.pvx .mini-prog{width: 38px; height: 6px; border-radius: 3px; background: var(--surface-raised); overflow: hidden;}
.pvx .mini-prog i{display: block; height: 100%; background: var(--success);}
.pvx .pv-side-foot{margin-top: auto; border-top: 1px solid var(--border); padding-top: 10px; display: grid; gap: 2px;}
.pvx .pv-mtop{display: flex; align-items: center; gap: 10px; padding: 10px max(16px, env(safe-area-inset-right, 0px)) 10px max(16px, env(safe-area-inset-left, 0px)); background: var(--surface); border-bottom: 1px solid var(--border); position: sticky; top: env(safe-area-inset-top, 0px); z-index: 20;}
@media (min-width: 1024px){.pvx .pv-mtop{display: none;}}
.pvx .pv-main{min-width: 0; padding: 24px max(16px, env(safe-area-inset-right, 0px)) 64px max(16px, env(safe-area-inset-left, 0px)); display: grid; gap: 24px; align-content: start;}
@media (min-width: 1024px){.pvx .pv-main{padding: 32px 40px 72px;}}
.pvx .pv-head{display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap;}
.pvx .pv-head h1{font-size: 30px; line-height: 36px; font-weight: 800; letter-spacing: -0.03em;}
.pvx .pv-head p{margin: 4px 0 0; color: var(--ink-muted); font-size: 15px; line-height: 22px; font-weight: 500;}
.pvx .pv-actions{display: flex; gap: 8px; flex-wrap: wrap;}
.pvx .pv .btn-secondary{border-color: var(--border-control);}
.pvx .box{background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-xl); padding: 20px; min-width: 0;}
.pvx .box-head{display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 14px; flex-wrap: wrap;}
.pvx .box-head h2{font-size: 17px; line-height: 24px; font-weight: 800; letter-spacing: -0.01em;}
.pvx .kpis{display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr));}
@media (min-width: 1100px){.pvx .kpis{grid-template-columns: repeat(4, minmax(0, 1fr));}}
.pvx .kpi{background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-xl); padding: 16px 18px; display: grid; gap: 2px; min-width: 0;}
.pvx .kpi span{font-size: 13px; font-weight: 700; color: var(--ink-muted);}
.pvx .kpi b{font-size: 28px; line-height: 36px; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; white-space: nowrap;}
.pvx .kpi small{font-size: 13px; color: var(--ink-muted);}
.pvx .kpi small .up{color: var(--success); font-weight: 700;}
.pvx .dash-grid{display: grid; gap: 16px;}
@media (min-width: 1100px){.pvx .dash-grid{grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);}}
.pvx .notice{display: flex; gap: 14px; align-items: flex-start; background: #FFF6E5; border: 1px solid #F0D49B; border-radius: var(--radius-xl); padding: 16px 18px;}
.pvx .notice .ic{width: 36px; height: 36px; border-radius: 10px; background: #F2B85B; color: #172040; display: grid; place-items: center; flex-shrink: 0;}
.pvx .notice div{flex: 1; min-width: 0; display: grid; gap: 2px;}
.pvx .notice b{font-size: 15px;}
.pvx .notice span{font-size: 14px; color: var(--ink-muted); line-height: 20px;}
.pvx .notice .row{display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px;}
.pvx .list-rows{display: grid;}
.pvx .lrow{display: flex; align-items: center; gap: 12px; padding: 12px 0; border-top: 1px solid var(--border);}
.pvx .lrow:first-child{border-top: 0; padding-top: 0;}
.pvx .lrow .tm{font-weight: 800; width: 48px; font-variant-numeric: tabular-nums; flex-shrink: 0;}
.pvx .lrow .who{flex: 1; min-width: 0; display: grid;}
.pvx .lrow .who b{font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pvx .lrow .who span{font-size: 13px; color: var(--ink-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pvx .origin{font-size: 11px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; padding: 3px 8px; border-radius: 8px; white-space: nowrap;}
.pvx .o-vitrine{background: #F7E7F1; color: #9C2968;}
.pvx .o-balcao{background: var(--surface-raised); color: var(--ink-muted);}
.pvx .o-whatsapp{background: #E3F4EF; color: #1C7A66;}
.pvx .st{display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; white-space: nowrap;}
.pvx .tbl-wrap{overflow-x: auto;}
.pvx .tbl{width: 100%; border-collapse: collapse; font-size: 14px; min-width: 520px;}
.pvx .tbl th{text-align: left; font-size: 12px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ink-muted); padding: 0 12px 10px 0; white-space: nowrap;}
.pvx .tbl td{padding: 12px 12px 12px 0; border-top: 1px solid var(--border); vertical-align: middle;}
.pvx .tbl td.r, .pvx .tbl th.r{text-align: right; white-space: nowrap;}
.pvx .tbl td.num{white-space: nowrap;}
.pvx .dash-grid.wide-left{grid-template-columns: minmax(0, 1fr);}
@media (min-width: 1200px){.pvx .dash-grid.wide-left{grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);}}
.pvx .tbl .num{font-variant-numeric: tabular-nums;}
.pvx .chart svg{width: 100%; height: auto; display: block;}
.pvx .ag-bar{display: flex; gap: 10px; align-items: center; flex-wrap: wrap;}
.pvx .ag-date{display: flex; gap: 6px; align-items: center;}
.pvx .round{width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--border-control); background: var(--surface); display: grid; place-items: center; cursor: pointer; color: var(--ink);}
.pvx .round:disabled{opacity: 0.4; cursor: not-allowed;}
.pvx .ag-day{height: 40px; padding: 0 16px; border-radius: var(--radius-pill); border: 1px solid var(--border-control); background: var(--surface); font-weight: 800; font-size: 14px; display: inline-flex; align-items: center; min-width: 140px; justify-content: center;}
.pvx .ag-pros{display: flex; gap: 6px; flex-wrap: wrap; margin-left: auto;}
.pvx .ag-pros .fchip{background: var(--surface);}
.pvx .ag-pros .fchip[aria-pressed="true"]{background: var(--inverse);}
.pvx .grid-wrap{overflow-x: auto; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-xl);}
.pvx .ag-grid{display: grid; min-width: 100%;}
.pvx .ag-h{position: sticky; top: 0; background: var(--surface); z-index: 3; padding: 12px; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 10px; min-width: 0;}
.pvx .ag-h .av{width: 34px; height: 34px; font-size: 13px; background: var(--inverse); color: var(--on-inverse);}
.pvx .ag-h div{display: grid; min-width: 0;}
.pvx .ag-h b{font-size: 14px;}
.pvx .ag-h span{font-size: 12px; color: var(--ink-muted);}
.pvx .ag-t{font-size: 12px; color: var(--ink-muted); font-weight: 700; padding: 6px 10px 0 12px; border-top: 1px solid var(--border); font-variant-numeric: tabular-nums; position: sticky; left: 0; background: var(--surface); z-index: 2;}
.pvx .ag-c{border-top: 1px solid var(--border); border-left: 1px solid var(--border); padding: 4px; min-height: 58px; position: relative;}
.pvx .ag-c.off{background: repeating-linear-gradient(135deg, var(--bg) 0 8px, var(--surface) 8px 16px);}
.pvx .ag-c.past{background: var(--bg);}
.pvx .ag-add{width: 100%; height: 100%; min-height: 48px; border: 1.5px dashed transparent; border-radius: 10px; background: transparent; color: var(--accent); font-weight: 700; font-size: 13px; cursor: pointer; opacity: 0;}
.pvx .ag-add:hover, .pvx .ag-add:focus-visible{opacity: 1; border-color: var(--accent);}
.pvx .ap{width: 100%; height: 100%; min-height: 48px; border: 0; border-radius: 10px; padding: 6px 9px; text-align: left; cursor: pointer; display: grid; gap: 1px; align-content: start; font-size: 12px; line-height: 16px; color: var(--ink);}
.pvx .ap b{font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pvx .ap span{color: var(--ink-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pvx .ap.s-confirmado{background: #E4EEF5;}
.pvx .ap.s-pendente{background: #FFF1D6;}
.pvx .ap.s-done{background: #E3F4EF;}
.pvx .ap.s-falta{background: #FBE8E2;}
.pvx .ap.s-falta b{text-decoration: line-through;}
.pvx .ap.s-bloqueio{background: var(--surface-raised); color: var(--ink-muted);}
.pvx .ap .ap-top{display: flex; gap: 6px; align-items: center; justify-content: space-between;}
.pvx .now-line{position: absolute; left: 0; right: 0; height: 2px; background: var(--brand); z-index: 1; pointer-events: none;}
.pvx .now-line::before{content: ""; position: absolute; left: -4px; top: -3px; width: 8px; height: 8px; border-radius: 50%; background: var(--brand);}
.pvx .legend{display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13px; color: var(--ink-muted);}
.pvx .legend i{width: 12px; height: 12px; border-radius: 4px; display: inline-block; vertical-align: -1px; margin-right: 6px;}
.pvx .det{display: grid; gap: 8px;}
.pvx .det-row{display: flex; justify-content: space-between; gap: 12px; font-size: 14px;}
.pvx .det-row span:first-child{color: var(--ink-muted);}
.pvx .det-row span:last-child{font-weight: 700; text-align: right;}
.pvx .act-grid{display: grid; gap: 8px; grid-template-columns: 1fr 1fr;}
.pvx .act-grid .btn{width: 100%; padding: 0 12px;}
.pvx .act-grid .full{grid-column: 1 / -1;}
.pvx .btn-danger-t{background: transparent; color: var(--danger); border: 1.5px solid currentColor;}
.pvx .chk{display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--border); border-radius: var(--radius-md); cursor: pointer; font-size: 14px;}
.pvx .chk input{width: 18px; height: 18px; accent-color: var(--accent); margin: 0;}
.pvx .chk .grow{flex: 1;}
.pvx .qty{display: inline-flex; align-items: center; gap: 4px;}
.pvx .qty button{width: 30px; height: 30px; border-radius: 8px; border: 1px solid var(--border-control); background: var(--surface); cursor: pointer; font-weight: 800;}
.pvx .qty b{min-width: 20px; text-align: center; font-variant-numeric: tabular-nums;}
.pvx .total-box{background: var(--bg); border-radius: var(--radius-lg); padding: 14px; display: grid; gap: 6px;}
.pvx .sheet .fopts .fchip[aria-pressed="true"]{background: var(--inverse); color: var(--on-inverse);}
.pvx .prog{height: 10px; border-radius: 5px; background: var(--surface-raised); overflow: hidden;}
.pvx .prog i{display: block; height: 100%; background: var(--success); border-radius: 5px; transition: width 300ms ease-out;}
.pvx .onb{display: grid; gap: 10px;}
.pvx .onb-step{display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-xl); padding: 18px;}
.pvx .onb-step.is-done{background: var(--bg);}
.pvx .onb-ic{width: 34px; height: 34px; border-radius: 50%; border: 2px solid var(--border-control); display: grid; place-items: center; font-weight: 800; font-size: 14px; color: var(--ink-muted);}
.pvx .onb-step.is-done .onb-ic{background: var(--success); border-color: var(--success); color: #FFFFFF;}
.pvx .onb-body{display: grid; gap: 6px;}
.pvx .onb-body b{font-size: 16px;}
.pvx .onb-body p{margin: 0; font-size: 14px; line-height: 21px; color: var(--ink-muted);}
.pvx .onb-acts{display: flex; gap: 8px; flex-wrap: wrap; margin-top: 6px; align-items: center;}
.pvx .vid-btn{display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 12px 0 6px; border-radius: var(--radius-pill); border: 1px solid var(--border); background: var(--surface); cursor: pointer; font-size: 13px; font-weight: 700; color: var(--ink);}
.pvx .vid-btn i{width: 26px; height: 26px; border-radius: 50%; background: var(--brand); color: #FFFFFF; display: grid; place-items: center; font-style: normal; font-size: 10px;}
.pvx .guides{display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));}
.pvx .guide{text-align: left; border: 1px solid var(--border); background: var(--surface); border-radius: var(--radius-xl); overflow: hidden; cursor: pointer; padding: 0; color: var(--ink); display: grid;}
.pvx .guide .thumb{aspect-ratio: 16 / 9; max-width: 100%; background: linear-gradient(135deg, #172040, #333F66); display: grid; place-items: center; position: relative;}
.pvx .guide .thumb i{width: 44px; height: 44px; border-radius: 50%; background: #9C2968; color: #FFFFFF; display: grid; place-items: center; font-style: normal;}
.pvx .guide .thumb small{position: absolute; right: 8px; bottom: 8px; background: rgba(12, 18, 34, 0.8); color: #FFFFFF; font-size: 11px; font-weight: 700; padding: 2px 6px; border-radius: 6px;}
.pvx .guide div.t{padding: 12px 14px; display: grid; gap: 2px;}
.pvx .guide b{font-size: 14px;}
.pvx .guide span{font-size: 12px; color: var(--ink-muted);}
.pvx .switch{position: relative; width: 42px; height: 24px; border-radius: 12px; background: var(--border-control); border: 0; cursor: pointer; flex-shrink: 0; transition: background-color 150ms ease-out;}
.pvx .switch::after{content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #FFFFFF; transition: transform 150ms ease-out;}
.pvx .switch[aria-checked="true"]{background: var(--success);}
.pvx .switch[aria-checked="true"]::after{transform: translateX(18px);}
.pvx .pro-cards{display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));}
.pvx .pro-card{background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-xl); padding: 18px; display: grid; gap: 14px; align-content: start;}
.pvx .pro-card .top{display: flex; gap: 12px; align-items: center;}
.pvx .pro-card .top .av{width: 48px; height: 48px; background: var(--inverse); color: var(--on-inverse);}
.pvx .pro-card .top div{display: grid; flex: 1; min-width: 0;}
.pvx .pro-card .top span{font-size: 13px; color: var(--ink-muted);}
.pvx .daychips{display: flex; gap: 4px; flex-wrap: wrap;}
.pvx .daychip{width: 38px; height: 32px; border-radius: 8px; border: 1px solid var(--border-control); background: var(--surface); font-size: 12px; font-weight: 800; cursor: pointer; color: var(--ink);}
.pvx .daychip[aria-pressed="true"]{background: var(--inverse); color: var(--on-inverse); border-color: var(--inverse);}
.pvx .daychip:disabled{opacity: 0.35; cursor: not-allowed;}
.pvx .com-row{display: grid; grid-template-columns: 1fr 1fr; gap: 8px;}
.pvx .com-row div{background: var(--bg); border-radius: var(--radius-md); padding: 10px 12px; display: grid;}
.pvx .com-row span{font-size: 12px; color: var(--ink-muted); font-weight: 700;}
.pvx .com-row b{font-size: 18px; font-variant-numeric: tabular-nums;}
.pvx .page-grid{display: grid; gap: 16px;}
@media (min-width: 1100px){.pvx .page-grid{grid-template-columns: minmax(0, 1fr) 360px; align-items: start;}}
.pvx .up-row{display: flex; gap: 14px; align-items: center; flex-wrap: wrap;}
.pvx .up-logo{width: 72px; height: 72px; border-radius: 18px; display: grid; place-items: center; font-weight: 800; font-size: 22px; background-size: cover; background-position: center; flex-shrink: 0;}
.pvx .up-banner{width: 100%; aspect-ratio: 16 / 6; max-width: 100%; border-radius: var(--radius-lg); overflow: hidden; background: var(--surface-raised); position: relative;}
.pvx .up-banner img, .pvx .up-banner svg{width: 100%; height: 100%; object-fit: cover; display: block;}
.pvx .file-btn{position: relative; overflow: hidden;}
.pvx .file-btn input{position: absolute; inset: 0; opacity: 0; cursor: pointer;}
.pvx .ph-grid{display: grid; gap: 8px; grid-template-columns: repeat(4, minmax(0, 1fr));}
.pvx .ph-grid .ph{border-radius: 12px;}
.pvx .ph-del{position: absolute; top: 4px; right: 4px; width: 26px; height: 26px; border-radius: 50%; border: 0; background: rgba(12, 18, 34, 0.75); color: #FFFFFF; cursor: pointer; display: grid; place-items: center;}
.pvx .ph-del svg{width: 14px; height: 14px;}
.pvx .ph-add2{aspect-ratio: 1 / 1; max-width: 100%; border-radius: 12px; border: 1.5px dashed var(--border-control); display: grid; place-items: center; font-size: 13px; font-weight: 700; color: var(--ink); background: var(--surface); position: relative; text-align: center; padding: 6px;}
.pvx .hours-edit{display: grid; gap: 8px;}
.pvx .he-row{display: grid; grid-template-columns: 96px auto 1fr; gap: 12px; align-items: center; font-size: 14px;}
.pvx .he-row .times{display: flex; gap: 6px; align-items: center; flex-wrap: wrap;}
.pvx .he-row .select{height: 38px; width: auto; padding: 0 10px; font-size: 14px;}
.pvx .preview-mini{background: #172040; border-radius: var(--radius-xl); overflow: hidden; color: #FFFFFF;}
.pvx .preview-mini .pm-b{aspect-ratio: 16 / 7; max-width: 100%; position: relative;}
.pvx .preview-mini .pm-b img, .pvx .preview-mini .pm-b svg{width: 100%; height: 100%; object-fit: cover; display: block;}
.pvx .preview-mini .pm-body{padding: 26px 14px 14px; display: grid; gap: 4px; position: relative;}
.pvx .preview-mini .pm-logo{position: absolute; left: 14px; top: -24px; width: 46px; height: 46px; border-radius: 12px; border: 3px solid #172040; display: grid; place-items: center; font-weight: 800; background-size: cover; background-position: center;}
.pvx .preview-mini small{color: #B3BBD0;}
.pvx .pv-filters{display: flex; gap: 8px; flex-wrap: wrap;}
.pvx .pv-filters .fchip, .pvx .box .fchip{background: var(--surface);}
.pvx .pv-filters .fchip[aria-pressed="true"], .pvx .box .fchip[aria-pressed="true"]{background: var(--inverse);}
.pvx .hbars{display: grid; gap: 14px;}
.pvx .hbar{display: grid; gap: 6px;}
.pvx .hb-top{display: flex; justify-content: space-between; gap: 12px; font-size: 14px; font-weight: 700;}
.pvx .hb-track{height: 10px; border-radius: 5px; background: var(--surface-raised); overflow: hidden;}
.pvx .hb-track i{display: block; height: 100%; background: var(--accent); border-radius: 5px;}
.pvx .cat-tag{font-size: 12px; font-weight: 700; background: var(--surface-raised); padding: 3px 8px; border-radius: 8px; white-space: nowrap;}
.pvx .pts{display: inline-block; width: 70px; height: 8px; border-radius: 4px; background: var(--surface-raised); overflow: hidden; vertical-align: middle; margin-right: 6px;}
.pvx .pts i{display: block; height: 100%; background: var(--brand);}
.pvx .msg-box{display: grid; gap: 16px;}
.pvx .msg-head{display: flex; justify-content: space-between; gap: 16px; align-items: center;}
.pvx .msg-head b{font-size: 16px;}
.pvx .msg-body{display: grid; gap: 16px;}
@media (min-width: 1100px){.pvx .msg-body{grid-template-columns: minmax(0, 1fr) 320px; align-items: start;}}
.pvx .wa-prev{background: #E9E2D8; border-radius: var(--radius-lg); overflow: hidden; padding-bottom: 14px;}
.pvx .wa-bar{background: #1F6E5A; color: #FFFFFF; font-weight: 700; font-size: 14px; padding: 10px 14px; margin-bottom: 12px;}
.pvx .wa-bubble{background: #FFFFFF; color: #172040; margin: 0 14px 0 34px; padding: 8px 10px 18px; border-radius: 10px 0 10px 10px; font-size: 14px; line-height: 20px; position: relative; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); word-break: break-word;}
.pvx .wa-bubble .wa-link{color: #1F6E8A; text-decoration: underline;}
.pvx .wa-time{position: absolute; right: 8px; bottom: 3px; font-size: 11px; color: #6A7385;}
.pvx .ic-ok{width: 40px; height: 40px; border-radius: 50%; background: var(--success); color: #FFFFFF; display: grid; place-items: center; flex-shrink: 0;}
.pvx .meter{display: block; height: 6px; border-radius: 3px; background: var(--surface-raised); overflow: hidden; margin: 6px 0 2px;}
.pvx .meter i{display: block; height: 100%; background: var(--success);}
.pvx .tbl.perm td:not(:first-child), .pvx .tbl.perm th:not(:first-child){text-align: center;}
.pvx .thread{display: grid; gap: 10px;}
.pvx .msg-me, .pvx .msg-them{border-radius: var(--radius-lg); padding: 12px 14px; display: grid; gap: 4px;}
.pvx .msg-me{background: var(--bg);}
.pvx .msg-them{background: #E4EEF5;}
.pvx .msg-me p, .pvx .msg-them p{margin: 0; font-size: 14px; line-height: 21px;}
.pvx img.banner{width: 100%; height: 100%; object-fit: cover; display: block;}
.pvx [hidden]{display: none !important;}
.pvx .block{scroll-margin-top: 84px;}
.pvx .searchbox{position: relative;}
.pvx .suggest{position: absolute; left: 12px; right: 12px; top: 78px; z-index: 18; background: var(--surface-raised); border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: var(--shadow-float); padding: 8px; max-height: 360px; overflow-y: auto;}
@media (min-width: 900px){.pvx .suggest{top: 80px; right: 220px;}}
.pvx .sg-h{margin: 6px 8px 4px; font-size: 11px; line-height: 16px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-muted);}
.pvx .sg-i{display: flex; gap: 10px; align-items: center; width: 100%; text-align: left; background: none; border: 0; border-radius: var(--radius-md); padding: 10px; color: var(--ink); cursor: pointer;}
.pvx .sg-i:hover, .pvx .sg-i[aria-selected="true"]{background: var(--surface);}
.pvx .sg-i svg{color: var(--accent);}
.pvx .sg-i span{display: grid; min-width: 0;}
.pvx .sg-i small{color: var(--ink-muted); font-size: 12px; line-height: 16px;}
.pvx .sg-empty{margin: 8px; font-size: 14px; color: var(--ink-muted);}
.pvx .foryou{display: grid; gap: 10px;}
.pvx .fy-title{margin: 0; font-size: 12px; line-height: 16px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-muted);}
.pvx .fy-grid{display: grid; gap: 10px;}
@media (min-width: 760px){.pvx .fy-grid{grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));}}
.pvx .fy-card{display: flex; gap: 12px; align-items: center; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-xl); padding: 12px 14px; min-width: 0;}
.pvx .fy-logo{width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; font-weight: 800; flex-shrink: 0;}
.pvx .fy-txt{flex: 1; min-width: 0; display: grid; gap: 1px;}
.pvx .fy-txt b{font-size: 15px; line-height: 21px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pvx .fy-txt span:last-child{font-size: 13px; line-height: 18px; color: var(--ink-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pvx .hs-ic{width: 44px; height: 44px; flex-shrink: 0; display: block;}
.pvx .hs-ic svg{width: 100%; height: 100%; display: block;}
.pvx .hs-mini{display: flex; align-items: center; gap: 12px; background: linear-gradient(100deg, rgba(156, 41, 104, 0.22), rgba(196, 110, 161, 0.1)); border: 1px solid rgba(216, 138, 184, 0.5); border-radius: var(--radius-xl); padding: 12px 8px 12px 14px;}
.pvx .hs-mini > div{flex: 1; display: grid; gap: 2px; min-width: 0;}
.pvx .hs-mini b{font-size: 15px; line-height: 21px;}
.pvx .hs-mini > div span{font-size: 13px; line-height: 18px; color: var(--ink-muted);}
.pvx .hs-mini-btn{background: var(--brand); color: var(--on-brand); flex-shrink: 0;}
.pvx .hs-mini-btn:hover{background: var(--brand-pressed);}
.pvx .hs-mini .close{margin: 0; flex-shrink: 0;}
@media (max-width: 520px){.pvx .hs-mini{flex-wrap: wrap;}.pvx .hs-mini > div{flex-basis: calc(100% - 110px);}.pvx .hs-mini-btn{width: 100%; order: 5;}.pvx .hs-mini .close{position: absolute;}.pvx .hs-mini{position: relative; padding-right: 44px;}.pvx .hs-mini .close{right: 4px; top: 4px;}}
.pvx .hs-card{background: var(--inverse); color: var(--on-inverse); border-radius: var(--radius-xl); padding: 16px; display: flex; gap: 14px; align-items: center; flex-wrap: wrap;}
.pvx .hs-card > div{flex: 1; min-width: 200px; display: grid; gap: 2px;}
.pvx .hs-card > div span{color: var(--inverse-muted); font-size: 14px; line-height: 20px;}
.pvx .hs-card .btn{background: var(--brand); color: var(--on-brand);}
.pvx .hs-list{list-style: none; margin: 0; padding: 0; display: grid; gap: 8px;}
.pvx .hs-list li{display: flex; gap: 10px; align-items: center; font-weight: 700; font-size: 15px; line-height: 21px;}
.pvx .hs-list svg{color: var(--brand); width: 18px; height: 18px; stroke-width: 3;}
.pvx .homescreen .hs-btns{justify-content: flex-start;}
.pvx .hs-phone{justify-self: center; width: 210px; max-width: 100%; aspect-ratio: 9 / 18; border-radius: 34px; background: #172040; box-shadow: 0 0 0 8px #333F66, var(--shadow-float); padding: 40px 16px 16px; position: relative;}
.pvx .hs-notch{position: absolute; top: 12px; left: 50%; transform: translateX(-50%); width: 64px; height: 16px; border-radius: 10px; background: #0C1222;}
.pvx .hs-apps{display: grid; grid-template-columns: repeat(4, 34px); justify-content: space-between; gap: 24px 0;}
.pvx .app{position: relative; display: block; width: 34px; height: 34px;}
.pvx .app i{display: block; width: 34px; height: 34px; border-radius: 10px; background: #333F66;}
.pvx .app.bb i{background: #9C2968; display: grid; place-items: center; box-shadow: 0 0 0 3px #FFFFFF; animation: hsPulse 2.4s ease-out infinite;}
.pvx .app.bb svg{width: 78%; height: 78%;}
.pvx .app.bb small{position: absolute; left: 50%; top: calc(100% + 5px); transform: translateX(-50%); font-size: 9px; line-height: 11px; font-weight: 800; color: #FFFFFF; white-space: nowrap;}
@keyframes hsPulse{ 0% { box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 3px rgba(156, 41, 104, 0.7); } 70% { box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 14px rgba(156, 41, 104, 0); } 100% { box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 14px rgba(156, 41, 104, 0); } }
@media (prefers-reduced-motion: reduce){.pvx .app.bb i{animation: none;}}
@media (max-width: 899px){.pvx .hs-phone{width: 180px;}}
.pvx .hs-qr{display: flex; gap: 14px; align-items: center; background: var(--bg); border-radius: var(--radius-lg); padding: 12px;}
.pvx .hs-qr .qr{width: 104px; height: 104px; padding: 7px; flex-shrink: 0;}
.pvx .hs-qr div{display: grid; gap: 4px;}
.pvx .hs-steps{list-style: none; margin: 0; padding: 0; display: grid; gap: 10px;}
.pvx .hs-steps li{display: flex; gap: 12px; align-items: center; background: var(--bg); border-radius: var(--radius-lg); padding: 12px;}
.pvx .hs-n{width: 26px; height: 26px; border-radius: 50%; background: var(--brand); color: var(--on-brand); display: grid; place-items: center; font-weight: 800; font-size: 13px; flex-shrink: 0;}
.pvx .hs-sic{width: 40px; height: 40px; border-radius: 10px; background: var(--surface-raised); display: grid; place-items: center; color: var(--accent); flex-shrink: 0;}
.pvx .st-logo{width: 26px; height: 26px; display: block;}
.pvx .st-logo svg{width: 100%; height: 100%; display: block;}
.pvx .hs-steps div{display: grid; gap: 2px; min-width: 0;}
.pvx .hs-steps b{font-size: 15px;}
.pvx .hs-steps div span{font-size: 13px; line-height: 18px; color: var(--ink-muted);}
.pvx .quick-info{display: grid; gap: 10px; margin-top: 14px; background: var(--surface); border-radius: var(--radius-xl); padding: 14px;}
.pvx .qi-addr, .pvx .qi-hours{display: flex; gap: 8px; align-items: center; font-size: 14px; line-height: 20px; color: var(--ink); text-decoration: none;}
.pvx .qi-addr svg, .pvx .qi-hours svg{color: var(--accent); width: 18px; height: 18px;}
.pvx .qi-btns{display: grid; grid-template-columns: 1fr 1fr; gap: 8px;}
@media (min-width: 960px){.pvx .quick-info{display: none;}}
@media (max-width: 959px){.pvx .ia-addr, .pvx .ia-btns{display: none !important;}}
.pvx .sel-bar{display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; background: var(--surface); border: 1.5px solid var(--accent); border-radius: var(--radius-xl); padding: 12px 14px;}
.pvx .sb-txt{display: grid; min-width: 0; gap: 1px;}
.pvx .next-box{display: grid; gap: 12px; background: var(--surface); border-radius: var(--radius-xl); padding: 16px;}
.pvx .next-row{display: flex; gap: 12px; align-items: center; justify-content: space-between; flex-wrap: wrap; font-size: 14px; line-height: 20px;}
.pvx .wait-link{justify-self: start; padding: 0 !important; height: 36px !important;}
.pvx .wait-link svg{width: 18px; height: 18px;}
.pvx .policy{display: flex; gap: 10px; font-size: 13px; line-height: 19px; color: var(--ink-muted); background: var(--bg); padding: 12px; border-radius: var(--radius-md);}
.pvx .policy svg{color: var(--accent); width: 18px; height: 18px; flex-shrink: 0;}
.pvx .cal-row{display: grid; gap: 8px;}
.pvx .cal-btns{display: flex; gap: 8px; flex-wrap: wrap;}
.pvx .view-seg button{height: 36px; padding: 0 14px; gap: 6px;}
.pvx .view-seg{padding: 4px;}
.pvx .map-wrap{grid-column: 1 / -1; display: grid; gap: 16px;}
@media (min-width: 960px){.pvx .map-wrap{grid-template-columns: minmax(0, 1.5fr) minmax(320px, 1fr); align-items: start;}}
.pvx .map-box{background: var(--surface); border-radius: var(--radius-2xl); overflow: hidden;}
.pvx .map-box svg{display: block; width: 100%; height: auto;}
.pvx .map-note{margin: 0; padding: 10px 14px; border-top: 1px solid var(--border);}
.pvx .m-bg{fill: var(--surface);}
.pvx .m-land{fill: var(--surface-raised); opacity: 0.5;}
.pvx .m-road{stroke: var(--border); stroke-width: 4; fill: none; stroke-linecap: round;}
.pvx .m-river{stroke: #22587F; stroke-width: 24; fill: none; opacity: 0.55; stroke-linecap: round;}
.pvx .m-river2{stroke: #C46EA1; stroke-width: 6; fill: none; opacity: 0.35;}
.pvx .m-river-lbl{fill: #C46EA1; font: italic 600 13px "Plus Jakarta Sans", sans-serif; opacity: 0.85;}
.pvx .m-lbl{fill: var(--ink-muted); font: 800 11px "Plus Jakarta Sans", sans-serif; letter-spacing: 0.08em; text-transform: uppercase;}
.pvx .m-you{fill: #C46EA1; font: 800 12px "Plus Jakarta Sans", sans-serif;}
.pvx .pin{cursor: pointer;}
.pvx .pin path{fill: var(--inverse); stroke: var(--bg); stroke-width: 2;}
.pvx .pin text{fill: var(--on-inverse); font: 800 13px "Plus Jakarta Sans", sans-serif;}
.pvx .pin.on path{fill: var(--brand);}
.pvx .pin.on text{fill: #FFFFFF;}
.pvx .pin .pin-name{fill: var(--ink); font: 800 13px "Plus Jakarta Sans", sans-serif; paint-order: stroke; stroke: var(--bg); stroke-width: 4px;}
.pvx .pin:focus{outline: none;}
.pvx .pin:focus-visible path{stroke: var(--accent); stroke-width: 3;}
.pvx .you .r{fill: rgba(196, 110, 161, 0.25);}
.pvx .you .c{fill: #C46EA1; stroke: #FFFFFF; stroke-width: 3;}
.pvx .map-side{display: grid; gap: 12px; min-width: 0;}
.pvx .map-list{display: grid; gap: 4px; background: var(--surface); border-radius: var(--radius-xl); padding: 8px;}
.pvx .ml-i{display: flex; gap: 10px; align-items: center; background: none; border: 0; border-radius: var(--radius-md); padding: 8px; text-align: left; color: var(--ink); cursor: pointer;}
.pvx .ml-i:hover{background: var(--surface-raised);}
.pvx .ml-i[aria-pressed="true"]{background: var(--surface-raised);}
.pvx .ml-n{width: 26px; height: 26px; border-radius: 50%; background: var(--inverse); color: var(--on-inverse); display: grid; place-items: center; font-weight: 800; font-size: 12px; flex-shrink: 0;}
.pvx .ml-i[aria-pressed="true"] .ml-n{background: var(--brand); color: #FFFFFF;}
.pvx .ml-i > span:last-child{display: grid; min-width: 0;}
.pvx .ml-i small{color: var(--ink-muted); font-size: 12px; line-height: 16px;}
.pvx .loc-btn[aria-pressed="true"]{background: var(--accent); color: var(--on-accent);}
.pvx .loc-btn[aria-pressed="true"] svg{color: var(--on-accent);}
@media (max-width: 899px){.pvx .hero{padding-block: 20px 0; gap: 16px;}.pvx .hero h1{font-size: clamp(32px, 9vw, 42px);}.pvx .lead{font-size: 16px; line-height: 25px;}.pvx .trust{display: flex; overflow-x: auto; gap: 8px; scrollbar-width: none;}.pvx .trust::-webkit-scrollbar{display: none;}.pvx .trust li{flex-shrink: 0; background: var(--surface); border-radius: var(--radius-pill); padding: 6px 12px; font-size: 13px; white-space: nowrap; align-items: center;}.pvx .trust li svg{width: 16px; height: 16px;}.pvx .search-extras .sep{display: none;}.pvx .searchbox{box-shadow: none;}.pvx #barbearias{padding-top: 32px !important;}.pvx .controls{width: 100%;}}
.pvx .confirm{max-width: 560px; margin: 32px auto 0; display: grid; gap: 20px;}
.pvx .ok-mark{width: 64px; height: 64px; border-radius: 50%; background: var(--success); color: var(--bg); display: grid; place-items: center;}
.pvx .ok-mark svg{width: 32px; height: 32px; stroke-width: 3;}
.pvx .portal-head{display: flex; align-items: center; gap: 16px; padding-block: 32px 20px;}
.pvx .portal-head .av-lg{width: 56px; height: 56px; border-radius: 50%; background: var(--accent); color: var(--on-accent); display: grid; place-items: center; font-weight: 800; font-size: 20px; flex-shrink: 0;}
.pvx .ph-text{flex: 1; min-width: 0; display: grid; gap: 2px;}
.pvx .ph-text h1{font-size: 28px; line-height: 34px; font-weight: 800; letter-spacing: -0.03em;}
.pvx .ph-text p{margin: 0; font-size: 14px; line-height: 20px; color: var(--ink-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pvx .logout-btn{background: none; border: 0; color: var(--ink-muted); font-weight: 700; font-size: 14px; height: 40px; padding: 0 12px; border-radius: var(--radius-pill); cursor: pointer; flex-shrink: 0;}
.pvx .logout-btn:hover{color: var(--ink); background: var(--surface);}
.pvx .rate-card{display: flex; align-items: center; justify-content: space-between; gap: 16px 24px; flex-wrap: wrap; background: rgba(196, 110, 161, 0.1); border: 1px solid rgba(196, 110, 161, 0.32); border-radius: var(--radius-xl); padding: 16px 20px; margin-bottom: 8px;}
.pvx .rc-text{display: grid; gap: 2px; min-width: 0;}
.pvx .rc-text b{font-size: 16px; line-height: 22px;}
.pvx .rc-text span{font-size: 14px; line-height: 20px; color: var(--ink-muted);}
.pvx .rc-stars{display: flex; gap: 2px;}
.pvx .rc-stars .star-btn svg{width: 30px; height: 30px; stroke: var(--accent);}
.pvx .rc-stars:hover .star-btn svg{fill: var(--warning); stroke: var(--warning);}
.pvx .rc-stars .star-btn:hover ~ .star-btn svg{fill: none; stroke: var(--accent);}
.pvx .tabs{display: flex; gap: 24px; overflow-x: auto; scrollbar-width: none; border-bottom: 1px solid var(--border);}
.pvx .tabs::-webkit-scrollbar{display: none;}
.pvx .tab{flex-shrink: 0; height: 48px; padding: 0; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; background: transparent; color: var(--ink-muted); font-weight: 700; font-size: 15px; cursor: pointer; display: inline-flex; gap: 8px; align-items: center;}
.pvx .tab:hover{color: var(--ink);}
.pvx .tab[aria-selected="true"]{color: var(--ink); border-bottom-color: var(--brand);}
.pvx .tab-n{font-size: 13px; color: var(--ink-muted); font-weight: 700; font-variant-numeric: tabular-nums;}
.pvx .count{min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--brand); color: var(--on-brand); font-size: 12px; line-height: 20px; text-align: center; display: inline-block;}
.pvx .portal-body{padding-top: 20px; display: grid; gap: 20px;}
.pvx .appt{background: var(--surface); border-radius: var(--radius-xl); padding: 16px; display: grid; gap: 12px;}
.pvx .appt-top{display: flex; gap: 14px; align-items: center;}
.pvx .appt-date{width: 56px; text-align: center; flex-shrink: 0;}
.pvx .appt-date b{display: block; font-size: 22px; line-height: 26px; font-variant-numeric: tabular-nums;}
.pvx .appt-date span{font-size: 12px; color: var(--ink-muted); font-weight: 700; text-transform: uppercase;}
.pvx .appt-main{flex: 1; min-width: 0;}
.pvx .appt-actions{display: flex; gap: 8px; flex-wrap: wrap;}
.pvx .demo-note{font-size: 12px; color: var(--ink-muted);}
.pvx .prompt-card{background: var(--inverse); color: var(--on-inverse); border-radius: var(--radius-xl); padding: 20px; display: grid; gap: 12px;}
.pvx .prompt-card p{margin: 0; color: var(--inverse-muted);}
.pvx .list-title{font-size: 13px; font-weight: 800; color: var(--ink-muted); letter-spacing: 0.06em; text-transform: uppercase; margin: 8px 0 0;}
.pvx .scrim{position: fixed; inset: 0; background: var(--scrim); z-index: 40; display: flex; align-items: flex-end; justify-content: center;}
@media (min-width: 640px){.pvx .scrim{align-items: center; padding: 24px;}}
.pvx .sheet{background: var(--surface); width: 100%; max-width: 480px; max-height: 88vh; overflow-y: auto; border-radius: var(--radius-2xl) var(--radius-2xl) 0 0; padding: 24px max(20px, env(safe-area-inset-right, 0px)) calc(24px + env(safe-area-inset-bottom, 0px)) max(20px, env(safe-area-inset-left, 0px)); display: grid; gap: 16px; box-shadow: var(--shadow-float);}
@media (min-width: 640px){.pvx .sheet{border-radius: var(--radius-2xl); padding: 28px;}}
.pvx .sheet-head{display: flex; justify-content: space-between; align-items: flex-start; gap: 12px;}
.pvx .close{background: none; border: 0; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; display: grid; place-items: center; color: var(--ink-muted); margin: -8px -8px 0 0;}
.pvx .close:hover{background: var(--surface-raised);}
.pvx .stars{display: flex; gap: 6px;}
.pvx .star-btn{background: none; border: 0; padding: 2px; cursor: pointer;}
.pvx .star-btn svg{width: 36px; height: 36px; stroke: var(--border-control); stroke-width: 1.5; fill: none;}
.pvx .star-btn[aria-pressed="true"] svg{fill: var(--warning); stroke: var(--warning);}
.pvx .sso{display: grid; gap: 10px;}
.pvx .sso .btn{justify-content: flex-start;}
.pvx .toast{position: fixed; left: 50%; transform: translateX(-50%); bottom: calc(24px + env(safe-area-inset-bottom, 0px)); z-index: 60; background: var(--inverse); color: var(--on-inverse); padding: 12px 18px; border-radius: var(--radius-lg); font-weight: 700; font-size: 14px; box-shadow: var(--shadow-float); max-width: calc(100% - 32px);}
.pvx .has-bookbar .toast{bottom: calc(96px + env(safe-area-inset-bottom, 0px));}
.pvx .only-sm{display: inline;}
.pvx .only-lg{display: none;}
@media (min-width: 900px){.pvx .only-sm{display: none;}.pvx .only-lg{display: inline;}}
.pvx .nav button[aria-current="page"]{color: var(--ink); background: var(--surface);}
.pvx .menu-btn{width: 44px; height: 44px; border-radius: var(--radius-pill); border: 1.5px solid var(--border-control); background: transparent; color: var(--ink); display: inline-grid; place-items: center; cursor: pointer; flex-shrink: 0;}
.pvx .menu-btn:hover{border-color: var(--ink);}
@media (min-width: 900px){.pvx .menu-btn{display: none;}}
@media (max-width: 420px){.pvx .topbar .wrap{gap: 8px;}.pvx .top-actions{gap: 6px;}.pvx .login-btn{padding: 0 12px 0 10px; font-size: 13px; gap: 6px;}.pvx .login-btn svg{width: 18px; height: 18px;}.pvx .menu-btn{width: 42px; height: 42px;}}
.pvx .mnav-root{position: fixed; inset: 0; z-index: 45;}
.pvx .mnav-scrim{position: absolute; inset: 0; background: var(--scrim); opacity: 0; transition: opacity 240ms ease-out;}
.pvx .mnav{position: absolute; top: 0; right: 0; bottom: 0; width: min(340px, 88vw); background: var(--surface); border-left: 1px solid var(--border); padding: calc(14px + env(safe-area-inset-top, 0px)) 16px calc(20px + env(safe-area-inset-bottom, 0px)); display: flex; flex-direction: column; gap: 14px; overflow-y: auto; transform: translateX(100%); transition: transform 280ms var(--ease-out);}
.pvx .mnav-root.open .mnav{transform: none;}
.pvx .mnav-root.open .mnav-scrim{opacity: 1;}
.pvx .mnav-head{display: flex; align-items: center; justify-content: space-between; padding: 0 4px;}
.pvx .mnav-head .close{margin: 0 -6px 0 0;}
.pvx .mnav-list{display: grid; gap: 2px;}
.pvx .mnav-i{display: flex; align-items: center; gap: 12px; width: 100%; min-height: 52px; padding: 0 12px; border: 0; border-radius: var(--radius-lg); background: none; color: var(--ink); font-weight: 700; font-size: 16px; text-align: left; cursor: pointer;}
.pvx .mnav-i:hover, .pvx .mnav-i[aria-current="page"]{background: var(--surface-raised);}
.pvx .mnav-i svg{color: var(--accent);}
.pvx .mnav-i .grow{flex: 1;}
.pvx .mnav-sep{height: 1px; background: var(--border); margin: 2px 4px;}
.pvx .mnav-biz{margin-top: auto; background: var(--bg); border-radius: var(--radius-xl); padding: 16px; display: grid; gap: 10px;}
.pvx .mnav-biz p{margin: 0; font-size: 14px; line-height: 20px; color: var(--ink-muted);}
.pvx .mnav-biz b{color: var(--ink);}
.pvx #view-home{position: relative;}
.pvx #view-home > .wrap{position: relative; z-index: 1;}
.pvx .hero-glow{position: absolute; top: 0; left: 0; right: 0; height: 620px; overflow: hidden; pointer-events: none; z-index: 0; -webkit-mask-image: linear-gradient(#000 55%, transparent); mask-image: linear-gradient(#000 55%, transparent);}
.pvx .hero-glow i{position: absolute; border-radius: 50%; display: block;}
.pvx .hero-glow .g1{width: 620px; height: 620px; left: -160px; top: -220px; background: radial-gradient(closest-side, rgba(156, 41, 104, 0.30), rgba(156, 41, 104, 0)); animation: glowA 18s ease-in-out infinite alternate;}
.pvx .hero-glow .g2{width: 560px; height: 560px; right: -180px; top: -120px; background: radial-gradient(closest-side, rgba(196, 110, 161, 0.20), rgba(196, 110, 161, 0)); animation: glowB 22s ease-in-out infinite alternate;}
@keyframes glowA{ to { transform: translate(140px, 70px) scale(1.08); } }
@keyframes glowB{ to { transform: translate(-120px, 90px) scale(0.94); } }
.pvx .hero{grid-template-columns: minmax(0, 1fr);}
@media (max-width: 899px){.pvx .hero-sub .trust{display: none;}}
.pvx button.live-stat{max-width: 100%;}
.pvx .searchbox{grid-template-columns: minmax(0, 1fr);}
.pvx .search-row .field input{width: 100%;}
@media (max-width: 639px){.pvx .bp-controls .view-seg button{font-size: 0; gap: 0; padding: 0 12px;}.pvx .bp-controls .view-seg button svg{width: 20px !important; height: 20px !important;}}
.pvx .cb-search{width: auto; min-width: 0; flex: 1 1 0;}
.pvx .cb-search input{width: 100%;}
.pvx .pop .fy-logo{box-shadow: inset 0 0 0 1px var(--border-control);}
@media (min-width: 900px){.pvx .hero{gap: 28px;}}
.pvx .loc-in{width: 46px; height: 46px; border-radius: var(--radius-md); border: 0; background: transparent; color: var(--ink-muted); display: grid; place-items: center; cursor: pointer; flex-shrink: 0; transition: background-color 150ms ease-out, color 150ms ease-out;}
.pvx .loc-in:hover{background: var(--surface-raised); color: var(--ink);}
.pvx .loc-in[aria-pressed="true"]{background: rgba(196, 110, 161, 0.16); color: var(--accent);}
.pvx .loc-in[aria-pressed="true"] svg{fill: rgba(196, 110, 161, 0.25);}
.pvx .loc-in svg{width: 22px; height: 22px; color: inherit;}
.pvx #q::placeholder{transition: opacity 220ms ease-out;}
.pvx #q.ph-out::placeholder{opacity: 0;}
.pvx .search-extras{gap: 8px;}
.pvx .search-extras .fchip svg{width: 16px; height: 16px; color: var(--brand-text);}
.pvx .fchip .live{animation: dotPulse 2s infinite;}
@keyframes dotPulse{ 0% { box-shadow: 0 0 0 0 rgba(95, 211, 181, 0.55); } 70% { box-shadow: 0 0 0 7px rgba(95, 211, 181, 0); } 100% { box-shadow: 0 0 0 0 rgba(95, 211, 181, 0); } }
.pvx button.live-stat{background: none; border: 0; padding: 6px 2px; text-align: left; cursor: pointer; justify-self: start; align-items: center; font: inherit; font-size: 15px; line-height: 22px; color: var(--ink-muted); border-radius: var(--radius-md);}
.pvx button.live-stat .pulse{margin-top: 0;}
.pvx button.live-stat .ls-go{color: var(--accent); font-weight: 800; white-space: nowrap; display: inline-flex; align-items: center; gap: 4px;}
.pvx button.live-stat .ls-go svg{width: 16px; height: 16px; transition: transform 200ms var(--ease-out);}
.pvx button.live-stat:hover .ls-go svg{transform: translateX(3px);}
.pvx button.live-stat b{color: var(--ink);}
@media (max-width: 559px){.pvx button.live-stat{font-size: 14px; line-height: 20px;}.pvx button.live-stat .ls-go{display: none;}}
.pvx .trust-lg{display: none;}
@media (min-width: 900px){.pvx .trust-lg{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding-top: 4px;}}
.pvx .feat-foot{display: flex; align-items: center; gap: 12px 20px; flex-wrap: wrap; padding-top: 20px;}
@media (max-width: 639px){.pvx .feat-foot .btn{width: 100%;}}
.pvx .b-open .pdot{width: 7px; height: 7px; border-radius: 50%; background: #1C7A66; box-shadow: 0 0 0 0 rgba(28, 122, 102, 0.5); animation: openPulse 2s infinite;}
@keyframes openPulse{ 0% { box-shadow: 0 0 0 0 rgba(28, 122, 102, 0.55); } 70% { box-shadow: 0 0 0 6px rgba(28, 122, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(28, 122, 102, 0); } }
.pvx .section.band{position: relative; margin-top: 64px; padding-block: 56px; background: var(--surface-sunken); box-shadow: 0 0 0 100vmax var(--surface-sunken); clip-path: inset(0 -100vmax);}
@media (min-width: 900px){.pvx .section.band{margin-top: 96px; padding-block: 88px;}}
.pvx .section.band + .section{padding-top: 56px;}
@media (min-width: 900px){.pvx .section.band + .section{padding-top: 88px;}}
@media (max-width: 639px){.pvx .reasons{display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; margin: 0 -16px; padding: 2px 16px 10px; scroll-padding-inline: 16px; scrollbar-width: none;}.pvx .reasons::-webkit-scrollbar{display: none;}.pvx .reason{flex: 0 0 80%; scroll-snap-align: start;}}
.pvx .reason{transition: border-color 200ms ease-out, transform 200ms var(--ease-out);}
.pvx .reason .go svg{transition: transform 200ms var(--ease-out);}
@media (hover: hover){.pvx .reason:hover{transform: translateY(-2px);}.pvx .reason:hover .go svg{transform: translateX(3px);}}
.pvx .swipe-hint{display: none; margin: 4px 0 0; font-size: 13px; color: var(--ink-muted);}
@media (max-width: 639px){.pvx .swipe-hint{display: block;}}
.pvx .svc-tiles{display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr));}
@media (min-width: 760px){.pvx .svc-tiles{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px;}}
.pvx .svc-tile{background: var(--surface); border: 1px solid transparent; border-radius: var(--radius-xl); padding: 16px; text-align: left; color: var(--ink); cursor: pointer; display: grid; gap: 4px; align-content: start; position: relative; transition: border-color 200ms ease-out, transform 200ms var(--ease-out);}
@media (min-width: 760px){.pvx .svc-tile{padding: 20px 22px;}}
.pvx .svc-tile b{font-size: 16px; line-height: 22px; letter-spacing: -0.01em; padding-right: 24px;}
@media (min-width: 760px){.pvx .svc-tile b{font-size: 18px; line-height: 25px;}}
.pvx .svc-tile span{font-size: 14px; line-height: 20px; color: var(--ink-muted);}
.pvx .svc-tile span b{font-size: inherit; line-height: inherit; color: var(--ink); padding: 0; font-variant-numeric: tabular-nums;}
.pvx .svc-tile > svg{position: absolute; right: 14px; top: 16px; width: 18px; height: 18px; color: var(--accent); transition: transform 200ms var(--ease-out);}
@media (hover: hover){.pvx .svc-tile:hover{border-color: var(--border-control); transform: translateY(-2px);}.pvx .svc-tile:hover > svg{transform: translateX(3px);}}
.pvx .guarantees{list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 10px;}
@media (min-width: 860px){.pvx .guarantees{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;}}
.pvx .guarantees li{display: flex; gap: 12px; align-items: flex-start; border: 1px solid var(--border); border-radius: var(--radius-xl); padding: 16px 18px;}
.pvx .guarantees .g-ic{width: 40px; height: 40px; border-radius: 12px; background: rgba(95, 211, 181, 0.12); color: var(--success); display: grid; place-items: center; flex-shrink: 0;}
.pvx .guarantees li div{display: grid; gap: 2px;}
.pvx .guarantees b{font-size: 16px; line-height: 22px;}
.pvx .guarantees span{font-size: 14px; line-height: 20px; color: var(--ink-muted);}
.pvx .g-title{margin: 28px 0 0; font-size: 12px; line-height: 16px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-muted);}
.pvx .biz.biz-red{background: linear-gradient(100deg, rgba(156, 41, 104, 0.22), rgba(196, 110, 161, 0.1)); border: 1px solid rgba(216, 138, 184, 0.5);}
.pvx .biz-copy{display: grid; gap: 16px; align-content: start;}
.pvx .biz-lead{margin: 0; color: var(--ink-muted); font-size: 17px; line-height: 27px; max-width: 52ch;}
.pvx .biz-points{list-style: none; margin: 0; padding: 0; display: grid; gap: 10px;}
.pvx .biz-points li{display: flex; gap: 12px; align-items: flex-start; background: rgba(12, 18, 34, 0.45); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: var(--radius-xl); padding: 16px 18px;}
.pvx .biz-points li > svg{color: var(--brand-text); margin-top: 2px;}
.pvx .biz-points li div{display: grid; gap: 2px;}
.pvx .biz-points b{font-size: 16px; line-height: 22px;}
.pvx .biz-points span{font-size: 14px; line-height: 20px; color: var(--ink-muted);}
.pvx .biz-btns .btn-tertiary svg{width: 18px; height: 18px;}
.pvx .crumbs{display: flex; gap: 8px; align-items: center; font-size: 13px; color: var(--ink-muted); padding-top: 20px;}
.pvx .crumbs button{background: none; border: 0; padding: 0; color: var(--accent); font-weight: 700; cursor: pointer; font-size: 13px;}
.pvx .bp-head{display: grid; gap: 10px; padding: 14px 0 20px;}
.pvx .bp-head h1{font-size: 34px; line-height: 38px; font-weight: 800; letter-spacing: -0.035em;}
@media (min-width: 900px){.pvx .bp-head h1{font-size: 52px; line-height: 56px; letter-spacing: -0.04em;}}
.pvx .bp-lead{margin: 0; color: var(--ink-muted); font-size: 16px; line-height: 25px; max-width: 64ch;}
@media (min-width: 900px){.pvx .bp-lead{font-size: 18px; line-height: 28px;}}
.pvx .bairro-strip{display: flex; gap: 8px; overflow-x: auto; margin: 0 -16px; padding: 2px 16px 12px; scrollbar-width: none; scroll-padding-inline: 16px;}
.pvx .bairro-strip::-webkit-scrollbar{display: none;}
@media (min-width: 900px){.pvx .bairro-strip{margin: 0; padding: 2px 0 14px; scrollbar-width: thin; -webkit-mask-image: linear-gradient(90deg, #000 92%, transparent); mask-image: linear-gradient(90deg, #000 92%, transparent);}}
.pvx .bchip{flex-shrink: 0; height: 38px; padding: 0 14px; border-radius: var(--radius-pill); border: 1px solid var(--border-control); background: transparent; color: var(--ink); font-weight: 600; font-size: 14px; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; white-space: nowrap; transition: background-color 150ms ease-out, border-color 150ms ease-out;}
.pvx .bchip:hover{border-color: var(--ink);}
.pvx .bchip small{font-size: 12px; color: var(--ink-muted); font-weight: 700; font-variant-numeric: tabular-nums;}
.pvx .bchip[aria-pressed="true"]{background: var(--inverse); color: var(--on-inverse); border-color: var(--inverse); font-weight: 800;}
.pvx .bchip[aria-pressed="true"] small{color: var(--inverse-muted);}
.pvx .bchip.zero{opacity: 0.5;}
.pvx .bp-controls{display: flex; gap: 10px; align-items: center; flex-wrap: wrap; padding: 4px 0 14px;}
.pvx .bp-search{flex: 1 1 320px; height: 48px; background: var(--surface); border: 1px solid var(--border-control);}
.pvx .bp-controls .controls{flex-wrap: nowrap;}
@media (max-width: 639px){.pvx .bp-controls .controls{width: 100%;}.pvx .bp-controls .ctrl-btn{flex: 1; justify-content: center; padding: 0 10px;}.pvx .bp-controls .ctrl-btn .muted{display: none;}.pvx .bp-controls .view-seg{flex-shrink: 0;}}
.pvx .list-top{display: grid; gap: 10px; padding-bottom: 14px; scroll-margin-top: calc(var(--tb-h) + 76px);}
.pvx .bp-summary{margin: 0; font-size: 14px; color: var(--ink-muted);}
.pvx .bp-summary b{color: var(--ink);}
.pvx .list-top .active-chips{padding-bottom: 0;}
.pvx .pager{display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: center; padding-top: 28px;}
.pvx .pager .pg{min-width: 44px; height: 44px; padding: 0 12px; border-radius: var(--radius-md); border: 1px solid var(--border-control); background: transparent; color: var(--ink); font-weight: 700; cursor: pointer; font-variant-numeric: tabular-nums; display: inline-flex; align-items: center; gap: 6px;}
.pvx .pager .pg:hover:not(:disabled){border-color: var(--ink);}
.pvx .pager .pg[aria-current="page"]{background: var(--inverse); color: var(--on-inverse); border-color: var(--inverse);}
.pvx .pager .pg:disabled{opacity: 0.35; cursor: not-allowed;}
.pvx .pager .pg svg{width: 16px; height: 16px;}
.pvx .pager .pg-prev svg{transform: rotate(180deg);}
.pvx .pager .pg-info{width: 100%; text-align: center; font-size: 13px; color: var(--ink-muted); margin: 4px 0 0;}
.pvx .pager .pg-info button{background: none; border: 0; padding: 0; color: var(--accent); font-weight: 800; cursor: pointer; font-size: 13px;}
.pvx .pager .btn-more{width: 100%; max-width: 420px;}
.pvx .bp-seo{margin-top: 56px; padding-top: 32px; border-top: 1px solid var(--border);}
.pvx .bp-seo h2{margin-bottom: 6px;}
.pvx .cbar{position: fixed; left: 0; right: 0; top: var(--tb-h); z-index: 19; background: rgba(23, 32, 64, 0.94); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 1px solid var(--border); transform: translateY(-110%); visibility: hidden; transition: transform 240ms var(--ease-out), visibility 0s linear 240ms;}
.pvx .cbar.on{transform: none; visibility: visible; transition: transform 240ms var(--ease-out), visibility 0s;}
.pvx .cbar-in{display: flex; gap: 8px; align-items: center; padding-block: 8px;}
.pvx .cb-search{flex: 1; height: 42px; padding: 0 12px; background: var(--surface); border: 1px solid var(--border-control); font-size: 15px;}
.pvx .cb-search svg{width: 18px; height: 18px;}
.pvx .cb-btn{height: 42px; padding: 0 14px; gap: 6px; position: relative;}
@media (max-width: 639px){.pvx .cb-btn{width: 42px; padding: 0; justify-content: center;}.pvx .cb-btn .cb-t{display: none;}.pvx .cb-btn .count{position: absolute; top: -5px; right: -5px;}}
.pvx .pop{position: fixed; z-index: 35; right: 24px; bottom: 24px; width: 380px; max-width: calc(100vw - 32px); background: var(--surface-raised); border: 1px solid var(--border); border-radius: var(--radius-2xl); box-shadow: var(--shadow-float); padding: 18px 18px 16px; display: grid; gap: 14px; opacity: 0; transform: translateY(16px); transition: opacity 260ms ease-out, transform 320ms var(--ease-out); touch-action: pan-x;}
.pvx .pop.in{opacity: 1; transform: none;}
.pvx .pop-grab{display: none;}
.pvx .pop-x{position: absolute; right: 10px; top: 10px; margin: 0;}
.pvx .pop-row{display: flex; gap: 14px; align-items: flex-start; padding-right: 30px;}
.pvx .pop-row > div{display: grid; gap: 2px; min-width: 0;}
.pvx .pop-row b{font-size: 17px; line-height: 23px; letter-spacing: -0.01em;}
.pvx .pop-row .small{color: var(--ink-muted);}
.pvx .pop .hs-ic{width: 48px; height: 48px; border-radius: 13px; overflow: hidden; flex-shrink: 0; display: block;}
.pvx .pop .hs-ic svg{width: 100%; height: 100%; display: block;}
.pvx .pop .fy-logo{width: 48px; height: 48px;}
.pvx .pop-btns{display: flex; gap: 8px; justify-content: flex-end;}
.pvx .pop-btns .btn-primary{flex: 1;}
@media (max-width: 639px){.pvx .pop{left: 8px; right: 8px; bottom: calc(8px + env(safe-area-inset-bottom, 0px)); width: auto; max-width: none; padding-top: 22px; transform: translateY(calc(100% + 24px)); opacity: 1;}.pvx .pop.in{transform: translateY(var(--drag, 0px));}.pvx .pop.dragging{transition: none;}.pvx .pop-grab{display: block; position: absolute; top: 8px; left: 50%; width: 40px; height: 4px; margin-left: -20px; border-radius: 2px; background: var(--border-control);}}
.pvx .portal-foryou{margin: 0 0 20px;}
.pvx .btn{transition: background-color 150ms ease-out, transform 120ms ease-out, border-color 150ms ease-out;}
.pvx .btn:active:not(:disabled), .pvx .ctrl-btn:active, .pvx .fchip:active, .pvx .bchip:active, .pvx .slot:active:not(:disabled), .pvx .icon-btn:active, .pvx .login-btn:active, .pvx .menu-btn:active, .pvx .btn-biz:active, .pvx .pg:active:not(:disabled), .pvx .loc-in:active, .pvx .svc-tile:active, .pvx .reason:active{transform: scale(0.98);}
.pvx .ctrl-btn, .pvx .fchip, .pvx .slot, .pvx .icon-btn, .pvx .login-btn, .pvx .menu-btn, .pvx .btn-biz{transition: background-color 150ms ease-out, border-color 150ms ease-out, transform 120ms ease-out;}
.pvx .card{position: relative; transition: transform 220ms var(--ease-out);}
.pvx .card::after{content: ""; position: absolute; inset: 0; border-radius: inherit; border: 1px solid transparent; pointer-events: none; transition: border-color 220ms ease-out;}
@media (hover: hover){.pvx .grid-shops .card:hover{transform: translateY(-2px);}.pvx .grid-shops .card:hover::after{border-color: var(--border-control);}}
.pvx .icon-btn.pop-fav{animation: favPop 420ms var(--ease-out);}
@keyframes favPop{ 0% { transform: scale(1); } 35% { transform: scale(1.28); } 65% { transform: scale(0.94); } 100% { transform: scale(1); } }
.pvx .slot[aria-pressed="true"]{animation: slotGlow 520ms ease-out;}
@keyframes slotGlow{ 0% { box-shadow: 0 0 0 0 rgba(196, 110, 161, 0.7); } 100% { box-shadow: 0 0 0 10px rgba(196, 110, 161, 0); } }
.pvx .rv-in{animation: rise 620ms var(--ease-out) both; animation-delay: var(--rv-d, 0ms);}
@keyframes rise{ from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce){.pvx .hero-glow i, .pvx .fchip .live, .pvx .b-open .pdot, .pvx .rv-in, .pvx .icon-btn.pop-fav, .pvx .slot[aria-pressed="true"]{animation: none !important;}.pvx .grid-shops .card:hover, .pvx .reason:hover, .pvx .svc-tile:hover{transform: none !important;}.pvx .btn:active, .pvx .ctrl-btn:active, .pvx .fchip:active, .pvx .bchip:active, .pvx .slot:active, .pvx .icon-btn:active, .pvx .svc-tile:active, .pvx .reason:active{transform: none !important;}.pvx .mnav, .pvx .mnav-scrim, .pvx .cbar, .pvx .pop{transition: none !important;}}
.pvx .section{scroll-margin-top: calc(var(--tb-h) + 8px);}
.pvx .bairro-strip{position: relative;}
.pvx .cbar{top: calc(var(--tb-h) + env(safe-area-inset-top, 0px));}
.pvx button.live-stat .ls-t::after{content: "";}
@media (max-width: 559px){.pvx button.live-stat .ls-t::after{content: " \203A"; color: var(--accent); font-weight: 800;}}
.pvx footer.site{margin-top: 72px; padding-top: 36px;}
.pvx footer.site > .wrap:first-child{display: grid; gap: 24px; grid-template-columns: minmax(0, 1fr);}
.pvx footer.site > .wrap:first-child > div:first-child{grid-column: auto;}
@media (min-width: 960px){.pvx footer.site > .wrap:first-child{grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 64px; align-items: start;}}
.pvx .foot-accs{border-top: 1px solid var(--border);}
.pvx .foot-acc{border-bottom: 1px solid var(--border);}
.pvx .foot-acc summary.foot-title{list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0; min-height: 52px;}
.pvx .foot-acc summary::-webkit-details-marker{display: none;}
.pvx .foot-acc summary svg{width: 18px; height: 18px; color: var(--ink-muted); transition: transform 200ms var(--ease-out);}
.pvx .foot-acc[open] summary svg{transform: rotate(45deg);}
.pvx .foot-acc summary:hover svg{color: var(--ink);}
.pvx footer.site .foot-acc ul{display: block; columns: 2; column-gap: 24px; padding: 0 0 18px;}
.pvx footer.site .foot-acc li{break-inside: avoid; padding: 5px 0;}
@media (min-width: 960px){.pvx footer.site .foot-acc ul{columns: 3;}}
.pvx footer.site .foot-base{margin-top: 28px;}
.pvx .bookbar{flex-direction: column; align-items: stretch; gap: 10px; background: var(--surface-raised); border-top: 2px solid var(--brand); border-radius: 18px 18px 0 0; padding-top: 12px;}
.pvx .bb-head{display: grid; gap: 8px;}
.pvx .bb-steps{display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px !important;}
.pvx .bb-step{width: 100%; justify-content: center; height: 30px !important;}
.pvx .bookbar .btn{padding: 0 18px;}
.pvx .bb-title{font-size: 12px; line-height: 16px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--brand-text); white-space: nowrap;}
.pvx .bb-steps{list-style: none; margin: 0; padding: 0; display: flex; gap: 4px;}
.pvx .bb-step{display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 8px 0 4px; border-radius: var(--radius-pill); border: 0; background: rgba(12, 18, 34, 0.5); color: var(--ink-muted); font-size: 12px; font-weight: 700; cursor: pointer;}
.pvx .bb-dot{width: 18px; height: 18px; border-radius: 50%; display: grid; place-items: center; font-size: 11px; background: var(--surface); color: var(--ink-muted);}
.pvx .bb-dot svg{width: 12px; height: 12px; stroke-width: 3;}
.pvx .bb-step.ok{color: var(--ink);}
.pvx .bb-step.ok .bb-dot{background: var(--success); color: #0C1222;}
.pvx .bb-step.cur{color: var(--ink); box-shadow: inset 0 0 0 1px var(--accent);}
.pvx .bb-step.cur .bb-dot{background: var(--accent); color: var(--on-accent);}
.pvx .bb-row{display: flex; gap: 12px; align-items: center;}
.pvx .bookbar .bb-info{background: none; border: 0; padding: 0; text-align: left; color: var(--ink); cursor: pointer; display: grid; position: relative; padding-right: 22px;}
.pvx .bookbar .bb-info .muted{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pvx .bb-chev{position: absolute; right: 0; top: 50%; width: 16px !important; height: 16px !important; margin-top: -8px; color: var(--ink-muted); transform: rotate(-90deg); transition: transform 200ms var(--ease-out);}
.pvx .bookbar.open .bb-chev{transform: rotate(90deg);}
.pvx .bb-sum{display: grid; gap: 8px; padding: 12px 14px; background: rgba(12, 18, 34, 0.5); border-radius: var(--radius-lg); font-size: 14px;}
.pvx .bb-sum .det-row{display: flex; justify-content: space-between; gap: 12px;}
.pvx .bb-sum .det-row span:first-child{color: var(--ink-muted);}
.pvx .bb-sum .det-row span:last-child{font-weight: 700; text-align: right;}
.pvx .bb-sum .paynote{margin: 2px 0 0;}
.pvx .bb-pick{background: var(--inverse); color: var(--on-inverse); flex-shrink: 0;}
.pvx .bookbar .btn{flex-shrink: 0;}
.pvx .sr-only{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}
.pvx .pad-bottom{height: 150px;}
.pvx .has-bookbar .foot-base{padding-bottom: calc(160px + env(safe-area-inset-bottom, 0px));}
.pvx .has-bookbar .toast{bottom: calc(150px + env(safe-area-inset-bottom, 0px));}
.pvx .bookbar.bb-in{animation: bbIn 420ms var(--ease-out) both;}
@keyframes bbIn{ from { transform: translateY(100%); } to { transform: none; } }
.pvx .bookbar.bb-flash{animation: bbFlash 700ms ease-out;}
@keyframes bbFlash{ 0% { box-shadow: 0 0 0 0 rgba(216, 138, 184, 0.55), var(--shadow-float); background: #3E4A74; } 100% { box-shadow: 0 -12px 32px rgba(216, 138, 184, 0), var(--shadow-float); } }
@media (min-width: 960px){.pvx .bookbar{display: none;}}
@media (prefers-reduced-motion: reduce){.pvx .bookbar.bb-in, .pvx .bookbar.bb-flash{animation: none !important;}}
.pvx .qi-about{margin: 0; font-size: 14px; line-height: 21px; color: var(--ink-muted);}
.pvx button.qi-hours{background: none; border: 0; padding: 0; cursor: pointer; text-align: left; font: inherit; font-size: 14px;}
.pvx .qi-chev{width: 16px !important; height: 16px !important; color: var(--ink-muted) !important; transform: rotate(90deg); transition: transform 200ms var(--ease-out); margin-left: 2px;}
.pvx .qi-hours[aria-expanded="true"] .qi-chev{transform: rotate(-90deg);}
.pvx .qi-dot{width: 9px; height: 9px; border-radius: 50%; background: var(--ink-muted); display: inline-block; flex-shrink: 0; margin: 0 4px 0 5px;}
.pvx .qi-dot.on{background: var(--success); box-shadow: 0 0 0 3px rgba(95, 211, 181, 0.18);}
.pvx .hours-compact .qi-dot{margin: 0 8px 0 0; vertical-align: 1px;}
.pvx .qi-week{padding: 10px 12px; background: var(--bg); border-radius: var(--radius-md);}
@media (max-width: 959px){.pvx .info-card .ic-lg{display: none !important;}.pvx .info-card{padding: 14px 16px;}}
.pvx .gallery{grid-template-columns: repeat(3, minmax(0, 1fr));}
.pvx .cb-was{opacity: 0.6; font-size: 13px;}
.pvx .cb-off{color: #1C7A66; background: rgba(95, 211, 181, 0.9); font-size: 12px; font-weight: 800; padding: 1px 6px; border-radius: 6px;}
.pvx .combo-std .cb-off{color: #0C1222; background: var(--success);}
.pvx .multi-note{display: flex; gap: 12px; align-items: flex-start; border: 1px dashed var(--border-control); border-radius: var(--radius-xl); padding: 14px 16px;}
.pvx .multi-note > svg{color: var(--accent); margin-top: 2px;}
.pvx .multi-note div{display: grid; gap: 2px;}
.pvx .multi-note b{font-size: 15px; line-height: 21px;}
.pvx .multi-note span{font-size: 13px; line-height: 19px; color: var(--ink-muted);}
.pvx .sel-card{display: grid; gap: 2px; background: linear-gradient(100deg, rgba(156, 41, 104, 0.22), rgba(196, 110, 161, 0.1)); border: 1px solid rgba(216, 138, 184, 0.5); border-radius: var(--radius-xl); padding: 16px 18px;}
.pvx .sc-ov{font-size: 13px; color: var(--ink-muted);}
.pvx .sel-card > b{font-size: 18px; line-height: 25px; letter-spacing: -0.01em;}
.pvx .sc-meta{font-size: 14px; color: var(--ink-muted);}
.pvx .sc-msg{margin: 8px 0 0; padding-top: 10px; border-top: 1px solid rgba(216, 138, 184, 0.28); font-weight: 700; font-size: 15px; line-height: 21px; color: var(--ink);}
.pvx .nb-lbl{margin: 0;}
.pvx .nb-slot{height: 40px;}
.pvx .wa-link{justify-self: start; padding: 0 !important; height: 34px !important;}
.pvx .wa-link svg{width: 18px; height: 18px;}
.pvx .bookbar.bb2{flex-direction: column; gap: 8px; padding-top: 10px; padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));}
.pvx .bookbar.bb2.ready{cursor: pointer;}
.pvx .bb2 .bb-steps{display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px !important;}
.pvx .bb2 .bb-step{width: 100%; min-width: 0; height: 34px !important; justify-content: flex-start; padding: 0 8px 0 5px; background: rgba(12, 18, 34, 0.45);}
.pvx .bb2 .bb-v{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;}
.pvx .bb2 .bb-dot{flex-shrink: 0;}
.pvx .bb2 .bb-step.pend{color: rgba(179, 187, 208, 0.38); background: rgba(12, 18, 34, 0.25); box-shadow: none;}
.pvx .bb2 .bb-step.pend .bb-dot{background: transparent; border: 1px solid rgba(179, 187, 208, 0.25); color: rgba(179, 187, 208, 0.4);}
.pvx .bb2 .bb-step.ok{color: var(--ink);}
.pvx .bb2 .bb-step.bb-new{animation: stepIn 380ms var(--ease-out);}
@keyframes stepIn{ from { opacity: 0; transform: translateY(6px) scale(0.96); } to { opacity: 1; transform: none; } }
.pvx .pad-bottom{height: 110px;}
.pvx .has-bookbar .foot-base{padding-bottom: calc(120px + env(safe-area-inset-bottom, 0px));}
.pvx .has-bookbar .toast{bottom: calc(110px + env(safe-area-inset-bottom, 0px));}
.pvx .rv-more-btn{justify-self: start; padding: 0 !important; height: auto !important; min-height: 32px; font-size: 14px; white-space: normal; text-align: left;}
.pvx .rv-more-btn svg{width: 16px; height: 16px;}
.pvx .pop-act{display: grid; grid-template-columns: auto 1fr; gap: 10px;}
.pvx .btn-shine{position: relative; overflow: hidden;}
.pvx .btn-shine::after{content: ""; position: absolute; top: 0; bottom: 0; left: -60%; width: 40%; background: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0)); transform: skewX(-20deg); animation: shine 3.2s ease-in-out 0.6s infinite; pointer-events: none;}
@keyframes shine{ 0% { left: -60%; } 35%, 100% { left: 130%; } }
@media (prefers-reduced-motion: reduce){.pvx .btn-shine::after{animation: none; display: none;}.pvx .bb2 .bb-step.bb-new{animation: none;}}
.pvx .bb-tag{text-transform: none !important; letter-spacing: 0 !important;}
.pvx .pv-src.bb-tag{font-size: 12px;}
.pvx .origin.o-vitrine{text-transform: none; letter-spacing: 0;}
.pvx .lp-preview.live .pv-notify{opacity: 0; transform: translateY(-14px) scale(0.98); transition: opacity 320ms ease-out, transform 420ms var(--ease-out);}
.pvx .lp-preview.live .pv-notify.in{opacity: 1; transform: none;}
.pvx .lp-preview.live .pv-row.now{transition: box-shadow 600ms ease-out, background-color 600ms ease-out;}
.pvx .lp-preview.live .pv-row.now.in{animation: rowIn 700ms var(--ease-out);}
@keyframes rowIn{ 0% { opacity: 0; transform: translateY(-8px); box-shadow: 0 0 0 0 rgba(196, 110, 161, 0.6); } 60% { opacity: 1; transform: none; box-shadow: 0 0 0 8px rgba(196, 110, 161, 0); } 100% { box-shadow: 0 0 0 0 rgba(196, 110, 161, 0); } }
.pvx .pop-num{display: inline-block; animation: popNum 520ms var(--ease-out);}
@keyframes popNum{ 0% { transform: scale(1); color: inherit; } 40% { transform: scale(1.14); color: var(--success); } 100% { transform: scale(1); } }
.pvx .pv-head .b-open{display: inline-flex; align-items: center; gap: 6px;}
.pvx .nb{max-width: 820px; margin: 0 auto 28px; display: grid; justify-items: center;}
.pvx .nb-screen{width: 100%; background: #0C1222; border: 10px solid #333F66; border-bottom-width: 14px; border-radius: 18px 18px 6px 6px; display: grid; grid-template-columns: 54px 1fr; overflow: hidden; box-shadow: 0 30px 60px rgba(12, 18, 34, 0.55);}
.pvx .nb-base{width: 112%; max-width: calc(100% + 64px); height: 14px; background: linear-gradient(#3E4A74, #283357); border-radius: 0 0 14px 14px; position: relative;}
.pvx .nb-base::after{content: ""; position: absolute; left: 50%; top: 0; width: 16%; height: 5px; margin-left: -8%; background: #172040; border-radius: 0 0 6px 6px;}
.pvx .nb-note{margin: 10px 0 0;}
.pvx .nb-side{background: #FFFFFF; border-right: 1px solid #ECEDF4; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 12px 0;}
.pvx .nb-logo{width: 22px; height: 22px; border-radius: 6px; background: #9C2968; margin-bottom: 6px;}
.pvx .nb-side i{width: 22px; height: 6px; border-radius: 3px; background: #E3E5EF;}
.pvx .nb-side i.on{background: #22587F;}
.pvx .nb-main{background: #F6F5FA; color: #172040; padding: clamp(8px, 2vw, 18px); display: grid; gap: clamp(6px, 1.4vw, 12px); grid-template-rows: auto; min-width: 0; font-size: clamp(9px, 1.4vw, 13px); line-height: 1.3;}
.pvx .nb-top{display: flex; justify-content: space-between; align-items: center;}
.pvx .nb-top b{font-size: 1.25em;}
.pvx .nb-live{display: inline-flex; align-items: center; gap: 5px; color: #1C7A66; font-weight: 700; font-size: 0.9em;}
.pvx .nb-live span{width: 7px; height: 7px; border-radius: 50%; background: #1FA36A; animation: openPulse 2s infinite;}
.pvx .nb-kpis{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(4px, 1vw, 10px);}
.pvx .nb-kpis div{background: #FFFFFF; border: 1px solid #ECEDF4; border-radius: 8px; padding: clamp(5px, 1vw, 10px); display: grid; min-width: 0;}
.pvx .nb-kpis small{color: #565E7A; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pvx .nb-kpis b{font-size: 1.5em; letter-spacing: -0.02em; white-space: nowrap;}
.pvx .nb-row2{display: grid; grid-template-columns: 1.6fr 1fr; gap: clamp(4px, 1vw, 10px); min-height: 0;}
.pvx .nb-chart{background: #FFFFFF; border: 1px solid #ECEDF4; border-radius: 8px; padding: clamp(5px, 1vw, 10px); display: grid; grid-template-rows: auto 1fr; min-height: 0;}
.pvx .nb-chart small{color: #565E7A; font-weight: 700;}
.pvx .nb-bars{display: flex; align-items: flex-end; gap: 6%; padding-top: 6px; height: clamp(46px, 9vw, 104px);}
.pvx .nb-bars i{flex: 1; height: var(--h); background: #22587F; opacity: 0.85; border-radius: 3px 3px 0 0; transform-origin: bottom;}
.pvx .nb-bars i.today{background: #9C2968; opacity: 1;}
.pvx .nb.on .nb-bars i{animation: barUp 900ms var(--ease-out) both;}
.pvx .nb.on .nb-bars i:nth-child(2){animation-delay: 70ms;}
.pvx .nb.on .nb-bars i:nth-child(3){animation-delay: 140ms;}
.pvx .nb.on .nb-bars i:nth-child(4){animation-delay: 210ms;}
.pvx .nb.on .nb-bars i:nth-child(5){animation-delay: 280ms;}
.pvx .nb.on .nb-bars i:nth-child(6){animation-delay: 350ms;}
.pvx .nb.on .nb-bars i:nth-child(7){animation-delay: 420ms;}
@keyframes barUp{ from { transform: scaleY(0); } to { transform: scaleY(1); } }
.pvx .nb-brabo{position: relative; overflow: hidden; border-radius: 8px; padding: clamp(5px, 1vw, 10px); background: linear-gradient(135deg, #172040, #333F66); color: #FFFFFF; display: grid; align-content: center; gap: 1px;}
.pvx .nb-brabo small{color: #F2B85B; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.8em;}
.pvx .nb-brabo b{font-size: 1.5em;}
.pvx .nb-brabo > span:last-child{color: #B3BBD0;}
.pvx .nb-star{position: absolute; right: 8px; top: 8px; color: #F2B85B;}
.pvx .nb-star svg{width: clamp(12px, 2vw, 20px); height: clamp(12px, 2vw, 20px); fill: #F2B85B; stroke: none;}
.pvx .nb.on .nb-star{animation: starSpin 1.2s var(--ease-out) 0.6s both;}
@keyframes starSpin{ from { transform: scale(0) rotate(-90deg); } to { transform: none; } }
.pvx .nb-shine{position: absolute; top: 0; bottom: 0; left: -60%; width: 40%; background: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0)); transform: skewX(-20deg); animation: shine 3.6s ease-in-out 1s infinite;}
.pvx .nb-list{display: grid; gap: clamp(3px, 0.8vw, 6px);}
.pvx .nb-list div{display: flex; align-items: center; gap: 8px; background: #FFFFFF; border: 1px solid #ECEDF4; border-radius: 7px; padding: clamp(3px, 0.8vw, 7px) clamp(5px, 1vw, 10px); min-width: 0;}
.pvx .nb-list span{flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #565E7A;}
.pvx .nb-list em{font-style: normal; font-weight: 800; font-size: 0.85em; padding: 2px 6px; border-radius: 5px; background: #F7E7F1; color: #9C2968; white-space: nowrap;}
.pvx .nb-list em.alt{background: #ECEDF4; color: #565E7A;}
.pvx .nb-list em.ok{background: #E3F4EF; color: #1C7A66;}
.pvx .nb.on .nb-list div{animation: rise 600ms var(--ease-out) both;}
.pvx .nb.on .nb-list div:nth-child(1){animation-delay: 500ms;}
.pvx .nb.on .nb-list div:nth-child(2){animation-delay: 650ms;}
.pvx .nb.on .nb-list div:nth-child(3){animation-delay: 800ms;}
@media (max-width: 639px){.pvx .nb-screen{grid-template-columns: 30px 1fr; border-width: 6px; border-bottom-width: 9px;}.pvx .nb-side i{width: 14px;}.pvx .nb-logo{width: 14px; height: 14px;}.pvx .nb-main{font-size: 10px;}.pvx .nb-base{height: 9px; width: 106%;}}
.pvx .lpf-ic{width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center;}
.pvx .lpf-ic.t0{background: rgba(156, 41, 104, 0.16);}
.pvx .lpf-ic.t0 svg{color: var(--brand-text) !important;}
.pvx .lpf-ic.t1{background: rgba(196, 110, 161, 0.16);}
.pvx .lpf-ic.t1 svg{color: var(--accent) !important;}
.pvx .lpf-ic.t2{background: rgba(95, 211, 181, 0.14);}
.pvx .lpf-ic.t2 svg{color: var(--success) !important;}
.pvx .lp-feat{transition: transform 220ms var(--ease-out);}
@media (hover: hover){.pvx .lp-feat:hover{transform: translateY(-2px);}}
.pvx .compare thead th.hl{background: linear-gradient(100deg, rgba(156, 41, 104, 0.28), rgba(196, 110, 161, 0.18)); color: var(--ink); border-radius: 12px 12px 0 0;}
.pvx .compare td.hl{background: linear-gradient(180deg, rgba(196, 110, 161, 0.1), rgba(156, 41, 104, 0.06));}
.pvx .plan{background: linear-gradient(100deg, rgba(156, 41, 104, 0.22), rgba(196, 110, 161, 0.1)); border: 1px solid rgba(216, 138, 184, 0.5);}
.pvx .plan-price .big.swap{animation: priceSwap 420ms var(--ease-out);}
@keyframes priceSwap{ from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.pvx .lp-final .btn-shine::after{background: linear-gradient(100deg, rgba(156, 41, 104, 0), rgba(156, 41, 104, 0.22), rgba(156, 41, 104, 0));}
@media (min-width: 860px){.pvx .lp-steps{position: relative;}.pvx .lp-steps::before{content: ""; position: absolute; left: 44px; right: 44px; top: 44px; height: 2px; background: var(--border); z-index: 0;}.pvx .lp-steps::after{content: ""; position: absolute; left: 44px; top: 44px; height: 2px; width: 0; background: linear-gradient(90deg, var(--brand), var(--accent)); z-index: 0; transition: width 1.4s var(--ease-out) 0.3s;}.pvx .lp-steps.on::after{width: calc(100% - 88px);}.pvx .lp-steps li{position: relative; z-index: 1; background: transparent;}.pvx .lp-steps li > *{position: relative;}.pvx .lp-steps li::before{content: ""; position: absolute; inset: 0; background: var(--surface); border-radius: inherit; z-index: -1;}.pvx .lp-steps .step-num{box-shadow: 0 0 0 6px var(--surface-sunken);}}
@media (prefers-reduced-motion: reduce){.pvx .lp-preview.live .pv-notify{opacity: 1; transform: none;}.pvx .pop-num, .pvx .nb.on .nb-bars i, .pvx .nb.on .nb-list div, .pvx .nb.on .nb-star, .pvx .nb-shine, .pvx .nb-live span, .pvx .plan-price .big.swap, .pvx .lp-preview.live .pv-row.now.in{animation: none !important;}.pvx .lp-steps::after{transition: none;}}
.pvx .kpis-3{grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}
@media (max-width: 720px){.pvx .kpis-3{grid-template-columns: 1fr !important;}}
.pvx .kpi b.kpi-txt{font-size: 20px; line-height: 28px; white-space: normal;}
.pvx .kpi small .down{color: #C2410C; font-weight: 700;}
.pvx .st-per{display: grid; gap: 10px;}
.pvx .st-dates{display: flex; gap: 12px; flex-wrap: wrap;}
.pvx .st-dates .lbl{max-width: 200px;}
.pvx .st-low{background: #FFF6E5; border-color: #F5D9A3;}
.pvx .st-low .ic{background: #F2B85B; color: #172040;}
.pvx .st-cats{margin-bottom: 12px;}
.pvx .st-tbl tr.low td{background: #FFFAF0;}
.pvx .st-lowtag{background: #FFF1D6 !important; color: #8A5A00 !important;}
.pvx .st-acts{white-space: nowrap;}
.pvx .st-acts .btn{height: 32px; padding: 0 10px; font-size: 13px; margin-left: 4px;}
.pvx .st-grid{align-items: start;}
@media (min-width: 1100px){.pvx .st-grid{grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);}}
.pvx .qty-lg button{width: 40px; height: 40px; font-size: 18px;}
.pvx .qty-lg b{min-width: 34px; font-size: 18px;}
.pvx .tc-list{display: grid; gap: 8px;}
.pvx .tc{border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden;}
.pvx .tc.on{border-color: #22587F;}
.pvx .tc-head{width: 100%; display: flex; align-items: center; gap: 12px; padding: 10px 12px; background: none; border: 0; cursor: pointer; text-align: left; color: var(--ink);}
.pvx .tc-head:hover{background: var(--surface-raised);}
.pvx .tc-rank{width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-size: 13px; flex-shrink: 0; background: #ECEDF4; color: #565E7A;}
.pvx .tc-rank.r1{background: #F2B85B; color: #172040;}
.pvx .tc-rank.r2{background: #E3E5EF; color: #172040;}
.pvx .tc-rank.r3{background: #E8C3A0; color: #172040;}
.pvx .tc-name{flex: 1; display: grid; min-width: 0;}
.pvx .tc-name small{color: var(--ink-muted); font-size: 12px;}
.pvx .tc-total{font-size: 15px;}
.pvx .tc-chev{width: 16px !important; height: 16px !important; color: var(--ink-muted); transform: rotate(90deg); transition: transform 200ms var(--ease-out);}
.pvx .tc.on .tc-chev{transform: rotate(-90deg);}
.pvx .tc-body{padding: 0 12px 10px; animation: rise 300ms var(--ease-out);}
.pvx .tc-tbl{font-size: 13px; min-width: 380px;}
.pvx .tc-scroll{overflow: auto; max-height: 300px;}
.pvx .tc-tbl .tc-sum td{position: sticky; bottom: 0; background: var(--surface);}
.pvx .tc-tbl .tc-sum td{font-weight: 800; border-top: 2px solid var(--border);}
.pvx .brabo{display: flex; gap: 16px; align-items: center; flex-wrap: wrap; position: relative; overflow: hidden; background: linear-gradient(120deg, #172040, #333F66); color: #FFFFFF; border: 0;}
.pvx .brabo.pend{background: var(--surface); color: var(--ink); border: 1px dashed var(--border-control);}
.pvx .brabo-ic{width: 52px; height: 52px; border-radius: 16px; background: rgba(242, 184, 91, 0.18); display: grid; place-items: center; flex-shrink: 0;}
.pvx .brabo-ic svg{width: 28px; height: 28px; fill: #F2B85B; stroke: #F2B85B;}
.pvx .brabo-txt{flex: 1; min-width: 200px; display: grid; gap: 2px;}
.pvx .brabo-ov{font-size: 12px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: #F2B85B;}
.pvx .brabo.pend .brabo-ov{color: #8A5A00;}
.pvx .brabo-txt > b{font-size: 24px; line-height: 30px; letter-spacing: -0.02em;}
.pvx .brabo.pend .brabo-txt > b{font-size: 17px; line-height: 24px;}
.pvx .brabo-txt > span:last-child{font-size: 14px; color: #B3BBD0;}
.pvx .brabo.pend .brabo-txt > span:last-child{color: var(--ink-muted);}
.pvx .brabo-acts{display: flex; gap: 8px; flex-wrap: wrap;}
.pvx .brabo .btn-tertiary{color: #C46EA1;}
.pvx .brabo.pend .btn-tertiary{color: #22587F;}
.pvx .brabo-shine{position: absolute; top: 0; bottom: 0; left: -60%; width: 35%; background: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0)); transform: skewX(-20deg); animation: shine 4s ease-in-out 0.5s infinite; pointer-events: none;}
.pvx .rank{display: grid; gap: 12px;}
.pvx .rank-row{display: flex; gap: 12px; align-items: center;}
.pvx .rank-n{width: 32px; height: 32px; border-radius: 50%; background: #ECEDF4; color: #565E7A; display: grid; place-items: center; font-weight: 800; font-size: 13px; flex-shrink: 0;}
.pvx .rank-row.lead .rank-n{background: #F2B85B; color: #172040;}
.pvx .rank-main{flex: 1; display: grid; gap: 6px; min-width: 0;}
.pvx .rank-top{display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; font-size: 14px;}
.pvx .rank-top .num{color: var(--ink-muted);}
.pvx .rank .hb-track i{transition: width 800ms var(--ease-out);}
.pvx .rank-row.lead .hb-track i{background: #F2B85B;}
.pvx .brabo-tag{font-size: 11px; font-weight: 800; padding: 2px 7px; border-radius: 6px; background: #FFF1D6; color: #8A5A00; margin-left: 6px;}
@media (prefers-reduced-motion: reduce){.pvx .brabo-shine, .pvx .tc-body{animation: none !important;}}
.pvx .demo-bar{display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 13px; color: var(--ink-muted); padding-block: 10px;}
.pvx .demo-bar .fchip{height: 30px; font-size: 13px; padding: 0 12px;}
.pvx .wip{max-width: 640px; padding-block: 48px; display: grid; gap: 16px;}

/* ===== Blu Beauty Design System v1 (logotipo e tipografia) ===== */
.word { font-family: "Unbounded", "Arial Black", system-ui, sans-serif !important; font-weight: 400 !important; letter-spacing: -0.03em !important; color: var(--brand-text, var(--brand)); }
.word span, .word i, .word b { font-family: inherit; font-weight: 400 !important; font-style: normal; color: var(--ink); }
body.site .word { color: #D88AB8; }

/* DS-titulos: Plus Jakarta Sans, titulos em peso medio */
h1, h2 { font-weight: 600 !important; }
h3 { font-weight: 700; }