/* V155 — mobile premium, sombras claras e banners de título */

/* HOME > Como trabalhamos: mobile com respiro e conteúdo centralizado. */
@media (max-width: 760px){
  .hqt-delivery-flow-v109{padding-inline:14px!important;overflow:hidden!important}
  .hqt-delivery-panel-v109{
    width:100%!important;
    padding:24px 18px!important;
    border-radius:26px!important;
    text-align:center!important;
  }
  .hqt-delivery-panel-v109>header{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:14px!important;
    margin-bottom:22px!important;
    text-align:center!important;
  }
  .hqt-delivery-panel-v109>header .hero-kicker{justify-self:center!important;margin-inline:auto!important}
  .hqt-delivery-panel-v109>header h2,
  .hqt-delivery-panel-v109>header p{max-width:560px!important;margin-inline:auto!important;text-align:center!important}
  .hqt-delivery-grid-v109{grid-template-columns:1fr!important;gap:12px!important}
  .hqt-delivery-grid-v109 article{
    width:100%!important;
    min-height:0!important;
    padding:22px 20px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    border-radius:20px!important;
  }
  .hqt-delivery-grid-v109 strong,
  .hqt-delivery-grid-v109 span{max-width:320px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
}

/* SERVIÇOS: no tema claro, a imagem recebe luz e não vinheta/sombra preta. */
html:not([data-theme="dark"]) .service-card-background-media{
  background:linear-gradient(145deg,#ffffff,#eaf5ff)!important;
  box-shadow:0 16px 38px rgba(69,139,210,.12)!important;
}
html:not([data-theme="dark"]) .service-card-background-media::after{
  background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(245,250,255,.12) 48%,rgba(239,247,255,.54) 100%)!important;
}
html:not([data-theme="dark"]) .hqt-service-card-v109.has-media-bg{
  box-shadow:0 20px 48px rgba(69,139,210,.14),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
html:not([data-theme="dark"]) .hqt-service-card-v109.has-media-bg::after{
  background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(246,251,255,.10) 32%,rgba(235,245,255,.72) 100%)!important;
}

/* PRODUTOS / SERVIÇOS: banner administrável é o fundo real do título/hero. */
.hqt-page-banner-hero-v155,
.hqt-command-public-hero-v155{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  min-height:430px;
  padding:0!important;
  border-bottom:1px solid var(--line);
}
.hqt-page-banner-media-v155{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.hqt-page-banner-media-v155 .hqt-managed-theme-banner-v118,
.hqt-page-banner-media-v155 .site-banner-carousel-v64,
.hqt-page-banner-media-v155 .site-banner-track-v64,
.hqt-page-banner-media-v155 .site-banner-slide-v64{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  border-radius:0!important;
  border:0!important;
}
.hqt-page-banner-media-v155 .site-banner-slide-v64 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
}
.hqt-page-banner-media-v155 .site-banner-control-v64,
.hqt-page-banner-media-v155 .site-banner-dots-v64{display:none!important}
.hqt-page-banner-hero-v155::after,
.hqt-command-public-hero-v155::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(245,250,255,.97) 0%,rgba(245,250,255,.89) 35%,rgba(245,250,255,.38) 67%,rgba(245,250,255,.10) 100%);
}
html[data-theme="dark"] .hqt-page-banner-hero-v155::after,
html[data-theme="dark"] .hqt-command-public-hero-v155::after{
  background:linear-gradient(90deg,rgba(3,10,22,.96) 0%,rgba(3,10,22,.88) 35%,rgba(3,10,22,.42) 67%,rgba(3,10,22,.12) 100%);
}
.hqt-page-banner-content-v155,
.hqt-command-public-copy-v155{
  position:relative!important;
  z-index:2!important;
  min-height:430px;
  display:flex!important;
  align-items:center!important;
  padding-top:62px!important;
  padding-bottom:58px!important;
}
.hqt-page-banner-copy-v155,
.hqt-command-public-copy-v155{
  max-width:760px!important;
}
.hqt-page-banner-copy-v155 h1,
.hqt-command-public-copy-v155 h1{
  color:var(--text)!important;
  text-shadow:none!important;
}
.hqt-page-banner-copy-v155 p,
.hqt-command-public-copy-v155 p{color:var(--muted)!important;max-width:700px!important}
html[data-theme="dark"] .hqt-page-banner-copy-v155 h1,
html[data-theme="dark"] .hqt-command-public-copy-v155 h1{color:#f8fbff!important}
html[data-theme="dark"] .hqt-page-banner-copy-v155 p,
html[data-theme="dark"] .hqt-command-public-copy-v155 p{color:#c2d0e2!important}

/* Command Center público: apresentação primeiro; loja mais abaixo. */
.hqt-theme-store-intro-v155{padding:34px 0 10px!important}
.hqt-theme-store-intro-card-v155{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);
  gap:22px;
  align-items:center;
  padding:26px;
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(145deg,var(--surface-a),var(--surface-b));
  box-shadow:var(--shadow2);
}
.hqt-theme-store-intro-card-v155 h2{margin:7px 0 10px;font-size:clamp(28px,3.2vw,42px);color:var(--text);letter-spacing:-.05em}
.hqt-theme-store-intro-card-v155 p{margin:0;color:var(--muted);line-height:1.6}

@media(max-width:900px){
  .hqt-page-banner-hero-v155,.hqt-command-public-hero-v155{min-height:390px}
  .hqt-page-banner-content-v155,.hqt-command-public-copy-v155{min-height:390px;padding:50px 20px!important}
  .hqt-page-banner-hero-v155::after,.hqt-command-public-hero-v155::after{
    background:linear-gradient(180deg,rgba(245,250,255,.94) 0%,rgba(245,250,255,.88) 53%,rgba(245,250,255,.60) 100%);
  }
  html[data-theme="dark"] .hqt-page-banner-hero-v155::after,
  html[data-theme="dark"] .hqt-command-public-hero-v155::after{
    background:linear-gradient(180deg,rgba(3,10,22,.94) 0%,rgba(3,10,22,.86) 53%,rgba(3,10,22,.62) 100%);
  }
  .hqt-theme-store-intro-card-v155{grid-template-columns:1fr;padding:22px}
}

/* V157 — Command Center público mais limpo, com banner de fundo real. */
.hqt-command-public-hero-v155.without-banner-v155{
  background:
    radial-gradient(circle at 16% 18%, rgba(10,141,255,.18), transparent 26%),
    radial-gradient(circle at 86% 14%, rgba(0,216,255,.12), transparent 22%),
    linear-gradient(135deg, rgba(3,10,22,.98) 0%, rgba(4,16,34,.98) 52%, rgba(2,10,24,1) 100%);
}
html:not([data-theme="dark"]) .hqt-command-public-hero-v155.without-banner-v155{
  background:
    radial-gradient(circle at 18% 20%, rgba(10,141,255,.13), transparent 28%),
    radial-gradient(circle at 84% 12%, rgba(0,216,255,.10), transparent 24%),
    linear-gradient(135deg, #f7fbff 0%, #eef6ff 48%, #f9fcff 100%);
}
.hqt-command-public-hero-v155.without-banner-v155::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:repeating-linear-gradient(115deg, rgba(255,255,255,.04) 0 2px, transparent 2px 18px);
  opacity:.5;
}
html:not([data-theme="dark"]) .hqt-command-public-hero-v155.without-banner-v155::before{
  background:repeating-linear-gradient(115deg, rgba(10,86,170,.05) 0 2px, transparent 2px 18px);
  opacity:.65;
}
.hqt-command-public-copy-v155{
  max-width:none!important;
}
.hqt-command-public-shell-v157{
  width:min(100%, 640px);
  display:grid;
  gap:16px;
  padding:34px 36px;
  border-radius:32px;
  border:1px solid color-mix(in srgb, var(--blue) 22%, rgba(255,255,255,.14));
  background:color-mix(in srgb, var(--surface-a) 88%, transparent);
  box-shadow:0 22px 60px rgba(2,10,24,.18);
  backdrop-filter:blur(14px);
}
html[data-theme="dark"] .hqt-command-public-shell-v157{
  background:rgba(3,10,22,.56);
  border-color:rgba(85,156,255,.22);
  box-shadow:0 24px 72px rgba(0,0,0,.34);
}
.hqt-command-public-shell-v157 .eyebrow{
  margin:0;
}
.hqt-command-public-copy-v155 h1{
  margin:0;
  max-width:560px!important;
  font-size:clamp(46px, 6vw, 78px)!important;
  line-height:.96!important;
  letter-spacing:-.065em!important;
}
.hqt-command-public-copy-v155 p{
  margin:0;
  max-width:560px!important;
  font-size:18px!important;
  line-height:1.6!important;
}
.hqt-command-public-copy-v155 .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:4px;
}
@media(max-width:900px){
  .hqt-command-public-copy-v155{
    align-items:center!important;
    text-align:left!important;
  }
  .hqt-command-public-shell-v157{
    width:100%;
    padding:26px 22px;
    border-radius:26px;
  }
  .hqt-command-public-copy-v155 h1{
    font-size:clamp(34px, 11vw, 54px)!important;
    max-width:100%!important;
  }
  .hqt-command-public-copy-v155 p{max-width:100%!important;font-size:16px!important}
}