.portal-page,.client-page{--background:#fff;--foreground:var(--zap-tinta);--primary:var(--zap-teal-escuro);--primary-foreground:#fff;--muted:var(--zap-gelo);--muted-foreground:color-mix(in oklab, var(--zap-tinta) 68%, transparent);--border:var(--zap-linha);--surface:var(--zap-papel);--ink:var(--zap-petroleo);--ink-foreground:#fff;--ink-muted:#fffc;--ink-border:#ffffff29;background:var(--zap-papel)}.client-page{background:radial-gradient(circle at 50% -10%, var(--zap-gelo), transparent 55%), var(--zap-papel)}.portal-page :is(h1,h2,h3),.client-page :is(h1,h2,h3),.client-title{font-family:var(--titulo);color:var(--zap-petroleo);letter-spacing:-.01em;font-weight:700}.portal-hello h1{font-size:2.25rem}@media (min-width:1024px){.portal-hello h1{font-size:2.75rem}}.portal-section-head h2{font-size:1.5rem}.portal-hero-amount,.portal-amount,.portal-meter-value,.portal-stat strong,.portal-sub-foot strong,.portal-usage-big,.portal-price{font-family:var(--numero);color:var(--zap-petroleo);letter-spacing:-.02em;font-weight:600}.portal-page .eyebrow,.client-page .eyebrow{font-family:var(--texto);letter-spacing:.12em;color:var(--zap-teal-escuro);font-size:.8125rem;font-weight:700}.portal-page .status-dot,.client-page .status-dot{background:var(--zap-teal);box-shadow:0 0 0 5px color-mix(in oklab, var(--zap-teal) 18%, transparent)}.portal-muted,.client-subtitle,.client-text{color:var(--muted-foreground)}.portal-small{font-size:.875rem}.portal-page .cta,.client-page .cta{background:var(--zap-teal-escuro);color:#fff;min-height:48px;box-shadow:none;font-family:var(--texto);border-radius:999px;font-weight:700}.portal-page .cta:hover,.client-page .cta:hover{background:var(--zap-petroleo);transform:none}.portal-page .secondary-cta,.client-page .secondary-cta{border:1.5px solid var(--zap-teal-escuro);min-height:48px;color:var(--zap-teal-escuro);font-family:var(--texto);border-radius:999px;font-weight:700}.portal-page .secondary-cta:hover,.client-page .secondary-cta:hover{border-color:var(--zap-petroleo);background:var(--zap-gelo);color:var(--zap-petroleo)}.portal-page .cta.compact,.portal-page .secondary-cta.compact{min-height:44px}.portal-link,.client-link:hover:not(:disabled){color:var(--zap-teal-escuro)}.portal-link{font-weight:700}.client-field input,.client-password,.client-field select{border-radius:var(--zap-raio-campo);border-color:var(--zap-linha)}.client-field input:focus,.client-password:focus-within,.client-field select:focus{border-color:var(--zap-teal-escuro);box-shadow:0 0 0 3px color-mix(in oklab, var(--zap-teal) 25%, transparent)}.client-field>span{color:var(--zap-petroleo);font-weight:700}.portal-card,.portal-stat,.client-card,.app-promo-button,.portal-alert{border-radius:var(--zap-raio-cartao)}.portal-card{border-color:var(--zap-linha);box-shadow:0 1px 2px #0142450a}.client-card{border-color:var(--zap-linha);box-shadow:0 24px 48px -32px #01424559}.portal-card-list li,.client-destinations li,.client-error,.client-info,.portal-hero-note{border-radius:16px}.portal-bar{background:color-mix(in oklab, var(--zap-papel) 94%, transparent);border-bottom-color:var(--zap-linha)}.portal-bar-inner{min-height:72px}.portal-logo,.client-logo{width:150px;height:auto;display:block}.client-logo{width:176px}.portal-nav-top .portal-nav-item{min-height:40px;color:var(--zap-tinta);font-family:var(--texto);border-radius:999px;padding:8px 14px;font-size:.9375rem;font-weight:700}.portal-nav-top .portal-nav-item:hover{background:var(--zap-gelo);color:var(--zap-petroleo)}.portal-nav-top .portal-nav-item[aria-current=page],.portal-nav-bottom .portal-nav-item[aria-current=page]{background:var(--zap-gelo);color:var(--zap-teal-escuro)}.portal-nav-top .portal-nav-item[aria-current=page] svg,.portal-nav-bottom .portal-nav-item[aria-current=page] svg{color:var(--zap-teal-escuro)}.portal-nav-bottom{border-top-color:var(--zap-linha);padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#fffffff5;gap:4px}.portal-nav-bottom .portal-nav-item{color:var(--muted-foreground);font-family:var(--texto);border-radius:16px;font-size:.75rem;font-weight:600}.portal-hero{border-radius:var(--zap-raio-cartao);background:linear-gradient(135deg, var(--zap-petroleo), color-mix(in oklab, var(--zap-petroleo) 80%, var(--zap-teal)));color:#fff;border:0;box-shadow:0 24px 48px -28px #01424599}.portal-hero .portal-muted,.portal-hero .portal-small{color:#fffc}.portal-hero .portal-hero-amount{color:#fff;font-size:3rem}.portal-hero .portal-hero-due{color:#fff}.portal-hero .portal-hero-note{color:#fff;background:#ffffff1a}.portal-hero .portal-hero-note svg{color:var(--zap-menta)}.portal-hero .cta{background:var(--zap-menta);color:var(--zap-petroleo)}.portal-hero .cta:hover{background:#fff}.portal-hero .secondary-cta{color:#fff;border-color:#ffffff8c}.portal-hero .secondary-cta:hover{color:#fff;background:#ffffff1a;border-color:#fff}.portal-hero.is-overdue{background:linear-gradient(135deg, var(--zap-petroleo), color-mix(in oklab, var(--zap-petroleo) 70%, #c62828));border:0}.portal-hero .portal-hero-due.is-overdue{color:#ffd6d6}.portal-badge{font-family:var(--texto);padding:4px 10px;font-size:.75rem;font-weight:700}.portal-badge.tone-ok{background:color-mix(in oklab, var(--zap-sucesso) 14%, white);color:var(--zap-sucesso)}.portal-badge.tone-warn{color:#8a5a00;background:#fff1d6}.portal-badge.tone-danger{color:#c62828;background:#fde4e4}.portal-badge.tone-muted{background:var(--zap-gelo);color:var(--muted-foreground)}.portal-alert.tone-danger{color:#c62828;background:#fdf0f0;border-color:#f3c2c2}.portal-alert.tone-warn{color:#8a5a00;background:#fff7e6;border-color:#f1dcae}.client-error{color:#c62828;background:#fdf0f0}.client-info{background:var(--zap-gelo);color:var(--zap-petroleo)}.portal-bar-track{background:var(--zap-gelo);border-radius:999px}.portal-bar-track>span{background:linear-gradient(90deg, var(--zap-teal), var(--zap-menta));border-radius:999px}.portal-bar-track.is-high>span{background:#8a5a00}.portal-product-icon,.portal-stat>svg{color:var(--zap-teal-escuro)}.portal-product-icon{background:var(--zap-gelo);border-radius:14px}.app-promo-button svg,.client-destinations svg,.portal-card-list li>svg{color:var(--zap-teal-escuro)}.portal-footer a,.client-help a{color:var(--zap-teal-escuro);font-weight:700}.portal-services-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (min-width:768px){.portal-services-row{grid-template-columns:repeat(4,minmax(0,1fr))}}.portal-service-chip{border:1px solid var(--zap-linha);border-radius:var(--zap-raio-cartao);transition:transform .25s var(--z-ease), border-color .25s ease, box-shadow .25s ease;background:#fff;flex-direction:column;gap:10px;padding:16px;display:flex}.portal-service-chip:hover{border-color:var(--svc);transform:translateY(-3px);box-shadow:0 16px 32px -24px #01424580}.portal-service-chip .z-icon{width:44px;height:44px}.portal-service-chip strong{font-family:var(--texto);color:var(--svc);font-weight:700}.portal-service-chip small{color:var(--muted-foreground);font-size:.8125rem;line-height:1.35}.portal-service-state{border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:.75rem;font-weight:700}.portal-service-state.is-on{background:color-mix(in oklab, var(--zap-sucesso) 14%, white);color:var(--zap-sucesso)}.portal-service-state.is-off{background:var(--svc);color:#fff}.portal-banner{border-radius:var(--zap-raio-cartao);background:linear-gradient(120deg, var(--svc-dark), color-mix(in oklab, var(--svc-dark) 78%, var(--svc)));color:#fff;display:grid;position:relative;overflow:hidden}.portal-banner-copy{z-index:1;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:20px 20px 24px;display:flex;position:relative}.portal-banner-name{font-family:var(--numero);color:#ffffffe6;font-size:.8125rem;font-weight:600}.portal-banner h3{font-family:var(--titulo);color:#fff;font-size:1.625rem;font-weight:700;line-height:1.05}.portal-banner p{color:#ffffffe0;font-size:.9375rem}.portal-banner-price{color:#ffffffd9;align-items:baseline;gap:6px;font-size:.8125rem;display:flex}.portal-banner-price .z-price{color:#fff}.portal-banner-price .z-price-int{font-size:1.75rem}.portal-banner-price .z-price-tail{font-size:.875rem}.portal-banner-price .z-price-tail small{color:#ffffffbf}.portal-banner .z-btn{margin-top:6px}.portal-banner-media{border-radius:18px;order:-1;min-height:160px;margin:10px 10px 0;position:relative;overflow:hidden}.portal-banner-media img{object-fit:cover}.portal-banner-media .z-icon{width:44px;height:44px;position:absolute;top:12px;left:12px;box-shadow:0 6px 18px #00000040}@media (min-width:768px){.portal-banner{grid-template-columns:40% 60%;min-height:240px}.portal-banner-copy{padding:28px 28px 28px 32px}.portal-banner h3{font-size:2rem}.portal-banner-media{order:0;min-height:0;margin:12px 12px 12px 0}}.portal-banner-dots{justify-content:center;gap:6px;margin-top:12px;display:flex}.portal-banner-dots button{background:var(--zap-linha);cursor:pointer;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .3s,background-color .3s}.portal-banner-dots button[aria-current=true]{background:var(--zap-teal-escuro);width:28px}.portal-banner-anim{animation:z-fade-up .5s var(--z-ease) both}.portal-active-grid{gap:16px;display:grid}@media (min-width:900px){.portal-active-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.portal-active{border-top:4px solid var(--svc);flex-direction:column;gap:14px;display:flex}.portal-active-head{align-items:center;gap:12px;display:flex}.portal-active-head .z-icon{width:48px;height:48px}.portal-active-head strong{font-family:var(--titulo);color:var(--zap-petroleo);font-size:1.25rem;display:block}.portal-active-head small{color:var(--muted-foreground)}.portal-active .cta{background:var(--svc)}.portal-active .cta:hover{background:var(--svc-dark)}.portal-active .secondary-cta{border-color:var(--svc);color:var(--svc)}.portal-banners{gap:16px;display:grid}.portal-usage{transition:border-color .2s ease, transform .2s var(--z-ease);gap:12px;padding:20px 24px;display:grid}.portal-usage:hover{border-color:var(--zap-teal);transform:translateY(-2px)}.portal-usage-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.portal-usage-head>.portal-muted:first-child{color:var(--zap-petroleo);font-weight:700}.portal-usage-main{align-items:baseline;gap:8px;display:flex}.portal-usage-big{font-size:2.5rem;line-height:1}.portal-usage .portal-bar-track{height:10px}.portal-usage-foot{color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:.9375rem;display:flex}.portal-usage-foot>span:first-child{font-family:var(--numero);color:var(--zap-petroleo);font-weight:600}.portal-usage-whats{color:var(--zap-teal-escuro);align-items:center;gap:6px;font-size:.875rem;font-weight:700;display:inline-flex}.portal-usage-go{margin-left:auto}.portal-usage-missing{color:#8a5a00;background:#fff7e6;border-radius:16px;align-items:center;gap:8px;padding:12px 14px;font-size:.9375rem;font-weight:600;display:flex}.portal-line-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.portal-badge.tone-primary{background:var(--zap-petroleo);color:var(--zap-menta);gap:4px}.portal-subs-row{gap:12px;display:grid}@media (min-width:640px){.portal-subs-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:960px){.portal-subs-row{grid-template-columns:repeat(3,minmax(0,1fr))}}.portal-sub-chip{transition:border-color .2s ease, transform .2s var(--z-ease);flex-direction:column;gap:14px;display:flex}.portal-sub-chip:hover{border-color:var(--zap-teal);transform:translateY(-2px)}.portal-sub-chip-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.portal-sub-chip-head strong{font-family:var(--titulo);color:var(--zap-petroleo);font-size:1.125rem;line-height:1.2}.portal-sub-chip-icons{flex-wrap:wrap;align-items:center;gap:8px 10px;min-width:0;display:flex}.portal-sub-chip-kind{align-items:center;gap:4px;display:inline-flex}.portal-sub-chip-count{font-family:var(--numero);color:var(--zap-petroleo);font-size:.8125rem;font-weight:600}.portal-sub-chip-foot{color:var(--zap-teal-escuro);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.portal-sub-chip-foot .portal-price{font-size:1.25rem}.portal-product-svc{flex:none;width:32px;height:32px}.portal-product-icon{flex:none;place-items:center;width:32px;height:32px;display:inline-grid}.portal-subs-detail{gap:16px;display:grid}.portal-sub-detail{gap:16px;scroll-margin-top:96px;display:grid}.portal-sub-detail:target{border-color:var(--zap-teal);box-shadow:0 0 0 3px color-mix(in oklab, var(--zap-teal) 20%, transparent)}.portal-sub-detail-name{font-family:var(--titulo);color:var(--zap-petroleo);font-size:1.375rem}.portal-sub-facts{background:var(--zap-gelo);border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:12px;padding:14px 16px;display:grid}.portal-sub-facts dt{color:var(--muted-foreground);font-size:.8125rem;font-weight:600}.portal-sub-facts dd{color:var(--zap-petroleo);margin-top:2px;font-weight:700}.portal-sub-facts dd.portal-price{font-size:1.25rem}.portal-sub-items{gap:10px;display:grid}.portal-sub-items li{align-items:center;gap:12px;display:flex}.portal-sub-items li>span:last-child{display:grid}.portal-sub-items .portal-product-svc{width:40px;height:40px}.portal-sub-detail-foot{border-top:1px solid var(--zap-linha);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-top:14px;display:flex}.portal-sub-open{color:var(--zap-petroleo);align-items:center;gap:8px;font-weight:700;display:inline-flex}.portal-sub-open>span{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.portal-nav-bottom .portal-nav-item{justify-content:flex-start;min-width:0;padding:8px 2px}.portal-nav-bottom .portal-nav-item span{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;max-width:100%;line-height:1.2;overflow:hidden}@media (max-width:380px){.portal-nav-bottom .portal-nav-item span{font-size:.6875rem}}.portal-dialog{border-radius:var(--zap-raio-cartao);width:min(100% - 32px,440px);color:var(--zap-tinta);background:#fff;border:0;margin:auto;padding:24px;box-shadow:0 30px 60px -20px #01424573}.portal-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#01424573}.portal-dialog[open]{animation:z-fade-up .3s var(--z-ease) both;gap:14px;display:grid}.portal-dialog-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.portal-dialog-head h2{font-family:var(--titulo);color:var(--zap-petroleo);font-size:1.375rem}.portal-dialog-close{background:var(--zap-gelo);width:40px;height:40px;color:var(--zap-petroleo);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.portal-dialog-options{gap:8px;display:grid}.portal-dialog-option{border:1.5px solid var(--zap-linha);cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .2s,background-color .2s;display:flex}.portal-dialog-option[data-checked=true]{border-color:var(--zap-teal-escuro);background:var(--zap-gelo);color:var(--zap-teal-escuro)}.portal-dialog-option input{opacity:0;pointer-events:none;position:absolute}.portal-dialog-option>span{flex:1;display:grid}.portal-dialog-option strong{font-family:var(--numero);color:var(--zap-petroleo);font-weight:600}.portal-dialog-actions{justify-content:flex-end;gap:8px;display:flex}