:root{--blue:#246b9f;--orange:#ff5a17;--red:#ff3b1f;--yellow:#ff9f0a;--text:#121820;--muted:#64718c;--line:#e3e7ec;--soft:#f5f7f9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:0;color:var(--text);background:#050b14 url('../images/background3.jpg') center top/cover fixed no-repeat;font-family:Inter,Arial,sans-serif;font-size:13px}a{color:inherit;text-decoration:none}.ad-shell{width:min(100%,1122px);margin:190px auto 0;background:#fff;box-shadow:0 0 38px rgba(0,0,0,.34)}
.ad-header{border-bottom:1px solid var(--line)}.ad-navbar{height:59px;display:grid;grid-template-columns:190px 1fr auto;align-items:center;padding:0 22px;border-bottom:1px solid var(--line)}.ad-brand{display:flex;align-items:center;gap:9px}.ad-brand-mark{width:27px;height:27px;display:grid;place-items:center;color:#fff;background:#35a7f2;clip-path:polygon(50% 0,100% 25%,82% 82%,50% 100%,18% 82%,0 25%);font-weight:800}.ad-brand strong{font-size:18px}.ad-navbar nav{height:100%;display:flex;align-items:center;gap:25px}.ad-navbar nav a{font-size:12px;font-weight:700}.ad-navbar nav a:hover,.ad-navbar nav a.active{color:var(--blue)}.ad-account{display:flex;align-items:center;gap:13px;font-size:11px;font-weight:700}.primary-link{padding:9px 11px;color:#fff;background:var(--orange);border-radius:3px}.ad-subnav{height:38px;display:flex;align-items:center;gap:30px;padding:0 22px}.ad-subnav a{font-size:11px;font-weight:600}.ad-subnav .search-link{margin-left:auto;color:#4f5f7c}
.ad-layout{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:22px;padding:20px 22px 34px}.ad-content{min-width:0}.ad-breadcrumb{display:flex;gap:7px;margin-bottom:16px;color:#6c7d9f;font-size:10px}.ad-breadcrumb strong{color:#252c35}
.intro-panel,.sales-panel,.process-panel{padding:20px;background:#fff;border:1px solid var(--line);border-radius:5px}.intro-panel h1{margin:0;font-size:22px}.intro-panel>p{max-width:730px;margin:12px 0 20px;color:var(--muted);line-height:1.55}.intro-panel h2{margin:0 0 10px;font-size:13px}.contact-option{display:flex;align-items:center;gap:12px;width:min(100%,500px);padding:13px 15px;background:#f0f3f6;border-radius:4px}.contact-icon{width:34px;height:34px;display:grid;place-items:center;color:#fff;background:#27a65a;border-radius:50%;font-weight:800}.contact-option strong,.contact-option small{display:block}.contact-option small{margin-top:3px;color:#7a858f;font-size:10px}
.sales-panel{margin-top:14px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}.section-heading span{color:var(--blue);font-size:8px;font-weight:800;letter-spacing:.12em}.section-heading h2{margin:4px 0 0;font-size:18px}.section-heading p{margin:0;color:#7b858e;font-size:10px}
.vip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.vip-plan{display:flex;flex-direction:column;min-height:205px;padding:14px;border:1px solid var(--line);border-radius:4px}.plan-top{display:flex;justify-content:space-between;gap:8px;margin-bottom:14px}.plan-top strong{font-size:12px}.plan-top span{padding:3px 6px;color:#748095;background:#f0f2f5;border-radius:3px;font-size:9px}.blue .plan-top strong{color:#5083bd}.yellow .plan-top strong{color:#d98a00}.red .plan-top strong{color:#e44631}.plan-preview{height:28px;display:flex;align-items:center;gap:7px;padding:0 9px;font-size:10px;font-weight:800}.blue .plan-preview{color:#527ba8;background:#edf4fb}.yellow .plan-preview{color:#f28b00;background:#fff8e9}.plan-preview b{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:20px;padding:0 6px;color:#fff;border-radius:3px;font-size:9px;font-weight:800;letter-spacing:.03em}.blue .plan-preview b{background:#3a7eaa}.yellow .plan-preview b{background:#ff9700}.red .plan-preview b{background:#fff;color:#f0442e}.red .plan-preview{color:#fff;background:linear-gradient(90deg,#ff3418,#ff8708)}.vip-plan p{margin:14px 0;color:#6d7882;font-size:11px;line-height:1.45}.vip-plan a{margin-top:auto;padding:8px;color:#fff;background:var(--blue);border-radius:3px;text-align:center;font-size:10px;font-weight:800}
.banner-plans{display:grid;gap:10px}.banner-plans article{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px;border:1px solid var(--line);border-left:3px solid #2ea66b;border-radius:4px;background:#fff}.banner-plans article.is-occupied{border-left-color:#aab3bc;background:#fafbfc}.banner-size{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:#d8e8f8;background:repeating-linear-gradient(135deg,#172d47,#172d47 8px,#1d3858 8px,#1d3858 16px);border:1px solid #294866;font-size:9px;font-weight:800;text-align:center}.banner-size span{color:#fff}.banner-size small{margin-top:4px;color:#9fb6cb;font-size:7px;letter-spacing:.08em}.banner-size.wide{width:112px;height:40px}.banner-size.side{width:45px;height:112px;margin:auto}.banner-size.skin{width:50px;height:112px;margin:auto}.banner-position-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.banner-plans h3{margin:0;font-size:13px}.availability{padding:4px 7px;border-radius:3px;font-size:8px;font-weight:800;text-transform:uppercase}.availability.free{color:#147a48;background:#e6f6ed}.availability.occupied{color:#68727d;background:#edf0f2}.banner-plans p{margin:6px 0;color:#79838b;font-size:10px}.banner-plans strong{font-size:11px}.banner-plans article>a{min-width:82px;padding:9px 12px;color:#fff;background:var(--blue);border-radius:3px;font-size:10px;font-weight:800;text-align:center}.banner-plans article.is-occupied>a{color:#4d6074;background:#e6ebf0}
.process-panel{margin-top:14px}.process-panel h2{margin:0 0 15px;font-size:18px}.process-panel ol{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none}.process-panel li{display:flex;gap:10px;padding:12px;background:var(--soft)}.process-panel li>b{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:var(--blue);border-radius:50%}.process-panel li strong,.process-panel li span{display:block}.process-panel li span{color:#748089;font-size:10px;line-height:1.45}.process-panel li strong{margin-bottom:3px;color:#1b2229;font-size:11px}
.ad-rail{align-self:start}.live-side-banner{width:160px;height:600px;display:grid;place-items:center;overflow:hidden;color:#8290a0;background:#0d274d;border-radius:6px;font-weight:800}.live-side-banner img{width:100%;height:100%;object-fit:cover}.ad-footer{display:grid;grid-template-columns:1fr auto;gap:15px 30px;padding:30px 22px;color:#7b8690;background:#f7f8f9;border-top:1px solid var(--line)}.ad-footer strong{color:#27313a;font-size:15px}.ad-footer p{margin:5px 0 0;font-size:10px}.ad-footer nav{display:flex;gap:20px;font-size:10px}.ad-footer small{grid-column:1/-1;padding-top:14px;border-top:1px solid var(--line);font-size:9px}
@media(max-width:1400px){body{background-size:auto 1000px}.ad-shell{margin-top:150px}}
@media(max-width:900px){body{background-size:auto 760px;background-attachment:scroll}.ad-shell{width:100%;margin-top:90px}.ad-navbar{grid-template-columns:1fr auto}.ad-navbar nav{display:none}.ad-layout{grid-template-columns:1fr}.ad-rail{display:none}}
@media(max-width:600px){body{background-image:none;background-color:#fff}.ad-shell{margin-top:0;box-shadow:none}.ad-navbar{height:55px;padding:0 13px}.ad-account>a:first-child{display:none}.ad-subnav{padding:0 13px;gap:18px;overflow-x:auto}.ad-layout{padding:14px 12px 24px}.intro-panel,.sales-panel,.process-panel{padding:15px}.intro-panel h1{font-size:20px}.section-heading{display:block}.section-heading p{margin-top:6px}.vip-grid{grid-template-columns:1fr}.banner-plans article{grid-template-columns:70px 1fr;gap:12px}.banner-plans article>a{grid-column:1/-1}.banner-position-title{align-items:flex-start;flex-direction:column;gap:5px}.process-panel ol{grid-template-columns:1fr}.ad-footer{grid-template-columns:1fr}.ad-footer small{grid-column:1}}
.brand-logo{display:block;width:31px;height:31px;flex:0 0 31px;object-fit:contain;border-radius:50%}
/* Red VIP: premium badge uses the plan color instead of a white inner badge. */
.red .plan-preview b{background:#ef2f1b !important;color:#fff !important;border:1px solid rgba(255,255,255,.38);box-shadow:inset 0 -1px 0 rgba(0,0,0,.12)}

/* Previa dos planos com a mesma paleta usada no ranking */
.red .plan-preview{color:#fff;background:linear-gradient(90deg,#f02b18 0%,#ff5714 52%,#ff8a08 100%)}
.red .plan-preview b{color:#fff!important;background:#d92716!important;border:1px solid rgba(255,255,255,.28);box-shadow:none}
.yellow .plan-preview{color:#4b3300;background:linear-gradient(90deg,#ffb000 0%,#ffc62c 58%,#ffdf72 100%)}
.yellow .plan-preview b{color:#4b3300;background:#ffe7a0;border:1px solid rgba(120,78,0,.18)}
.blue .plan-preview{color:#fff;background:linear-gradient(90deg,#176f9e 0%,#1593bd 55%,#4fc0e0 100%)}
.blue .plan-preview b{color:#155b82;background:#e4f4fb;border:1px solid rgba(14,82,120,.18)}