/* COSPAM V3.6.6 — GLOBAL SAPPHIRE UNIFIED
   Camada VISUAL e exclusiva das paginas publicas. Nao aplicar ao Admin.
   Preservar fotografia hero, logica de checkout, estados, precos e layouts operacionais. */
body.cospam-public-sapphire {
  --v366-deep:#030b16;
  --v366-surface:#091827;
  --v366-edge:rgba(110,178,222,.25);
  --v366-sheen:rgba(167,216,248,.12);
  --v366-fume:radial-gradient(ellipse at 65% 0%,rgba(33,100,154,.11),transparent 52%),linear-gradient(154deg,#0a1c2e 0%,#071626 51%,#04101d 100%);
  --v366-fume-deep:radial-gradient(ellipse at 50% -15%,rgba(43,111,167,.13),transparent 51%),linear-gradient(158deg,#091929 0%,#061421 65%,#040d19 100%);
  --v366-depth:inset 0 1px 0 var(--v366-sheen),0 16px 39px rgba(0,5,15,.32);
  background-color:var(--v366-deep);
}
/* A base escura nao altera carrossel, posicoes, imagens nem a foto principal. */
body.cospam-public-sapphire .topbar {
  background:linear-gradient(180deg,rgba(4,12,24,.98),rgba(5,13,25,.98))!important;
  border-bottom:1px solid rgba(105,160,205,.17)!important;
}
/* Superficies principais: heroi, vitrine, catálogo, login, registro e suporte. */
body.cospam-public-sapphire :is(
  .cloud-platform-section,.store-benefits>.benefit-card,
  .vps-home-section,.vps-market-section,.vps-market-card,.vps-home-builder-cta,
  .catalog-page-hero,.catalog-page-shell .store-product-card,
  .catalog-page-shell .vps-builder-card,.catalog-page-shell .vps-builder-entry,
  .checkout-card,.checkout-account-ready,.payment-card,
  .login-card-modern,.register-card-modern,
  .account-hero,.account-stat-card,.account-order-card,.account-empty,
  .profile-page-head,.profile-form-card,.profile-photo-editor,.profile-google-linked,
  .support-center-hero,.support-new-ticket-card,.support-ticket-list-card,
  .support-ticket-item,.support-conversation-card,
  .ranking-sapphire .card,.ranking-sapphire .ranking-card
) {
  background:var(--v366-fume)!important;
  border:1px solid var(--v366-edge)!important;
  box-shadow:var(--v366-depth)!important;
}
/* Cards secundarios seguem vidro mais escuro; nao afetar badges de status. */
body.cospam-public-sapphire :is(
  .account-quick-actions>a,.quick-actions>a,.account-service-card,
  .profile-page-shell .csp-photo-studio,
  .vps-card-specs>span,.vps-home-builder-action,
  .vps-builder-control,.vps-builder-summary>span,
  .vps-market-card .vps-card-visual,
  .checkout-region-card,.checkout-region-container,.checkout-location,
  .payment-option,.support-chat-panel,.support-launcher-panel
) {
  background:var(--v366-fume-deep)!important;
  border-color:rgba(112,172,220,.22)!important;
  box-shadow:inset 0 1px 0 rgba(149,203,239,.08),0 11px 25px rgba(0,5,15,.2)!important;
}
/* Reflexo de safira apenas na borda superior, sem contorno neon. */
body.cospam-public-sapphire :is(
  .store-benefits>.benefit-card,.vps-home-section,.vps-market-card,
  .account-stat-card,.catalog-page-hero,.account-hero,
  .login-card-modern,.register-card-modern,.profile-form-card,
  .support-center-hero,.support-new-ticket-card,.support-ticket-list-card
) {border-top-color:rgba(137,206,250,.34)!important;}
/* Nao substituir a imagem original do heroi nem seus filtros. */
body.cospam-public-sapphire .store-hero {border-color:var(--v366-edge)!important;box-shadow:var(--v366-depth)!important;}
/* Acabamento comercial, sem sobrepor estados verde/vermelho e botao WhatsApp. */
body.cospam-public-sapphire :is(
  .store-hero .hero-primary-cta,.catalog-page-shell .btn:not(.secondary),
  .vps-home-section .btn:not(.secondary),.checkout-shell .checkout-button,
  .checkout-shell .wide-btn,.login-card-modern .wide-btn,
  .register-card-modern .wide-btn,.profile-page-shell .wide-btn,
  .support-center-shell .wide-btn,.ranking-sapphire .btn:not(.secondary)
):not(.whatsapp-button):not(.btn-whatsapp) {
  background:linear-gradient(118deg,#15538c,#2679bd)!important;
  color:#f2f9ff!important;
  border-color:rgba(128,194,237,.35)!important;
  box-shadow:inset 0 1px 0 rgba(230,249,255,.17),0 11px 24px rgba(3,28,61,.25)!important;
}
/* Textos de secao e chips informativos ficam em ciano fosco, sem roxo. */
body.cospam-public-sapphire :is(.cloud-platform-heading,.catalog-page-shell,.vps-home-section,.account-shell,.profile-page-shell,.support-center-shell,.ranking-sapphire) .eyebrow,
body.cospam-public-sapphire .vps-home-builder-cta .eyebrow {
  color:#94c8ee!important;
}
body.cospam-public-sapphire .vps-home-builder-pills span {
  background:rgba(21,64,101,.42)!important;
  border-color:rgba(112,175,217,.25)!important;
  color:#d5e8fa!important;
}
/* Provedores: somente identidade textual + SVG nativo em proporcao real. Sem capsulas brancas. */
body.cospam-public-sapphire .cloud-platform-section {
  padding:18px 22px!important;
  background:var(--v366-fume-deep)!important;
}
body.cospam-public-sapphire .cloud-brand-marquee {
  background:transparent!important;
  border:0!important;border-top:1px solid rgba(117,182,220,.14)!important;
  border-radius:0!important;padding:12px 0 0!important;
  box-shadow:none!important;overflow:visible!important;
}
body.cospam-public-sapphire .cloud-brand-track {
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  gap:5px 22px!important;width:100%!important;max-width:100%!important;
  transform:none!important;animation:none!important;
}
body.cospam-public-sapphire .cloud-brand-card {
  display:flex!important;flex-direction:row!important;align-items:center!important;
  justify-content:flex-start!important;flex:0 1 auto!important;
  min-width:0!important;max-width:100%!important;width:auto!important;height:auto!important;
  padding:8px 2px!important;gap:8px!important;
  border:none!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
body.cospam-public-sapphire .cloud-brand-card[aria-hidden="true"]{display:none!important;}
body.cospam-public-sapphire .cloud-brand-logo {
  width:52px!important;min-width:52px!important;max-width:52px!important;
  height:36px!important;min-height:36px!important;max-height:36px!important;
  flex:0 0 52px!important;display:grid!important;place-items:center!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
body.cospam-public-sapphire .cloud-brand-logo img {
  display:block!important;width:100%!important;height:100%!important;
  max-width:52px!important;max-height:36px!important;object-fit:contain!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
body.cospam-public-sapphire .cloud-brand-logo b{display:none!important;}
body.cospam-public-sapphire .cloud-brand-card strong {
  font-size:12px!important;line-height:1.3!important;
  font-weight:650!important;color:#c4d9ea!important;max-width:145px!important;
  white-space:normal!important;
}
body.cospam-public-sapphire .cloud-brand-note {font-size:11px!important;color:#829bb2!important;}
/* Pagamentos/Entrega/Suporte: cards compactos no mesmo vidro fumê. */
body.cospam-public-sapphire .store-benefits {
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;overflow:visible!important;scroll-snap-type:none!important;
  transform:none!important;
}
body.cospam-public-sapphire .store-benefits>.benefit-card {
  display:block!important;min-width:0!important;width:auto!important;max-width:none!important;
  min-height:0!important;padding:18px 20px!important;transform:none!important;
}
body.cospam-public-sapphire .store-benefits>.benefit-card h3 {margin:6px 0 5px!important;}
body.cospam-public-sapphire .store-benefits>.benefit-card p {color:#9fb5c9!important;line-height:1.45!important;}
/* Rodape ate a ultima linha, sem roxo. */
body.cospam-public-sapphire .site-footer {
  background:radial-gradient(ellipse at 22% -12%,rgba(29,86,135,.12),transparent 43%),linear-gradient(180deg,#071727,#040d19 55%,#030914)!important;
  border-top:1px solid rgba(103,172,224,.21)!important;
  box-shadow:inset 0 1px 0 rgba(150,215,255,.08)!important;
}
body.cospam-public-sapphire .site-footer-brand p,
body.cospam-public-sapphire .site-footer-column a {color:#afc3d7!important;}
body.cospam-public-sapphire .site-footer-column a:hover {color:#9edaff!important;}
body.cospam-public-sapphire .site-footer-column>span {color:#85a8c8!important;}
body.cospam-public-sapphire .site-footer-bottom {
  border-top:1px solid rgba(110,169,213,.16)!important;color:#7992aa!important;
}
body.cospam-public-sapphire .footer-cloud-mark,
body.cospam-public-sapphire .site-footer .footer-cloud-mark {
  background:linear-gradient(140deg,#14476c,#226992)!important;
  border:1px solid rgba(136,199,236,.22)!important;
}
/* Mobile: evitar lagoas azuis e cards gigantes na area institucional. */
@media(max-width:760px) {
  body.cospam-public-sapphire .cloud-platform-section {padding:16px!important;}
  body.cospam-public-sapphire .cloud-brand-track {gap:4px 11px!important;}
  body.cospam-public-sapphire .cloud-brand-logo {
    flex-basis:40px!important;width:40px!important;min-width:40px!important;
    max-width:40px!important;height:30px!important;max-height:30px!important;min-height:30px!important;
  }
  body.cospam-public-sapphire .cloud-brand-logo img {max-width:40px!important;max-height:30px!important;}
  body.cospam-public-sapphire .cloud-brand-card strong {font-size:11px!important;max-width:124px!important;}
  body.cospam-public-sapphire .store-benefits {grid-template-columns:minmax(0,1fr)!important;gap:10px!important;}
  body.cospam-public-sapphire .store-benefits>.benefit-card {padding:15px 17px!important;}
}
@media(prefers-reduced-motion:reduce) {
  body.cospam-public-sapphire .cloud-brand-track {animation:none!important;}
}

/* COSPAM_V366_FINISH5_START
 * Sapphire Glass V3.6.6 — refined only on public site.
 * No changes to checkout controls, prices, JS, statuses or admin screens.
 */

/* 1. Payment methods — one restrained smoked-glass surface; no giant white tiles. */
body.cospam-public-sapphire .home-payment-showcase.payment-trust-card {
  position:relative!important;
  isolation:isolate;
  grid-template-columns:minmax(0,1fr)!important;
  gap:19px!important;
  padding:25px 26px!important;
  margin-block:30px 20px!important;
  border:1px solid rgba(103,169,215,.24)!important;
  border-top-color:rgba(153,214,247,.45)!important;
  border-radius:27px!important;
  background:
    radial-gradient(ellipse 80% 46% at 55% -16%,rgba(47,117,164,.15),transparent 72%),
    linear-gradient(157deg,#0a1a2a 0%,#071421 64%,#040d18 100%)!important;
  box-shadow:inset 0 1px 0 rgba(174,223,255,.12),0 26px 54px rgba(0,6,18,.36)!important;
}
body.cospam-public-sapphire .home-payment-showcase.payment-trust-card::before {
  content:""!important;position:absolute!important;top:0!important;bottom:auto!important;
  left:9%!important;right:9%!important;width:auto!important;height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(139,209,251,.58),transparent)!important;
  box-shadow:none!important;pointer-events:none;
}
body.cospam-public-sapphire .payment-showcase-copy {
  display:grid!important;gap:7px!important;padding:0 0 4px!important;
}
body.cospam-public-sapphire .payment-showcase-copy>strong {
  color:#f3f8ff!important;font-size:clamp(19px,3.1vw,25px)!important;line-height:1.28!important;
}
body.cospam-public-sapphire .payment-showcase-copy>small {color:#a5b7ca!important;max-width:59ch;line-height:1.5!important;}
body.cospam-public-sapphire .payment-trust-card .home-payment-logos {
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;justify-content:stretch!important;
  gap:10px!important;min-width:0;
}
body.cospam-public-sapphire .payment-trust-card .home-payment-logos>span {
  display:flex!important;justify-content:center!important;align-items:center!important;
  min-width:0!important;height:70px!important;padding:10px!important;
  border:1px solid rgba(112,175,220,.17)!important;
  border-top-color:rgba(160,208,239,.24)!important;
  border-radius:16px!important;
  background:linear-gradient(153deg,rgba(23,52,77,.56),rgba(7,17,32,.94))!important;
  box-shadow:inset 0 1px 0 rgba(174,222,249,.06),0 7px 18px rgba(0,6,19,.19)!important;
}
/* Brand SVGs sometimes contain dark lettering: use a SMALL neutral mat, not a white tile. */
body.cospam-public-sapphire .payment-trust-card .home-payment-logos>span>img {
  display:block!important;box-sizing:border-box!important;
  width:auto!important;height:35px!important;max-width:min(100%,112px)!important;
  padding:5px 9px!important;border-radius:9px!important;
  border:1px solid rgba(237,246,255,.15)!important;
  background:#e6edf5!important;object-fit:contain!important;
  box-shadow:0 3px 10px rgba(0,4,13,.2)!important;
}

/* 2. Partners — aligned logo plaques in a compact 2-col grid on mobile; no marquee/pause. */
body.cospam-public-sapphire .cloud-platform-section .cloud-platform-heading button {
  display:none!important;
}
body.cospam-public-sapphire .cloud-platform-section :is(
  [class*="pause"],[class*="Pause"],[aria-label*="Paus"],[title*="Paus"]
) {display:none!important;}
body.cospam-public-sapphire .cloud-platform-section .cloud-brand-marquee {
  margin-top:13px!important;padding-top:16px!important;
}
body.cospam-public-sapphire .cloud-platform-section .cloud-brand-track {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px 11px!important;
  overflow:visible!important;
}
body.cospam-public-sapphire .cloud-platform-section .cloud-brand-card:not([aria-hidden="true"]) {
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  flex-direction:row!important;gap:10px!important;
  width:auto!important;max-width:100%!important;min-height:62px!important;
  padding:7px 9px!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  text-align:left!important;
}
body.cospam-public-sapphire .cloud-platform-section .cloud-brand-logo {
  box-sizing:border-box!important;
  flex:0 0 50px!important;
  width:50px!important;min-width:50px!important;max-width:50px!important;
  height:47px!important;min-height:47px!important;max-height:47px!important;
  display:grid!important;place-items:center!important;
  padding:6px!important;border-radius:12px!important;
  border:1px solid rgba(159,193,218,.28)!important;
  background:linear-gradient(145deg,#e9f0f7,#dce7f2)!important;
  box-shadow:0 5px 14px rgba(0,7,20,.16)!important;
  overflow:hidden!important;
}
body.cospam-public-sapphire .cloud-platform-section .cloud-brand-logo img {
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;object-fit:contain!important;box-shadow:none!important;
}
body.cospam-public-sapphire .cloud-platform-section .cloud-brand-card strong {
  flex:1 1 auto!important;min-width:0!important;max-width:none!important;
  color:#d2e2f1!important;font-weight:650!important;font-size:12px!important;
  line-height:1.25!important;overflow-wrap:normal!important;
}
body.cospam-public-sapphire .cloud-platform-section .cloud-brand-note {margin-top:12px!important;}

/* 3. Customer Cloud card — match the much deeper Sapphire VPS treatment. */
body.cospam-public-sapphire .account-shell .v365-service-card.v365-cloud-card {
  position:relative!important;isolation:isolate;
  border:1px solid rgba(106,169,217,.24)!important;
  border-top-color:rgba(154,213,245,.37)!important;
  border-radius:24px!important;
  background:
    radial-gradient(ellipse 75% 38% at 78% -10%,rgba(40,111,164,.17),transparent 78%),
    linear-gradient(155deg,#0b1d2e 0%,#081827 50%,#04101d 100%)!important;
  box-shadow:inset 0 1px 0 rgba(193,233,255,.1),0 20px 44px rgba(0,5,17,.32)!important;
}
body.cospam-public-sapphire .account-shell .v365-cloud-card::before {
  content:""!important;position:absolute!important;inset:0 12% auto!important;height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(124,204,250,.55),transparent)!important;
  pointer-events:none;
}
body.cospam-public-sapphire .account-shell .v365-cloud-card .v365-service-icon {
  background:linear-gradient(148deg,rgba(32,77,112,.75),rgba(13,35,57,.85))!important;
  border:1px solid rgba(120,185,229,.2)!important;
  box-shadow:inset 0 1px 0 rgba(162,226,255,.1)!important;
  color:#b2deff!important;
}
body.cospam-public-sapphire .account-shell .v365-cloud-card .v365-service-tag {color:#9bc9eb!important;}
body.cospam-public-sapphire .account-shell .v365-cloud-card .v365-service-metric {
  display:flex!important;align-items:baseline!important;gap:12px!important;
  flex-wrap:wrap!important;padding:4px 0!important;background:transparent!important;
}
body.cospam-public-sapphire .account-shell .v365-cloud-card .v365-service-metric strong {
  color:#f5f9ff!important;font-size:clamp(34px,5vw,49px)!important;
  line-height:1.1!important;letter-spacing:-.03em!important;
}
body.cospam-public-sapphire .account-shell .v365-cloud-card .v365-service-metric span {color:#adbed1!important;}
body.cospam-public-sapphire .account-shell .v365-cloud-card .btn.secondary {
  background:linear-gradient(145deg,rgba(27,66,98,.9),rgba(16,45,75,.86))!important;
  border:1px solid rgba(126,194,238,.25)!important;
  color:#d8ecff!important;box-shadow:inset 0 1px 0 rgba(185,222,251,.07)!important;
}

/* 4. Checkout — replace violet backgrounds, retaining all true state colors. */
body.cospam-public-sapphire:has(.checkout-shell) {
  background:
    radial-gradient(ellipse 85% 26% at 54% 6%,rgba(33,99,147,.12),transparent 80%),
    linear-gradient(180deg,#030b15 0%,#051120 56%,#030915 100%)!important;
}
body.cospam-public-sapphire main:has(>.checkout-shell),
body.cospam-public-sapphire main:has(.checkout-shell) {
  background:transparent!important;
}
body.cospam-public-sapphire .checkout-shell {
  background:transparent!important;
}
body.cospam-public-sapphire .checkout-shell .checkout-card {
  background:
    radial-gradient(ellipse 74% 25% at 73% 0%,rgba(42,113,158,.13),transparent 79%),
    linear-gradient(154deg,#0b1c2d 0%,#081827 46%,#040f1d 100%)!important;
  border:1px solid rgba(106,175,225,.26)!important;
  border-top-color:rgba(152,212,248,.41)!important;
  box-shadow:inset 0 1px 0 rgba(191,234,255,.1),0 26px 54px rgba(0,7,19,.3)!important;
}
body.cospam-public-sapphire .checkout-shell :is(
  .vps-checkout-notice,.vps-checkout-image-card,.vps-custom-checkout-summary,
  .checkout-region-card,.checkout-account-ready,.checkout-location,
  .checkout-region-container,.payment-option,.payment-card
) {
  background:
    radial-gradient(ellipse 67% 58% at 75% -24%,rgba(45,115,167,.10),transparent 75%),
    linear-gradient(156deg,#0c2033,#081725 72%,#06121f)!important;
  border-color:rgba(110,177,218,.22)!important;
  box-shadow:inset 0 1px 0 rgba(179,217,247,.06),0 10px 24px rgba(0,6,18,.19)!important;
}
body.cospam-public-sapphire .checkout-shell :is(
  .vps-checkout-notice,.vps-checkout-image-card,.vps-custom-checkout-summary,
  .checkout-region-card,.checkout-account-ready
) {border-radius:17px!important;}
body.cospam-public-sapphire .checkout-shell .checkout-region-chips b {
  background:#173b5b!important;color:#d9edff!important;
}
body.cospam-public-sapphire .checkout-shell :is(.checkout-price,.checkout-card h1) {color:#f6faff!important;}
body.cospam-public-sapphire .checkout-shell :is(.vps-checkout-notice strong,.vps-checkout-image-card strong) {color:#e8f4ff!important;}

@media(max-width:880px) {
  body.cospam-public-sapphire .cloud-platform-section .cloud-brand-track {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px) {
  body.cospam-public-sapphire .home-payment-showcase.payment-trust-card {padding:19px 18px!important;gap:16px!important;}
  body.cospam-public-sapphire .payment-trust-card .home-payment-logos {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
  body.cospam-public-sapphire .payment-trust-card .home-payment-logos>span {height:62px!important;padding:8px!important;}
  body.cospam-public-sapphire .payment-trust-card .home-payment-logos>span>img {height:32px!important;max-width:min(100%,108px)!important;}
  body.cospam-public-sapphire .cloud-platform-section .cloud-brand-track {gap:5px 7px!important;}
  body.cospam-public-sapphire .cloud-platform-section .cloud-brand-card:not([aria-hidden="true"]) {padding:6px 2px!important;gap:8px!important;min-height:55px!important;}
  body.cospam-public-sapphire .cloud-platform-section .cloud-brand-logo {
    flex-basis:40px!important;min-width:40px!important;max-width:40px!important;width:40px!important;
    height:40px!important;min-height:40px!important;max-height:40px!important;
    border-radius:10px!important;padding:5px!important;
  }
  body.cospam-public-sapphire .cloud-platform-section .cloud-brand-card strong {font-size:11px!important;}
  body.cospam-public-sapphire .account-shell .v365-cloud-card {padding:19px!important;}
}
/* COSPAM_V366_FINISH5_END */