/* SouPrimeiroAC build 2512: somente a pagina comercial para profissionais. */
#planosView.px-plans{--pxbg:#0d0f11;--pxpanel:#1b1e21;--pxpanel2:#23272a;--pxborder:#363b3f;--pxyellow:#ffd400;--pxmuted:#aeb5b9;background:var(--pxbg);color:#f7f8f9;border:1px solid #30353a;border-radius:18px;overflow:hidden;padding:0;max-width:100%;font-family:Inter,Arial,sans-serif}
#planosView.px-plans *{box-sizing:border-box}
#planosView .px-hero{padding:clamp(34px,6vw,80px) clamp(18px,4vw,55px) 35px;background:radial-gradient(ellipse at 100% 0,rgba(255,212,0,.12),transparent 53%),linear-gradient(130deg,#101215,#16181b 90%);position:relative}
#planosView .px-current-status{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap;margin-bottom:clamp(22px,4vw,40px);font-size:12px;color:#c1c7cc}
#planosView .px-current-status small{max-width:340px;text-align:right;font-size:12px;color:#c1c7cc}
#planosView .eyebrow{color:var(--pxyellow)!important;letter-spacing:.12em;font-size:11px!important;font-weight:850!important}
#planosView .px-hero h2{font-size:clamp(2.45rem,5.7vw,4.55rem);letter-spacing:-.065em;line-height:1.055;font-weight:900;max-width:850px;margin:8px 0 21px;color:#fff}
#planosView .px-hero h2 em{font-style:normal;color:var(--pxyellow)}
#planosView .px-lead{font-size:clamp(14px,1.5vw,18px);line-height:1.7;max-width:680px;color:#c1c7cc;margin:0 0 24px}
#planosView .px-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
#planosView .px-link-main,#planosView .px-link-alt{font-family:inherit;min-height:44px;border-radius:10px;padding:12px 18px;font-size:13px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #646768;transition:filter .15s;cursor:pointer}
#planosView .px-link-main{background:var(--pxyellow);border-color:var(--pxyellow);color:#161613}
#planosView .px-link-alt{background:#25292d;color:#f6f6f6}
#planosView :is(.px-link-main,.px-link-alt,.px-filter):hover{filter:brightness(1.13)}
#planosView :is(.px-link-main,.px-link-alt,.px-filter):focus-visible{outline:2px solid #fff;outline-offset:3px}
#planosView .px-workflow{border-top:1px solid #3b3d3d;display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:44px;padding-top:24px}
#planosView .px-workflow span{border:1px solid #404648;border-radius:6px;background:#222528;color:#e7e8e9;font-size:10px;font-weight:850;letter-spacing:.03em;padding:7px 9px}
#planosView .px-workflow b{color:var(--pxyellow);font-size:16px}
#planosView .px-area{padding:clamp(30px,5vw,58px) clamp(17px,4vw,55px);border-top:1px solid #2a3033}
#planosView .px-section-head{max-width:740px;margin-bottom:27px;display:block}
#planosView .px-section-head h3{color:white;font-size:clamp(26px,3.4vw,40px);letter-spacing:-.045em;line-height:1.12;font-weight:900;margin:6px 0 10px}
#planosView .px-section-head>p:not(.eyebrow){font-size:13px;color:var(--pxmuted);line-height:1.65;max-width:580px}
#planosView .px-section-head.center{text-align:center;margin-left:auto;margin-right:auto}
#planosView .px-section-head.center>p:not(.eyebrow){margin-left:auto;margin-right:auto}
#planosView .px-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#planosView .px-feature{min-width:0;background:var(--pxpanel);border:1px solid var(--pxborder);border-radius:13px;padding:22px 19px;display:flex;flex-direction:column;gap:10px;min-height:170px}
#planosView .px-feature:nth-child(5){background:linear-gradient(140deg,#282517,#191c20);border-color:#6c5b23}
#planosView .px-feature span{color:var(--pxyellow);font-size:10px;font-weight:850;letter-spacing:.07em}
#planosView .px-feature h4{color:#f9f9f8;font-size:17px;font-weight:850;line-height:1.22;margin:0}
#planosView .px-feature p{color:var(--pxmuted);font-size:12px;line-height:1.58;margin:0}
#planosView .px-price-area{background:#111315}
#planosView .px-price-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:stretch;margin:0}
#planosView .px-price-card{background:#1b1f22;border:1px solid #3b4145;border-radius:16px;padding:23px 20px;min-width:0;display:flex;flex-direction:column;gap:12px;box-shadow:none}
#planosView .px-price-card.featured{background:linear-gradient(155deg,#292617,#1b1f22 56%);border:2px solid var(--pxyellow)}
#planosView .px-price-card.premium{background:linear-gradient(135deg,#1b2026,#1a1c20)}
#planosView .px-price-card.current-plan{outline:2px solid var(--pxyellow);outline-offset:2px}
#planosView .px-plan-kicker{color:var(--pxyellow);font-size:10px;letter-spacing:.08em;font-weight:900}
#planosView .px-amount{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}
#planosView .px-amount strong{color:#fff;font-size:clamp(25px,3.1vw,36px);letter-spacing:-.055em;line-height:1.1;white-space:nowrap}
#planosView .px-amount small{color:#afb5b9;font-size:11px}
#planosView .px-promise{font-size:12px;line-height:1.5;color:#b7bec1;min-height:40px;margin:0}
#planosView .px-benefits{list-style:none;margin:2px 0 0;border-top:1px solid #424648;padding:14px 0 0;display:flex;flex-direction:column;gap:12px;flex:1;min-width:0}
#planosView .px-benefits li{display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.4;color:#e9e9e8}
#planosView .px-benefits li span{color:var(--pxyellow);font-size:16px;font-weight:900;line-height:1;flex-shrink:0}
#planosView .px-storage{border-top:1px solid #424648;color:#aab0b4;padding-top:12px;display:flex;flex-direction:column;gap:3px;font-size:10px;letter-spacing:.04em}
#planosView .px-storage strong{font-size:17px;color:#f5f5f4;letter-spacing:normal}
#planosView .px-price-card button{min-height:45px;white-space:normal;line-height:1.3}
#planosView .px-compare-area{background:#15181b}
#planosView .px-filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 20px}
#planosView .px-filter{font-family:inherit;border:1px solid #495056;background:#272c30;color:#eff0f1;border-radius:30px;padding:9px 13px;font-size:11px;font-weight:800;cursor:pointer}
#planosView .px-filter.active{background:var(--pxyellow);border-color:var(--pxyellow);color:#151615}
#planosView .px-table-scroll{border:1px solid #43494e;border-radius:13px;overflow:auto;max-width:100%;background:#191d20}
#planosView .px-table{width:100%;min-width:610px;border-collapse:collapse;text-align:center;table-layout:fixed}
#planosView .px-table th,#planosView .px-table td{font-size:12px;border-bottom:1px solid #373e43;padding:12px 10px;line-height:1.4;overflow-wrap:anywhere}
#planosView .px-table thead th{position:sticky;top:0;z-index:2;color:#f8f9fa;background:#292e32;font-weight:900;font-size:11px}
#planosView .px-table thead th:nth-child(3){color:var(--pxyellow)}
#planosView .px-table tr>:first-child{width:38%;text-align:left;padding-left:18px;color:#f3f4f4;font-weight:700}
#planosView .px-table tbody td{color:#e0e3e6}
#planosView .px-table tbody td:nth-child(3){background:#48402225}
#planosView .px-table tbody td.px-none{color:#858a8e}
#planosView .px-table .px-group th{text-align:left!important;background:#2a2f32;color:var(--pxyellow)!important;font-size:10px!important;font-weight:950!important;letter-spacing:.09em;padding:12px 18px!important}
#planosView .px-table tbody[hidden]{display:none}
#planosView .px-cinema-note{border:1px solid #665929;border-radius:12px;padding:19px 23px;margin-top:20px;background:#292516}
#planosView .px-cinema-note strong{font-size:11px;color:var(--pxyellow);letter-spacing:.06em}
#planosView .px-cinema-note p{color:#d5d0c1;font-size:12px;line-height:1.6;margin:8px 0 0}
#planosView .px-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#planosView .px-faq{background:#1e2225;border:1px solid #383f43;border-radius:10px;padding:16px 18px;align-self:start;color:#f4f6f5}
#planosView .px-faq summary{cursor:pointer;font-weight:800;font-size:13px;list-style:none;display:flex;gap:9px;justify-content:space-between;align-items:center}
#planosView .px-faq summary::-webkit-details-marker{display:none}
#planosView .px-faq summary:after{content:'+';color:var(--pxyellow);font-size:22px;font-weight:500;line-height:1}
#planosView .px-faq[open] summary:after{content:'−'}
#planosView .px-faq p{font-size:12px;color:#b7bdc1;line-height:1.6;margin:12px 0 0}
#planosView .px-closing{text-align:center;background:linear-gradient(135deg,#2b291d,#1b1f22);padding:45px 18px;border-top:1px solid #454333}
#planosView .px-closing h3{color:#fff;font-size:clamp(24px,3.4vw,39px);line-height:1.12;letter-spacing:-.045em;margin:8px auto 13px}
#planosView .px-closing>p:not(.eyebrow){color:#c2c7c9;font-size:13px;line-height:1.6;margin:0 auto 19px;max-width:520px}
#planosView .plans-payment-panel{margin:0;border-radius:0;background:#161a1d;border:0;border-top:1px solid #3c4246;padding:25px clamp(18px,4vw,55px);box-shadow:none}
#planosView .plans-payment-panel h3{color:#f7f8f7}#planosView .plans-payment-panel p.muted{color:#afb6bb}
@media(max-width:920px){#planosView .px-features{grid-template-columns:repeat(2,minmax(0,1fr))}#planosView .px-price-grid{grid-template-columns:1fr}#planosView .px-promise{min-height:0}#planosView .px-benefits{flex:none}}
@media(max-width:620px){#planosView .px-features,#planosView .px-faq-grid{grid-template-columns:1fr}#planosView .px-hero{padding:30px 15px}#planosView .px-current-status{justify-content:flex-start;margin-bottom:22px}#planosView .px-current-status small{text-align:left}#planosView .px-area{padding:35px 13px}#planosView .px-feature{min-height:0}#planosView .px-workflow{gap:7px}#planosView .px-workflow span{font-size:9px;padding:6px}#planosView .px-price-card{padding:19px 16px}#planosView .px-table{min-width:610px}#planosView .px-hero h2{font-size:clamp(2.2rem,9vw,3.4rem)}#planosView .plans-payment-panel{padding:20px 15px}}

/* Isolamento da nova vitrine: classes legadas usavam !important nos cartões. */
#planosView.px-plans .store-plan-card.px-price-card{
  position:relative!important;border:1px solid #3b4145!important;
  border-radius:16px!important;background:#1b1f22!important;
  padding:23px 20px!important;box-shadow:none!important;color:#f7f8f9!important;
}
#planosView.px-plans .store-plan-card.px-price-card.featured{
  border:2px solid #ffd400!important;background:linear-gradient(155deg,#292617,#1b1f22 56%)!important;
}
#planosView.px-plans .store-plan-card.px-price-card.premium{
  border-color:#3b4145!important;background:linear-gradient(135deg,#1b2026,#1a1c20)!important;
}
#planosView.px-plans .store-plan-card.px-price-card::before{content:none!important;display:none!important}
#planosView.px-plans .plans-store-grid.px-price-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@container(max-width:1050px){
 #planosView.px-plans .plans-store-grid.px-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@container(max-width:780px){
 #planosView.px-plans .plans-store-grid.px-price-grid{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:920px){
 #planosView.px-plans .plans-store-grid.px-price-grid{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:620px){
 #planosView.px-plans .store-plan-card.px-price-card{padding:19px 16px!important}
}
/* Rodapé discreto: plataforma principal dedicada aos assistentes de câmera. */
#planosView.px-plans .px-business-foot{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #30363b;background:#141719;padding:18px 15px;text-align:center;color:#879197;font-size:11px;font-weight:500}
#planosView.px-plans .px-business-foot a{color:#bbc0c5;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#60676a;font-size:11px;font-weight:600}
#planosView.px-plans .px-business-foot a:hover,#planosView.px-plans .px-business-foot a:focus-visible{color:#ffd400;text-decoration-color:#ffd400}