@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap');

:root {
  --blue: #015AFF;
  --blue-dark: #001B4D;
  --blue-soft: #EAF2FF;
  --text: #07142F;
  --muted: #5E6A83;
  --line: #E5EAF3;
  --bg: #F6F8FC;
  --white: #FFFFFF;
  --green: #25D366;
  --shadow: 0 18px 45px rgba(7, 20, 47, 0.10);
  --radius: 22px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Sora', Arial, sans-serif;
  color: var(--text);
  background: var(--white);
  line-height: 1.5;
}
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }

.container {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--line);
}

.nav {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -.7px;
}
.logo strong { color: var(--blue); }
.logo-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: var(--blue-soft);
}

.menu {
  display: flex;
  align-items: center;
  gap: 26px;
  font-size: 14px;
  font-weight: 700;
}
.menu a:not(.btn):hover { color: var(--blue); }

.menu-btn {
  display: none;
  border: 0;
  background: var(--blue-soft);
  color: var(--blue);
  border-radius: 12px;
  padding: 10px 13px;
}

.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 52px;
  border-radius: 14px;
  padding: 0 24px;
  border: 1px solid transparent;
  font-weight: 800;
  cursor: pointer;
  transition: .2s;
}
.btn:hover { transform: translateY(-2px); }
.btn-primary {
  background: var(--blue);
  color: white;
  box-shadow: 0 12px 26px rgba(1,90,255,.22);
}
.btn-outline {
  background: white;
  border-color: #BFD1F5;
  color: var(--blue-dark);
}
.btn-white {
  background: white;
  color: var(--blue);
}
.btn-small { min-height: 44px; padding: 0 18px; }

.hero {
  overflow: hidden;
  position: relative;
  padding: 72px 0 88px;
  background:
    radial-gradient(circle at top left, rgba(1,90,255,.13), transparent 34%),
    linear-gradient(180deg, #F8FBFF 0%, #FFFFFF 100%);
}
.hero::after {
  content: "";
  position: absolute;
  right: -160px;
  bottom: -190px;
  width: 580px;
  height: 580px;
  border-radius: 999px;
  background: rgba(1,90,255,.08);
}
.hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  gap: 54px;
}
.tag {
  display: inline-flex;
  margin-bottom: 20px;
  padding: 10px 15px;
  border-radius: 999px;
  background: var(--blue-soft);
  color: var(--blue);
  font-size: 13px;
  font-weight: 800;
}
.hero h1 {
  max-width: 720px;
  margin-bottom: 22px;
  font-size: clamp(38px, 5vw, 66px);
  line-height: 1.04;
  letter-spacing: -2.2px;
}
.hero h1 span { color: var(--blue); }
.hero p {
  max-width: 650px;
  color: var(--muted);
  font-size: 18px;
}
.hero-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 34px;
}
.trust-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 30px;
  color: var(--blue-dark);
  font-size: 14px;
  font-weight: 800;
}

.hero-visual {
  min-height: 580px;
  position: relative;
  display: grid;
  place-items: center;
}
.phone {
  width: min(330px, 82vw);
  min-height: 570px;
  z-index: 2;
  position: relative;
  padding: 26px 20px;
  border: 10px solid #151923;
  border-radius: 44px;
  background: white;
  box-shadow: 0 28px 70px rgba(0,0,0,.22);
  transform: rotate(-3deg);
}
.phone-top {
  width: 100px;
  height: 24px;
  margin: -16px auto 24px;
  border-radius: 999px;
  background: #151923;
}
.profile {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 18px;
}
.avatar {
  width: 72px;
  height: 72px;
  border: 4px solid transparent;
  border-radius: 50%;
  background: linear-gradient(#fff,#fff) padding-box, linear-gradient(135deg,#F72585,#FFB703,var(--blue)) border-box;
  position: relative;
}
.avatar::after {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg,#F3C2A5,#824F3D);
}
.profile h3 { font-size: 17px; }
.profile h3 span { color: var(--blue); }
.profile p, .bio { color: var(--muted); font-size: 12px; }
.stats {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 10px;
  text-align: center;
  margin: 22px 0;
}
.stats strong { display: block; font-size: 18px; }
.stats span { color: var(--muted); font-size: 11px; }
.fake-follow {
  width: 100%;
  height: 38px;
  margin: 18px 0;
  border: 0;
  border-radius: 9px;
  background: var(--blue);
  color: white;
  font-weight: 800;
}
.photo-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 4px;
}
.photo-grid div {
  aspect-ratio: 1;
  border-radius: 8px;
  background: linear-gradient(135deg,#C7E1FF,#015AFF);
}
.photo-grid div:nth-child(2n) { background: linear-gradient(135deg,#FFE2EC,#FF4E88); }

.float-card {
  position: absolute;
  z-index: 3;
  min-width: 205px;
  display: grid;
  grid-template-columns: 32px 1fr;
  column-gap: 12px;
  align-items: center;
  padding: 17px 18px;
  background: rgba(255,255,255,.94);
  border: 1px solid var(--line);
  border-radius: 18px;
  box-shadow: var(--shadow);
}
.float-card strong { display: block; font-size: 20px; color: var(--blue-dark); }
.float-card span { color: var(--muted); font-size: 13px; }
.card-a { right: 0; top: 70px; }
.card-b { right: -12px; top: 165px; }
.card-c { left: 0; bottom: 165px; }
.card-d { right: 8px; bottom: 72px; }

.section { padding: 78px 0; }
.categories, .steps, .faq { background: var(--bg); }
.section-title {
  text-align: center;
  margin-bottom: 36px;
}
.section-title h2 {
  font-size: clamp(28px,3vw,40px);
  letter-spacing: -1px;
}
.section-title p { color: var(--muted); margin-top: 10px; }

.category-grid, .pricing-grid, .steps-grid, .faq-grid, .footer-grid {
  display: grid;
  gap: 22px;
}
.category-grid { grid-template-columns: repeat(4,1fr); }
.category-card, .price-card, .steps-grid article, .faq details {
  background: white;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: 0 12px 32px rgba(7,20,47,.06);
}
.category-card {
  padding: 32px 24px;
  text-align: center;
}
.category-icon {
  width: 68px;
  height: 68px;
  margin: 0 auto 18px;
  display: grid;
  place-items: center;
  border-radius: 24px;
  font-size: 28px;
}
.category-icon.blue { background: #EAF2FF; }
.category-icon.pink { background: #FFEAF3; }
.category-icon.purple { background: #F2E9FF; }
.category-icon.orange { background: #FFF1DD; }
.category-card h3 { font-size: 18px; margin-bottom: 10px; }
.category-card p { color: var(--muted); font-size: 14px; }
.category-card button {
  height: 44px;
  margin-top: 22px;
  padding: 0 22px;
  border: 1px solid var(--blue);
  border-radius: 12px;
  background: white;
  color: var(--blue);
  font-weight: 800;
  cursor: pointer;
}

.tabs {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}
.tab {
  height: 46px;
  padding: 0 22px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: white;
  color: var(--muted);
  font-weight: 800;
  cursor: pointer;
}
.tab.active {
  background: var(--blue);
  color: white;
  border-color: var(--blue);
}

.pricing-grid { grid-template-columns: repeat(4,1fr); }
.price-card {
  position: relative;
  padding: 32px 24px 24px;
}
.price-card.featured {
  border: 2px solid var(--blue);
  transform: translateY(-8px);
}
.badge {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  padding: 8px 18px;
  border-radius: 999px;
  background: var(--blue);
  color: white;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}
.price-card h3 {
  color: var(--blue);
  font-size: 22px;
  margin-bottom: 6px;
}
.price-subtitle { color: var(--muted); font-weight: 700; margin-bottom: 18px; }
.price {
  margin-bottom: 18px;
  font-size: 34px;
  font-weight: 800;
  letter-spacing: -1px;
}
.price small { font-size: 15px; }
.price-card ul {
  list-style: none;
  display: grid;
  gap: 9px;
  margin-bottom: 22px;
}
.price-card li { color: var(--muted); font-size: 14px; }
.price-card li::before {
  content: "✓";
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  border-radius: 50%;
  background: #E7F8EE;
  color: #16A34A;
  font-size: 12px;
  font-weight: 900;
}
.instagram-input {
  width: 100%;
  height: 48px;
  margin-bottom: 12px;
  padding: 0 14px;
  border: 1px solid #C7D3E8;
  border-radius: 13px;
  outline: none;
  font-weight: 700;
}
.instagram-input:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 4px rgba(1,90,255,.10);
}
.buy-btn {
  width: 100%;
}
.status-box {
  margin-top: 24px;
  padding: 16px 18px;
  border-radius: 14px;
  background: #FFF7E8;
  color: #704300;
  font-weight: 700;
}

.steps-grid { grid-template-columns: repeat(4,1fr); }
.steps-grid article { padding: 30px; }
.steps-grid span {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  margin-bottom: 18px;
  border-radius: 18px;
  background: var(--blue);
  color: white;
  font-size: 22px;
  font-weight: 800;
}
.steps-grid h3 { margin-bottom: 10px; }
.steps-grid p { color: var(--muted); font-size: 14px; }

.cta {
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 36px;
  border-radius: 26px;
  background: linear-gradient(135deg, var(--blue), #0043C6);
  color: white;
  box-shadow: 0 22px 48px rgba(1,90,255,.25);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}
.cta h2 { font-size: clamp(24px,3vw,34px); }
.cta p { opacity: .9; margin-top: 8px; }

.faq-grid { grid-template-columns: repeat(2,1fr); gap: 14px 18px; }
.faq details { padding: 20px 22px; }
.faq summary { cursor: pointer; font-weight: 800; }
.faq p { margin-top: 12px; color: var(--muted); font-size: 14px; }

.footer {
  background: #001331;
  color: white;
  padding: 56px 0 20px;
}
.footer-grid { grid-template-columns: 1.4fr .8fr .8fr 1fr; }
.footer-logo { color: white; }
.footer p, .footer a {
  display: block;
  margin-top: 9px;
  color: rgba(255,255,255,.72);
  font-size: 14px;
}
.footer h4 { margin-bottom: 12px; }
.copy {
  max-width: 1180px;
  margin: 38px auto 0;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.10);
  text-align: center;
  color: rgba(255,255,255,.55);
  font-size: 13px;
}

@media (max-width: 1050px) {
  .hero-grid, .category-grid, .pricing-grid, .footer-grid { grid-template-columns: repeat(2,1fr); }
  .steps-grid { grid-template-columns: repeat(2,1fr); }
  .hero-visual { min-height: 560px; }
  .card-a, .card-b, .card-c, .card-d {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
  .card-a { top: 0; }
  .card-b { top: 88px; }
  .card-c { bottom: 82px; }
  .card-d { bottom: 0; }
}

@media (max-width: 760px) {
  .container { width: min(100% - 28px, 1180px); }
  .menu-btn { display: block; }
  .menu {
    display: none;
    position: absolute;
    left: 14px;
    right: 14px;
    top: 78px;
    padding: 18px;
    background: white;
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: var(--shadow);
    flex-direction: column;
    align-items: stretch;
  }
  .menu.show { display: flex; }
  .hero { padding: 46px 0 58px; }
  .hero-grid, .category-grid, .pricing-grid, .steps-grid, .faq-grid, .footer-grid {
    grid-template-columns: 1fr;
  }
  .hero h1 { letter-spacing: -1.2px; }
  .hero-visual { min-height: 630px; }
  .phone { transform: none; }
  .price-card.featured { transform: none; }
  .cta { flex-direction: column; align-items: stretch; padding: 28px; }
  .cta .btn { width: 100%; }
}

.input-label { display:block; margin-bottom:7px; font-size:12px; font-weight:800; color:var(--blue-dark); }
.input-help { display:block; margin:-5px 0 12px; color:var(--muted); font-size:10px; }
.buy-btn:disabled { opacity:.65; cursor:wait; transform:none; }
.comments-input{height:auto!important;min-height:110px;padding:13px 14px!important;resize:vertical;line-height:1.45}.buy-btn:disabled{opacity:.65;cursor:not-allowed;transform:none!important}

/* SEO, acessibilidade e páginas de conteúdo */
.skip-link {
  position: absolute;
  left: -999px;
  top: 12px;
  z-index: 999;
  background: var(--blue);
  color: #fff;
  padding: 10px 14px;
  border-radius: 10px;
  font-weight: 800;
}
.skip-link:focus { left: 12px; }
.outline-link {
  display: inline-flex;
  margin-top: 16px;
  color: var(--blue);
  font-weight: 800;
  font-size: 14px;
}
.seo-content {
  background: #fff;
}
.seo-grid {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  gap: 42px;
}
.seo-content h2 {
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.15;
  letter-spacing: -1px;
  margin-bottom: 18px;
}
.seo-content h3 {
  margin: 26px 0 10px;
  font-size: 24px;
}
.seo-content p {
  color: var(--muted);
  margin-bottom: 14px;
}
.service-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}
.service-links a {
  border: 1px solid var(--line);
  background: var(--blue-soft);
  color: var(--blue-dark);
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 800;
  font-size: 13px;
}
.seo-preview-img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 26px;
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  background: #fff;
}
figure figcaption {
  color: var(--muted);
  font-size: 13px;
  margin-top: 10px;
  text-align: center;
}
.blog-card-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.blog-card-grid a {
  min-height: 170px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
  padding: 24px;
  box-shadow: 0 12px 32px rgba(7,20,47,.06);
}
.blog-card-grid strong {
  color: var(--blue-dark);
  font-size: 17px;
  line-height: 1.25;
}
.blog-card-grid span {
  color: var(--muted);
  font-size: 14px;
}
.content-page {
  padding: 72px 0;
  background: linear-gradient(180deg, #F8FBFF 0%, #fff 38%);
}
.content-shell {
  max-width: 920px;
  margin: 0 auto;
}
.breadcrumbs {
  color: var(--muted);
  font-size: 14px;
  margin-bottom: 22px;
}
.breadcrumbs a { color: var(--blue); font-weight: 800; }
.content-shell h1 {
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.08;
  letter-spacing: -1.8px;
  margin-bottom: 18px;
}
.content-shell .lead {
  font-size: 19px;
  color: var(--muted);
  margin-bottom: 28px;
}
.content-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 28px;
  box-shadow: var(--shadow);
  padding: clamp(24px, 4vw, 42px);
  margin-top: 26px;
}
.content-card h2 {
  font-size: 30px;
  margin: 28px 0 12px;
  letter-spacing: -.8px;
}
.content-card h2:first-child { margin-top: 0; }
.content-card h3 { margin: 22px 0 8px; }
.content-card p, .content-card li {
  color: var(--muted);
  margin-bottom: 12px;
}
.content-card ul, .content-card ol { padding-left: 22px; }
.content-card .btn { margin-top: 14px; }
.seo-offer-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin: 20px 0;
}
.seo-offer-grid article {
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 18px;
  background: var(--bg);
}
.seo-offer-grid strong {
  display: block;
  color: var(--blue);
  font-size: 18px;
  margin-bottom: 6px;
}
.notice-box {
  border-left: 5px solid var(--blue);
  background: var(--blue-soft);
  border-radius: 16px;
  padding: 18px;
  margin: 22px 0;
  color: var(--blue-dark);
  font-weight: 700;
}
.related-links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 18px;
}
.related-links a {
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 16px;
  font-weight: 800;
  color: var(--blue);
  background: #fff;
}
@media (max-width: 1050px) {
  .seo-grid, .blog-card-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
  .seo-grid, .blog-card-grid, .seo-offer-grid, .related-links { grid-template-columns: 1fr; }
  .content-page { padding: 46px 0; }
}


.article-checklist,
.article-cta {
  margin: 28px 0;
  padding: 24px;
  border-radius: 22px;
  background: var(--blue-soft);
  border: 1px solid rgba(1, 90, 255, .18);
}
.article-checklist h2,
.article-cta h2 { margin-top: 0; }
.article-checklist ul { margin-top: 8px; }
.article-faq details {
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 16px 18px;
  margin-bottom: 10px;
  background: #fff;
}
.article-faq summary {
  cursor: pointer;
  font-weight: 800;
  color: var(--text);
}
.article-cta {
  background: linear-gradient(135deg, var(--blue), #0043C6);
  color: #fff;
}
.article-cta p,
.article-cta h2 { color: #fff; }
.article-cta .btn {
  background: #fff;
  color: var(--blue);
}
.related-links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.related-links a {
  padding: 14px 16px;
  border-radius: 14px;
  background: var(--bg);
  border: 1px solid var(--line);
  color: var(--blue);
  font-weight: 800;
}
@media (max-width: 760px) {
  .related-links { grid-template-columns: 1fr; }
}


/* SEO concorrentes V9 */
.mini-offer-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 22px 0 32px;
}
.mini-offer {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 10px 26px rgba(7,20,47,.06);
}
.mini-offer strong,
.mini-offer span {
  display: block;
}
.mini-offer strong {
  color: var(--blue-dark);
  font-size: 18px;
  margin-bottom: 6px;
}
.mini-offer span {
  color: var(--muted);
  margin-bottom: 14px;
}
.seo-landing .tag {
  margin-bottom: 14px;
}
.keyword-hub {
  background: var(--blue-dark);
  color: #fff;
}
.keyword-hub .section-title p,
.keyword-hub p {
  color: rgba(255,255,255,.78);
}
.keyword-link-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.keyword-link-grid a {
  display: block;
  padding: 18px;
  border-radius: 16px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  color: #fff;
  font-weight: 800;
}
.keyword-link-grid a span {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  color: rgba(255,255,255,.72);
  font-weight: 500;
}
@media (max-width: 900px) {
  .mini-offer-grid,
  .keyword-link-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .mini-offer-grid,
  .keyword-link-grid { grid-template-columns: 1fr; }
}


/* V10.1/V11.1 — melhorias de conversão e hubs SEO com contraste corrigido */
.niche-hub {
  background: var(--bg);
  color: var(--text);
}
.niche-hub .section-title h2,
.niche-hub .section-title p {
  color: var(--text);
}
.niche-hub .section-title p {
  color: var(--muted);
}
.niche-hub .keyword-link-grid a {
  background: #fff;
  border: 1px solid var(--line);
  color: var(--blue-dark);
  box-shadow: 0 12px 32px rgba(7, 20, 47, 0.06);
}
.niche-hub .keyword-link-grid a span {
  color: var(--muted);
}
.comparison-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin: 20px 0 28px;
}
.comparison-grid article {
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 18px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(7, 20, 47, 0.05);
}
.comparison-grid strong { display: block; color: var(--blue-dark); margin-bottom: 8px; }
.comparison-grid span { display: block; color: var(--muted); font-size: 14px; }
@media (max-width: 760px) {
  .comparison-grid { grid-template-columns: 1fr; }
}

.footer-grid { grid-template-columns: 1.3fr .8fr .8fr .8fr .8fr; }
@media (max-width: 1050px) { .footer-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 760px) { .footer-grid { grid-template-columns: 1fr; } }


/* V11.1 — correções visuais da home */
.header .menu { gap: 20px; }
.hero .hero-actions .btn,
.cta .btn,
.price-card .btn { text-align: center; }
.category-card { display:flex; flex-direction:column; align-items:center; }
.category-card .outline-link { min-height: 22px; }
.category-card button { width: min(180px, 100%); }
.keyword-hub:not(.niche-hub) .section-title h2 { color:#fff; }
.keyword-hub:not(.niche-hub) .section-title p { color:rgba(255,255,255,.78); }
.price-card p { color: var(--muted); font-size: 14px; min-height: 64px; margin-bottom: 18px; }
.footer h4 { color:#fff; }
.footer .logo-icon { background: rgba(255,255,255,.10); }
@media (max-width: 760px) {
  .hero-visual { min-height: 590px; }
  .float-card { position: relative; inset: auto; transform: none; margin: 10px auto 0; width: min(100%, 280px); }
  .hero-visual { display:flex; flex-direction:column; gap: 8px; }
  .phone { order: 1; }
  .card-a { order: 2; }
  .card-b { order: 3; }
  .card-c { order: 4; }
  .card-d { order: 5; }
  .hero { overflow: visible; }
}


/* V11.2 - Correção da home e redesign do bloco de serviços */
.section-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 14px;
  border-radius:999px;
  background:var(--blue-soft);
  color:var(--blue);
  font-weight:800;
  font-size:13px;
  margin-bottom:14px;
}

.professional-services{
  background:
    radial-gradient(circle at left top, rgba(1,90,255,.08), transparent 32%),
    linear-gradient(180deg,#fff 0%,#f7f9fd 100%);
}

.professional-services .seo-grid{
  align-items:center;
}

.service-copy h2{
  color:var(--text);
  letter-spacing:-1px;
}

.service-copy p{
  color:var(--muted);
  font-size:16px;
}

.service-showcase{
  position:relative;
  padding:28px;
  border-radius:30px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.88)),
    radial-gradient(circle at right top, rgba(1,90,255,.12), transparent 38%);
  border:1px solid #d9e5f8;
  box-shadow:0 24px 70px rgba(7,20,47,.12);
  overflow:hidden;
}

.service-showcase::before{
  content:"";
  position:absolute;
  right:-70px;
  top:-70px;
  width:180px;
  height:180px;
  border-radius:999px;
  background:rgba(1,90,255,.10);
}

.showcase-header{
  position:relative;
  z-index:1;
  margin-bottom:22px;
}

.showcase-header span{
  display:block;
  color:var(--blue);
  font-weight:900;
  font-size:18px;
}

.showcase-header strong{
  display:block;
  color:var(--text);
  font-size:34px;
  line-height:1.05;
  letter-spacing:-1.3px;
  margin-top:6px;
}

.showcase-list{
  position:relative;
  z-index:1;
  display:grid;
  gap:12px;
}

.showcase-list article{
  display:grid;
  grid-template-columns:52px 1fr auto;
  align-items:center;
  gap:14px;
  padding:16px;
  border:1px solid #e4ebf6;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 28px rgba(7,20,47,.06);
}

.showcase-list h3{
  color:var(--text);
  font-size:17px;
  margin:0 0 3px;
}

.showcase-list p{
  color:var(--muted);
  font-size:13px;
  margin:0;
}

.showcase-list a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:54px;
  height:36px;
  border-radius:11px;
  background:var(--blue);
  color:#fff;
  font-weight:800;
  font-size:13px;
}

.showcase-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:16px;
  font-size:23px;
}

.showcase-icon.blue{background:#eaf2ff}
.showcase-icon.pink{background:#ffeaf3}
.showcase-icon.purple{background:#f2e9ff}
.showcase-icon.orange{background:#fff1dd}

.showcase-footer{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.showcase-footer span{
  display:inline-flex;
  padding:9px 12px;
  border-radius:999px;
  background:#f3f7ff;
  color:var(--blue-dark);
  font-size:13px;
  font-weight:800;
}

/* V11.2 - Blog mais profissional */
.blog-hero{
  padding:74px 0 58px;
  background:
    radial-gradient(circle at top left, rgba(1,90,255,.14), transparent 34%),
    linear-gradient(180deg,#f8fbff 0%,#fff 100%);
}

.blog-hero-card{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:34px;
  align-items:center;
  padding:42px;
  border:1px solid #dce7f7;
  border-radius:34px;
  background:rgba(255,255,255,.86);
  box-shadow:0 24px 70px rgba(7,20,47,.10);
}

.blog-hero h1{
  color:var(--text);
  font-size:clamp(34px,5vw,58px);
  line-height:1.04;
  letter-spacing:-2px;
  margin:12px 0 16px;
}

.blog-hero p{
  color:var(--muted);
  font-size:17px;
  max-width:760px;
}

.blog-feature-box{
  padding:24px;
  border-radius:26px;
  background:linear-gradient(135deg,var(--blue),#003db9);
  color:#fff;
  box-shadow:0 22px 52px rgba(1,90,255,.28);
}

.blog-feature-box strong{
  display:block;
  font-size:24px;
  margin-bottom:10px;
}

.blog-feature-box p{
  color:rgba(255,255,255,.86);
  font-size:14px;
}

.blog-layout{
  display:grid;
  grid-template-columns:1fr 320px;
  gap:28px;
  align-items:start;
}

.blog-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
}

.blog-article-card{
  display:flex;
  flex-direction:column;
  min-height:260px;
  padding:24px;
  border:1px solid #e3ebf7;
  border-radius:24px;
  background:#fff;
  box-shadow:0 14px 38px rgba(7,20,47,.07);
  transition:.2s ease;
}

.blog-article-card:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 55px rgba(7,20,47,.11);
}

.blog-article-card .blog-category{
  display:inline-flex;
  width:max-content;
  padding:7px 10px;
  border-radius:999px;
  background:var(--blue-soft);
  color:var(--blue);
  font-size:12px;
  font-weight:900;
  margin-bottom:14px;
}

.blog-article-card h2,
.blog-article-card h3{
  color:var(--text);
  font-size:21px;
  line-height:1.25;
  letter-spacing:-.5px;
  margin-bottom:10px;
}

.blog-article-card p{
  color:var(--muted);
  font-size:14px;
  margin-bottom:18px;
}

.blog-article-card .read-more{
  margin-top:auto;
  color:var(--blue);
  font-weight:900;
}

.blog-sidebar{
  position:sticky;
  top:96px;
  display:grid;
  gap:16px;
}

.blog-sidebar-card{
  padding:22px;
  border:1px solid #e3ebf7;
  border-radius:24px;
  background:#fff;
  box-shadow:0 14px 38px rgba(7,20,47,.07);
}

.blog-sidebar-card h3{
  color:var(--text);
  font-size:18px;
  margin-bottom:12px;
}

.blog-sidebar-card a{
  display:block;
  padding:12px 0;
  border-top:1px solid #edf2f8;
  color:var(--blue-dark);
  font-weight:800;
  font-size:14px;
}

.blog-sidebar-card a:first-of-type{
  border-top:0;
}

.article-shell{
  padding:58px 0 82px;
  background:#fff;
}

.article-layout{
  display:grid;
  grid-template-columns:minmax(0,780px) 320px;
  gap:34px;
  align-items:start;
}

.article-content{
  padding:38px;
  border:1px solid #e3ebf7;
  border-radius:30px;
  background:#fff;
  box-shadow:0 18px 48px rgba(7,20,47,.08);
}

.article-content h1{
  color:var(--text);
  font-size:clamp(34px,5vw,54px);
  line-height:1.05;
  letter-spacing:-1.8px;
  margin-bottom:18px;
}

.article-content h2{
  color:var(--text);
  font-size:28px;
  letter-spacing:-.8px;
  margin:34px 0 12px;
}

.article-content p,
.article-content li{
  color:#35415a;
  font-size:17px;
  line-height:1.78;
}

.article-content p{
  margin:0 0 18px;
}

.article-content ul,
.article-content ol{
  padding-left:22px;
  margin:14px 0 22px;
}

.article-content a{
  color:var(--blue);
  font-weight:900;
  text-decoration:underline;
  text-underline-offset:3px;
}

.article-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:22px;
}

.article-meta span{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:#f1f6ff;
  color:var(--blue-dark);
  font-size:13px;
  font-weight:800;
}

.article-cta{
  margin:34px 0;
  padding:26px;
  border-radius:24px;
  background:linear-gradient(135deg,var(--blue),#003db9);
  color:#fff;
}

.article-cta h2,
.article-cta h3{
  color:#fff;
  margin:0 0 8px;
}

.article-cta p{
  color:rgba(255,255,255,.88);
}

.article-cta .btn{
  margin-top:12px;
  background:#fff;
  color:var(--blue);
}

@media (max-width: 980px){
  .blog-hero-card,
  .blog-layout,
  .article-layout{
    grid-template-columns:1fr;
  }
  .blog-sidebar{
    position:static;
  }
}

@media (max-width: 760px){
  .showcase-header strong{
    font-size:28px;
  }
  .showcase-list article{
    grid-template-columns:44px 1fr;
  }
  .showcase-list a{
    grid-column:1 / -1;
    width:100%;
  }
  .showcase-icon{
    width:44px;
    height:44px;
  }
  .blog-hero-card,
  .article-content{
    padding:24px;
    border-radius:24px;
  }
  .blog-list{
    grid-template-columns:1fr;
  }
}


/* V12.6 - Confirmação de perfil/publicação antes do pagamento */
body.modal-open{
  overflow:hidden;
}
.target-modal[hidden]{
  display:none;
}
.target-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  padding:22px;
}
.target-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(4, 15, 45, .68);
  backdrop-filter: blur(8px);
}
.target-modal-card{
  position:relative;
  width:min(520px, 100%);
  background:#ffffff;
  border:1px solid rgba(1,90,255,.16);
  border-radius:30px;
  box-shadow:0 30px 90px rgba(5,20,65,.35);
  padding:30px;
}
.target-modal-close{
  position:absolute;
  top:18px;
  right:18px;
  width:38px;
  height:38px;
  border:0;
  border-radius:14px;
  background:#f0f4ff;
  color:#071b5c;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.target-modal-kicker{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:#eaf1ff;
  color:#015aff;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.target-modal-card h3{
  margin:16px 0 8px;
  color:#071b5c;
  font-size:30px;
  line-height:1.08;
}
.target-modal-text{
  margin:0 0 20px;
  color:#53627d;
}
.target-preview-card{
  display:flex;
  gap:16px;
  align-items:center;
  padding:18px;
  border:1px solid #dce7ff;
  border-radius:24px;
  background:linear-gradient(135deg,#f8fbff,#eef4ff);
}
.target-preview-avatar{
  display:grid;
  place-items:center;
  width:70px;
  height:70px;
  border-radius:24px;
  background:#015aff;
  color:#fff;
  font-weight:900;
  font-size:25px;
  flex:0 0 auto;
}
.target-preview-info{
  min-width:0;
}
.target-preview-info span{
  display:block;
  color:#7a8cac;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.target-preview-info strong{
  display:block;
  margin-top:5px;
  color:#071b5c;
  font-size:21px;
  word-break:break-word;
}
.target-preview-info small{
  display:block;
  margin-top:5px;
  color:#53627d;
}
.target-preview-package{
  margin-top:16px;
  padding:16px 18px;
  border-radius:20px;
  background:#071b5c;
  color:#fff;
}
.target-preview-package span{
  display:block;
  color:#afc8ff;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.target-preview-package strong{
  display:block;
  margin-top:5px;
  font-size:18px;
}
.target-modal-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:20px;
}
.target-modal-actions .btn{
  justify-content:center;
  text-align:center;
}
.btn-secondary{
  background:#eef4ff;
  color:#015aff;
  border:1px solid #dce7ff;
}
@media (max-width: 620px){
  .target-modal-card{
    padding:24px;
    border-radius:24px;
  }
  .target-modal-actions{
    grid-template-columns:1fr;
  }
  .target-modal-card h3{
    font-size:25px;
  }
}


/* V12.7 - Prévia real do Instagram dentro do site */
.target-preview-visual{
  position:relative;
  overflow:hidden;
  min-height:260px;
  border-radius:26px;
  background:linear-gradient(135deg,#071b5c,#015aff);
  margin:20px 0 16px;
  display:grid;
  place-items:center;
  border:1px solid #dce7ff;
}
.target-preview-visual img{
  width:100%;
  height:320px;
  object-fit:cover;
  display:block;
}
.target-preview-loading,
.target-preview-placeholder{
  display:grid;
  place-items:center;
  width:112px;
  height:112px;
  border-radius:34px;
  background:rgba(255,255,255,.15);
  color:#fff;
  font-size:30px;
  font-weight:900;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);
}
.target-preview-loading{
  width:auto;
  height:auto;
  padding:18px 22px;
  border-radius:999px;
  font-size:15px;
}
.target-preview-overlay{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:22px;
  color:#fff;
  background:linear-gradient(180deg,rgba(7,27,92,0),rgba(7,27,92,.95));
}
.target-preview-overlay strong{
  display:block;
  font-size:22px;
  line-height:1.15;
  margin-bottom:6px;
}
.target-preview-overlay span{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color:#d9e6ff;
  font-size:14px;
}
.target-modal-actions{
  grid-template-columns:.8fr 1.2fr;
}
@media (max-width:620px){
  .target-preview-visual{
    min-height:220px;
  }
  .target-preview-visual img{
    height:260px;
  }
  .target-modal-actions{
    grid-template-columns:1fr;
  }
}


/* V12.8 - Bloqueio de perfil privado */
.target-private-warning{
  margin-top:16px;
  padding:16px 18px;
  border-radius:20px;
  background:#fff3e6;
  border:1px solid #ffd1a6;
  color:#8a3b00;
}
.target-private-warning strong{
  display:block;
  font-size:15px;
  font-weight:900;
  margin-bottom:5px;
}
.target-private-warning span{
  display:block;
  font-size:14px;
  line-height:1.45;
}
#targetConfirmPay:disabled{
  opacity:.62;
  cursor:not-allowed;
  filter:grayscale(.2);
}
.target-modal-actions:has(#targetRecheck:not([hidden])){
  grid-template-columns:.8fr 1fr 1.2fr;
}
@media (max-width:620px){
  .target-modal-actions:has(#targetRecheck:not([hidden])){
    grid-template-columns:1fr;
  }
}


/* V12.9 - Logo oficial SuperSeguidores */
.logo-image-link{
  gap:0;
}
.site-logo-img{
  display:block;
  width:min(220px, 44vw);
  height:auto;
  object-fit:contain;
}
@media (max-width: 720px){
  .site-logo-img{
    width:min(185px, 54vw);
  }
}


/* V13.0 - logos por contexto */
.footer-site-logo{width:min(210px,62vw);}
.footer-logo{display:inline-flex;align-items:center;}
.site-logo-img{background:transparent;}


/* V13.3 - prévia do Instagram corrigida */
.target-preview-fallback{
  display:none;
}
.target-preview-visual.image-error > .target-preview-fallback{
  display:grid;
}
.target-profile-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:9px;
  color:#fff;
  font-size:13px;
}
.target-profile-meta b{
  font-weight:900;
  color:#fff;
  margin-right:4px;
}


/* V13.4 - Popup de confirmação menor e parecido com perfil do Instagram */
.target-modal{
  padding:12px;
  align-items:center;
}
.target-modal-card{
  width:min(440px, 100%);
  max-height:calc(100dvh - 24px);
  overflow:auto;
  border-radius:24px;
  padding:22px;
}
.target-modal-close{
  top:12px;
  right:12px;
  width:34px;
  height:34px;
  border-radius:12px;
  font-size:24px;
}
.target-modal-kicker{
  padding:6px 10px;
  font-size:10px;
}
.target-modal-card h3{
  margin:12px 0 5px;
  font-size:24px;
}
.target-modal-text{
  margin:0 0 12px;
  font-size:14px;
}
.target-preview-visual{
  min-height:auto;
  display:block;
  margin:12px 0;
  padding:0;
  border-radius:20px;
  background:#fff;
  border:1px solid #dce7ff;
}
.target-preview-visual img{
  height:auto;
}
.ig-profile-card{
  padding:16px;
  background:#fff;
  color:#111827;
}
.ig-profile-top{
  display:flex;
  align-items:center;
  gap:18px;
}
.ig-avatar{
  position:relative;
  width:86px;
  height:86px;
  border-radius:50%;
  padding:3px;
  background:linear-gradient(135deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);
  flex:0 0 auto;
}
.ig-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
  border:3px solid #fff;
  display:block;
}
.ig-avatar span{
  position:absolute;
  inset:6px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#015aff;
  color:#fff;
  font-weight:900;
  font-size:22px;
  border:3px solid #fff;
}
.ig-avatar img + span{
  display:none;
}
.ig-avatar.image-error span{
  display:grid;
}
.ig-profile-stats{
  flex:1;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  text-align:center;
}
.ig-profile-stats strong{
  display:block;
  color:#111827;
  font-size:17px;
  line-height:1;
}
.ig-profile-stats span{
  display:block;
  margin-top:4px;
  color:#53627d;
  font-size:12px;
}
.ig-profile-body{
  margin-top:12px;
}
.ig-profile-body strong{
  display:block;
  color:#111827;
  font-size:15px;
  font-weight:900;
}
.ig-profile-body span{
  display:block;
  margin-top:3px;
  color:#26324b;
  font-size:14px;
  font-weight:700;
}
.ig-profile-body p{
  margin:6px 0 0;
  color:#53627d;
  font-size:13px;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.ig-post-card{
  background:#fff;
  color:#111827;
  border-radius:20px;
  overflow:hidden;
}
.ig-post-bar{
  display:flex;
  align-items:center;
  gap:8px;
  padding:12px 14px;
  border-bottom:1px solid #eef2f7;
  font-size:13px;
}
.ig-dot{
  width:11px;
  height:11px;
  border-radius:50%;
  background:linear-gradient(135deg,#feda75,#d62976,#4f5bd5);
}
.ig-post-main{
  display:grid;
  grid-template-columns:118px 1fr;
  gap:14px;
  padding:14px;
}
.ig-post-thumb{
  position:relative;
  height:118px;
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(135deg,#071b5c,#015aff);
  display:grid;
  place-items:center;
  color:#fff;
  font-size:24px;
  font-weight:900;
}
.ig-post-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.ig-post-thumb img + span{
  display:none;
}
.ig-post-copy strong{
  display:block;
  color:#111827;
  font-size:15px;
  line-height:1.25;
}
.ig-post-copy p{
  margin:6px 0 0;
  color:#53627d;
  font-size:13px;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.target-preview-card{
  padding:12px;
  border-radius:18px;
  gap:12px;
}
.target-preview-avatar{
  width:48px;
  height:48px;
  border-radius:16px;
  font-size:18px;
}
.target-preview-info span{
  font-size:10px;
}
.target-preview-info strong{
  font-size:16px;
}
.target-preview-info small{
  font-size:12px;
}
.target-preview-package{
  margin-top:10px;
  padding:12px 14px;
  border-radius:16px;
}
.target-preview-package strong{
  font-size:15px;
}
.target-private-warning{
  margin-top:10px;
  padding:12px 14px;
  border-radius:16px;
}
.target-modal-actions{
  margin-top:12px;
  gap:9px;
}
.target-modal-actions .btn{
  min-height:44px;
  padding:11px 12px;
  font-size:13px;
}
@media (max-width:620px){
  .target-modal{
    padding:8px;
    align-items:center;
  }
  .target-modal-card{
    width:100%;
    max-height:calc(100dvh - 16px);
    padding:16px;
    border-radius:20px;
  }
  .target-modal-card h3{
    font-size:20px;
    padding-right:34px;
  }
  .target-modal-text{
    font-size:13px;
  }
  .ig-profile-card{
    padding:14px;
  }
  .ig-avatar{
    width:74px;
    height:74px;
  }
  .ig-profile-top{
    gap:12px;
  }
  .ig-profile-stats{
    gap:6px;
  }
  .ig-profile-stats strong{
    font-size:14px;
  }
  .ig-profile-stats span{
    font-size:10px;
  }
  .ig-post-main{
    grid-template-columns:92px 1fr;
    gap:10px;
    padding:12px;
  }
  .ig-post-thumb{
    height:92px;
    border-radius:15px;
  }
  .target-preview-card{
    margin-top:8px;
  }
  .target-modal-actions:has(#targetRecheck:not([hidden])),
  .target-modal-actions{
    grid-template-columns:1fr;
  }
}


/* V13.5 - Header azul da marca e logo dinâmica */
.header{
  background:#015AFF !important;
  border-bottom:0 !important;
  box-shadow:0 12px 30px rgba(1,90,255,.18);
}
.header .nav{
  min-height:74px;
}
.header .menu a:not(.btn){
  color:#ffffff;
  opacity:.92;
}
.header .menu a:not(.btn):hover{
  color:#ffffff;
  opacity:1;
}
.header .btn-primary,
.header .btn-small{
  background:#ffffff;
  color:#015AFF;
  box-shadow:none;
}
.header .btn-primary:hover,
.header .btn-small:hover{
  background:#f1f6ff;
  color:#015AFF;
}
.header .menu-btn{
  background:rgba(255,255,255,.16);
  color:#fff;
}
.header .site-logo-img{
  width:min(210px, 44vw);
}
@media (max-width:720px){
  .header .site-logo-img{
    width:min(175px, 54vw);
  }
  .header .menu{
    background:#015AFF;
    border-color:rgba(255,255,255,.16);
  }
  .header .menu a:not(.btn){
    color:#fff;
  }
}


/* V13.7 - correção de scroll lateral no mobile */
html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

img,
svg,
video,
canvas,
iframe{
  max-width:100%;
}

body{
  position:relative;
}

.container,
.header,
.nav,
.hero,
.hero-grid,
.section,
.packages-grid,
.package-grid,
.feature-grid,
.footer-grid,
.finance-grid,
.metric-grid,
.branding-grid,
.target-modal,
.target-modal-card,
.target-preview-card,
.ig-profile-card,
.ig-post-card{
  min-width:0;
  max-width:100%;
}

.container{
  width:min(1180px, calc(100% - 32px));
  margin-left:auto;
  margin-right:auto;
}

.header{
  width:100%;
  max-width:100%;
}

.header .nav{
  width:100%;
  max-width:100%;
  overflow:hidden;
}

.logo,
.logo-image-link{
  min-width:0;
  flex-shrink:1;
}

.site-logo-img{
  max-width:100%;
}

.menu{
  min-width:0;
  max-width:100%;
}

.menu a{
  white-space:normal;
}

.btn,
button,
input,
select,
textarea{
  max-width:100%;
}

.table-scroll,
.data-table,
.webhook-copy,
.search-field,
.checkout-card,
.card,
.panel,
.package-card,
.article-card,
.blog-card{
  max-width:100%;
}

.table-scroll{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

.target-modal{
  width:100%;
  max-width:100vw;
  overflow-x:hidden;
}

.target-modal-card{
  max-width:calc(100vw - 16px);
}

@media (max-width:720px){
  .container{
    width:calc(100% - 24px);
    max-width:calc(100% - 24px);
  }

  .hero,
  .hero-grid,
  .section,
  .footer-grid,
  .packages-grid,
  .package-grid,
  .feature-grid,
  .metric-grid{
    width:100%;
    max-width:100%;
    overflow:hidden;
  }

  .header .nav{
    gap:10px;
  }

  .header .site-logo-img{
    width:min(160px, 48vw);
  }

  .menu{
    left:12px;
    right:12px;
    width:auto;
    max-width:calc(100vw - 24px);
  }

  .btn{
    width:auto;
    max-width:100%;
  }

  .hero-actions,
  .section-actions,
  .target-modal-actions{
    width:100%;
    max-width:100%;
  }

  .target-modal-card{
    width:100%;
    max-width:calc(100vw - 16px);
  }

  .ig-post-main{
    grid-template-columns:84px minmax(0,1fr);
  }

  .ig-profile-stats{
    min-width:0;
  }

  .target-preview-info,
  .ig-profile-body,
  .ig-post-copy{
    min-width:0;
    overflow-wrap:anywhere;
  }
}

@media (max-width:420px){
  .container{
    width:calc(100% - 20px);
    max-width:calc(100% - 20px);
  }

  .header .site-logo-img{
    width:min(145px, 46vw);
  }

  .ig-post-main{
    grid-template-columns:72px minmax(0,1fr);
  }

  .ig-post-thumb{
    height:72px;
  }
}


/* V13.8 - Varredura completa de responsividade e respiro lateral */
:root{
  --site-gutter:clamp(22px, 5vw, 44px);
  --site-gutter-mobile:clamp(20px, 5.5vw, 28px);
  --site-radius-mobile:18px;
}

html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

body{
  min-width:320px;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

img,
picture,
video,
canvas,
svg,
iframe{
  max-width:100%;
}

.container{
  width:min(1180px, calc(100% - (var(--site-gutter) * 2))) !important;
  max-width:calc(100% - (var(--site-gutter) * 2)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Impede que conteúdos longos ou grids causem estouro horizontal */
.hero,
.hero-grid,
.section,
.section-head,
.packages,
.packages-grid,
.package-grid,
.feature-grid,
.metrics-grid,
.metric-grid,
.faq-grid,
.footer-grid,
.card,
.panel,
.package-card,
.article-card,
.blog-card,
.checkout-card,
.target-modal-card,
.ig-profile-card,
.ig-post-card{
  min-width:0;
  max-width:100%;
}

h1,
h2,
h3,
h4,
p,
span,
strong,
small,
a,
button,
label,
input,
textarea,
select{
  overflow-wrap:break-word;
}

/* Header */
.header{
  width:100%;
  max-width:100%;
}

.header .nav{
  min-width:0;
  max-width:100%;
  gap:18px;
}

.logo-image-link{
  max-width:100%;
  min-width:0;
  flex-shrink:1;
}

.header .site-logo-img{
  width:min(205px, 42vw);
  max-width:100%;
}

.menu{
  min-width:0;
  max-width:100%;
}

.menu a{
  min-width:0;
  white-space:normal;
}

/* Seções e cards */
section,
main,
footer{
  max-width:100%;
  overflow-x:clip;
}

.hero{
  padding-left:0;
  padding-right:0;
}

.hero-card,
.package-card,
.feature-card,
.panel,
.card,
.blog-card,
.article-card{
  border-radius:24px;
}

.hero-actions,
.section-actions,
.target-modal-actions,
.finance-overview-actions{
  max-width:100%;
  min-width:0;
}

.btn,
button{
  max-width:100%;
  min-width:0;
}

input,
select,
textarea{
  width:100%;
  min-width:0;
}

/* Tabelas e blocos técnicos devem rolar internamente, não a página toda */
.table-scroll,
.webhook-copy,
.search-field,
.code-block,
pre{
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

/* Popup Instagram */
.target-modal{
  width:100%;
  max-width:100vw;
  padding:16px;
  overflow-x:hidden;
}

.target-modal-card{
  width:min(440px, calc(100vw - 32px));
  max-width:calc(100vw - 32px);
}

.ig-post-main{
  grid-template-columns:minmax(82px, 110px) minmax(0,1fr);
}

/* Dashboard público/admin responsivo sem encostar */
.admin-app,
.main-area,
.topbar,
.view,
.panel,
.form-grid,
.settings-columns,
.integration-cards,
.branding-grid{
  min-width:0;
  max-width:100%;
}

/* Mobile geral */
@media (max-width:900px){
  .container{
    width:calc(100% - (var(--site-gutter-mobile) * 2)) !important;
    max-width:calc(100% - (var(--site-gutter-mobile) * 2)) !important;
  }

  .hero-grid,
  .footer-grid,
  .packages-grid,
  .package-grid,
  .feature-grid,
  .faq-grid,
  .metric-grid{
    grid-template-columns:1fr !important;
  }

  .section{
    padding-left:0;
    padding-right:0;
  }

  .hero-card,
  .package-card,
  .feature-card,
  .panel,
  .card,
  .blog-card,
  .article-card{
    border-radius:var(--site-radius-mobile);
  }
}

@media (max-width:720px){
  :root{
    --site-gutter-mobile:clamp(20px, 6vw, 26px);
  }

  body{
    font-size:15px;
  }

  .header .nav{
    min-height:68px;
    gap:12px;
  }

  .header .site-logo-img{
    width:min(158px, 46vw);
  }

  .menu{
    left:var(--site-gutter-mobile) !important;
    right:var(--site-gutter-mobile) !important;
    width:auto !important;
    max-width:calc(100vw - (var(--site-gutter-mobile) * 2)) !important;
    border-radius:18px;
  }

  .hero{
    padding-top:34px;
  }

  .hero h1,
  h1{
    font-size:clamp(32px, 9vw, 44px) !important;
    line-height:1.04;
    letter-spacing:-.04em;
  }

  .section-head h2,
  h2{
    font-size:clamp(25px, 7vw, 34px) !important;
    line-height:1.08;
  }

  .hero p,
  .section-head p,
  p{
    font-size:15px;
    line-height:1.55;
  }

  .hero-actions,
  .section-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px;
    width:100%;
  }

  .hero-actions .btn,
  .section-actions .btn,
  .btn{
    width:100%;
    justify-content:center;
    text-align:center;
  }

  .package-card,
  .feature-card,
  .panel,
  .card{
    padding-left:clamp(18px, 5vw, 24px);
    padding-right:clamp(18px, 5vw, 24px);
  }

  .footer{
    text-align:left;
  }

  .footer-grid{
    gap:26px;
  }

  .footer-site-logo{
    width:min(185px, 58vw) !important;
  }

  .target-modal{
    padding:var(--site-gutter-mobile);
    align-items:center;
  }

  .target-modal-card{
    width:100%;
    max-width:calc(100vw - (var(--site-gutter-mobile) * 2));
    max-height:calc(100dvh - (var(--site-gutter-mobile) * 2));
    padding:18px;
    border-radius:20px;
  }

  .target-modal-actions{
    grid-template-columns:1fr !important;
  }

  .ig-profile-top{
    gap:14px;
  }

  .ig-avatar{
    width:76px;
    height:76px;
  }

  .ig-profile-stats{
    gap:8px;
  }

  .ig-post-main{
    grid-template-columns:84px minmax(0,1fr);
  }

  .ig-post-thumb{
    height:84px;
  }
}

@media (max-width:480px){
  :root{
    --site-gutter-mobile:20px;
  }

  .container{
    width:calc(100% - 40px) !important;
    max-width:calc(100% - 40px) !important;
  }

  .header .site-logo-img{
    width:min(145px, 44vw);
  }

  .menu{
    left:20px !important;
    right:20px !important;
    max-width:calc(100vw - 40px) !important;
  }

  .hero{
    padding-top:28px;
  }

  .hero-card,
  .package-card,
  .feature-card,
  .panel,
  .card,
  .blog-card,
  .article-card{
    border-radius:18px;
  }

  .target-modal{
    padding:16px;
  }

  .target-modal-card{
    max-width:calc(100vw - 32px);
    max-height:calc(100dvh - 32px);
    padding:16px;
  }

  .target-modal-card h3{
    font-size:20px !important;
  }

  .ig-profile-card{
    padding:14px;
  }

  .ig-avatar{
    width:70px;
    height:70px;
  }

  .ig-profile-stats strong{
    font-size:14px;
  }

  .ig-profile-stats span{
    font-size:10px;
  }

  .ig-profile-body p{
    -webkit-line-clamp:2;
  }

  .ig-post-main{
    grid-template-columns:76px minmax(0,1fr);
  }

  .ig-post-thumb{
    height:76px;
  }
}

@media (max-width:360px){
  :root{
    --site-gutter-mobile:18px;
  }

  .container{
    width:calc(100% - 36px) !important;
    max-width:calc(100% - 36px) !important;
  }

  .menu{
    left:18px !important;
    right:18px !important;
    max-width:calc(100vw - 36px) !important;
  }

  .target-modal{
    padding:12px;
  }

  .target-modal-card{
    max-width:calc(100vw - 24px);
  }

  .ig-profile-top{
    align-items:flex-start;
  }

  .ig-avatar{
    width:64px;
    height:64px;
  }
}


/* V13.9 - Revisão desktop + mobile */
@media (min-width:901px){
  .container{
    width:min(1180px, calc(100% - 72px)) !important;
    max-width:1180px !important;
  }

  .header .nav{
    min-height:76px;
  }

  .header .site-logo-img{
    width:210px;
  }

  .hero-grid,
  .footer-grid,
  .packages-grid,
  .package-grid,
  .feature-grid,
  .faq-grid,
  .metric-grid{
    overflow:visible;
  }

  .hero-actions,
  .section-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:14px;
  }

  .hero-actions .btn,
  .section-actions .btn,
  .btn{
    width:auto;
  }

  .target-modal-card{
    width:min(440px, calc(100vw - 72px));
    max-width:440px;
  }

  .package-card,
  .feature-card,
  .panel,
  .card,
  .blog-card,
  .article-card{
    overflow:visible;
  }
}

@media (min-width:1200px){
  .container{
    width:1180px !important;
    max-width:1180px !important;
  }

  .header .site-logo-img{
    width:220px;
  }
}

@media (min-width:1440px){
  .container{
    width:1240px !important;
    max-width:1240px !important;
  }
}

/* Desktop amplo sem deixar o conteúdo espremido */
@media (min-width:901px) and (max-width:1199px){
  .container{
    width:calc(100% - 64px) !important;
    max-width:calc(100% - 64px) !important;
  }
}

/* Mantém o mobile com respiro, mas sem exagerar */
@media (max-width:720px){
  .container{
    width:calc(100% - 40px) !important;
    max-width:calc(100% - 40px) !important;
  }
}

@media (max-width:390px){
  .container{
    width:calc(100% - 32px) !important;
    max-width:calc(100% - 32px) !important;
  }
}


/* V14.0 - Correção dos cards flutuantes de métricas no mobile */
.float-card{
  grid-template-columns:30px minmax(0, 1fr);
  grid-template-rows:auto auto;
  align-items:center;
  min-width:220px;
  max-width:100%;
}

.float-card strong{
  grid-column:2;
  grid-row:1;
  min-width:0;
  white-space:nowrap;
  overflow-wrap:normal;
  word-break:normal;
}

.float-card span{
  grid-column:2;
  grid-row:2;
  min-width:0;
  white-space:nowrap;
  overflow-wrap:normal !important;
  word-break:normal !important;
  line-height:1.25;
}

@media (max-width:720px){
  .hero-visual{
    min-height:640px;
    overflow:visible;
  }

  .phone{
    width:min(290px, 78vw);
  }

  .float-card{
    width:min(245px, calc(100vw - 56px));
    min-width:0;
    padding:15px 16px;
    column-gap:10px;
    border-radius:17px;
  }

  .float-card strong{
    font-size:19px;
  }

  .float-card span{
    font-size:13px;
  }

  .card-a{
    top:76px;
    right:50%;
    transform:translateX(50%);
  }

  .card-b{
    top:178px;
    right:50%;
    transform:translateX(50%);
  }

  .card-c{
    left:50%;
    bottom:168px;
    transform:translateX(-50%);
  }

  .card-d{
    right:50%;
    bottom:72px;
    transform:translateX(50%);
  }
}

@media (max-width:420px){
  .hero-visual{
    min-height:620px;
  }

  .phone{
    width:min(270px, 76vw);
  }

  .float-card{
    width:min(236px, calc(100vw - 48px));
    padding:14px 15px;
  }

  .float-card strong{
    font-size:18px;
  }

  .float-card span{
    font-size:12.5px;
  }
}

@media (max-width:360px){
  .float-card{
    width:min(226px, calc(100vw - 40px));
  }

  .float-card strong{
    font-size:17px;
  }

  .float-card span{
    font-size:12px;
  }
}


/* V14.1 - Cards de métricas empilhados no mobile */
@media (max-width:720px){
  .hero-visual{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    min-height:auto !important;
    gap:12px !important;
    overflow:visible !important;
    padding-top:10px;
  }

  .phone{
    position:relative !important;
    z-index:2 !important;
    flex:0 0 auto !important;
    margin-bottom:12px !important;
  }

  .float-card,
  .card-a,
  .card-b,
  .card-c,
  .card-d{
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:min(310px, 100%) !important;
    max-width:100% !important;
    min-width:0 !important;
    z-index:3 !important;
    margin:0 !important;
  }

  .float-card{
    display:grid !important;
    grid-template-columns:34px minmax(0, 1fr) !important;
    grid-template-rows:auto auto !important;
    column-gap:12px !important;
    row-gap:2px !important;
    align-items:center !important;
    padding:16px 18px !important;
    border-radius:18px !important;
  }

  .float-card strong{
    grid-column:2 !important;
    grid-row:1 !important;
    font-size:20px !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
  }

  .float-card span{
    grid-column:2 !important;
    grid-row:2 !important;
    font-size:13px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  .card-a{ order:2 !important; }
  .card-b{ order:3 !important; }
  .card-c{ order:4 !important; }
  .card-d{ order:5 !important; }
}

@media (max-width:420px){
  .float-card,
  .card-a,
  .card-b,
  .card-c,
  .card-d{
    width:100% !important;
  }

  .float-card{
    padding:15px 16px !important;
  }
}


/* V14.2 - Mobile com cards flutuantes em volta do mockup */
@media (max-width:720px){
  .hero-visual{
    position:relative !important;
    display:block !important;
    width:100% !important;
    max-width:390px !important;
    min-height:650px !important;
    margin:0 auto !important;
    padding:0 !important;
    overflow:visible !important;
  }

  .phone{
    position:relative !important;
    z-index:2 !important;
    width:min(292px, 76vw) !important;
    min-height:545px !important;
    margin:0 auto !important;
    transform:rotate(-3deg) !important;
    transform-origin:center center !important;
  }

  .float-card,
  .card-a,
  .card-b,
  .card-c,
  .card-d{
    position:absolute !important;
    display:grid !important;
    grid-template-columns:30px minmax(0, 1fr) !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
    column-gap:10px !important;
    row-gap:2px !important;
    width:min(218px, 58vw) !important;
    min-width:0 !important;
    max-width:218px !important;
    margin:0 !important;
    padding:15px 17px !important;
    border-radius:18px !important;
    z-index:4 !important;
    transform:none !important;
  }

  .float-card strong{
    grid-column:2 !important;
    grid-row:1 !important;
    font-size:20px !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  .float-card span{
    grid-column:2 !important;
    grid-row:2 !important;
    font-size:13px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  .card-a{
    top:68px !important;
    left:auto !important;
    right:-4px !important;
    bottom:auto !important;
  }

  .card-b{
    top:162px !important;
    left:auto !important;
    right:-2px !important;
    bottom:auto !important;
  }

  .card-c{
    top:330px !important;
    left:-4px !important;
    right:auto !important;
    bottom:auto !important;
  }

  .card-d{
    top:450px !important;
    left:auto !important;
    right:4px !important;
    bottom:auto !important;
  }
}

@media (max-width:480px){
  .hero-visual{
    max-width:360px !important;
    min-height:625px !important;
  }

  .phone{
    width:min(274px, 76vw) !important;
    min-height:520px !important;
    padding:24px 18px !important;
  }

  .float-card,
  .card-a,
  .card-b,
  .card-c,
  .card-d{
    width:min(205px, 57vw) !important;
    max-width:205px !important;
    padding:14px 15px !important;
    column-gap:9px !important;
  }

  .float-card strong{
    font-size:19px !important;
  }

  .float-card span{
    font-size:12.5px !important;
  }

  .card-a{
    top:72px !important;
    right:-2px !important;
  }

  .card-b{
    top:162px !important;
    right:0 !important;
  }

  .card-c{
    top:330px !important;
    left:-2px !important;
  }

  .card-d{
    top:438px !important;
    right:2px !important;
  }
}

@media (max-width:390px){
  .hero-visual{
    max-width:330px !important;
    min-height:600px !important;
  }

  .phone{
    width:min(250px, 74vw) !important;
    min-height:500px !important;
  }

  .float-card,
  .card-a,
  .card-b,
  .card-c,
  .card-d{
    width:min(190px, 56vw) !important;
    max-width:190px !important;
    grid-template-columns:26px minmax(0,1fr) !important;
    padding:13px 14px !important;
  }

  .float-card strong{
    font-size:17px !important;
  }

  .float-card span{
    font-size:12px !important;
  }

  .card-a{
    top:76px !important;
    right:-1px !important;
  }

  .card-b{
    top:158px !important;
    right:2px !important;
  }

  .card-c{
    top:320px !important;
    left:0 !important;
  }

  .card-d{
    top:420px !important;
    right:0 !important;
  }
}


/* V14.12 - Compra direta nas páginas de detalhes */
.service-direct-page .hero-actions{
  margin:24px 0 28px;
}
.service-buy-section{
  scroll-margin-top:100px;
  margin:34px 0;
  padding:30px;
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(180deg,#f8fbff,#ffffff);
}
.section-title.compact{
  text-align:left;
  margin-bottom:22px;
}
.section-title.compact h2{
  font-size:clamp(24px,2.4vw,34px);
}
.service-pricing-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.service-buy-card{
  padding:28px 22px 22px;
}
.service-buy-card .btn{
  width:100%;
  justify-content:center;
  margin-top:16px;
}
.service-status-box{
  margin:0 0 18px;
}
.floating-status-box{
  position:fixed;
  top:18px;
  left:50%;
  transform:translateX(-50%);
  z-index:9999;
  width:min(520px,calc(100% - 30px));
  box-shadow:0 18px 40px rgba(7,20,47,.16);
}
@media (max-width:900px){
  .service-pricing-grid{
    grid-template-columns:1fr;
  }
  .service-buy-section{
    padding:22px;
  }
}
@media (max-width:560px){
  .service-buy-section{
    padding:18px;
    border-radius:22px;
  }
  .section-title.compact{
    text-align:center;
  }
}


/* V14.13 - Botão verificar público só aparece em perfil privado */
#targetRecheck[hidden],
#targetPrivateWarning[hidden]{
  display:none!important;
}


/* V14.14 - Pré-carregamento e foto do perfil mais robusta */
.inline-target-preview{
  display:flex;
  align-items:center;
  gap:12px;
  margin:10px 0 12px;
  padding:12px;
  border:1px solid #dce7ff;
  border-radius:18px;
  background:linear-gradient(135deg,#f8fbff,#eef4ff);
  color:#071b5c;
}
.inline-target-preview[hidden]{
  display:none!important;
}
.inline-target-preview.loading{
  opacity:.96;
}
.target-preview-loading-card{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
}
.target-preview-loading-card strong{
  display:block;
  color:#071b5c;
  font-size:14px;
  font-weight:900;
}
.target-preview-loading-card small{
  display:block;
  margin-top:3px;
  color:#53627d;
  font-size:12px;
  font-weight:700;
  word-break:break-word;
}
.target-loading-avatar{
  width:50px;
  height:50px;
  border-radius:18px;
  background:linear-gradient(135deg,#015aff,#7fa9ff);
  display:grid;
  place-items:center;
  flex:0 0 auto;
  overflow:hidden;
  position:relative;
}
.target-loading-avatar span{
  width:24px;
  height:24px;
  border:3px solid rgba(255,255,255,.4);
  border-top-color:#fff;
  border-radius:50%;
  animation:ssSpin .8s linear infinite;
}
@keyframes ssSpin{
  to{transform:rotate(360deg)}
}
.inline-preview-avatar{
  width:58px;
  height:58px;
  border-radius:50%;
  padding:3px;
  background:linear-gradient(135deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);
  flex:0 0 auto;
  position:relative;
  overflow:hidden;
}
.inline-preview-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  border:3px solid #fff;
  border-radius:50%;
  display:block;
  position:relative;
  z-index:2;
}
.inline-preview-avatar span{
  position:absolute;
  inset:6px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#015aff;
  color:#fff;
  font-weight:900;
  border:3px solid #fff;
  z-index:1;
}
.inline-preview-avatar.image-loaded span{
  display:none;
}
.inline-preview-avatar.image-error span{
  display:grid;
}
.inline-preview-copy{
  min-width:0;
}
.inline-preview-copy strong{
  display:block;
  color:#071b5c;
  font-size:14px;
  word-break:break-word;
}
.inline-preview-copy small{
  display:inline-block;
  margin-top:4px;
  color:#0f9f50;
  background:#e8f8ee;
  border-radius:999px;
  padding:3px 8px;
  font-size:11px;
  font-weight:900;
}
.inline-target-preview.private .inline-preview-copy small{
  color:#8a3b00;
  background:#fff3e6;
}
.inline-preview-copy p{
  margin:6px 0 0;
  color:#53627d;
  font-size:12px;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.ig-avatar.image-loaded span,
.ig-post-thumb.image-loaded span{
  display:none!important;
}
.ig-avatar img,
.ig-post-thumb img{
  background:#eef4ff;
}
.target-preview-visual .target-preview-loading-card{
  padding:16px;
}
@media(max-width:560px){
  .inline-target-preview{
    align-items:flex-start;
    border-radius:16px;
  }
  .inline-preview-avatar{
    width:52px;
    height:52px;
  }
}


/* V14.16 - Logo menor no desktop do site */
@media (min-width: 721px){
  .site-logo-img{
    width:min(176px, 28vw) !important;
    max-height:58px !important;
  }

  .footer-site-logo{
    width:min(172px, 26vw) !important;
    max-height:56px !important;
  }
}


/* V14.17 - Título principal menor sem alterar SEO */
.hero-copy h1{
  font-size:clamp(34px, 4.2vw, 56px) !important;
  line-height:1.03 !important;
  letter-spacing:-1.6px !important;
  max-width:820px !important;
}

@media (max-width:900px){
  .hero-copy h1{
    font-size:clamp(31px, 8vw, 44px) !important;
    line-height:1.06 !important;
    letter-spacing:-1.1px !important;
  }
}

@media (max-width:520px){
  .hero-copy h1{
    font-size:clamp(29px, 8.4vw, 38px) !important;
    line-height:1.08 !important;
    letter-spacing:-.8px !important;
  }
}


/* V14.20 - Fase P0 SEO com grupos de compra direta */
.service-buy-group{
  margin-top:26px;
}
.service-buy-group:first-of-type{
  margin-top:0;
}
.service-buy-group h3{
  margin:0 0 6px;
  color:#071b5c;
  font-size:22px;
}
.service-buy-group > p{
  margin:0 0 16px;
  color:var(--muted);
  font-weight:700;
}
.seo-landing .comparison-grid{
  margin:18px 0 28px;
}


/* V14.22 - Foto/avatar obrigatório na prévia do Instagram */
.ig-avatar,
.inline-preview-avatar,
.ig-post-thumb,
.dest-avatar,
.summary-avatar{
  background:#eef4ff;
}
.ig-avatar img,
.inline-preview-avatar img,
.ig-post-thumb img,
.dest-avatar img,
.summary-avatar img{
  display:block!important;
  opacity:1!important;
}
.ig-avatar.image-loaded span,
.inline-preview-avatar.image-loaded span,
.ig-post-thumb.image-loaded span,
.dest-avatar.image-loaded span,
.summary-avatar.image-loaded span{
  display:none!important;
}


/* V14.24 - Confirmação simples do Instagram sem foto/dados */
.inline-target-preview{
  display:none!important;
}

.simple-confirm-card{
  display:grid;
  grid-template-columns:58px 1fr;
  gap:16px;
  padding:20px;
  border-radius:24px;
  border:1px solid rgba(1,90,255,.14);
  background:linear-gradient(180deg,#ffffff 0%,#f5f8ff 100%);
  box-shadow:0 20px 45px rgba(1,90,255,.10);
}

.simple-confirm-icon{
  width:58px;
  height:58px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:#015aff;
  color:#fff;
  font-weight:1000;
  font-size:24px;
  box-shadow:0 14px 30px rgba(1,90,255,.26);
}

.simple-confirm-copy strong{
  display:block;
  color:#071b5c;
  font-size:20px;
  font-weight:1000;
  margin-bottom:6px;
}

.simple-confirm-copy p{
  margin:0 0 14px;
  color:var(--muted);
  font-weight:700;
  line-height:1.45;
}

.simple-confirm-target{
  display:grid;
  gap:5px;
  padding:14px 16px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(1,90,255,.12);
}

.simple-confirm-target span{
  color:#69758c;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.simple-confirm-target b{
  color:#071b5c;
  font-size:22px;
  font-weight:1000;
  word-break:break-word;
}

.simple-confirm-target small{
  color:#6e7b91;
  font-weight:700;
  word-break:break-word;
}

@media (max-width:620px){
  .simple-confirm-card{
    grid-template-columns:1fr;
    padding:18px;
  }
  .simple-confirm-icon{
    width:52px;
    height:52px;
    border-radius:18px;
  }
  .simple-confirm-target b{
    font-size:19px;
  }
}


/* V14.28 - Alerta de perfil público antes do pagamento */
.target-private-warning.public-profile-alert{
  margin-top:14px;
  padding:15px 16px;
  border-radius:18px;
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#8a3b00;
  box-shadow:0 14px 30px rgba(251,146,60,.12);
}
.target-private-warning.public-profile-alert strong{
  display:block;
  color:#7c2d12;
  font-weight:1000;
}
.target-private-warning.public-profile-alert span{
  display:block;
  margin-top:5px;
  color:#9a3412;
  font-weight:700;
  line-height:1.45;
}
.target-preview-visual + .target-preview-package{
  margin-top:12px;
}


/* V14.31 - Pacotes estilo lista premium horizontal */
.pricing-grid.package-list-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  max-width:940px;
  margin-left:auto;
  margin-right:auto;
}

.price-card.package-row-card{
  position:relative;
  display:block;
  padding:0;
  border:0;
  border-radius:28px;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}

.price-card.package-row-card::before,
.price-card.package-row-card .badge,
.price-card.package-row-card h3,
.price-card.package-row-card .price,
.price-card.package-row-card ul{
  display:none!important;
}

.package-row-main{
  position:relative;
  min-height:154px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  align-items:center;
  gap:18px;
  padding:28px 36px;
  border-radius:28px;
  color:#fff;
  overflow:hidden;
  background:
    linear-gradient(105deg, #08090c 0%, #151515 46%, transparent 47%),
    linear-gradient(115deg, rgba(1,90,255,.95) 45%, #071b5c 100%);
  box-shadow:0 22px 45px rgba(7,27,92,.18);
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease;
}

.package-row-card:hover .package-row-main{
  transform:translateY(-2px);
  box-shadow:0 28px 58px rgba(7,27,92,.24);
}

.package-row-shine{
  position:absolute;
  inset:-25% auto -25% 47%;
  width:170px;
  transform:skewX(-14deg);
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(64,180,255,.55), rgba(255,255,255,0));
  filter:blur(2px);
  pointer-events:none;
}

.package-row-badge{
  position:absolute;
  top:-16px;
  right:42px;
  z-index:2;
  padding:9px 23px;
  border-radius:13px;
  color:#fff;
  background:#079333;
  font-weight:1000;
  font-size:20px;
  line-height:1;
  box-shadow:0 10px 22px rgba(7,147,51,.28);
  white-space:nowrap;
}

.package-row-badge.hot{
  background:#ef2473;
  box-shadow:0 10px 22px rgba(239,36,115,.26);
}

.package-row-left{
  position:relative;
  z-index:1;
  min-width:0;
}

.package-row-left strong{
  display:block;
  color:#fff;
  font-weight:1000;
  font-size:42px;
  line-height:1;
  letter-spacing:.01em;
}

.package-row-left span{
  display:block;
  margin-top:15px;
  color:rgba(255,255,255,.9);
  font-size:26px;
  font-weight:700;
  line-height:1.18;
}

.package-row-buy{
  position:relative;
  z-index:1;
  appearance:none;
  border:0;
  background:transparent;
  color:#fff;
  text-align:right;
  cursor:pointer;
  padding:0;
  font:inherit;
}

.package-row-buy b{
  display:block;
  color:#fff;
  font-weight:1000;
  font-size:42px;
  line-height:1;
  letter-spacing:.01em;
}

.package-row-buy span{
  display:block;
  margin-top:12px;
  color:rgba(255,255,255,.76);
  font-size:22px;
  font-weight:700;
}

.package-row-form{
  margin:12px 0 0;
  padding:18px;
  border:1px solid rgba(1,90,255,.10);
  border-radius:22px;
  background:#ffffff;
  box-shadow:0 16px 32px rgba(7,27,92,.06);
}

.package-row-form .instagram-input{
  margin-top:0;
}

.package-row-form .input-help{
  margin-bottom:0;
}

@media (max-width:760px){
  .pricing-grid.package-list-grid{
    gap:16px;
  }

  .package-row-main{
    min-height:128px;
    grid-template-columns:1fr auto;
    padding:24px 20px;
    border-radius:23px;
  }

  .package-row-badge{
    top:-11px;
    right:18px;
    padding:8px 14px;
    font-size:15px;
    border-radius:11px;
  }

  .package-row-left strong,
  .package-row-buy b{
    font-size:31px;
  }

  .package-row-left span{
    margin-top:10px;
    font-size:19px;
  }

  .package-row-buy span{
    margin-top:8px;
    font-size:16px;
  }

  .package-row-form{
    padding:15px;
    border-radius:20px;
  }
}

@media (max-width:480px){
  .package-row-main{
    min-height:116px;
    padding:22px 16px;
    gap:10px;
  }

  .package-row-left strong,
  .package-row-buy b{
    font-size:26px;
  }

  .package-row-left span{
    font-size:16px;
  }

  .package-row-buy span{
    font-size:14px;
  }

  .package-row-badge{
    max-width:58%;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}


/* V14.32 - Pacotes com identidade SuperSeguidores */
.pricing-grid.package-list-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  max-width:960px;
  margin-left:auto;
  margin-right:auto;
}

.price-card.package-row-card.ss-package-card{
  position:relative;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}

.ss-package-card::before,
.ss-package-card .badge,
.ss-package-card h3,
.ss-package-card .price,
.ss-package-card ul{
  display:none!important;
}

.package-row-main.ss-package-main{
  position:relative;
  min-height:162px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 250px;
  align-items:center;
  gap:20px;
  padding:28px 30px;
  border-radius:30px;
  overflow:hidden;
  color:#071b5c;
  background:
    radial-gradient(circle at 0% 0%, rgba(1,90,255,.13) 0, rgba(1,90,255,0) 34%),
    linear-gradient(135deg,#ffffff 0%,#f7faff 52%,#eef5ff 100%);
  border:1px solid rgba(1,90,255,.14);
  box-shadow:0 22px 55px rgba(7,27,92,.12);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.package-row-main.ss-package-main:hover{
  transform:translateY(-2px);
  border-color:rgba(1,90,255,.28);
  box-shadow:0 30px 70px rgba(7,27,92,.18);
}

.ss-package-main::after{
  content:"";
  position:absolute;
  top:-42px;
  right:-78px;
  width:270px;
  height:270px;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(1,90,255,.18),rgba(24,82,254,.05));
  pointer-events:none;
}

.ss-package-accent{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:10px;
  background:linear-gradient(180deg,#015aff 0%,#22a6ff 55%,#071b5c 100%);
}

.ss-package-main .package-row-shine{
  display:none;
}

.ss-package-main .package-row-badge{
  position:absolute;
  top:18px;
  right:24px;
  z-index:3;
  padding:8px 15px;
  border-radius:999px;
  color:#015aff;
  background:#eef4ff;
  border:1px solid rgba(1,90,255,.18);
  font-weight:1000;
  font-size:13px;
  line-height:1;
  box-shadow:none;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.ss-package-main .package-row-badge.hot,
.ss-package-main .package-row-badge.premium{
  color:#fff;
  background:linear-gradient(135deg,#015aff,#0b7cff);
  border-color:transparent;
  box-shadow:0 12px 24px rgba(1,90,255,.22);
}

.ss-package-left{
  position:relative;
  z-index:2;
  min-width:0;
}

.ss-package-kicker{
  display:inline-flex!important;
  align-items:center;
  width:auto;
  margin:0 0 12px!important;
  padding:7px 11px;
  border-radius:999px;
  color:#015aff!important;
  background:#eef4ff;
  font-size:11px!important;
  font-weight:1000!important;
  line-height:1!important;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.ss-package-left strong{
  display:block;
  color:#071b5c;
  font-weight:1000;
  font-size:46px;
  line-height:.95;
  letter-spacing:-.03em;
}

.ss-package-left > span:not(.ss-package-kicker){
  display:block;
  margin-top:10px;
  color:#53627d;
  font-size:22px;
  font-weight:800;
  line-height:1.2;
}

.ss-package-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}

.ss-package-chips em{
  display:inline-flex;
  padding:7px 10px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(1,90,255,.12);
  color:#40506a;
  font-size:12px;
  font-style:normal;
  font-weight:900;
}

.ss-package-buy{
  position:relative;
  z-index:2;
  display:grid;
  justify-items:end;
  align-content:center;
  min-height:104px;
  padding:18px 20px;
  border-radius:24px;
  border:1px solid rgba(1,90,255,.18);
  background:linear-gradient(135deg,#015aff,#0b7cff);
  color:#fff;
  text-align:right;
  cursor:pointer;
  font:inherit;
  box-shadow:0 18px 38px rgba(1,90,255,.25);
  transition:transform .18s ease, filter .18s ease;
}

.ss-package-buy:hover{
  transform:scale(1.015);
  filter:saturate(1.08);
}

.ss-package-buy small{
  display:block;
  color:rgba(255,255,255,.72);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.ss-package-buy b{
  display:block;
  margin-top:4px;
  color:#fff;
  font-weight:1000;
  font-size:37px;
  line-height:1;
  letter-spacing:-.03em;
}

.ss-package-buy span{
  display:block;
  margin-top:10px;
  color:rgba(255,255,255,.92);
  font-size:16px;
  font-weight:1000;
}

.package-row-form.ss-package-form{
  margin:10px 0 0;
  padding:17px;
  border:1px solid rgba(1,90,255,.11);
  border-radius:24px;
  background:#ffffff;
  box-shadow:0 14px 34px rgba(7,27,92,.06);
}

.ss-package-form .instagram-input{
  margin-top:0;
  border-color:#dce7ff;
  background:#f8fbff;
}

.ss-package-form .instagram-input:focus{
  border-color:#015aff;
  box-shadow:0 0 0 4px rgba(1,90,255,.10);
}

@media (max-width:760px){
  .package-row-main.ss-package-main{
    min-height:auto;
    grid-template-columns:1fr;
    gap:16px;
    padding:24px 20px 20px;
    border-radius:26px;
  }

  .ss-package-main .package-row-badge{
    top:14px;
    right:16px;
    max-width:52%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .ss-package-left strong{
    font-size:40px;
  }

  .ss-package-left > span:not(.ss-package-kicker){
    font-size:19px;
    padding-right:0;
  }

  .ss-package-buy{
    width:100%;
    min-height:auto;
    grid-template-columns:1fr auto;
    justify-items:start;
    align-items:center;
    text-align:left;
    padding:16px 18px;
  }

  .ss-package-buy small{
    grid-column:1/2;
  }

  .ss-package-buy b{
    grid-column:1/2;
    font-size:30px;
  }

  .ss-package-buy span{
    grid-column:2/3;
    grid-row:1/3;
    margin:0;
    align-self:center;
    justify-self:end;
    font-size:15px;
  }
}

@media (max-width:430px){
  .package-row-main.ss-package-main{
    padding:22px 16px 16px;
  }

  .ss-package-left strong{
    font-size:34px;
  }

  .ss-package-left > span:not(.ss-package-kicker){
    font-size:17px;
  }

  .ss-package-chips{
    display:none;
  }

  .ss-package-buy b{
    font-size:26px;
  }

  .ss-package-buy span{
    font-size:13px;
  }
}


/* V14.33 - Serviços dinâmicos no site */
.category-grid{
  align-items:stretch;
}
.dynamic-service-card button{
  margin-top:auto;
}
.tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.tabs .tab{
  flex:0 0 auto;
}


/* V14.34 - Cards limpos na identidade SuperSeguidores + Instagram no popup */
.pricing-grid.ss-clean-package-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
}

.ss-clean-package-card{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

.ss-clean-package-card::before,
.ss-clean-package-card .badge,
.ss-clean-package-card h3,
.ss-clean-package-card .price,
.ss-clean-package-card ul{
  display:none!important;
}

.ss-clean-package{
  position:relative;
  display:grid;
  gap:22px;
  min-height:295px;
  padding:24px;
  border-radius:30px;
  overflow:hidden;
  background:
    radial-gradient(circle at 100% 0%, rgba(1,90,255,.16) 0, rgba(1,90,255,0) 36%),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border:1px solid rgba(1,90,255,.14);
  box-shadow:0 22px 54px rgba(7,27,92,.11);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.ss-clean-package::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:7px;
  background:linear-gradient(90deg,#015aff 0%,#22a6ff 58%,#071b5c 100%);
}

.ss-clean-package:hover{
  transform:translateY(-3px);
  border-color:rgba(1,90,255,.28);
  box-shadow:0 30px 70px rgba(7,27,92,.17);
}

.ss-clean-package-top{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.ss-clean-service{
  display:inline-flex;
  max-width:65%;
  padding:8px 12px;
  border-radius:999px;
  background:#eef4ff;
  color:#015aff;
  font-size:12px;
  font-weight:1000;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.06em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.ss-clean-badge{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:#ffffff;
  border:1px solid rgba(1,90,255,.16);
  color:#015aff;
  font-size:12px;
  font-weight:1000;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.04em;
  white-space:nowrap;
}

.ss-clean-badge.hot,
.ss-clean-badge.premium{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,#015aff,#0b7cff);
  box-shadow:0 12px 24px rgba(1,90,255,.22);
}

.ss-clean-package-body{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:18px;
}

.ss-clean-quantity strong{
  display:block;
  color:#071b5c;
  font-size:54px;
  font-weight:1000;
  line-height:.95;
  letter-spacing:-.04em;
}

.ss-clean-quantity span{
  display:block;
  margin-top:10px;
  color:#53627d;
  font-size:20px;
  font-weight:850;
  line-height:1.2;
}

.ss-clean-price{
  text-align:right;
}

.ss-clean-price small{
  display:block;
  color:#7d8aa1;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.ss-clean-price b{
  display:block;
  margin-top:4px;
  color:#015aff;
  font-size:38px;
  font-weight:1000;
  line-height:1;
  letter-spacing:-.04em;
}

.ss-clean-package-bottom{
  position:relative;
  z-index:1;
  display:grid;
  gap:18px;
  align-self:end;
}

.ss-clean-trust{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.ss-clean-trust em{
  display:inline-flex;
  padding:7px 10px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(1,90,255,.12);
  color:#40506a;
  font-size:12px;
  font-style:normal;
  font-weight:900;
}

.ss-clean-buy{
  width:100%;
  min-height:58px;
  border:0;
  border-radius:18px;
  background:linear-gradient(135deg,#015aff,#0b7cff);
  color:#fff;
  font-size:16px;
  font-weight:1000;
  cursor:pointer;
  box-shadow:0 16px 32px rgba(1,90,255,.25);
  transition:transform .18s ease, filter .18s ease;
}

.ss-clean-buy:hover{
  transform:translateY(-1px);
  filter:saturate(1.08);
}

.ss-target-modal-card .target-popup-form{
  display:grid;
  gap:10px;
  margin:18px 0 14px;
  padding:16px;
  border-radius:22px;
  background:#f8fbff;
  border:1px solid rgba(1,90,255,.12);
}

.ss-target-modal-card .instagram-input{
  margin-top:0;
  border-color:#dce7ff;
  background:#ffffff;
}

.ss-target-modal-card .instagram-input:focus{
  border-color:#015aff;
  box-shadow:0 0 0 4px rgba(1,90,255,.10);
}

.ss-target-modal-card .target-preview-visual[hidden]{
  display:none!important;
}

@media (max-width:900px){
  .pricing-grid.ss-clean-package-list{
    grid-template-columns:1fr;
    max-width:620px;
  }
}

@media (max-width:520px){
  .ss-clean-package{
    min-height:270px;
    padding:22px 18px;
    border-radius:26px;
  }

  .ss-clean-package-body{
    grid-template-columns:1fr;
    align-items:start;
  }

  .ss-clean-price{
    text-align:left;
  }

  .ss-clean-quantity strong{
    font-size:44px;
  }

  .ss-clean-price b{
    font-size:33px;
  }

  .ss-clean-trust em:last-child{
    display:none;
  }
}


/* V14.35 - Pacotes em lista clicável na identidade SuperSeguidores */
.pricing-grid.ss-package-list-only{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:16px!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.ss-list-package{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  min-height:128px;
  padding:22px 24px 22px 28px;
  border-radius:28px;
  overflow:hidden;
  cursor:pointer;
  background:
    radial-gradient(circle at 100% 0%, rgba(1,90,255,.14) 0, rgba(1,90,255,0) 35%),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border:1px solid rgba(1,90,255,.14);
  box-shadow:0 18px 42px rgba(7,27,92,.10);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.ss-list-package:hover,
.ss-list-package:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(1,90,255,.34);
  box-shadow:0 26px 62px rgba(7,27,92,.16);
  outline:none;
}

.ss-list-package::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(1,90,255,.06),rgba(1,90,255,0) 46%);
  pointer-events:none;
}

.ss-list-accent{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:9px;
  background:linear-gradient(180deg,#015aff,#22a6ff 58%,#071b5c);
}

.ss-list-left{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
}

.ss-list-icon{
  width:58px;
  height:58px;
  flex:0 0 58px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:#eef4ff;
  border:1px solid rgba(1,90,255,.12);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.85);
  font-size:26px;
}

.ss-list-copy{
  min-width:0;
}

.ss-list-copy strong{
  display:block;
  color:#071b5c;
  font-size:40px;
  font-weight:1000;
  line-height:.95;
  letter-spacing:-.035em;
}

.ss-list-copy span{
  display:block;
  margin-top:9px;
  color:#53627d;
  font-size:18px;
  font-weight:850;
  line-height:1.2;
}

.ss-list-right{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:auto auto auto;
  align-items:center;
  gap:16px;
}

.ss-list-badge{
  display:inline-flex;
  justify-content:center;
  min-width:130px;
  padding:9px 12px;
  border-radius:999px;
  background:#eef4ff;
  border:1px solid rgba(1,90,255,.16);
  color:#015aff;
  font-size:12px;
  font-weight:1000;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.04em;
  white-space:nowrap;
}

.ss-list-badge.hot,
.ss-list-badge.premium{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,#015aff,#0b7cff);
  box-shadow:0 12px 24px rgba(1,90,255,.22);
}

.ss-list-price{
  min-width:132px;
  text-align:right;
}

.ss-list-price small{
  display:block;
  color:#7d8aa1;
  font-size:11px;
  font-weight:950;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.ss-list-price b{
  display:block;
  margin-top:6px;
  color:#015aff;
  font-size:31px;
  font-weight:1000;
  line-height:1;
  letter-spacing:-.035em;
}

.ss-list-buy{
  min-height:52px;
  padding:0 20px;
  border:0;
  border-radius:16px;
  background:linear-gradient(135deg,#015aff,#0b7cff);
  color:#fff;
  font-size:14px;
  font-weight:1000;
  cursor:pointer;
  white-space:nowrap;
  box-shadow:0 14px 30px rgba(1,90,255,.24);
  transition:transform .18s ease, filter .18s ease;
}

.ss-list-buy:hover{
  transform:translateY(-1px);
  filter:saturate(1.08);
}

.price-card.package-row-card,
.price-card.ss-clean-package-card{
  display:none!important;
}

@media (max-width:860px){
  .ss-list-package{
    grid-template-columns:1fr;
    gap:18px;
    padding:22px 18px 18px 22px;
  }

  .ss-list-right{
    grid-template-columns:1fr auto;
    width:100%;
  }

  .ss-list-badge{
    justify-self:start;
  }

  .ss-list-price{
    justify-self:end;
  }

  .ss-list-buy{
    grid-column:1 / -1;
    width:100%;
  }
}

@media (max-width:520px){
  .pricing-grid.ss-package-list-only{
    gap:14px!important;
  }

  .ss-list-package{
    min-height:120px;
    border-radius:24px;
  }

  .ss-list-icon{
    width:50px;
    height:50px;
    flex-basis:50px;
    border-radius:17px;
    font-size:23px;
  }

  .ss-list-copy strong{
    font-size:33px;
  }

  .ss-list-copy span{
    font-size:15px;
  }

  .ss-list-right{
    grid-template-columns:1fr;
    gap:10px;
  }

  .ss-list-badge,
  .ss-list-price{
    justify-self:start;
    text-align:left;
  }

  .ss-list-price b{
    font-size:28px;
  }
}


/* V14.36 - Lista real aplicada também no HTML inicial */
#pricingGrid.ss-package-list-only{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:16px!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

#pricingGrid.ss-package-list-only > .price-card{
  display:none!important;
}

#pricingGrid.ss-package-list-only > .ss-list-package{
  display:grid!important;
}

.ss-list-package{
  position:relative;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  min-height:128px;
  padding:22px 24px 22px 28px;
  border-radius:28px;
  overflow:hidden;
  cursor:pointer;
  background:
    radial-gradient(circle at 100% 0%, rgba(1,90,255,.14) 0, rgba(1,90,255,0) 35%),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  border:1px solid rgba(1,90,255,.14)!important;
  box-shadow:0 18px 42px rgba(7,27,92,.10)!important;
}

.ss-list-package .ss-list-accent{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:9px;
  background:linear-gradient(180deg,#015aff,#22a6ff 58%,#071b5c);
}

.ss-list-package .ss-list-left{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
}

.ss-list-package .ss-list-icon{
  width:58px;
  height:58px;
  flex:0 0 58px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:#eef4ff;
  border:1px solid rgba(1,90,255,.12);
  font-size:26px;
}

.ss-list-package .ss-list-copy strong{
  display:block;
  color:#071b5c;
  font-size:40px;
  font-weight:1000;
  line-height:.95;
  letter-spacing:-.035em;
}

.ss-list-package .ss-list-copy span{
  display:block;
  margin-top:9px;
  color:#53627d;
  font-size:18px;
  font-weight:850;
  line-height:1.2;
}

.ss-list-package .ss-list-right{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:auto auto auto;
  align-items:center;
  gap:16px;
}

.ss-list-package .ss-list-badge{
  display:inline-flex;
  justify-content:center;
  min-width:130px;
  padding:9px 12px;
  border-radius:999px;
  background:#eef4ff;
  border:1px solid rgba(1,90,255,.16);
  color:#015aff;
  font-size:12px;
  font-weight:1000;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.04em;
  white-space:nowrap;
}

.ss-list-package .ss-list-badge.hot,
.ss-list-package .ss-list-badge.premium{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,#015aff,#0b7cff);
  box-shadow:0 12px 24px rgba(1,90,255,.22);
}

.ss-list-package .ss-list-price{
  min-width:132px;
  text-align:right;
}

.ss-list-package .ss-list-price small{
  display:block;
  color:#7d8aa1;
  font-size:11px;
  font-weight:950;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.ss-list-package .ss-list-price b{
  display:block;
  margin-top:6px;
  color:#015aff;
  font-size:31px;
  font-weight:1000;
  line-height:1;
  letter-spacing:-.035em;
}

.ss-list-package .ss-list-buy{
  min-height:52px;
  padding:0 20px;
  border:0;
  border-radius:16px;
  background:linear-gradient(135deg,#015aff,#0b7cff);
  color:#fff;
  font-size:14px;
  font-weight:1000;
  cursor:pointer;
  white-space:nowrap;
  box-shadow:0 14px 30px rgba(1,90,255,.24);
}

@media (max-width:860px){
  #pricingGrid.ss-package-list-only{
    max-width:620px!important;
  }
  .ss-list-package{
    grid-template-columns:1fr!important;
  }
  .ss-list-package .ss-list-right{
    grid-template-columns:1fr auto!important;
    width:100%!important;
  }
  .ss-list-package .ss-list-buy{
    grid-column:1/-1!important;
    width:100%!important;
  }
}


/* V14.37 — estilo em lista inspirado no print de referência, adaptado à identidade SuperSeguidores */
.ss-service-reference-card{
  max-width:980px;
  margin:18px auto 18px;
  padding:24px 28px;
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff 0%,#f4f7fc 100%);
  border:1px solid rgba(1,90,255,.10);
  box-shadow:0 18px 46px rgba(7,27,92,.10);
}

.ss-service-reference-head{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  align-items:start;
  gap:18px;
}

.ss-service-reference-icon{
  width:64px;
  height:64px;
  border-radius:20px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:30px;
  background:linear-gradient(135deg,#015aff 0%,#1ea1ff 55%,#071b5c 100%);
  box-shadow:0 16px 32px rgba(1,90,255,.25);
}

.ss-service-reference-head h3{
  margin:0 0 8px;
  color:#1f2937;
  font-size:clamp(28px,4vw,50px);
  line-height:1.02;
  letter-spacing:-.04em;
}

.ss-service-reference-head p{
  margin:0;
  color:#4b5563;
  font-size:clamp(15px,2vw,19px);
  line-height:1.55;
}

.pricing-grid.ss-ref-package-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:18px!important;
  max-width:980px!important;
  margin:0 auto!important;
}

.ss-reference-package{
  position:relative;
  isolation:isolate;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 320px;
  align-items:stretch;
  min-height:142px;
  border:none!important;
  border-radius:28px;
  overflow:visible;
  padding:0;
  background:transparent!important;
  box-shadow:none!important;
  cursor:pointer;
  transition:transform .18s ease, filter .18s ease;
}

.ss-reference-package:hover{ transform:translateY(-2px); filter:saturate(1.02); }

.ss-reference-package .ss-list-left,
.ss-reference-package .ss-list-right{ position:relative; z-index:1; }

.ss-reference-package .ss-list-left{
  display:flex;
  align-items:center;
  padding:28px 34px;
  border-radius:28px 0 0 28px;
  background:linear-gradient(90deg,#020202 0%,#0e1118 34%,#262626 68%,#343434 100%);
  box-shadow:0 12px 26px rgba(0,0,0,.22);
}

.ss-reference-package .ss-list-right{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:8px;
  padding:28px 30px;
  border-radius:0 28px 28px 0;
  color:#fff;
  background:linear-gradient(135deg,#188fff 0%,#015aff 42%,#103e89 100%);
  box-shadow:0 12px 26px rgba(1,90,255,.24);
  clip-path:polygon(13% 0,100% 0,100% 100%,0 100%);
}

.ss-reference-package .ss-list-right::before{
  content:"";
  position:absolute;
  left:-76px;
  top:0;
  width:120px;
  height:100%;
  background:linear-gradient(90deg, rgba(255,255,255,.18), rgba(255,255,255,0));
  transform:skewX(-19deg);
  pointer-events:none;
}

.ss-reference-package .ss-list-copy strong{
  display:block;
  color:#fff;
  font-size:clamp(34px,5vw,60px);
  font-weight:1000;
  line-height:.94;
  letter-spacing:-.05em;
}

.ss-reference-package .ss-list-copy span{
  display:block;
  margin-top:10px;
  color:rgba(255,255,255,.92);
  font-size:clamp(19px,2.6vw,28px);
  line-height:1.15;
  letter-spacing:-.02em;
}

.ss-reference-package .ss-list-badge{
  position:absolute;
  top:-18px;
  right:44px;
  z-index:3;
  min-width:244px;
  padding:12px 18px;
  border-radius:18px;
  font-size:18px;
  font-weight:1000;
  line-height:1;
  text-align:center;
  color:#fff;
  box-shadow:0 14px 26px rgba(0,0,0,.18);
}

.ss-reference-package .ss-list-badge.discount{ background:linear-gradient(135deg,#0ca73a,#12bf45); }
.ss-reference-package .ss-list-badge.premium{ background:linear-gradient(135deg,#0a8e36,#09b84b); }
.ss-reference-package .ss-list-badge.hot{ background:linear-gradient(135deg,#ff2f82,#e91564); }

.ss-reference-package .ss-list-price small{ display:none; }
.ss-reference-package .ss-list-price b{
  display:block;
  color:#fff;
  font-size:clamp(34px,5vw,60px);
  font-weight:1000;
  line-height:1;
  letter-spacing:-.05em;
}

.ss-reference-package .ss-list-buy{
  min-height:auto;
  padding:0;
  background:transparent;
  border:none;
  border-radius:0;
  box-shadow:none;
  color:rgba(255,255,255,.92);
  font-size:clamp(16px,2vw,26px);
  font-weight:500;
  line-height:1.05;
  text-transform:none;
  letter-spacing:0;
}

.ss-reference-package .ss-list-buy:hover{ transform:none; }

@media (max-width: 980px){
  .ss-service-reference-card{ padding:22px; }
  .ss-reference-package{ grid-template-columns:minmax(0,1fr) 290px; }
  .ss-reference-package .ss-list-badge{ right:30px; min-width:220px; font-size:16px; }
}

@media (max-width: 760px){
  .ss-service-reference-head{ grid-template-columns:52px minmax(0,1fr); gap:14px; }
  .ss-service-reference-icon{ width:52px; height:52px; border-radius:16px; font-size:24px; }
  .pricing-grid.ss-ref-package-list{ gap:16px!important; }
  .ss-reference-package{ grid-template-columns:1fr; }
  .ss-reference-package .ss-list-left{ border-radius:26px 26px 0 0; padding:26px 22px 18px; }
  .ss-reference-package .ss-list-right{ clip-path:none; border-radius:0 0 26px 26px; padding:18px 22px 24px; }
  .ss-reference-package .ss-list-right::before{ display:none; }
  .ss-reference-package .ss-list-badge{
    top:-12px;
    right:16px;
    min-width:unset;
    width:calc(100% - 32px);
    font-size:15px;
    border-radius:16px;
  }
}


/* V14.38 — pacotes em lista horizontal iguais ao estilo do print, sem reutilizar classes antigas */
.pricing-grid.ss-ref-package-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:18px!important;
  max-width:980px!important;
  margin:0 auto!important;
}

.ss-ref-row-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 34%;
  align-items:stretch;
  min-height:150px;
  border-radius:28px;
  overflow:visible;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease;
}

.ss-ref-row-card:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 38px rgba(7,27,92,.10);
}

.ss-ref-row-left,
.ss-ref-row-right{
  position:relative;
  min-width:0;
}

.ss-ref-row-left{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  padding:28px 26px;
  border-radius:28px 0 0 28px;
  background:linear-gradient(90deg,#020202 0%,#111111 34%,#232323 72%,#313131 100%);
  color:#fff;
}

.ss-ref-row-right{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:22px 22px 20px 34px;
  border-radius:0 28px 28px 0;
  color:#fff;
  background:linear-gradient(135deg,#1ea1ff 0%,#015aff 44%,#143d89 100%);
  clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);
}

.ss-ref-row-right::before{
  content:"";
  position:absolute;
  left:-64px;
  top:0;
  width:100px;
  height:100%;
  background:linear-gradient(90deg, rgba(255,255,255,.18), rgba(255,255,255,0));
  transform:skewX(-18deg);
  pointer-events:none;
}

.ss-ref-row-left strong{
  display:block;
  font-size:clamp(34px,5vw,58px);
  line-height:1;
  font-weight:1000;
  letter-spacing:-.05em;
}

.ss-ref-row-left span{
  display:block;
  font-size:clamp(18px,2.8vw,26px);
  line-height:1.14;
  color:rgba(255,255,255,.94);
}

.ss-ref-row-right b{
  display:block;
  font-size:clamp(32px,4.4vw,54px);
  line-height:1;
  font-weight:1000;
  letter-spacing:-.05em;
  color:#fff;
}

.ss-ref-buy{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  border:none;
  color:rgba(255,255,255,.92);
  font-size:clamp(16px,2.2vw,24px);
  font-weight:500;
  padding:0;
  min-height:auto;
  box-shadow:none;
  border-radius:0;
}

.ss-ref-buy:hover{ transform:none; }

.ss-ref-badge{
  position:absolute;
  top:-18px;
  right:26px;
  z-index:2;
  padding:11px 20px;
  min-width:228px;
  border-radius:18px;
  color:#fff;
  font-weight:1000;
  text-align:center;
  font-size:18px;
  line-height:1;
  box-shadow:0 16px 28px rgba(0,0,0,.16);
}

.ss-ref-badge.discount{ background:linear-gradient(135deg,#0ca73a,#12bf45); }
.ss-ref-badge.hot{ background:linear-gradient(135deg,#ff2f82,#e91564); }
.ss-ref-badge.premium{ background:linear-gradient(135deg,#0ca73a,#11b846); }

@media (max-width: 760px){
  .ss-service-reference-card{ padding:18px 16px; border-radius:22px; }
  .ss-service-reference-head h3{ font-size:clamp(18px,7vw,28px); }
  .ss-service-reference-head p{ font-size:14px; }
  .pricing-grid.ss-ref-package-list{ gap:16px!important; }
  .ss-ref-row-card{
    grid-template-columns:minmax(0,1fr) 40%;
    min-height:118px;
    border-radius:22px;
  }
  .ss-ref-row-left{
    padding:18px 14px;
    border-radius:22px 0 0 22px;
  }
  .ss-ref-row-right{
    padding:18px 14px 14px 22px;
    border-radius:0 22px 22px 0;
  }
  .ss-ref-row-right::before{ left:-52px; width:86px; }
  .ss-ref-row-left strong{ font-size:clamp(26px,9vw,42px); }
  .ss-ref-row-left span{ font-size:clamp(13px,4vw,18px); }
  .ss-ref-row-right b{ font-size:clamp(24px,8vw,38px); }
  .ss-ref-buy{ font-size:clamp(13px,4.2vw,17px); }
  .ss-ref-badge{
    top:-14px;
    right:10px;
    min-width:auto;
    max-width:62%;
    padding:10px 14px;
    font-size:14px;
    border-radius:14px;
  }
}


/* V14.39 — Forçar lista horizontal no celular */
@media (max-width: 760px){
  .pricing-grid.ss-ref-package-list,
  #pricingGrid.ss-ref-package-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    max-width:100%!important;
    width:100%!important;
    margin:0 auto!important;
  }

  .ss-ref-row-card{
    display:grid!important;
    grid-template-columns:minmax(0, 58%) minmax(112px, 42%)!important;
    align-items:stretch!important;
    min-height:116px!important;
    width:100%!important;
    border-radius:20px!important;
    overflow:visible!important;
  }

  .ss-ref-row-left{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    min-width:0!important;
    padding:18px 12px 16px 18px!important;
    border-radius:20px 0 0 20px!important;
    background:linear-gradient(90deg,#020202 0%,#111111 42%,#2b2b2b 100%)!important;
  }

  .ss-ref-row-right{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    justify-content:center!important;
    gap:6px!important;
    min-width:0!important;
    padding:18px 12px 14px 22px!important;
    border-radius:0 20px 20px 0!important;
    clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)!important;
    background:linear-gradient(135deg,#1ea1ff 0%,#015aff 48%,#123c83 100%)!important;
  }

  .ss-ref-row-right::before{
    display:block!important;
    left:-44px!important;
    width:74px!important;
    height:100%!important;
  }

  .ss-ref-row-left strong{
    font-size:clamp(28px, 9vw, 42px)!important;
    line-height:.95!important;
    color:#fff!important;
    white-space:nowrap!important;
  }

  .ss-ref-row-left span{
    font-size:clamp(13px, 3.9vw, 17px)!important;
    line-height:1.12!important;
    color:rgba(255,255,255,.92)!important;
    max-width:100%!important;
  }

  .ss-ref-row-right b{
    font-size:clamp(25px, 7.8vw, 38px)!important;
    line-height:1!important;
    color:#fff!important;
    white-space:nowrap!important;
    text-align:right!important;
  }

  .ss-ref-buy{
    display:block!important;
    width:auto!important;
    min-height:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    color:rgba(255,255,255,.90)!important;
    font-size:clamp(13px, 3.8vw, 16px)!important;
    font-weight:500!important;
    line-height:1.05!important;
    text-align:right!important;
    white-space:nowrap!important;
  }

  .ss-ref-badge{
    top:-12px!important;
    right:10px!important;
    min-width:0!important;
    width:auto!important;
    max-width:58%!important;
    padding:8px 12px!important;
    border-radius:12px!important;
    font-size:clamp(12px, 3.6vw, 14px)!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

@media (max-width: 390px){
  .ss-ref-row-card{
    grid-template-columns:minmax(0, 57%) minmax(104px, 43%)!important;
    min-height:108px!important;
  }

  .ss-ref-row-left{
    padding-left:14px!important;
    padding-right:9px!important;
  }

  .ss-ref-row-right{
    padding-left:20px!important;
    padding-right:10px!important;
  }

  .ss-ref-badge{
    max-width:62%!important;
  }
}


/* V14.40 — LISTA PURA no celular e desktop, sem formato de card */
#pricingGrid.ss-lista-pacotes-pura,
.ss-lista-pacotes-pura{
  width:100%!important;
  max-width:980px!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

#pricingGrid.ss-lista-pacotes-pura > *,
.ss-lista-pacotes-pura > *{
  box-sizing:border-box!important;
}

.ss-linha-pacote{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  width:100%!important;
  min-height:140px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:26px!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,64%) minmax(210px,36%)!important;
  align-items:stretch!important;
  overflow:visible!important;
  cursor:pointer!important;
  text-align:left!important;
  font-family:inherit!important;
}

.ss-linha-esquerda,
.ss-linha-direita{
  min-width:0!important;
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

.ss-linha-esquerda{
  padding:28px 30px!important;
  border-radius:26px 0 0 26px!important;
  background:linear-gradient(100deg,#020202 0%,#111 48%,#2a2a2a 100%)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(0,0,0,.20)!important;
}

.ss-linha-direita{
  align-items:flex-end!important;
  text-align:right!important;
  padding:28px 28px 24px 48px!important;
  border-radius:0 26px 26px 0!important;
  color:#fff!important;
  background:linear-gradient(135deg,#21a7ff 0%,#015aff 45%,#123b83 100%)!important;
  clip-path:polygon(15% 0,100% 0,100% 100%,0 100%)!important;
  box-shadow:0 12px 28px rgba(1,90,255,.24)!important;
}

.ss-linha-direita::before{
  content:""!important;
  position:absolute!important;
  left:-55px!important;
  top:0!important;
  width:95px!important;
  height:100%!important;
  background:linear-gradient(90deg,rgba(255,255,255,.20),rgba(255,255,255,0))!important;
  transform:skewX(-18deg)!important;
  pointer-events:none!important;
}

.ss-linha-esquerda strong{
  display:block!important;
  color:#fff!important;
  font-size:clamp(38px,5.4vw,62px)!important;
  line-height:.95!important;
  font-weight:1000!important;
  letter-spacing:-.05em!important;
  margin:0!important;
  padding:0!important;
}

.ss-linha-esquerda em{
  display:block!important;
  color:rgba(255,255,255,.92)!important;
  font-size:clamp(20px,2.8vw,29px)!important;
  font-style:normal!important;
  font-weight:500!important;
  line-height:1.16!important;
  margin:12px 0 0!important;
  padding:0!important;
}

.ss-linha-direita b{
  display:block!important;
  color:#fff!important;
  font-size:clamp(36px,5vw,58px)!important;
  line-height:.95!important;
  font-weight:1000!important;
  letter-spacing:-.05em!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
}

.ss-linha-direita em{
  display:block!important;
  color:rgba(255,255,255,.90)!important;
  font-size:clamp(16px,2.3vw,25px)!important;
  font-style:normal!important;
  font-weight:500!important;
  line-height:1.05!important;
  margin:10px 0 0!important;
  padding:0!important;
  white-space:nowrap!important;
}

.ss-linha-badge{
  position:absolute!important;
  top:-16px!important;
  right:36px!important;
  z-index:5!important;
  min-width:220px!important;
  max-width:52%!important;
  padding:11px 18px!important;
  border-radius:16px!important;
  color:#fff!important;
  text-align:center!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:1000!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:0 14px 26px rgba(0,0,0,.16)!important;
}

.ss-linha-badge.discount,
.ss-linha-badge.premium{background:linear-gradient(135deg,#0ba43a,#12bf45)!important;}
.ss-linha-badge.hot{background:linear-gradient(135deg,#ff2f82,#e91564)!important;}

/* esconder qualquer estrutura antiga de pacote que possa aparecer por cache/ordem de CSS */
#pricingGrid > .price-card,
#pricingGrid > .ss-list-package,
#pricingGrid > .ss-reference-package,
#pricingGrid > .ss-ref-row-card{
  display:none!important;
}
#pricingGrid > .ss-linha-pacote{
  display:grid!important;
}

@media (max-width:760px){
  #pacotes .container{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  #pricingGrid.ss-lista-pacotes-pura,
  .ss-lista-pacotes-pura{
    gap:14px!important;
    max-width:100%!important;
    width:100%!important;
  }

  .ss-linha-pacote{
    grid-template-columns:minmax(0,62%) minmax(112px,38%)!important;
    min-height:112px!important;
    border-radius:20px!important;
  }

  .ss-linha-esquerda{
    padding:18px 12px 15px 16px!important;
    border-radius:20px 0 0 20px!important;
  }

  .ss-linha-direita{
    padding:18px 10px 14px 24px!important;
    border-radius:0 20px 20px 0!important;
    clip-path:polygon(17% 0,100% 0,100% 100%,0 100%)!important;
  }

  .ss-linha-direita::before{
    left:-42px!important;
    width:72px!important;
  }

  .ss-linha-esquerda strong{
    font-size:clamp(28px,9vw,41px)!important;
    white-space:nowrap!important;
  }

  .ss-linha-esquerda em{
    font-size:clamp(13px,3.8vw,17px)!important;
    margin-top:8px!important;
    line-height:1.13!important;
  }

  .ss-linha-direita b{
    font-size:clamp(23px,7.5vw,35px)!important;
  }

  .ss-linha-direita em{
    font-size:clamp(12px,3.5vw,15px)!important;
    margin-top:7px!important;
  }

  .ss-linha-badge{
    top:-10px!important;
    right:8px!important;
    min-width:0!important;
    max-width:60%!important;
    padding:8px 11px!important;
    border-radius:12px!important;
    font-size:clamp(11px,3.4vw,14px)!important;
  }
}

@media (max-width:390px){
  .ss-linha-pacote{
    grid-template-columns:minmax(0,61%) minmax(104px,39%)!important;
    min-height:104px!important;
  }
  .ss-linha-esquerda{padding-left:13px!important;padding-right:8px!important;}
  .ss-linha-direita{padding-left:21px!important;padding-right:8px!important;}
  .ss-linha-badge{max-width:64%!important;}
}


/* V14.41 — Lista mobile compacta: letras menores para parar de parecer card */
@media (max-width: 760px){
  #pricingGrid,
  #pricingGrid.ss-ref-package-list,
  #pricingGrid.ss-package-list-only,
  .ss-lista-pacotes-pura,
  .pricing-grid.ss-ref-package-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
  }

  /* Estrutura nova V14.40, caso exista */
  .ss-linha-pacote,
  .ss-ref-row-card,
  .ss-reference-package{
    display:grid!important;
    grid-template-columns:59% 41%!important;
    align-items:stretch!important;
    min-height:82px!important;
    max-height:96px!important;
    width:100%!important;
    border-radius:17px!important;
    overflow:visible!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .ss-linha-esquerda,
  .ss-ref-row-left,
  .ss-reference-package .ss-list-left{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    gap:2px!important;
    min-width:0!important;
    padding:14px 10px 12px 16px!important;
    border-radius:17px 0 0 17px!important;
    background:linear-gradient(90deg,#030303 0%,#101010 48%,#252525 100%)!important;
    color:#fff!important;
    box-shadow:none!important;
  }

  .ss-linha-direita,
  .ss-ref-row-right,
  .ss-reference-package .ss-list-right{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-end!important;
    gap:3px!important;
    min-width:0!important;
    padding:14px 10px 11px 20px!important;
    border-radius:0 17px 17px 0!important;
    clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)!important;
    background:linear-gradient(135deg,#159cff 0%,#015aff 52%,#123b7a 100%)!important;
    color:#fff!important;
    box-shadow:none!important;
  }

  .ss-linha-direita::before,
  .ss-ref-row-right::before,
  .ss-reference-package .ss-list-right::before{
    display:none!important;
  }

  .ss-linha-quantidade,
  .ss-linha-esquerda strong,
  .ss-ref-row-left strong,
  .ss-reference-package .ss-list-copy strong,
  .ss-list-copy strong{
    display:block!important;
    color:#fff!important;
    font-size:clamp(23px, 7.1vw, 31px)!important;
    line-height:.92!important;
    font-weight:1000!important;
    letter-spacing:-.045em!important;
    white-space:nowrap!important;
    margin:0!important;
  }

  .ss-linha-servico,
  .ss-linha-esquerda span,
  .ss-ref-row-left span,
  .ss-reference-package .ss-list-copy span,
  .ss-list-copy span{
    display:block!important;
    color:rgba(255,255,255,.88)!important;
    font-size:clamp(10.5px, 3.1vw, 13px)!important;
    line-height:1.08!important;
    font-weight:650!important;
    margin:3px 0 0!important;
    max-width:100%!important;
  }

  .ss-linha-preco,
  .ss-linha-direita b,
  .ss-ref-row-right b,
  .ss-reference-package .ss-list-price b,
  .ss-list-price b{
    display:block!important;
    color:#fff!important;
    font-size:clamp(22px, 6.7vw, 30px)!important;
    line-height:.95!important;
    font-weight:1000!important;
    letter-spacing:-.045em!important;
    white-space:nowrap!important;
    text-align:right!important;
    margin:0!important;
  }

  .ss-linha-comprar,
  .ss-ref-buy,
  .ss-list-buy,
  .ss-reference-package .ss-list-buy{
    display:block!important;
    width:auto!important;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    margin:2px 0 0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    color:rgba(255,255,255,.82)!important;
    font-size:clamp(10px, 3vw, 12.5px)!important;
    font-weight:500!important;
    line-height:1!important;
    text-align:right!important;
    white-space:nowrap!important;
    text-transform:none!important;
  }

  .ss-linha-badge,
  .ss-ref-badge,
  .ss-reference-package .ss-list-badge,
  .ss-list-badge{
    position:absolute!important;
    top:-9px!important;
    right:9px!important;
    z-index:3!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:56%!important;
    height:auto!important;
    padding:6px 9px!important;
    border-radius:9px!important;
    color:#fff!important;
    font-size:clamp(9.5px, 2.8vw, 11.5px)!important;
    font-weight:1000!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    border:0!important;
    box-shadow:0 6px 12px rgba(0,0,0,.12)!important;
  }

  .ss-linha-badge.desconto,
  .ss-ref-badge.discount,
  .ss-list-badge.discount{
    background:#079333!important;
  }

  .ss-linha-badge.mais-vendido,
  .ss-ref-badge.hot,
  .ss-list-badge.hot{
    background:#ef2473!important;
  }

  .ss-service-reference-card{
    padding:14px 14px 16px!important;
    border-radius:20px!important;
    margin:12px auto 16px!important;
  }

  .ss-service-reference-head{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:10px!important;
  }

  .ss-service-reference-icon{
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
    font-size:18px!important;
  }

  .ss-service-reference-head h3{
    font-size:20px!important;
    line-height:1.05!important;
    margin:0 0 5px!important;
  }

  .ss-service-reference-head p{
    font-size:12.5px!important;
    line-height:1.35!important;
  }
}

@media (max-width: 390px){
  .ss-linha-pacote,
  .ss-ref-row-card,
  .ss-reference-package{
    grid-template-columns:58% 42%!important;
    min-height:78px!important;
    max-height:90px!important;
  }

  .ss-linha-esquerda,
  .ss-ref-row-left,
  .ss-reference-package .ss-list-left{
    padding-left:12px!important;
    padding-right:8px!important;
  }

  .ss-linha-direita,
  .ss-ref-row-right,
  .ss-reference-package .ss-list-right{
    padding-left:18px!important;
    padding-right:8px!important;
  }

  .ss-linha-badge,
  .ss-ref-badge,
  .ss-reference-package .ss-list-badge,
  .ss-list-badge{
    max-width:60%!important;
    font-size:10px!important;
  }
}


/* V14.42 — Mobile ultra compacto */
@media (max-width: 760px){
  #pricingGrid,
  #pricingGrid.ss-ref-package-list,
  #pricingGrid.ss-package-list-only,
  .ss-lista-pacotes-pura,
  .pricing-grid.ss-ref-package-list{
    gap:8px!important;
  }

  .ss-linha-pacote,
  .ss-ref-row-card,
  .ss-reference-package{
    grid-template-columns:60% 40%!important;
    min-height:68px!important;
    max-height:78px!important;
    border-radius:14px!important;
  }

  .ss-linha-esquerda,
  .ss-ref-row-left,
  .ss-reference-package .ss-list-left{
    padding:10px 8px 9px 13px!important;
    border-radius:14px 0 0 14px!important;
    gap:1px!important;
  }

  .ss-linha-direita,
  .ss-ref-row-right,
  .ss-reference-package .ss-list-right{
    padding:10px 8px 9px 17px!important;
    border-radius:0 14px 14px 0!important;
    gap:1px!important;
    clip-path:polygon(17% 0,100% 0,100% 100%,0 100%)!important;
  }

  .ss-linha-quantidade,
  .ss-linha-esquerda strong,
  .ss-ref-row-left strong,
  .ss-reference-package .ss-list-copy strong,
  .ss-list-copy strong{
    font-size:clamp(20px, 6.1vw, 26px)!important;
    line-height:.9!important;
    letter-spacing:-.045em!important;
  }

  .ss-linha-servico,
  .ss-linha-esquerda span,
  .ss-ref-row-left span,
  .ss-reference-package .ss-list-copy span,
  .ss-list-copy span{
    font-size:clamp(9px, 2.65vw, 11px)!important;
    line-height:1.02!important;
    margin-top:2px!important;
    font-weight:600!important;
  }

  .ss-linha-preco,
  .ss-linha-direita b,
  .ss-ref-row-right b,
  .ss-reference-package .ss-list-price b,
  .ss-list-price b{
    font-size:clamp(19px, 5.8vw, 25px)!important;
    line-height:.92!important;
    letter-spacing:-.045em!important;
  }

  .ss-linha-comprar,
  .ss-ref-buy,
  .ss-list-buy,
  .ss-reference-package .ss-list-buy{
    font-size:clamp(8.5px, 2.55vw, 10.5px)!important;
    line-height:.95!important;
    margin-top:1px!important;
  }

  .ss-linha-badge,
  .ss-ref-badge,
  .ss-reference-package .ss-list-badge,
  .ss-list-badge{
    top:-7px!important;
    right:7px!important;
    max-width:54%!important;
    padding:5px 7px!important;
    border-radius:8px!important;
    font-size:clamp(8px, 2.35vw, 9.5px)!important;
    box-shadow:0 4px 9px rgba(0,0,0,.10)!important;
  }

  .ss-service-reference-card{
    padding:11px 12px 12px!important;
    border-radius:16px!important;
    margin:10px auto 12px!important;
  }

  .ss-service-reference-head{
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:8px!important;
  }

  .ss-service-reference-icon{
    width:32px!important;
    height:32px!important;
    border-radius:10px!important;
    font-size:15px!important;
  }

  .ss-service-reference-head h3{
    font-size:18px!important;
    margin-bottom:3px!important;
  }

  .ss-service-reference-head p{
    font-size:11.5px!important;
    line-height:1.25!important;
  }
}

@media (max-width: 390px){
  .ss-linha-pacote,
  .ss-ref-row-card,
  .ss-reference-package{
    grid-template-columns:59% 41%!important;
    min-height:64px!important;
    max-height:74px!important;
  }

  .ss-linha-esquerda,
  .ss-ref-row-left,
  .ss-reference-package .ss-list-left{
    padding-left:10px!important;
    padding-right:6px!important;
  }

  .ss-linha-direita,
  .ss-ref-row-right,
  .ss-reference-package .ss-list-right{
    padding-left:15px!important;
    padding-right:7px!important;
  }

  .ss-linha-badge,
  .ss-ref-badge,
  .ss-reference-package .ss-list-badge,
  .ss-list-badge{
    max-width:58%!important;
    font-size:8px!important;
  }
}


/* V14.44 — Diminuir textos marcados nos pacotes mobile */
@media (max-width: 760px){
  /* Texto do serviço: "Seguidores no Instagram" */
  .ss-linha-servico,
  .ss-linha-esquerda span,
  .ss-ref-row-left span,
  .ss-reference-package .ss-list-copy span,
  .ss-list-copy span{
    font-size:clamp(7.8px, 2.25vw, 9.8px)!important;
    line-height:1!important;
    font-weight:600!important;
    letter-spacing:-.01em!important;
    margin-top:1px!important;
  }

  /* Texto do botão: "Comprar Agora" */
  .ss-linha-comprar,
  .ss-ref-buy,
  .ss-list-buy,
  .ss-reference-package .ss-list-buy{
    font-size:clamp(7.4px, 2.15vw, 9.4px)!important;
    line-height:.95!important;
    font-weight:500!important;
    letter-spacing:-.01em!important;
    margin-top:0!important;
  }
}

@media (max-width: 390px){
  .ss-linha-servico,
  .ss-linha-esquerda span,
  .ss-ref-row-left span,
  .ss-reference-package .ss-list-copy span,
  .ss-list-copy span{
    font-size:7.6px!important;
    line-height:.98!important;
  }

  .ss-linha-comprar,
  .ss-ref-buy,
  .ss-list-buy,
  .ss-reference-package .ss-list-buy{
    font-size:7.2px!important;
    line-height:.92!important;
  }
}


/* V14.45 — Fonte menor aplicada no seletor real dos pacotes */
@media (max-width: 760px){
  #pricingGrid.ss-lista-pacotes-pura .ss-linha-pacote .ss-linha-esquerda > em,
  #pricingGrid.ss-lista-pacotes-pura .ss-linha-pacote .ss-linha-servico,
  .ss-lista-pacotes-pura .ss-linha-pacote .ss-linha-esquerda > em,
  .ss-lista-pacotes-pura .ss-linha-pacote .ss-linha-servico{
    font-size:6.4px!important;
    line-height:.9!important;
    font-weight:600!important;
    letter-spacing:-.02em!important;
    margin-top:0!important;
    transform:scale(.94)!important;
    transform-origin:left center!important;
    max-width:122px!important;
  }

  #pricingGrid.ss-lista-pacotes-pura .ss-linha-pacote .ss-linha-direita > em,
  #pricingGrid.ss-lista-pacotes-pura .ss-linha-pacote .ss-linha-comprar,
  .ss-lista-pacotes-pura .ss-linha-pacote .ss-linha-direita > em,
  .ss-lista-pacotes-pura .ss-linha-pacote .ss-linha-comprar{
    font-size:6.1px!important;
    line-height:.9!important;
    font-weight:500!important;
    letter-spacing:-.02em!important;
    margin-top:0!important;
    transform:scale(.94)!important;
    transform-origin:right center!important;
    white-space:nowrap!important;
  }
}

@media (max-width: 390px){
  #pricingGrid.ss-lista-pacotes-pura .ss-linha-pacote .ss-linha-esquerda > em,
  #pricingGrid.ss-lista-pacotes-pura .ss-linha-pacote .ss-linha-servico,
  .ss-lista-pacotes-pura .ss-linha-pacote .ss-linha-esquerda > em,
  .ss-lista-pacotes-pura .ss-linha-pacote .ss-linha-servico{
    font-size:5.8px!important;
    transform:scale(.92)!important;
    max-width:108px!important;
  }

  #pricingGrid.ss-lista-pacotes-pura .ss-linha-pacote .ss-linha-direita > em,
  #pricingGrid.ss-lista-pacotes-pura .ss-linha-pacote .ss-linha-comprar,
  .ss-lista-pacotes-pura .ss-linha-pacote .ss-linha-direita > em,
  .ss-lista-pacotes-pura .ss-linha-pacote .ss-linha-comprar{
    font-size:5.6px!important;
    transform:scale(.92)!important;
  }
}


/* V14.46 — Página pública de status da compra */
.status-header-btn{
  border-color:rgba(255,255,255,.62)!important;
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.status-header-btn:hover{
  background:#fff!important;
  color:#015AFF!important;
}
.status-page-main{
  background:linear-gradient(180deg,#f5f8ff 0%,#ffffff 100%);
  min-height:calc(100vh - 150px);
}
.status-hero{
  padding:54px 0 70px;
}
.status-shell{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
  gap:28px;
  align-items:start;
}
.status-copy-card,
.status-form-card{
  background:#fff;
  border:1px solid rgba(1,90,255,.10);
  border-radius:28px;
  box-shadow:0 22px 54px rgba(15,43,111,.10);
}
.status-copy-card{
  padding:34px;
}
.status-copy-card h1{
  margin:12px 0 12px;
  font-size:clamp(34px,5vw,58px);
  line-height:.95;
  letter-spacing:-.06em;
  color:#061843;
}
.status-copy-card p{
  color:#56627a;
  font-size:17px;
  line-height:1.55;
}
.status-help-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
.status-help-list span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:#edf4ff;
  color:#0f3f90;
  font-weight:900;
  font-size:13px;
}
.status-form-card{
  padding:28px;
}
.status-form label{
  display:block;
  font-weight:950;
  color:#071b5c;
  margin-bottom:10px;
}
.status-input-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
}
.status-input-row input{
  min-height:54px;
  border:1px solid #cdd9ef;
  border-radius:16px;
  padding:0 16px;
  font:inherit;
  font-weight:700;
  color:#071b5c;
  outline:none;
}
.status-input-row input:focus{
  border-color:#015AFF;
  box-shadow:0 0 0 4px rgba(1,90,255,.10);
}
.status-form small{
  display:block;
  margin-top:10px;
  color:#67728a;
  font-weight:650;
}
.status-feedback{
  margin-top:18px;
  border-radius:16px;
  padding:13px 15px;
  font-weight:850;
}
.status-feedback.ok{
  background:#eef7ff;
  color:#0d4595;
}
.status-feedback.error{
  background:#fff1f3;
  color:#a21b35;
}
.status-results{
  display:grid;
  gap:16px;
  margin-top:18px;
}
.status-empty-card,
.order-status-card{
  border:1px solid #e3eaf7;
  border-radius:22px;
  background:#fbfdff;
  padding:18px;
}
.status-empty-card strong{
  display:block;
  color:#071b5c;
  font-size:18px;
  margin-bottom:6px;
}
.status-empty-card p{
  margin:0;
  color:#66728b;
  line-height:1.45;
}
.order-status-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
}
.order-status-top span,
.order-status-main small{
  display:block;
  color:#6c778f;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.order-status-top strong{
  display:block;
  color:#071b5c;
  font-size:20px;
  margin-top:3px;
}
.order-summary{
  border-radius:999px;
  padding:9px 12px;
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}
.order-summary.ok,
.status-pill.ok{background:#e9fbef;color:#08712d;}
.order-summary.pending,
.status-pill.pending{background:#fff7db;color:#8a6200;}
.order-summary.attention,
.status-pill.attention{background:#fff1f3;color:#a21b35;}
.order-summary.neutral,
.status-pill.neutral{background:#eef2f8;color:#40516f;}
.order-status-main{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px;
  margin-bottom:14px;
}
.order-status-main div{
  background:#fff;
  border:1px solid #edf2fb;
  border-radius:16px;
  padding:13px;
  min-width:0;
}
.order-status-main strong{
  display:block;
  color:#071b5c;
  font-size:14px;
  line-height:1.25;
  margin-top:4px;
  word-break:break-word;
}
.order-status-steps{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.status-pill{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  border-radius:999px;
  padding:0 12px;
  font-size:12px;
  font-weight:900;
}
.order-payment-link{
  width:100%;
  margin-top:14px;
}
.status-footer{
  margin-top:0;
}
@media (max-width: 860px){
  .status-shell{grid-template-columns:1fr;}
}
@media (max-width: 760px){
  .status-header-btn{width:100%;}
  .status-hero{padding:28px 0 48px;}
  .status-copy-card,.status-form-card{border-radius:22px;padding:20px;}
  .status-copy-card h1{font-size:34px;}
  .status-copy-card p{font-size:14px;}
  .status-input-row{grid-template-columns:1fr;}
  .status-input-row input,.status-input-row button{width:100%;}
  .order-status-top{flex-direction:column;}
  .order-summary{white-space:normal;}
  .order-status-main{grid-template-columns:1fr;}
}


/* V14.47 — botão de consulta/status no header mobile */
.mobile-status-btn{
  display:none;
}

@media (max-width: 760px){
  .nav{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
  }

  .nav .logo,
  .nav .logo-image-link{
    flex:1 1 auto!important;
    min-width:0!important;
  }

  .mobile-status-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:34px!important;
    min-width:76px!important;
    padding:0 11px!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.16)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    color:#fff!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:800!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    box-shadow:0 10px 18px rgba(0,0,0,.10)!important;
  }

  .mobile-status-btn:active{
    transform:scale(.98);
  }

  .menu-btn{
    flex:0 0 auto!important;
  }
}

@media (max-width: 390px){
  .mobile-status-btn{
    height:32px!important;
    min-width:70px!important;
    padding:0 9px!important;
    font-size:11px!important;
    border-radius:12px!important;
  }
}


/* V14.48 — Botão consultar visual real no header mobile */
.mobile-status-pill{
  display:none;
}

@media (max-width: 760px){
  header.header .container.nav{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:9px!important;
  }

  header.header .container.nav > .logo,
  header.header .container.nav > .logo-image-link{
    flex:1 1 auto!important;
    min-width:0!important;
  }

  header.header .container.nav > a.mobile-status-btn.mobile-status-pill,
  header.header .container.nav > .mobile-status-btn.mobile-status-pill,
  a.mobile-status-btn.mobile-status-pill{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:82px!important;
    height:36px!important;
    padding:0 13px!important;
    margin:0!important;
    border-radius:14px!important;
    border:1px solid rgba(255,255,255,.42)!important;
    background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.12))!important;
    color:#ffffff!important;
    font-family:inherit!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:-.01em!important;
    text-decoration:none!important;
    text-align:center!important;
    white-space:nowrap!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.26), 0 10px 18px rgba(0,0,0,.14)!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  header.header .container.nav > a.mobile-status-btn.mobile-status-pill span,
  a.mobile-status-btn.mobile-status-pill span{
    display:block!important;
    color:#ffffff!important;
    font-size:inherit!important;
    line-height:1!important;
    font-weight:900!important;
    text-decoration:none!important;
  }

  header.header .container.nav > a.mobile-status-btn.mobile-status-pill::before,
  a.mobile-status-btn.mobile-status-pill::before{
    content:"🔎"!important;
    display:inline-block!important;
    margin-right:5px!important;
    font-size:12px!important;
    line-height:1!important;
  }

  header.header .container.nav > a.mobile-status-btn.mobile-status-pill:hover,
  header.header .container.nav > a.mobile-status-btn.mobile-status-pill:focus,
  a.mobile-status-btn.mobile-status-pill:hover,
  a.mobile-status-btn.mobile-status-pill:focus{
    color:#ffffff!important;
    text-decoration:none!important;
    background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.16))!important;
  }

  header.header .container.nav > a.mobile-status-btn.mobile-status-pill:active,
  a.mobile-status-btn.mobile-status-pill:active{
    transform:scale(.98)!important;
  }

  header.header .menu-btn{
    flex:0 0 auto!important;
    margin-left:0!important;
  }
}

@media (max-width: 390px){
  header.header .container.nav > a.mobile-status-btn.mobile-status-pill,
  a.mobile-status-btn.mobile-status-pill{
    min-width:76px!important;
    height:34px!important;
    padding:0 10px!important;
    border-radius:13px!important;
    font-size:11px!important;
  }

  header.header .container.nav > a.mobile-status-btn.mobile-status-pill::before,
  a.mobile-status-btn.mobile-status-pill::before{
    margin-right:4px!important;
    font-size:11px!important;
  }
}


/* V14.49 — Aumentar textos .ss-linha-servico e .ss-linha-comprar */
@media (max-width: 760px){
  .ss-linha-servico,
  .ss-linha-esquerda em.ss-linha-servico,
  .ss-linha-esquerda em{
    font-size:clamp(9.4px, 2.75vw, 11.4px)!important;
    line-height:1.04!important;
    font-weight:700!important;
    letter-spacing:-.01em!important;
    margin-top:2px!important;
  }

  .ss-linha-comprar,
  .ss-linha-direita em.ss-linha-comprar,
  .ss-linha-direita em{
    font-size:clamp(9px, 2.6vw, 10.8px)!important;
    line-height:1!important;
    font-weight:650!important;
    letter-spacing:-.01em!important;
    margin-top:2px!important;
  }
}

@media (max-width: 390px){
  .ss-linha-servico,
  .ss-linha-esquerda em.ss-linha-servico,
  .ss-linha-esquerda em{
    font-size:8.8px!important;
    line-height:1.02!important;
  }

  .ss-linha-comprar,
  .ss-linha-direita em.ss-linha-comprar,
  .ss-linha-direita em{
    font-size:8.4px!important;
    line-height:1!important;
  }
}


/* V14.51 — Textos dos pacotes travados em 11px */
@media (max-width: 760px){
  #pricingGrid .ss-linha-pacote .ss-linha-esquerda > em,
  #pricingGrid .ss-linha-pacote .ss-linha-esquerda > em.ss-linha-servico,
  #pricingGrid .ss-linha-pacote .ss-linha-servico,
  .ss-lista-pacotes-pura .ss-linha-esquerda > em,
  .ss-lista-pacotes-pura .ss-linha-servico{
    font-size:11px!important;
    line-height:1.05!important;
    font-weight:700!important;
    letter-spacing:-.01em!important;
    margin-top:2px!important;
    font-style:normal!important;
  }

  #pricingGrid .ss-linha-pacote .ss-linha-direita > em,
  #pricingGrid .ss-linha-pacote .ss-linha-direita > em.ss-linha-comprar,
  #pricingGrid .ss-linha-pacote .ss-linha-comprar,
  .ss-lista-pacotes-pura .ss-linha-direita > em,
  .ss-lista-pacotes-pura .ss-linha-comprar{
    font-size:11px!important;
    line-height:1.05!important;
    font-weight:700!important;
    letter-spacing:-.01em!important;
    margin-top:2px!important;
    font-style:normal!important;
    white-space:nowrap!important;
  }
}

@media (max-width: 390px){
  #pricingGrid .ss-linha-pacote .ss-linha-esquerda > em,
  #pricingGrid .ss-linha-pacote .ss-linha-esquerda > em.ss-linha-servico,
  #pricingGrid .ss-linha-pacote .ss-linha-servico,
  .ss-lista-pacotes-pura .ss-linha-esquerda > em,
  .ss-lista-pacotes-pura .ss-linha-servico,
  #pricingGrid .ss-linha-pacote .ss-linha-direita > em,
  #pricingGrid .ss-linha-pacote .ss-linha-direita > em.ss-linha-comprar,
  #pricingGrid .ss-linha-pacote .ss-linha-comprar,
  .ss-lista-pacotes-pura .ss-linha-direita > em,
  .ss-lista-pacotes-pura .ss-linha-comprar{
    font-size:11px!important;
    line-height:1.05!important;
  }
}


/* V14.53 — Botões de categorias no estilo do print */
.ss-category-pills-grid,
.tabs.ss-category-pills-grid,
#packageTabs.ss-category-pills-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  max-width:560px!important;
  margin:0 auto 18px!important;
  padding:0!important;
  overflow:visible!important;
}

.ss-category-pills-grid .tab.ss-category-pill,
.tabs .tab.ss-category-pill,
#packageTabs .tab.ss-category-pill{
  min-height:48px!important;
  width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:0 12px!important;
  border-radius:11px!important;
  border:1px solid rgba(15,23,42,.08)!important;
  background:#ffffff!important;
  color:#253145!important;
  box-shadow:0 2px 6px rgba(15,23,42,.08), 0 1px 1px rgba(15,23,42,.04)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  transform:none!important;
}

.ss-category-pills-grid .tab.ss-category-pill.active,
.tabs .tab.ss-category-pill.active,
#packageTabs .tab.ss-category-pill.active{
  background:#1f2937!important;
  color:#ffffff!important;
  border-color:#1f2937!important;
  box-shadow:0 6px 13px rgba(15,23,42,.16)!important;
}

.ss-category-pills-grid .ss-tab-icon,
.tabs .ss-tab-icon,
#packageTabs .ss-tab-icon{
  width:17px!important;
  height:17px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 17px!important;
  color:currentColor!important;
}

.ss-category-pills-grid .ss-tab-icon svg,
.tabs .ss-tab-icon svg,
#packageTabs .ss-tab-icon svg{
  width:17px!important;
  height:17px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.ss-category-pills-grid .ss-tab-label,
.tabs .ss-tab-label,
#packageTabs .ss-tab-label{
  display:inline-block!important;
  color:currentColor!important;
  font-size:inherit!important;
  line-height:1!important;
  font-weight:inherit!important;
}

.ss-category-pills-grid .ss-tab-flag,
.tabs .ss-tab-flag,
#packageTabs .ss-tab-flag{
  display:inline-block!important;
  font-size:13px!important;
  line-height:1!important;
  margin-left:1px!important;
}

@media (max-width:760px){
  .ss-category-pills-grid,
  .tabs.ss-category-pills-grid,
  #packageTabs.ss-category-pills-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px 10px!important;
    max-width:100%!important;
    margin:0 auto 14px!important;
  }

  .ss-category-pills-grid .tab.ss-category-pill,
  .tabs .tab.ss-category-pill,
  #packageTabs .tab.ss-category-pill{
    min-height:41px!important;
    border-radius:10px!important;
    padding:0 9px!important;
    font-size:12.4px!important;
  }

  .ss-category-pills-grid .ss-tab-icon,
  .tabs .ss-tab-icon,
  #packageTabs .ss-tab-icon,
  .ss-category-pills-grid .ss-tab-icon svg,
  .tabs .ss-tab-icon svg,
  #packageTabs .ss-tab-icon svg{
    width:16px!important;
    height:16px!important;
    flex-basis:16px!important;
  }
}

@media (max-width:380px){
  .ss-category-pills-grid .tab.ss-category-pill,
  .tabs .tab.ss-category-pill,
  #packageTabs .tab.ss-category-pill{
    min-height:39px!important;
    font-size:11.5px!important;
    gap:5px!important;
    padding:0 7px!important;
  }

  .ss-category-pills-grid .ss-tab-icon,
  .tabs .ss-tab-icon,
  #packageTabs .ss-tab-icon,
  .ss-category-pills-grid .ss-tab-icon svg,
  .tabs .ss-tab-icon svg,
  #packageTabs .ss-tab-icon svg{
    width:15px!important;
    height:15px!important;
    flex-basis:15px!important;
  }

  .ss-category-pills-grid .ss-tab-flag,
  .tabs .ss-tab-flag,
  #packageTabs .ss-tab-flag{
    font-size:12px!important;
  }
}


/* V14.54 — Layout dinâmico único de pacotes em todas as páginas */
.service-buy-section .ss-service-list-layout,
.article-buy-list .ss-service-list-layout,
.service-buy-group .ss-service-list-layout,
.ss-service-list-layout{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  width:100%!important;
  max-width:760px!important;
  margin:16px auto 0!important;
}

.service-buy-section .ss-linha-pacote,
.article-buy-list .ss-linha-pacote,
.service-buy-group .ss-linha-pacote,
.ss-service-list-layout .ss-linha-pacote{
  border:0!important;
  cursor:pointer!important;
  text-decoration:none!important;
}

.service-buy-group{
  margin:18px 0 22px!important;
}

.service-buy-group > h3{
  margin:0 0 4px!important;
  color:#0f172a!important;
  font-size:20px!important;
  font-weight:900!important;
  letter-spacing:-.03em!important;
}

.service-buy-group > p{
  margin:0 0 12px!important;
  color:#64748b!important;
}

.article-buy-list{
  padding:22px!important;
}

.article-buy-list .btn{
  display:none!important;
}

@media (max-width:760px){
  .service-buy-section .ss-service-list-layout,
  .article-buy-list .ss-service-list-layout,
  .service-buy-group .ss-service-list-layout,
  .ss-service-list-layout{
    gap:8px!important;
    margin-top:12px!important;
  }

  .service-buy-group{
    margin:15px 0 18px!important;
  }

  .service-buy-group > h3{
    font-size:17px!important;
  }

  .article-buy-list{
    padding:16px!important;
  }
}


/* V14.60 — Pacote brasileiro: somente troca a cor da parte preta para verde */
.ss-linha-pacote.ss-pacote-brasileiro .ss-linha-esquerda{
  background:linear-gradient(135deg,#003f22 0%,#007a3d 52%,#00a859 100%)!important;
}

.ss-linha-pacote.ss-pacote-brasileiro .ss-linha-esquerda::before,
.ss-linha-pacote.ss-pacote-brasileiro .ss-linha-esquerda::after{
  opacity:.10!important;
}

/* Remove apenas extras brasileiros antigos, sem mudar formato do botão normal */
.ss-linha-pacote.ss-pacote-brasileiro::before,
.ss-linha-pacote.ss-pacote-brasileiro::after,
.ss-linha-pacote.ss-pacote-brasileiro .ss-linha-badge::before,
.ss-linha-pacote.ss-pacote-brasileiro .ss-linha-badge::after{
  content:none!important;
  display:none!important;
}


/* V14.61 — Bandeira do Brasil ao lado da quantidade nos pacotes brasileiros */
.ss-linha-pacote.ss-pacote-brasileiro .ss-linha-esquerda strong{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
}

.ss-linha-pacote.ss-pacote-brasileiro .ss-linha-esquerda strong::after{
  content:"🇧🇷"!important;
  display:inline-block!important;
  flex:0 0 auto!important;
  font-size:.42em!important;
  line-height:1!important;
  letter-spacing:0!important;
  transform:translateY(-.04em)!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))!important;
}

@media(max-width:760px){
  .ss-linha-pacote.ss-pacote-brasileiro .ss-linha-esquerda strong{
    gap:5px!important;
  }

  .ss-linha-pacote.ss-pacote-brasileiro .ss-linha-esquerda strong::after{
    font-size:.40em!important;
  }
}