/* ===== Agência Popular: identidade e home (tudo com prefixo ap- para não afetar o painel) ===== */
:root{--ap-bg:#F2F4F7;--ap-surface:#FFFFFF;--ap-ink:#0F1B2D;--ap-muted:#51607A;--ap-line:#D9DEE7;--ap-accent:#FF5A1F;--ap-good:#0E8F7E;--ap-band:#0F1B2D;
--ap-display:"Bricolage Grotesque","Trebuchet MS",sans-serif;--ap-body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--ap-mono:"JetBrains Mono",ui-monospace,Menlo,monospace}
body.ap-guest{background:var(--ap-bg);color:var(--ap-ink);font-family:var(--ap-body);font-size:16px;line-height:1.6}
.ap-guest h1,.ap-guest h2,.ap-guest h3{font-family:var(--ap-display);letter-spacing:-.02em;text-wrap:balance}
.ap-guest a:focus-visible,.ap-guest button:focus-visible,.ap-guest summary:focus-visible{outline:3px solid var(--ap-accent);outline-offset:3px;border-radius:4px}
.ap-wrap{max-width:1120px;margin:0 auto;padding-left:16px;padding-right:16px}
.ap-eyebrow{font:500 12px/1 var(--ap-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ap-muted);margin:0}
.ap-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:10px;border:2px solid var(--ap-ink);font:600 16px var(--ap-body);text-decoration:none!important;cursor:pointer;background:transparent;color:var(--ap-ink)!important;transition:transform .15s}
.ap-btn.primary{background:var(--ap-accent);border-color:var(--ap-accent);color:#fff!important}
.ap-btn:hover{transform:translateY(-1px)}
.ap-sec{padding-block:72px}
.ap-h2{font-size:clamp(28px,4vw,42px);font-weight:800;margin:12px 0 0;max-width:20ch;line-height:1.08}
.ap-sub{margin-top:14px;max-width:60ch;color:var(--ap-muted)}
/* topo */
.ap-bar{position:sticky;top:0;z-index:50;background:var(--ap-bg);border-bottom:1px solid var(--ap-line)}
.ap-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.ap-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none!important;font:800 21px var(--ap-display);letter-spacing:-.02em;color:var(--ap-ink)!important}
.ap-brand em{font-style:normal;color:var(--ap-accent)}
.ap-logo{width:40px;height:40px;flex:none}
.ap-logo rect{fill:var(--ap-ink)}
.ap-logo path{fill:none;stroke:var(--ap-bg);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}
.ap-logo circle{fill:var(--ap-accent)}
.ap-nav{display:flex;gap:22px;align-items:center}
.ap-nav a.l{text-decoration:none;font-weight:500;color:var(--ap-muted)}
.ap-nav a.l:hover{color:var(--ap-ink)}
.ap-nav .m{display:none}
@media(max-width:760px){.ap-nav a.l{display:none}.ap-nav .d{display:none}.ap-nav .m{display:inline}}
/* hero */
.ap-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding-block:40px 72px}
.ap-hero h1{font-size:clamp(36px,6vw,64px);font-weight:800;margin:14px 0 18px;line-height:1.05}
.ap-hero h1 em{font-style:normal;color:var(--ap-accent)}
.ap-lead{font-size:19px;color:var(--ap-muted);max-width:52ch}
.ap-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.ap-fine{margin-top:16px;font-size:14px;color:var(--ap-muted);max-width:52ch}
@media(max-width:860px){.ap-hero{grid-template-columns:1fr;gap:36px}}
.ap-panel{background:var(--ap-surface);border:1px solid var(--ap-line);border-radius:16px;padding:22px;min-width:0;box-shadow:0 18px 40px -24px rgba(15,27,45,.35)}
.ap-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.ap-pill{font:500 11px/1 var(--ap-mono);letter-spacing:.06em;text-transform:uppercase;padding:6px 9px;border-radius:99px;border:1px solid var(--ap-line);color:var(--ap-muted)}
.ap-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ap-kpi{min-width:0}
.ap-kpi b{display:block;font:700 22px var(--ap-display);font-variant-numeric:tabular-nums}
.ap-kpi span{font-size:12.5px;color:var(--ap-muted);line-height:1.3;display:block}
.ap-spark{width:100%;height:auto;margin-top:18px;display:block}
.ap-spark .g{stroke:var(--ap-line);stroke-width:1}
.ap-spark .a{fill:var(--ap-good);opacity:.12}
.ap-spark .ln{fill:none;stroke:var(--ap-good);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.ap-spark .dt{fill:var(--ap-good)}
.ap-panel-note{margin:12px 0 0;font-size:12.5px;color:var(--ap-muted)}
/* confiança e serviços */
.ap-trust{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--ap-line)}
.ap-trust div{padding:18px 20px;border-right:1px solid var(--ap-line);font-size:14.5px;color:var(--ap-muted);min-width:0}
.ap-trust div:last-child{border-right:0}
.ap-trust b{display:block;color:var(--ap-ink);font:700 17px var(--ap-display);margin-bottom:2px}
@media(max-width:860px){.ap-trust{grid-template-columns:1fr 1fr}.ap-trust div:nth-child(2){border-right:0}.ap-trust div:nth-child(-n+2){border-bottom:1px solid var(--ap-line)}}
@media(max-width:480px){.ap-trust{grid-template-columns:1fr}.ap-trust div{border-right:0;border-bottom:1px solid var(--ap-line)}.ap-trust div:last-child{border-bottom:0}}
.ap-serv{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px;margin-top:36px}
.ap-serv article{border-top:2px solid var(--ap-ink);padding-top:16px;min-width:0}
.ap-serv h3{font-size:22px;margin:0 0 8px}
.ap-serv p{color:var(--ap-muted);font-size:15.5px;margin:0}
@media(max-width:700px){.ap-serv{grid-template-columns:1fr}}
.ap-who{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.ap-who span{padding:9px 16px;border:1.5px solid var(--ap-line);border-radius:99px;background:var(--ap-surface);font-weight:500}
.ap-steps{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s}
.ap-steps li{counter-increment:s;border-top:2px solid var(--ap-ink);padding-top:16px;min-width:0}
.ap-steps li::before{content:"Etapa " counter(s);font:500 12px var(--ap-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ap-accent)}
.ap-steps h3{font-size:21px;margin:8px 0}
.ap-steps p{color:var(--ap-muted);font-size:15px;margin:0}
@media(max-width:900px){.ap-steps{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.ap-steps{grid-template-columns:1fr}}
/* planos */
.ap-band{background:var(--ap-band);color:#F2F4F7}
.ap-band .ap-eyebrow,.ap-band .ap-sub{color:#9AA8C0}
.ap-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;align-items:stretch}
.ap-plan{background:var(--ap-surface);color:var(--ap-ink);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:16px;border:1px solid var(--ap-line);min-width:0;position:relative}
.ap-plan.hot{border:3px solid var(--ap-accent)}
.ap-plan .tag{position:absolute;top:-14px;left:24px;background:var(--ap-accent);color:#fff;font:600 12px var(--ap-mono);letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:6px}
.ap-plan h3{font-size:24px;margin:0}
.ap-price{font:800 40px var(--ap-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0}
.ap-price small{font:500 15px var(--ap-body);color:var(--ap-muted);letter-spacing:0}
.ap-plan ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px}
.ap-plan li{padding-left:24px;position:relative}
.ap-plan li::before{content:"";position:absolute;left:0;top:.55em;width:12px;height:6px;border-left:2.5px solid var(--ap-good);border-bottom:2.5px solid var(--ap-good);transform:rotate(-45deg)}
.ap-plan .ap-btn{margin-top:auto}
.ap-plan .for{color:var(--ap-muted);font-size:15px;margin:0}
.ap-verba{margin:24px 0 0;padding:16px 18px;border:1px dashed #5B6B88;border-radius:12px;font-size:15px;color:#C9D3E4}
@media(max-width:900px){.ap-plans{grid-template-columns:1fr}}
/* faq, loja, contato */
.ap-faq{margin-top:28px;max-width:760px}
.ap-faq details{border-bottom:1px solid var(--ap-line);padding:18px 0}
.ap-faq summary{cursor:pointer;font:700 19px var(--ap-display);list-style:none;display:flex;justify-content:space-between;gap:16px}
.ap-faq summary::-webkit-details-marker{display:none}
.ap-faq summary::after{content:"+";font:500 24px var(--ap-mono);color:var(--ap-accent)}
.ap-faq details[open] summary::after{content:"\2212"}
.ap-faq p{margin:10px 0 0;color:var(--ap-muted);max-width:62ch}
.ap-loja{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;border:1px solid var(--ap-line);background:var(--ap-surface);border-radius:16px;padding:28px}
.ap-loja h3{font-size:24px;margin:8px 0}
.ap-loja p{color:var(--ap-muted);max-width:64ch;font-size:15px;margin:0}
@media(max-width:760px){.ap-loja{grid-template-columns:1fr}}
.ap-contato{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
@media(max-width:860px){.ap-contato{grid-template-columns:1fr}}
.ap-contato .ap-cards{display:grid;gap:14px}
.ap-contato .ap-card{display:block;padding:20px;border:1.5px solid var(--ap-line);border-radius:14px;background:var(--ap-surface);text-decoration:none!important;color:var(--ap-ink)!important}
.ap-contato .ap-card b{display:block;font:700 18px var(--ap-display)}
.ap-contato .ap-card span{color:var(--ap-muted);font-size:15px}
.ap-contato .ap-card:hover{border-color:var(--ap-accent)}
/* área do cliente */
.ap-guest #entrar .well{border-radius:16px;background:var(--ap-surface);border:1px solid var(--ap-line);box-shadow:none;padding:28px}
.ap-guest .btn-primary{background:var(--ap-accent);border-color:var(--ap-accent)}
.ap-guest .btn-primary:hover{background:#E04A12;border-color:#E04A12}
/* rodapé */
.ap-foot{border-top:1px solid var(--ap-line);padding-block:32px;font-size:14px;color:var(--ap-muted)}
.ap-foot .ap-wrap{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;align-items:center}
.ap-foot a{margin-right:18px;color:var(--ap-muted)}
.ap-foot .ap-logo{width:28px;height:28px}
.ap-wa{position:fixed;left:16px;bottom:16px;z-index:60;display:flex;align-items:center;gap:10px;height:54px;padding:0 20px 0 16px;border-radius:99px;background:#1FA855;color:#fff!important;text-decoration:none!important;font-weight:600;box-shadow:0 10px 24px rgba(0,0,0,.25)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ap-btn:hover{transform:none}}
html{scroll-behavior:smooth}
.ap-guest [id]{scroll-margin-top:76px}

/* ===== Área do cliente (logado) ===== */
html[data-ap-theme="dark"]{background:#0B1220}
html[data-ap-theme="dark"] body:not(.ap-guest){--ap-bg:#0B1220;--ap-surface:#131C2E;--ap-ink:#EDF1F7;--ap-muted:#9AA8C0;--ap-line:#25324B;--ap-accent:#FF7A45;--ap-good:#3CCBB5;--ap-soft:#1A2640;color-scheme:dark}
:root{--ap-soft:#EAEEF4;--ap-side:260px;--ap-top:68px}
body:not(.ap-guest){background:var(--ap-bg);color:var(--ap-ink);font-family:var(--ap-body);font-size:15px;line-height:1.55}
body:not(.ap-guest) h1,body:not(.ap-guest) h2,body:not(.ap-guest) h3,body:not(.ap-guest) h4{font-family:var(--ap-display);letter-spacing:-.02em;color:var(--ap-ink)}
body:not(.ap-guest) a{color:var(--ap-accent)}
body:not(.ap-guest) .text-muted,body:not(.ap-guest) .help-block{color:var(--ap-muted)}
body:not(.ap-guest) hr{border-color:var(--ap-line)}
@media(min-width:992px){
 body:not(.ap-guest){padding-left:var(--ap-side);padding-top:var(--ap-top)}
 body:not(.ap-guest) .navbar-default{position:fixed;top:0;left:0;bottom:0;width:var(--ap-side);margin:0;overflow-y:auto;border:0;border-right:1px solid var(--ap-line);z-index:1040;background:var(--ap-surface)}
 body:not(.ap-guest) .navbar-default>.container-fluid{padding:0;margin:0;width:auto;max-width:none}
 body:not(.ap-guest) .navbar-header{float:none;margin:0;padding:20px 20px 12px}
 body:not(.ap-guest) .navbar-default .navbar-brand{height:auto;padding:0;float:none;margin:0!important}
 body:not(.ap-guest) .navbar-toggle{display:none}
 body:not(.ap-guest) #navbar.navbar-collapse{display:block!important;padding:0;border:0;box-shadow:none;height:auto!important;overflow:visible}
 body:not(.ap-guest) .navbar-left-block{float:none!important;margin:8px 12px 24px!important;display:block}
 body:not(.ap-guest) .navbar-left-block>li{float:none;display:block;margin:0 0 3px}
 body:not(.ap-guest) .navbar-default .navbar-left-block>li>a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;font-weight:600;color:var(--ap-muted);box-shadow:none}
 body:not(.ap-guest) .navbar-left-block>li>a i{width:20px;text-align:center;font-size:15px;color:inherit}
 body:not(.ap-guest) .navbar-default .navbar-left-block>li>a:hover{background:var(--ap-soft);color:var(--ap-ink)}
 body:not(.ap-guest) .navbar-default .navbar-left-block>li.active>a,body:not(.ap-guest) .navbar-default .navbar-left-block>li.active>a:hover{background:var(--ap-ink);color:var(--ap-surface);box-shadow:none}
 body:not(.ap-guest) .navbar-default .navbar-right{position:fixed;top:0;left:var(--ap-side);right:0;height:var(--ap-top);margin:0!important;padding:0 24px;float:none!important;display:flex;align-items:center;justify-content:flex-end;gap:4px;background:var(--ap-surface);border-bottom:1px solid var(--ap-line);z-index:1039}
 body:not(.ap-guest) .navbar-right>li{float:none;display:block}
 body:not(.ap-guest) .navbar-default .navbar-right>li>a{padding:10px 14px;border-radius:10px;font-weight:600;color:var(--ap-muted);display:flex;align-items:center;gap:8px}
 body:not(.ap-guest) .navbar-default .navbar-right>li>a:hover{background:var(--ap-soft);color:var(--ap-ink)}
 body:not(.ap-guest) .navbar-right .dropdown-currencies>a{padding:6px 8px}
 body:not(.ap-guest) .navbar-right .badge{background:var(--ap-accent);color:#fff;border-radius:99px;padding:8px 14px;font:600 14px var(--ap-mono)}
}
body:not(.ap-guest) .navbar-default .navbar-brand{color:var(--ap-ink)}
body:not(.ap-guest) .dropdown-menu{background:var(--ap-surface);border:1px solid var(--ap-line);border-radius:12px;box-shadow:0 18px 40px -20px rgba(0,0,0,.4);padding:6px}
body:not(.ap-guest) .dropdown-menu>li>a{color:var(--ap-ink);border-radius:8px;padding:8px 12px}
body:not(.ap-guest) .dropdown-menu>li>a:hover,body:not(.ap-guest) .dropdown-menu>.active>a{background:var(--ap-soft);color:var(--ap-ink)}
@media(max-width:991px){
 body:not(.ap-guest) .navbar-default{background:var(--ap-surface);border-bottom:1px solid var(--ap-line)}
 body:not(.ap-guest) .navbar-default .navbar-nav>li>a{color:var(--ap-ink);display:flex;align-items:center;gap:10px}
 body:not(.ap-guest) .navbar-default .navbar-nav>li>a i{width:22px;text-align:center}
 body:not(.ap-guest) .navbar-default .navbar-brand{display:flex;align-items:center;height:60px}
}
body:not(.ap-guest) .container,body:not(.ap-guest) .container-fluid{width:100%;max-width:1180px}
body:not(.ap-guest) .container-fluid{padding-top:24px}
.well{background:var(--ap-surface)!important;border:1px solid var(--ap-line)!important;border-radius:16px!important;box-shadow:0 1px 0 rgba(15,27,45,.03)!important;padding:24px;color:var(--ap-ink)}
body:not(.ap-guest) .form-control{background:var(--ap-surface);color:var(--ap-ink);border:1.5px solid var(--ap-line);border-radius:10px;min-height:44px;box-shadow:none}
body:not(.ap-guest) .form-control:focus{border-color:var(--ap-accent);box-shadow:0 0 0 3px rgba(255,90,31,.18)}
body:not(.ap-guest) .form-control[disabled],body:not(.ap-guest) .form-control[readonly]{background:var(--ap-soft);color:var(--ap-ink)}
body:not(.ap-guest) .input-group-addon,body:not(.ap-guest) .input-group-btn .btn-default{background:var(--ap-soft);border-color:var(--ap-line);color:var(--ap-ink)}
body:not(.ap-guest) .btn{border-radius:10px;font-weight:600;padding:10px 18px}
body:not(.ap-guest) .btn-xs{padding:3px 10px;border-radius:8px}
body:not(.ap-guest) .btn-default{background:var(--ap-surface);border:1.5px solid var(--ap-line);color:var(--ap-ink)}
body:not(.ap-guest) .btn-default:hover{background:var(--ap-soft)}
body:not(.ap-guest) .btn-primary{background:var(--ap-accent);border-color:var(--ap-accent);color:#fff}
body:not(.ap-guest) .btn-primary:hover,body:not(.ap-guest) .btn-primary:focus{background:#E04A12;border-color:#E04A12}
body:not(.ap-guest) .table{color:var(--ap-ink);background:transparent}
body:not(.ap-guest) .table>thead>tr>th{border-bottom:2px solid var(--ap-ink);font:500 11.5px var(--ap-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ap-muted);white-space:nowrap}
body:not(.ap-guest) .table>tbody>tr>td{border-top:1px solid var(--ap-line);vertical-align:middle}
body:not(.ap-guest) .table-striped>tbody>tr:nth-of-type(odd),body:not(.ap-guest) .table-hover>tbody>tr:hover{background:var(--ap-soft)}
body:not(.ap-guest) .nav-pills{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 16px}
body:not(.ap-guest) .nav-pills>li{float:none;margin:0}
body:not(.ap-guest) .nav-pills>li>a{border-radius:99px;padding:8px 16px;font-weight:600;color:var(--ap-muted);background:var(--ap-surface);border:1.5px solid var(--ap-line)}
body:not(.ap-guest) .nav-pills>li>a:hover{background:var(--ap-soft);color:var(--ap-ink)}
body:not(.ap-guest) .nav-pills>li.active>a,body:not(.ap-guest) .nav-pills>li.active>a:hover{background:var(--ap-ink);border-color:var(--ap-ink);color:var(--ap-surface)}
body:not(.ap-guest) .nav-pills>li.search{margin-left:auto}
body:not(.ap-guest) .pagination>li>a,body:not(.ap-guest) .pagination>li>span{background:var(--ap-surface);border:1px solid var(--ap-line);color:var(--ap-ink)}
body:not(.ap-guest) .pagination>.active>a,body:not(.ap-guest) .pagination>.active>span{background:var(--ap-ink);border-color:var(--ap-ink);color:var(--ap-surface)}
body:not(.ap-guest) .alert{border-radius:12px;border:1px solid var(--ap-line)}
body:not(.ap-guest) .alert-success{background:rgba(14,143,126,.12);color:var(--ap-good);border-color:rgba(14,143,126,.35)}
body:not(.ap-guest) .alert-danger{background:rgba(217,48,37,.10);color:#D93025;border-color:rgba(217,48,37,.3)}
body:not(.ap-guest) .alert-info,body:not(.ap-guest) .alert-warning{background:var(--ap-soft);color:var(--ap-ink)}
body:not(.ap-guest) .modal-content{background:var(--ap-surface);color:var(--ap-ink);border:1px solid var(--ap-line);border-radius:16px}
body:not(.ap-guest) .modal-header,body:not(.ap-guest) .modal-footer{border-color:var(--ap-line)}
body:not(.ap-guest) .panel,body:not(.ap-guest) .list-group-item{background:var(--ap-surface);border-color:var(--ap-line);color:var(--ap-ink)}
body:not(.ap-guest) .border-solid{border-color:var(--ap-line)}
body:not(.ap-guest) .select2-container .select2-selection,body:not(.ap-guest) .select2-dropdown{background:var(--ap-surface);color:var(--ap-ink);border-color:var(--ap-line)}
body:not(.ap-guest) .select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--ap-ink)}
body:not(.ap-guest) .select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--ap-accent);color:#fff}
body:not(.ap-guest) .select2-search--dropdown .select2-search__field{background:var(--ap-surface);color:var(--ap-ink);border-color:var(--ap-line)}
.ap-st{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12.5px;font-weight:700;background:var(--ap-soft);color:var(--ap-ink)}
.ap-st.ok{background:rgba(14,143,126,.14);color:var(--ap-good)}
.ap-st.wait{background:rgba(245,158,11,.16);color:#B45309}
.ap-st.run{background:rgba(59,130,246,.14);color:#2563EB}
.ap-st.bad{background:rgba(217,48,37,.12);color:#D93025}
html[data-ap-theme="dark"] .ap-st.wait{color:#FBBF24}
html[data-ap-theme="dark"] .ap-st.run{color:#93C5FD}
.ap-dash{padding-top:28px}
.ap-dash-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.ap-dash-head h1{font-size:clamp(26px,3.4vw,36px);font-weight:800;margin:6px 0 0;line-height:1.05}
.ap-bal{display:flex;align-items:center;gap:14px;background:var(--ap-surface);border:1px solid var(--ap-line);border-radius:14px;padding:10px 12px 10px 18px}
.ap-bal span{font:500 11px var(--ap-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ap-muted);display:block}
.ap-bal b{font:800 22px var(--ap-display);font-variant-numeric:tabular-nums}
.ap-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}
.ap-tiles a{display:flex;gap:12px;align-items:center;background:var(--ap-surface);border:1px solid var(--ap-line);border-radius:14px;padding:14px 16px;color:var(--ap-ink)!important;text-decoration:none}
.ap-tiles a:hover{border-color:var(--ap-accent);text-decoration:none}
.ap-tiles i{flex:none;width:40px;height:40px;border-radius:10px;background:var(--ap-soft);display:flex;align-items:center;justify-content:center;color:var(--ap-accent)}
.ap-tiles b{display:block;font:700 15.5px var(--ap-display)}
.ap-tiles span{font-size:12.5px;color:var(--ap-muted);display:block;line-height:1.3}
@media(max-width:991px){.ap-tiles{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.ap-tiles{grid-template-columns:1fr}}
.ap-side{background:var(--ap-surface);border:1px solid var(--ap-line);border-radius:16px;padding:22px;margin-bottom:20px}
.ap-side h3{font-size:18px;margin:0 0 12px}
.ap-side ol{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--ap-muted)}
.ap-side ol b{color:var(--ap-ink)}
.ap-side p{color:var(--ap-muted);font-size:14px;margin:0}
.ap-side.warn{border-style:dashed}
.ap-nets{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;margin-bottom:18px}
.ap-nets button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 8px;border:1.5px solid var(--ap-line);border-radius:12px;background:var(--ap-surface);color:var(--ap-ink);font:600 14px var(--ap-body);cursor:pointer}
.ap-nets button:hover{border-color:var(--ap-accent)}
.ap-nets button.on{background:var(--ap-ink);border-color:var(--ap-ink);color:var(--ap-surface)}
.ap-nets i{font-size:16px}
.ap-lbl{font:500 11px var(--ap-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ap-muted);margin:0 0 8px}
.ap-chips{display:flex;flex-wrap:wrap;gap:6px}
.ap-chips span{padding:5px 10px;border-radius:99px;background:var(--ap-soft);font-size:12.5px;font-weight:600}

/* ===== Páginas de conteúdo ===== */
.col-md-8:has(.ap-page){width:100%;margin-left:0}
.well:has(.ap-page){background:transparent;border:0;box-shadow:none;padding:0}
.ap-page{padding:40px 0 72px}
.ap-ph{padding-bottom:8px}
.ap-ph h1{font-size:clamp(34px,5.5vw,58px);font-weight:800;line-height:1.05;margin:14px 0 18px;max-width:18ch}
.ap-page h2.ap-h2{margin-top:64px;max-width:24ch}
.ap-page .ap-lead{font-size:19px;color:var(--ap-muted);max-width:60ch}
.ap-page .ap-cta{margin-top:26px}
.ap-page .ap-fine{margin-top:24px}
.ap-page .ap-loja{margin-top:64px}
.ap-page .ap-faq{margin-top:24px}
.ap-page .ap-steps li h3,.ap-page .ap-serv h3{font-family:var(--ap-display)}
.ap-hub{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
.ap-hub a{display:block;background:var(--ap-surface);border:1px solid var(--ap-line);border-radius:14px;padding:22px;color:var(--ap-ink);text-decoration:none;transition:border-color .15s}
.ap-hub a:hover{border-color:var(--ap-accent);text-decoration:none}
.ap-hub b{display:block;font:700 19px var(--ap-display);margin-bottom:6px}
.ap-hub span{color:var(--ap-muted);font-size:15px}
@media(max-width:900px){.ap-hub{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ap-hub{grid-template-columns:1fr}}
.ap-m{display:none;position:relative}
.ap-m summary{list-style:none;cursor:pointer;width:46px;height:46px;border:2px solid var(--ap-ink);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px}
.ap-m summary::-webkit-details-marker{display:none}
.ap-m nav{position:absolute;right:0;top:54px;background:var(--ap-surface);border:1px solid var(--ap-line);border-radius:14px;padding:10px;display:grid;min-width:230px;box-shadow:0 18px 40px -20px rgba(15,27,45,.4)}
.ap-m nav a{padding:10px 12px;color:var(--ap-ink);text-decoration:none;border-radius:8px}
.ap-m nav a:hover{background:var(--ap-bg)}
.ap-dd{position:relative}
.ap-dd>a::after{content:" \25BE";font-size:11px}
.ap-dd .ap-ddm{display:none;position:absolute;left:-14px;top:100%;background:var(--ap-surface);border:1px solid var(--ap-line);border-radius:14px;padding:10px;min-width:260px;box-shadow:0 18px 40px -20px rgba(15,27,45,.4);z-index:70}
.ap-dd:hover .ap-ddm,.ap-dd:focus-within .ap-ddm{display:grid}
.ap-dd .ap-ddm a{padding:9px 12px;color:var(--ap-ink);border-radius:8px;white-space:nowrap}
.ap-dd .ap-ddm a:hover{background:var(--ap-bg)}
@media(max-width:1000px){.ap-nav{display:none}.ap-m{display:block}}
.ap-foot2{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;padding-block:8px 28px}
.ap-foot2 h4{font:500 12px var(--ap-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ap-ink);margin:0 0 12px}
.ap-foot2 a{display:block;margin:0 0 8px;color:var(--ap-muted)}
@media(max-width:860px){.ap-foot2{grid-template-columns:1fr 1fr}}

/* ===== patch app 1 ===== */
body:not(.ap-guest) .navbar-default .navbar-brand{display:flex;align-items:center;gap:10px;font:800 20px var(--ap-display);letter-spacing:-.02em}
body:not(.ap-guest) .navbar-default .navbar-brand em{font-style:normal;color:var(--ap-accent)}
body:not(.ap-guest) .navbar-default .navbar-brand .ap-logo{width:36px;height:36px}
@media(min-width:768px) and (max-width:991px){
 body:not(.ap-guest) #navbar.navbar-collapse.collapse:not(.in){display:none!important}
 body:not(.ap-guest) .navbar-toggle{display:block}
 body:not(.ap-guest) .navbar-header{float:none}
 body:not(.ap-guest) .navbar-left-block,body:not(.ap-guest) .navbar-default .navbar-right{float:none!important}
}
body:not(.ap-guest) .width-40{min-width:240px}
body:not(.ap-guest) .table td{word-break:break-word}
.ap-empty{text-align:center;padding:40px 24px}
.ap-empty i{font-size:34px;color:var(--ap-accent);margin-bottom:12px;display:block}
.ap-empty h3{margin:0 0 8px}
.ap-empty p{color:var(--ap-muted);max-width:46ch;margin:0 auto 18px}

/* ===== patch app 2 ===== */
body:not(.ap-guest) .well:has(table),body:not(.ap-guest) .well-float{overflow-x:auto;-webkit-overflow-scrolling:touch}
body:not(.ap-guest) .table{min-width:560px}
@media(max-width:991px){body:not(.ap-guest){padding-top:0}.ap-dash{padding-top:20px}}

/* ===== patch app 3 ===== */
body:not(.ap-guest) .well,body:not(.ap-guest) .well-float{float:none!important;width:100%;max-width:100%;box-sizing:border-box}
body:not(.ap-guest) .table-responsive,body:not(.ap-guest) .services-list,body:not(.ap-guest) .table-wrap{overflow-x:auto;max-width:100%}

/* ===== patch app 4: idiomas, saldo oculto, pedidos recentes, rtl ===== */
.ap-ddm-r{left:auto!important;right:-8px;max-height:70vh;overflow:auto}
.ap-lang .ap-ddm a.on,.ap-m nav a.on{color:var(--ap-accent);font-weight:700}
.ap-m nav{max-height:75vh;overflow:auto}
.ap-m-sep{display:block;height:1px;background:var(--ap-line);margin:8px 0}
body.ap-hide-bal .navbar-right .badge,body.ap-hide-bal .ap-bal b{filter:blur(7px);user-select:none}
body:not(.ap-guest) .navbar-right .ap-lang>a{display:flex;gap:6px;align-items:center}
body:not(.ap-guest) .navbar-right .ap-lang .dropdown-menu{max-height:70vh;overflow:auto;min-width:200px}
.ap-recent{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.ap-recent li{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13.5px}
.ap-recent li b{font-family:var(--ap-mono);font-weight:500;color:var(--ap-muted)}
.ap-recent li span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-none{color:var(--ap-muted)}
.ap-more{font-weight:600;font-size:13.5px}
@media(min-width:992px){
 body.ap-rtl{direction:rtl;padding-left:0;padding-right:var(--ap-side)}
 body.ap-rtl:not(.ap-guest) .navbar-default{left:auto;right:0;border-right:0;border-left:1px solid var(--ap-line)}
 body.ap-rtl:not(.ap-guest) .navbar-default .navbar-right{left:0;right:var(--ap-side);justify-content:flex-start}
}