:root{
  --navy:#0b4770;
  --navy-deep:#073b60;
  --blue:#1873B9;
  --blue-bright:#1388ef;
  --hero-bg:#edf8ff;
  --text:#071a48;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Poppins',Arial,sans-serif;color:var(--text);background:#fff}
.qbit-container{max-width:1320px}
.site-header{position:sticky;top:0;z-index:1050}
.qbit-nav{min-height:80px;height:80px;background:#79ADDA;padding:.55rem 1rem}
.brand-logo{display:block;height:46px;width:auto;max-width:none;object-fit:contain}
.nav-links{gap:1.7rem}
.qbit-nav .nav-link{position:relative;color:#fff!important;font-family:'Poppins',sans-serif;font-size:14px;font-weight:600;line-height:1.2;padding:.65rem 0!important;opacity:.96}
.qbit-nav .nav-link::after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:#1873B9;transform:translateX(-50%);transition:.2s ease}
.qbit-nav .nav-link:hover::after,.qbit-nav .nav-link.active::after{width:100%}
.nav-cta{min-height:44px;background:#79ADDA;color:#fff;border:0;border-radius:6px;font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;padding:.72rem 1.25rem;box-shadow:none;display:inline-flex;align-items:center;justify-content:center}
.nav-cta:hover{background:#1467a7;color:#fff}

/* HERO — proporção padrão ERP Pragas */
.hero{position:relative;width:100%;min-height:600px;height:600px;overflow:hidden;background:var(--hero-bg);isolation:isolate}
.hero-art{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero::before{content:"";position:absolute;z-index:1;left:0;top:0;bottom:0;width:55%;background:linear-gradient(90deg,rgba(237,248,255,1) 0%,rgba(237,248,255,1) 58%,rgba(237,248,255,.88) 76%,rgba(237,248,255,0) 100%);pointer-events:none}
.hero-bottom-triangle{position:absolute;z-index:2;left:0;bottom:0;width:0;height:0;border-left:0 solid transparent;border-right:230px solid transparent;border-bottom:108px solid rgba(205,235,252,.9);pointer-events:none}
.hero-container{position:relative;z-index:3;min-height:600px;height:600px;display:flex;align-items:center;padding-left:24px;padding-right:24px}
.hero-copy{width:55%;max-width:610px;margin:0}
.hero-eyebrow{margin:0 0 16px;color:#0b82e6;font-size:13px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}
.hero h1{margin:0;color:#071a48;font-family:'Poppins',sans-serif;font-size:50px;line-height:1.1;font-weight:700;letter-spacing:-.02em}
.hero h1 span,.hero h1 .dot{color:#79ADDA}
.hero-description{margin:22px 0 28px;font-family:'Poppins',sans-serif;font-size:16px;line-height:1.6;font-weight:400;color:#102b52;max-width:550px}
.hero-actions{display:flex;gap:12px;align-items:center}
.btn-primary-qbit,.btn-outline-qbit{min-height:48px;height:48px;display:inline-flex;align-items:center;justify-content:flex-start;border-radius:6px;font-family:'Poppins',sans-serif;font-size:14px;font-weight:600;padding:0 24px}
.btn-primary-qbit{background:#79ADDA;border:1px solid #79ADDA;color:#fff}.btn-primary-qbit:hover{background:#79ADDA;border-color:#79ADDA;color:#fff}
.btn-outline-qbit{background:rgba(255,255,255,.4);border:1.5px solid #147fd6;color:#071a48;min-width:0}.btn-outline-qbit:hover{background:#fff;color:#071a48;border-color:#147fd6}
.hero-note{margin-top:24px;display:flex;align-items:center;gap:11px;color:#0a386b;font-size:13px;font-weight:500}
.note-icon{width:26px;height:26px;color:#1087e9;display:inline-flex;flex:0 0 auto}.note-icon svg{width:100%;height:100%}

@media(max-width:1199.98px) and (min-width:992px){
 .hero h1{font-size:44px}
 .hero-copy{width:54%;max-width:540px}
 .hero::before{width:59%}
}

@media(max-width:991.98px){
 .qbit-nav{min-height:66px;padding:9px 15px}
 .brand-logo{height:43px;width:auto}
 .navbar-collapse{padding:10px 0 14px}
 .nav-links{gap:0;align-items:stretch!important}
 .qbit-nav .nav-link{font-size:.88rem;font-weight:500;padding:12px 10px!important}
 .qbit-nav .nav-link::after{display:none}
 .nav-cta{width:100%;margin-top:12px!important;border-radius:14px;font-size:.82rem;font-weight:600}

 .hero{height:auto;min-height:0;background:#edf8ff;padding:0;display:flex;flex-direction:column}
 .hero-container{order:1;height:auto;min-height:0;display:block;padding:20px 20px 0}
 .hero-copy{width:100%;max-width:none;margin:0}
 .hero-eyebrow{font-size:12px;letter-spacing:.07em;margin:0 0 11px}
 .hero h1{font-size:31px;line-height:1.15;letter-spacing:-.02em}
 .hero-description{font-size:14px;line-height:1.55;margin:16px 0 21px;max-width:none}
 .hero-actions{flex-direction:column;align-items:stretch;gap:11px}
 .btn-primary-qbit,.btn-outline-qbit{width:100%;min-width:0;min-height:48px;height:48px;font-size:14px;padding:0 20px}
 .hero-note{margin:19px 0 20px;font-size:13px;gap:10px}
 .note-icon{width:24px;height:24px}
 .hero-art{position:relative;order:2;inset:auto;width:100%;height:360px;object-fit:cover;object-position:72% 20%;display:block}
 .hero::before{z-index:1;left:0;right:0;top:auto;bottom:330px;width:100%;height:100px;background:linear-gradient(180deg,#edf8ff 0%,rgba(237,248,255,.92) 45%,rgba(237,248,255,0) 100%)}
 .hero-bottom-triangle{z-index:2;border-right-width:140px;border-bottom-width:70px}
}

@media(max-width:575.98px){
 .hero-container{padding:20px 20px 0}
 .hero-art{height:315px;object-position:72% 18%}
 .hero::before{bottom:285px;height:92px}
}

@media(max-width:359.98px){
 .hero-title,.hero h1{font-size:28px}
 .hero-container{padding-left:18px;padding-right:18px}
 .hero-art{height:290px;object-position:72% 16%}
 .hero::before{bottom:262px}
}

/* Ajuste final de proporção — Menu + Hero */
@media (min-width: 992px) {
  .brand-logo {
    height: 46px;
    width: auto;
  }

  .hero {
    height: 600px;
    min-height: 600px;
  }

  /* A arte acompanha a altura do banner sem ser esticada/cortada pelo viewport. */
  .hero-art {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: auto;
    height: 600px;
    max-width: none;
    object-fit: contain;
    object-position: right center;
  }

  .hero-container {
    height: 600px;
    min-height: 600px;
  }
}

@media (max-width: 991.98px) {
  .brand-logo {
    height: 43px;
    width: auto;
  }
}
\n/* Ajustes v6 — proporção visual final */
@media (min-width: 992px) {
  /* O SVG é mais compacto visualmente que o logo anterior; ampliamos sua presença no header. */
  .brand-logo {
    height: 58px;
    width: auto;
  }

  /* Mantém a referência próxima de 600px, eliminando folgas visuais no topo/rodapé. */
  .hero,
  .hero-container {
    height: 560px;
    min-height: 560px;
  }

  .hero-art {
    height: 560px;
    width: auto;
    right: -72px;
    left: auto;
    top: 0;
    object-fit: contain;
    object-position: right center;
  }

  .hero-copy {
    transform: translateY(-2px);
  }

  .hero-eyebrow { margin-bottom: 14px; }
  .hero-description { margin-top: 18px; margin-bottom: 24px; }
  .hero-note { margin-top: 20px; }
}

@media (max-width: 991.98px) {
  .brand-logo {
    height: 54.5px;
    width: auto;
  }
}

/* Ajustes v7 — refinamento solicitado */
@media (min-width: 992px) {
  .brand-logo {
    height: 54.5px;
    width: auto;
  }

  .hero,
  .hero-container {
    height: 525px;
    min-height: 525px;
  }

  .hero-art {
    height: 525px;
    width: auto;
    right: -22px;
    left: auto;
    top: 0;
    object-fit: contain;
    object-position: right center;
  }

  .hero-copy {
    transform: none;
  }
}

.hero h1 .dot {
  color: #071a48;
}

.btn-primary-qbit {
  background: #79ADDA;
  border-color: #79ADDA;
}
.btn-primary-qbit:hover {
  background: #1467a7;
  border-color: #1467a7;
}

@media (max-width: 991.98px) {
  .brand-logo {
    height: 53px;
    width: auto;
  }
}

/* Ajuste v8 — enquadramento da fotografia */
@media (min-width: 992px) {
  /* Desloca toda a arte para a esquerda para preservar a profissional no enquadramento. */
  .hero-art {
    right: 78px;
  }
}

/* Ajuste v9 — nova fotografia do banner, sempre inteira */
@media (min-width: 992px) {
  .hero-art {
    top: 0;
    right: 0;
    left: auto;
    height: 100%;
    width: auto;
    max-width: none;
    object-fit: contain;
    object-position: right center;
  }
}

@media (max-width: 991.98px) {
  .hero-art {
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
    object-position: center top;
  }
}

/* v12 — menu desktop com altura exata de 70px */
@media (min-width: 992px) {
  .qbit-nav {
    height: 70px;
    min-height: 70px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .qbit-nav > .container-xxl,
  .qbit-nav > .container-fluid,
  .qbit-nav > .container {
    height: 100%;
    min-height: 70px;
    display: flex;
    align-items: center;
  }

  .navbar-brand,
  .navbar-collapse,
  .navbar-nav {
    align-items: center;
  }

  .brand-logo {
    height: 54.5px;
    width: auto;
  }

  .nav-cta {
    min-height: 44px;
    padding-left: 24px;
    padding-right: 24px;
  }
}

/* v18 — seção Software */
.software-section{
  position:relative;
  overflow:hidden;
  padding:92px 0 96px;
  background:#fff;
}
.software-section::before{
  content:"";
  position:absolute;
  width:720px;
  height:440px;
  left:-120px;
  top:-40px;
  border-radius:48% 52% 55% 45%;
  background:rgba(121,173,218,.12);
  filter:blur(2px);
  transform:rotate(8deg);
  pointer-events:none;
}
.software-row{position:relative;z-index:1;--bs-gutter-x:4.25rem}
.software-visual{
  position:relative;
  display:block;
  width:100%;
  padding:0;
  border:0;
  border-radius:24px;
  overflow:hidden;
  background:transparent;
  box-shadow:0 22px 55px rgba(7,26,72,.12);
  cursor:pointer;
  text-align:left;
}
.software-visual img{display:block;width:100%;height:auto}
.software-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(7,26,72,0) 58%,rgba(7,26,72,.12) 100%);
  pointer-events:none;
}
.software-play{
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  width:92px;
  height:92px;
  transform:translate(-50%,-50%);
  color:#79ADDA;
  filter:drop-shadow(0 8px 18px rgba(7,26,72,.2));
  transition:.2s ease;
}
.software-play svg{display:block;width:100%;height:100%}
.software-visual:hover .software-play{transform:translate(-50%,-50%) scale(1.06)}
.software-watch{
  position:absolute;
  z-index:3;
  top:22px;
  right:22px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:10px 16px;
  border-radius:999px;
  color:#fff;
  background:rgba(7,26,72,.68);
  backdrop-filter:blur(7px);
  font-size:12px;
  font-weight:600;
}
.software-watch-icon{font-size:10px}
.software-copy-col{padding-left:18px}
.software-label{
  display:block;
  margin:0 0 16px;
  padding:0;
  min-height:0;
  border-radius:0;
  background:transparent;
  color:#0b82e6;
  font-family:'Poppins',sans-serif;
  font-size:13px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.software-section h2{
  margin:0;
  color:#071a48;
  font-size:44px;
  line-height:1.12;
  letter-spacing:-.025em;
  font-weight:700;
}
.software-section h2 span{color:#79ADDA}
.software-description{
  max-width:560px;
  margin:22px 0 25px;
  color:#425d82;
  font-size:15px;
  line-height:1.65;
  font-weight:400;
}
.software-features{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:13px}
.software-features li{display:flex;align-items:center;gap:13px;color:#0b2857;font-size:14px;font-weight:500}
.software-features li>span{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  flex:0 0 28px;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#79ADDA;
  color:#fff;
  font-size:16px;
  font-weight:600;
}
.software-actions{display:flex;gap:12px;align-items:center}
.software-primary,.software-secondary{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  border-radius:8px;
  padding:0 22px;
  font-size:13px;
  font-weight:600;
  transition:.2s ease;
}
.software-primary{gap:12px;background:#79ADDA;color:#fff;border:1px solid #79ADDA}
.software-primary:hover{background:#68a2d4;border-color:#68a2d4;color:#fff}
.software-secondary{background:#071a48;color:#fff;border:1px solid #071a48}
.software-secondary:hover{background:#0b2857;border-color:#0b2857;color:#fff}
.software-modal-content{position:relative;overflow:hidden;border:0;border-radius:16px;background:#000}
.software-modal-close{position:absolute;z-index:5;right:14px;top:14px;padding:10px;background-color:rgba(0,0,0,.55);border-radius:50%;opacity:1}

@media(max-width:1199.98px) and (min-width:992px){
  .software-row{--bs-gutter-x:2.5rem}
  .software-section h2{font-size:37px}
  .software-actions{align-items:stretch;flex-direction:column}
  .software-primary,.software-secondary{width:100%}
}
@media(max-width:991.98px){
  .software-section{padding:62px 0 68px}
  .software-row{--bs-gutter-x:1.5rem}
  .software-copy-col{padding-left:12px;margin-top:38px}
  .software-label{margin:0 0 11px;padding:0;min-height:0;font-size:12px}
  .software-section h2{font-size:34px;line-height:1.14}
  .software-description{margin:18px 0 23px;font-size:14px}
  .software-features{gap:12px;margin-bottom:27px}
  .software-features li{font-size:13px;align-items:flex-start}
  .software-features li>span{width:25px;height:25px;flex-basis:25px;font-size:14px}
  .software-actions{flex-direction:column;align-items:stretch}
  .software-primary,.software-secondary{width:100%;min-height:48px}
  .software-play{width:74px;height:74px}
  .software-watch{top:14px;right:14px;padding:8px 12px;font-size:11px}
}
@media(max-width:575.98px){
  .software-section{padding:50px 0 58px}
  .software-section .qbit-container{padding-left:20px;padding-right:20px}
  .software-visual{border-radius:16px}
  .software-play{width:62px;height:62px}
  .software-watch{display:none}
  .software-section h2{font-size:30px}
}


/* v20 — Recursos + fluxo conectado */
.resources-strip{
  padding:42px 0 38px;
  background:#f1f8fd;
}
.resource-grid{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:10px;
}
.resource-card{
  min-height:142px;
  padding:20px 10px 16px;
  border:1px solid rgba(121,173,218,.25);
  border-radius:14px;
  background:#fff;
  text-align:center;
  box-shadow:0 5px 18px rgba(7,26,72,.035);
}
.resource-icon{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:38px;
  height:38px;
  margin:0 auto 12px;
  color:#1873B9;
  font-family:'Poppins',sans-serif;
  font-size:25px;
  font-weight:600;
  line-height:1;
}
.resource-card h3{
  margin:0 0 5px;
  color:#071a48;
  font-size:12px;
  line-height:1.25;
  font-weight:700;
}
.resource-card p{
  margin:0;
  color:#587092;
  font-size:10px;
  line-height:1.35;
  font-weight:400;
}
.journey-section{
  padding:38px 0 40px;
  background:#79ADDA;
  color:#fff;
}
.journey-layout{
  display:grid;
  grid-template-columns:290px minmax(0,1fr);
  align-items:center;
  gap:54px;
}
.journey-copy h2{
  margin:0 0 10px;
  color:#fff;
  font-size:16px;
  line-height:1.2;
  font-weight:600;
}
.journey-copy h2 strong{font-weight:700}
.journey-copy p{
  max-width:285px;
  margin:0;
  color:rgba(255,255,255,.96);
  font-size:12px;
  line-height:1.55;
}
.journey-flow{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
}
.journey-step{
  min-width:88px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:9px;
  text-align:center;
  color:#fff;
  font-size:11px;
  line-height:1.25;
  font-weight:600;
}
.journey-icon{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:62px;
  height:62px;
  border-radius:50%;
  background:#fff;
  color:#1873B9;
  font-size:28px;
  font-weight:600;
  box-shadow:0 4px 12px rgba(7,26,72,.07);
}
.journey-arrow{
  padding-top:18px;
  color:#fff;
  font-size:24px;
  font-weight:500;
}
@media(max-width:1199.98px){
  .resource-grid{grid-template-columns:repeat(4,1fr)}
  .journey-layout{grid-template-columns:1fr;gap:28px}
  .journey-copy p{max-width:560px}
}
@media(max-width:767.98px){
  .resources-strip{padding:34px 0}
  .resource-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .resource-card{min-height:132px}
  .journey-section{padding:36px 0 40px}
  .journey-flow{overflow-x:auto;justify-content:flex-start;padding:2px 0 12px;scrollbar-width:none}
  .journey-flow::-webkit-scrollbar{display:none}
  .journey-step{flex:0 0 82px}
  .journey-arrow{flex:0 0 18px;text-align:center}
}

/* v21 — Software remodelado conforme novo rascunho */
.software-section{
  padding:72px 0 70px;
  background:linear-gradient(90deg,#fff 0%,#fff 46%,#f3f9ff 100%);
}
.software-section::before{
  width:560px;height:390px;left:42%;top:22px;
  background:rgba(121,173,218,.13);filter:none;transform:rotate(-10deg);
}
.software-row{--bs-gutter-x:2.6rem;min-height:360px}
.software-copy-col{padding-left:12px;position:relative;z-index:3}
.software-media-col{position:relative;z-index:2}
.software-section h2{font-size:43px;line-height:1.12;max-width:510px}
.software-description{max-width:480px;margin:20px 0 25px;font-size:16px;line-height:1.55}
.software-visual{overflow:visible;border-radius:0;box-shadow:none;background:transparent}
.software-visual img{width:106%;max-width:none;margin-left:-2%;height:auto;object-fit:contain}
.software-visual::after{display:none}
.software-play{width:78px;height:78px;left:48%;top:46%;color:#79ADDA}
.software-demo-btn{
  min-height:50px;padding:0 23px;border:0;border-radius:8px;background:#79ADDA;color:#fff;
  font-family:'Poppins',sans-serif;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:11px;
  box-shadow:0 7px 16px rgba(24,115,185,.16);transition:.2s ease;
}
.software-demo-btn:hover{background:#79ADDA;transform:translateY(-1px)}
.software-demo-icon{display:inline-flex;width:25px;height:25px;border-radius:50%;align-items:center;justify-content:flex-start;background:#fff;color:#79ADDA;font-size:10px;padding-left:2px}
@media(max-width:991.98px){
  .software-section{padding:62px 0;background:linear-gradient(180deg,#fff 0%,#f3f9ff 100%)}
  .software-row{min-height:0}
  .software-copy-col{order:1;margin-top:0;padding-left:12px}
  .software-media-col{order:2;margin-top:35px}
  .software-visual img{width:108%;margin-left:-4%}
}
@media(max-width:575.98px){
  .software-section{padding:50px 0 48px}
  .software-section h2{font-size:30px}
  .software-description{font-size:14px;margin:17px 0 22px}
  .software-demo-btn{width:100%;justify-content:center}
  .software-play{width:60px;height:60px}
  .software-media-col{margin-top:28px}
}

/* v22 — ajustes finos Software */
.software-title-accent{color:#79ADDA}

/* v23 — refinamento de espaçamento da seção Software */
.software-section{padding-top:48px;}
@media(max-width:991.98px){.software-section{padding-top:42px;}}
@media(max-width:575.98px){.software-section{padding-top:36px;}}


/* v26 — jornada conectada */
.journey-section-new{background:#79ADDA;padding:44px 0 46px;color:#fff}
.journey-new-layout{display:grid;grid-template-columns:270px 1fr;align-items:center;gap:44px}
.journey-new-copy h2{margin:0 0 10px;font-family:'Poppins',sans-serif;font-size:28px;line-height:1.12;font-weight:700;color:#fff}
.journey-new-copy p{margin:0;max-width:260px;font-family:'Poppins',sans-serif;font-size:14px;line-height:1.5;color:#fff}
.journey-new-flow{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.journey-new-step{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:92px;gap:10px}
.journey-new-icon{width:72px;height:72px;border-radius:50%;background:#fff;color:#1873B9;display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-size:30px;font-weight:600;line-height:1;box-shadow:0 3px 10px rgba(7,26,72,.06);padding:0}
.journey-new-step strong{font-family:'Poppins',sans-serif;font-size:13px;line-height:1.25;font-weight:600;color:#fff;white-space:nowrap}
.journey-new-arrow{padding-top:20px;font-family:'Poppins',sans-serif;font-size:24px;color:#fff}
@media(max-width:1199.98px){.journey-new-layout{grid-template-columns:1fr;gap:28px}.journey-new-copy p{max-width:520px}.journey-new-flow{overflow-x:auto;justify-content:flex-start;padding-bottom:10px;scrollbar-width:none}.journey-new-flow::-webkit-scrollbar{display:none}.journey-new-step{flex:0 0 100px}.journey-new-arrow{flex:0 0 22px;text-align:center}}
@media(max-width:767.98px){.journey-section-new{padding:36px 0 38px}.journey-new-copy h2{font-size:26px}.journey-new-copy p{font-size:13px}.journey-new-icon{width:62px;height:62px;font-size:26px}.journey-new-step{flex-basis:86px}.journey-new-step strong{font-size:12px}.journey-new-arrow{padding-top:16px}}

.journey-new-icon svg{width:31px;height:31px;display:block;margin:0;fill:none;stroke:#1873B9;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.journey-new-icon svg circle{fill:none}

/* QBit PetShop por dentro */
.product-tour{background:#f3faff;padding:52px 0 64px;font-family:'Poppins',sans-serif}.product-tour-head{text-align:center;margin-bottom:24px}.product-tour-head h2{font-size:28px;font-weight:700;color:#09285d;margin:0 0 6px;text-transform:uppercase}.product-tour-head h2 span{color:#1873b9}.product-tour-head p{color:#58709a;font-size:15px;margin:0}.tour-tabs{display:flex;gap:18px;justify-content:flex-start;margin:24px auto 28px;max-width:1050px}.tour-tab{flex:1;border:1.5px solid #b8dafa;background:transparent;color:#0b438a;border-radius:24px;padding:13px 18px;font-weight:600}.tour-tab.active{background:#55a5dd;color:#fff;border-color:#55a5dd}.tour-panel{display:none}.tour-panel.active{display:grid;grid-template-columns:320px minmax(0,1fr) 290px;gap:24px;align-items:stretch}.tour-copy{padding:12px 0}.tour-copy h3{font-size:31px;line-height:1.18;color:#08265a;font-weight:700;margin-bottom:14px}.tour-copy>p{font-size:18px;line-height:1.38;color:#58709a}.tour-list{list-style:none;padding:0;margin:22px 0 0}.tour-list li{display:flex;align-items:center;gap:14px;color:#58709a;font-size:17px;margin:14px 0}.tour-check{width:36px;height:36px;border-radius:50%;background:#5aa8de;color:#fff;display:inline-grid;place-items:center;font-weight:700;flex:none}.tour-ui{background:#fff;border-radius:16px;padding:22px;box-shadow:0 10px 30px rgba(23,115,185,.06);min-height:385px}.ui-title{font-size:18px;font-weight:700;color:#0a2b62;margin-bottom:4px}.ui-sub{font-size:12px;color:#6680a8;margin-bottom:18px}.ui-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.ui-metric{background:#f7fbff;border:1px solid #e1edf8;border-radius:10px;padding:13px}.ui-metric b{display:block;color:#0c3d82;font-size:19px}.ui-table{width:100%;border-collapse:collapse;font-size:12px;color:#173c72}.ui-table th{background:#edf6fd;text-align:left;padding:10px}.ui-table td{border-bottom:1px solid #e6eef6;padding:11px 10px}.ui-status{border-radius:20px;padding:5px 9px;background:#e6f8ee;color:#149255;white-space:nowrap}.tour-side{background:#e1f3ff;border-radius:16px;padding:28px 24px;position:relative;overflow:hidden;min-height:385px}.tour-side-icon{font-size:44px;color:#1478d1;margin-bottom:18px}.tour-side h4{font-size:27px;line-height:1.18;color:#0d4e9c;font-weight:700}.tour-side p{font-size:17px;line-height:1.35;color:#58709a}.tour-pet{position:absolute;right:-10px;bottom:-14px;font-size:112px;line-height:1}.pdv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pdv-card{background:#f7fbff;border:1px solid #deebf7;border-radius:9px;padding:10px;text-align:center;font-size:11px}.pdv-card b{display:block;color:#0b448d;margin-top:6px}.stock-row,.finance-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.finance-chart{height:165px;display:flex;align-items:flex-end;gap:14px;padding:18px;background:#fbfdff;border:1px solid #e4edf6;border-radius:10px}.finance-chart span{flex:1;background:#69ace2;border-radius:5px 5px 0 0}.service-profile{display:flex;align-items:center;gap:14px;margin-bottom:15px}.service-avatar{width:68px;height:68px;border-radius:12px;background:#e7f4fd;display:grid;place-items:center;font-size:35px}
@media(max-width:991.98px){.product-tour{padding:38px 0}.tour-tabs{overflow-x:auto;justify-content:flex-start;padding-bottom:6px}.tour-tab{min-width:170px}.tour-panel.active{grid-template-columns:1fr}.tour-copy{padding:0}.tour-side{min-height:270px}.tour-ui{min-height:auto}.product-tour-head h2{font-size:23px}.tour-copy h3{font-size:27px}}

/* v31 - foto da Luna no Cadastro de Pets */
.service-avatar-photo{overflow:hidden;padding:0;background:#eaf5ff;}
.service-avatar-photo img{width:100%;height:100%;object-fit:cover;object-position:center 38%;display:block;}

/* v33 - cachorro real no card lateral de Cadastro de Pets */
.tour-side-pets{padding-bottom:185px;}
.tour-pet-image{position:absolute;right:-8px;bottom:-4px;width:82%;max-width:245px;height:auto;display:block;object-fit:contain;object-position:right bottom;}
@media(max-width:991.98px){.tour-side-pets{padding-bottom:190px}.tour-pet-image{width:220px;max-width:72%;}}

/* v34 - ajustes card Cadastro de Pets */
.tour-side-pets{padding-bottom:150px;}
.tour-side-pets .tour-bulb-icon{font-family:Arial,sans-serif;font-size:30px;line-height:1;color:#1873B9;}
.tour-side-pets .tour-pet-image{width:68%;max-width:200px;right:-2px;bottom:-3px;z-index:1;}
.tour-pet-heart{position:absolute;left:34px;bottom:62px;z-index:2;color:#1873B9;font-size:39px;line-height:1;font-weight:700;transform:rotate(-14deg);}
@media(max-width:991.98px){.tour-side-pets{padding-bottom:160px}.tour-side-pets .tour-pet-image{width:185px;max-width:62%}.tour-pet-heart{left:28px;bottom:64px;font-size:34px}}
/* v36 — proporção do ícone de lâmpada no card Cadastro de Pets */
.tour-side-pets .tour-bulb-icon{
  width:38px;
  height:38px;
  margin-bottom:-2px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.tour-side-pets .tour-bulb-icon svg{
  display:block;
  width:38px;
  height:38px;
  max-width:38px;
  max-height:38px;
}

/* Vendas e PDV - card lateral com imagem real */
.tour-side-vendas{padding-bottom:190px;}
.tour-cart-icon{width:48px;height:48px;color:#1873B9;margin-bottom:16px;}
.tour-cart-icon svg,.tour-coupon-icon svg{width:100%;height:100%;display:block;}
.tour-vendas-pet-image{position:absolute;right:-2px;bottom:0;width:68%;max-width:210px;height:auto;object-fit:contain;object-position:right bottom;z-index:1;}
.tour-coupon-icon{position:absolute;left:30px;bottom:72px;width:48px;height:48px;color:#1873B9;transform:rotate(-7deg);z-index:2;}
@media(max-width:991.98px){.tour-side-vendas{padding-bottom:190px}.tour-vendas-pet-image{right:0;width:195px;max-width:66%}.tour-coupon-icon{left:28px;bottom:72px;width:44px;height:44px}}

/* v42 — refinamento do card Vendas e PDV */
.tour-side-vendas{
  overflow:hidden;
  padding-bottom:190px;
}
.tour-cart-icon{
  width:46px;
  height:46px;
  color:#1873B9;
  margin-bottom:14px;
}
.tour-cart-icon svg,
.tour-coupon-icon svg{
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
}
.tour-vendas-pet-image{
  position:absolute;
  left:50%;
  right:auto;
  bottom:-1px;
  width:72%;
  max-width:225px;
  height:auto;
  object-fit:contain;
  object-position:center bottom;
  transform:translateX(-34%);
  z-index:1;
}
.tour-coupon-icon{
  position:absolute;
  left:25px;
  bottom:64px;
  width:46px;
  height:46px;
  color:#1873B9;
  transform:rotate(-7deg);
  z-index:3;
}
@media(max-width:991.98px){
  .tour-side-vendas{padding-bottom:190px;overflow:hidden}
  .tour-vendas-pet-image{left:50%;right:auto;bottom:-1px;width:205px;max-width:72%;transform:translateX(-34%)}
  .tour-coupon-icon{left:24px;bottom:66px;width:43px;height:43px}
}

/* v43 — Vendas e PDV alinhado à referência */
.tour-side-vendas{
  position:relative;
  overflow:hidden !important;
  isolation:isolate;
  padding-bottom:190px;
}
.tour-cart-icon{
  width:43px;
  height:43px;
  margin:0 0 14px 2px;
  color:#1873B9;
}
.tour-vendas-pet-image{
  position:absolute;
  left:46%;
  right:auto;
  bottom:0 !important;
  width:66%;
  max-width:205px;
  height:auto;
  display:block;
  object-fit:contain;
  object-position:center bottom;
  transform:translateX(-34%);
  z-index:1;
}
.tour-coupon-icon{
  position:absolute;
  left:28px;
  bottom:88px;
  width:43px;
  height:43px;
  color:#1873B9;
  transform:rotate(-5deg);
  z-index:3;
}
.tour-side-vendas .tour-cart-icon svg,
.tour-side-vendas .tour-coupon-icon svg{overflow:visible;display:block;width:100%;height:100%;}
@media(max-width:991.98px){
  .tour-side-vendas{overflow:hidden !important;padding-bottom:188px}
  .tour-vendas-pet-image{left:46%;bottom:0 !important;width:198px;max-width:66%;transform:translateX(-34%)}
  .tour-coupon-icon{left:24px;bottom:84px;width:41px;height:41px}
}


/* v44 — Vendas e PDV refeito a partir da referência aprovada */
.tour-side-vendas{
  position:relative;
  overflow:hidden !important;
  border-radius:16px;
  padding:28px 24px 190px;
  isolation:isolate;
  clip-path:inset(0 round 18px);
}
.tour-side-vendas .tour-cart-icon{
  width:48px;
  height:48px;
  margin:0 0 14px 0;
  color:#1873B9;
}
.tour-side-vendas .tour-cart-icon svg{
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
}
.tour-side-vendas .tour-cart-icon svg g{
  stroke-width:3.6;
}
.tour-side-vendas .tour-cart-icon .cart-ray{
  stroke-width:2.8;
}
.tour-side-vendas .tour-coupon-icon{
  position:absolute;
  left:31px;
  bottom:104px;
  width:47px;
  height:47px;
  color:#1873B9;
  transform:rotate(-5deg);
  z-index:3;
}
.tour-side-vendas .tour-coupon-icon svg{
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
}
.tour-side-vendas .tour-coupon-icon svg g{
  stroke-width:3.5;
}
.tour-side-vendas .tour-vendas-pet-image{
  position:absolute;
  left:40%;
  right:auto;
  bottom:0 !important;
  width:65%;
  max-width:202px;
  height:auto;
  display:block;
  object-fit:contain;
  object-position:center bottom;
  transform:translateX(-30%);
  z-index:1;
  margin:0;
}
@media(max-width:991.98px){
  .tour-side-vendas{padding-bottom:184px;clip-path:inset(0 round 18px)}
  .tour-side-vendas .tour-vendas-pet-image{left:40%;bottom:0 !important;width:195px;max-width:64%;transform:translateX(-30%)}
  .tour-side-vendas .tour-coupon-icon{left:28px;bottom:98px;width:44px;height:44px}
  .tour-side-vendas .tour-cart-icon{width:45px;height:45px}
}

/* v45 — revisão final dos cards laterais */
.tour-side-servicos{
  position:relative;
  overflow:hidden !important;
  padding-bottom:174px;
  isolation:isolate;
  clip-path:inset(0 round 18px);
}
.tour-side-servicos .tour-scissors-icon{
  width:46px;height:46px;margin:0 0 15px;color:#1873B9;
}
.tour-side-servicos .tour-scissors-icon svg{width:100%;height:100%;display:block;}
.tour-side-servicos .tour-servicos-pet-image{
  position:absolute;right:5px;bottom:0;width:69%;max-width:198px;max-height:178px;
  object-fit:contain;object-position:right bottom;display:block;z-index:1;margin:0;
}
.tour-side-vendas{
  overflow:hidden !important;
  clip-path:inset(0 round 18px) !important;
  padding-bottom:190px !important;
}
.tour-side-vendas .tour-cart-icon{
  width:50px !important;height:50px !important;margin:0 0 13px !important;color:#1873B9;
}
.tour-side-vendas .tour-cart-icon svg{overflow:hidden !important;}
.tour-side-vendas .tour-coupon-icon{
  left:29px !important;bottom:101px !important;width:49px !important;height:49px !important;
  transform:none !important;color:#1873B9;z-index:3;
}
.tour-side-vendas .tour-coupon-icon svg{overflow:hidden !important;}
.tour-side-vendas .tour-vendas-pet-image{
  left:51% !important;right:auto !important;bottom:0 !important;
  width:auto !important;height:auto !important;max-width:72% !important;max-height:188px !important;
  object-fit:contain !important;object-position:center bottom !important;
  transform:translateX(-50%) !important;margin:0 !important;display:block !important;
}
@media(max-width:991.98px){
 .tour-side-servicos{padding-bottom:170px}.tour-side-servicos .tour-servicos-pet-image{max-height:174px;max-width:68%}
 .tour-side-vendas{padding-bottom:184px !important}.tour-side-vendas .tour-vendas-pet-image{max-height:182px !important;max-width:70% !important}
 .tour-side-vendas .tour-coupon-icon{left:27px !important;bottom:98px !important;width:46px !important;height:46px !important}
}

/* v46 — Serviços: Tasha + secador, imagem apoiada no limite inferior */
.tour-side-servicos{
  position:relative;
  overflow:hidden !important;
  clip-path:inset(0 round 18px);
  padding-bottom:174px;
}
.tour-side-servicos .tour-servicos-pet-image{
  position:absolute !important;
  right:-2px !important;
  bottom:-28px !important;
  width:72% !important;
  max-width:208px !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:right bottom !important;
  display:block !important;
  z-index:2 !important;
  margin:0 !important;
}
.tour-side-servicos .tour-hairdryer-icon{
  position:absolute;
  left:26px;
  bottom:76px;
  width:48px;
  height:48px;
  color:#1873B9;
  z-index:3;
  transform:rotate(-7deg);
}
.tour-side-servicos .tour-hairdryer-icon svg{width:100%;height:100%;display:block;overflow:visible}
@media(max-width:991.98px){
  .tour-side-servicos{padding-bottom:170px}
  .tour-side-servicos .tour-servicos-pet-image{right:-2px !important;bottom:-24px !important;width:70% !important;max-width:200px !important;max-height:none !important}
  .tour-side-servicos .tour-hairdryer-icon{left:24px;bottom:72px;width:44px;height:44px}
}

/* v47 — ajuste localizado: card Vendas e PDV conforme referência aprovada */
.tour-side-vendas{
  position:relative !important;
  overflow:hidden !important;
  clip-path:inset(0 round 18px) !important;
  padding:28px 24px 205px !important;
}
.tour-side-vendas .tour-cart-icon{
  width:46px !important;
  height:46px !important;
  margin:0 0 14px !important;
  color:#1873B9 !important;
}
.tour-side-vendas .tour-cart-icon svg{
  width:100% !important;
  height:100% !important;
  display:block !important;
  overflow:visible !important;
}
.tour-side-vendas .tour-cart-icon svg g{
  stroke:#1873B9 !important;
  stroke-width:3.2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.tour-side-vendas h4,
.tour-side-vendas p{
  position:relative;
  z-index:4;
}
.tour-side-vendas .tour-coupon-icon{
  position:absolute !important;
  left:28px !important;
  bottom:112px !important;
  width:50px !important;
  height:50px !important;
  color:#1873B9 !important;
  transform:rotate(-5deg) !important;
  z-index:5 !important;
}
.tour-side-vendas .tour-coupon-icon svg{
  width:100% !important;
  height:100% !important;
  display:block !important;
  overflow:visible !important;
}
.tour-side-vendas .tour-coupon-icon svg g{
  stroke:#1873B9 !important;
  stroke-width:3.1 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.tour-side-vendas .tour-vendas-pet-image{
  position:absolute !important;
  left:auto !important;
  right:-4px !important;
  bottom:-1px !important;
  width:76% !important;
  max-width:224px !important;
  max-height:215px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:right bottom !important;
  transform:none !important;
  margin:0 !important;
  display:block !important;
  z-index:3 !important;
}
@media(max-width:991.98px){
  .tour-side-vendas{padding-bottom:196px !important;}
  .tour-side-vendas .tour-vendas-pet-image{
    right:-3px !important;
    bottom:-1px !important;
    width:72% !important;
    max-width:214px !important;
    max-height:204px !important;
  }
  .tour-side-vendas .tour-coupon-icon{
    left:26px !important;
    bottom:106px !important;
    width:46px !important;
    height:46px !important;
  }
}


/* v48 — Vendas e PDV: tag redesenhada + Sofie reposicionada */
.tour-side-vendas .tour-coupon-icon{
  left:28px !important;
  bottom:108px !important;
  width:54px !important;
  height:54px !important;
  transform:rotate(-4deg) !important;
}
.tour-side-vendas .tour-coupon-icon svg g{
  stroke-width:3.25 !important;
}
.tour-side-vendas .tour-vendas-pet-image{
  left:auto !important;
  right:12px !important;
  bottom:-28px !important;
  width:78% !important;
  max-width:230px !important;
  max-height:none !important;
  object-position:center bottom !important;
}
@media(max-width:991.98px){
  .tour-side-vendas .tour-vendas-pet-image{
    right:8px !important;
    bottom:-24px !important;
    width:75% !important;
    max-width:220px !important;
    max-height:none !important;
  }
  .tour-side-vendas .tour-coupon-icon{
    left:26px !important;
    bottom:102px !important;
    width:49px !important;
    height:49px !important;
  }
}

/* v54 - Estoque: caixa mais clara + pata decorativa */
.tour-side-estoque{padding-bottom:222px;overflow:hidden;}
.tour-side-estoque .tour-box-icon{width:48px;height:48px;color:#1873B9;margin-bottom:10px;}
.tour-side-estoque .tour-box-icon svg{width:100%;height:100%;display:block;overflow:visible;}
.tour-stock-paw{position:absolute;left:28px;bottom:128px;width:48px;height:48px;color:#1873B9;z-index:2;transform:rotate(-8deg);}
.tour-stock-paw svg{width:100%;height:100%;display:block;}
.tour-estoque-pet-image{position:absolute;left:50%;right:auto;bottom:-44px;width:90%;max-width:270px;height:auto;display:block;object-fit:contain;object-position:center bottom;transform:translateX(-50%);z-index:1;}
@media(max-width:991.98px){
  .tour-side-estoque{padding-bottom:216px;}
  .tour-side-estoque .tour-box-icon{width:44px;height:44px;}
  .tour-stock-paw{left:24px;bottom:118px;width:44px;height:44px;}
  .tour-estoque-pet-image{left:50%;right:auto;bottom:-44px;width:232px;max-width:78%;transform:translateX(-50%);}
}

/* v56 — Serviços: ícones ajustados */
.tour-side-servicos{
  padding-bottom:204px !important;
  overflow:hidden !important;
  clip-path:inset(0 round 18px) !important;
}
.tour-side-servicos .tour-scissors-icon{
  width:48px !important;
  height:48px !important;
  color:#1873B9 !important;
  margin-bottom:18px !important;
}
.tour-side-servicos .tour-scissors-icon svg{
  width:100% !important;
  height:100% !important;
  display:block !important;
  overflow:visible !important;
}
.tour-side-servicos .tour-servicos-pet-image{
  left:50% !important;
  right:auto !important;
  bottom:-34px !important;
  width:88% !important;
  max-width:258px !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  transform:translateX(-50%) !important;
  z-index:2 !important;
}
.tour-side-servicos .tour-sparkles-icon{
  position:absolute !important;
  left:24px !important;
  bottom:126px !important;
  width:46px !important;
  height:46px !important;
  color:#1873B9 !important;
  z-index:3 !important;
}
.tour-side-servicos .tour-sparkles-icon svg{
  width:100% !important;
  height:100% !important;
  display:block !important;
  overflow:visible !important;
}
@media(max-width:991.98px){
  .tour-side-servicos{padding-bottom:205px !important;}
  .tour-side-servicos .tour-scissors-icon{width:44px !important;height:44px !important;}
  .tour-side-servicos .tour-servicos-pet-image{
    left:50% !important;
    right:auto !important;
    bottom:-34px !important;
    width:228px !important;
    max-width:78% !important;
    transform:translateX(-50%) !important;
  }
  .tour-side-servicos .tour-sparkles-icon{left:24px !important;bottom:122px !important;width:42px !important;height:42px !important;}
}


/* v68 — Financeiro: Pituca mais baixa, sem invadir o texto */
.tour-side-financeiro{padding-bottom:182px;overflow:hidden;clip-path:inset(0 round 18px);}
.tour-side-financeiro .tour-chart-icon{width:48px;height:48px;color:#1873B9;margin-bottom:12px;}
.tour-side-financeiro .tour-chart-icon svg{width:100%;height:100%;display:block;overflow:visible;}
.tour-side-financeiro .tour-coins-icon{position:absolute;left:26px;bottom:136px;width:50px;height:50px;color:#1873B9;z-index:3;}
.tour-side-financeiro .tour-coins-icon svg{width:100%;height:100%;display:block;overflow:visible;}
.tour-finance-pet-image{position:absolute;left:50%;right:auto;bottom:-108px;width:auto;height:300px;max-width:92%;display:block;object-fit:contain;object-position:center bottom;transform:translateX(-50%);z-index:2;}
@media(max-width:991.98px){
  .tour-side-financeiro{padding-bottom:184px;}
  .tour-side-financeiro .tour-chart-icon{width:44px;height:44px;}
  .tour-side-financeiro .tour-coins-icon{left:24px;bottom:132px;width:44px;height:44px;}
  .tour-finance-pet-image{left:50%;bottom:-100px;width:auto;height:286px;max-width:88%;transform:translateX(-50%);}
}


/* v69 — Título da seção como o modelo do Software + serviços com ícones mais ricos */
.product-tour-head h2{
  font-size:43px;
  line-height:1.12;
  font-weight:700;
  color:#0b2857;
  margin:0 0 10px;
  text-transform:none;
  letter-spacing:0;
}
.product-tour-head h2 span{color:#79ADDA;}
.product-tour-head p{
  max-width:760px;
  margin:0 auto;
  font-size:16px;
  line-height:1.5;
  color:#58709a;
}
.services-table th, .services-table td{vertical-align:middle;}
.services-table td:first-child, .services-table td:nth-child(2){min-width:150px;}
.pet-badge,.service-badge{display:flex;align-items:center;gap:10px;}
.pet-badge-icon,.service-badge-icon{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eef6ff;border:1px solid #d6e8fa;font-size:23px;line-height:1;flex:none;box-shadow:0 3px 10px rgba(23,115,185,.07);}
.service-badge-icon{width:42px;height:42px;font-size:24px;background:#f3f9ff;}
.pet-badge span:last-child,.service-badge span:last-child{font-weight:600;color:#173c72;}
@media(max-width:1199.98px){
  .product-tour-head h2{font-size:37px;}
}
@media(max-width:991.98px){
  .product-tour-head h2{font-size:31px;line-height:1.14;}
  .product-tour-head p{font-size:14px;max-width:100%;}
  .pet-badge-icon,.service-badge-icon{width:34px;height:34px;font-size:18px;border-radius:10px;}
  .service-badge-icon{width:36px;height:36px;font-size:18px;}
}


/* v70 — Vendas e PDV refeito com cards e produtos ilustrados */
.tour-ui-pdv{padding:22px 22px 24px;}
.tour-ui-pdv .ui-title,.tour-ui-pdv .ui-sub{display:none;}
.pdv-header-row{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:16px;}
.pdv-tabset{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.pdv-switch{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:14px;border:1px solid #dbe9f6;background:#f6fbff;color:#0b438a;font-weight:600;font-size:13px;line-height:1;}
.pdv-switch.active{background:linear-gradient(135deg,#5aa8de 0%, #4d99e3 100%);border-color:#5aa8de;color:#fff;box-shadow:0 8px 18px rgba(76,153,227,.18);}
.pdv-switch-icon{width:20px;height:20px;display:inline-grid;place-items:center;}
.pdv-switch-icon svg{width:100%;height:100%;display:block;}
.pdv-searchbar{display:flex;align-items:center;gap:10px;min-width:372px;height:40px;border:1px solid #dbe7f2;border-radius:999px;background:#fff;padding:0 14px;color:#8aa0bc;}
.pdv-searchbar input{border:0;background:transparent;outline:none;width:100%;font-size:13px;color:#8aa0bc;pointer-events:none;}
.pdv-search-icon{width:18px;height:18px;display:inline-grid;place-items:center;color:#0b438a;flex:none;}
.pdv-search-icon svg{width:100%;height:100%;display:block;}
.pdv-main-layout{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:18px;align-items:start;}
.pdv-products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.pdv-product-card{background:#fff;border:1px solid #deebf7;border-radius:14px;padding:12px 10px 12px;text-align:center;box-shadow:0 3px 10px rgba(12,61,130,.04);min-height:176px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;}
.pdv-product-figure{height:70px;display:grid;place-items:center;position:relative;width:100%;margin-bottom:10px;}
.pdv-product-name{font-size:13px;line-height:1.2;font-weight:500;color:#163a71;min-height:31px;display:flex;align-items:center;justify-content:flex-start;}
.pdv-product-price{font-size:12px;color:#0b448d;font-weight:700;margin-top:3px;}
.pdv-add-btn{margin-top:auto;border:1px solid #d7e6f7;background:#eff6fd;color:#1771b6;border-radius:12px;padding:8px 14px;font-size:12px;font-weight:600;min-width:92px;}
/* product illustrations */
.fig-bottle .bottle-body{position:absolute;bottom:5px;width:30px;height:44px;border-radius:8px 8px 10px 10px;background:linear-gradient(180deg,#fbfdff 0%,#edf3fa 100%);border:1px solid #d9e4ef;box-shadow:0 3px 6px rgba(0,0,0,.08);} 
.fig-bottle .bottle-pump{position:absolute;top:3px;width:18px;height:14px;background:#1d73d5;border-radius:5px 5px 2px 2px;box-shadow:9px 2px 0 -5px #2a7fe2;} 
.fig-bottle .bottle-pump::after{content:"";position:absolute;left:14px;top:3px;width:10px;height:4px;border-radius:2px;background:#2a7fe2;} 
.fig-bottle .bottle-label{position:absolute;bottom:18px;width:18px;height:15px;border-radius:4px;background:linear-gradient(180deg,#8ec0ef,#5fa5e4);} 
.fig-bottle .bottle-paw{position:absolute;bottom:14px;font-size:11px;filter:hue-rotate(185deg) saturate(.8);} 
.fig-brush .brush-head{position:absolute;width:30px;height:28px;border-radius:12px;background:linear-gradient(180deg,#8bb4de 0%,#6f9ccf 100%);transform:rotate(-20deg) translate(2px,-7px);box-shadow:0 3px 6px rgba(0,0,0,.08);} 
.fig-brush .brush-bristles{position:absolute;width:23px;height:18px;transform:rotate(-20deg) translate(3px,-12px);background:repeating-linear-gradient(90deg,#40576f 0 2px,transparent 2px 4px);border-radius:9px;} 
.fig-brush .brush-handle{position:absolute;width:11px;height:42px;border-radius:8px;background:linear-gradient(180deg,#7aa5d4 0%,#5e89bc 100%);transform:rotate(32deg) translate(17px,13px);box-shadow:0 3px 6px rgba(0,0,0,.08);} 
.fig-bag .bag-body,.fig-foodbag .foodbag-body{position:absolute;bottom:6px;width:34px;height:45px;background:linear-gradient(180deg,#d8a468 0%,#b57c45 100%);clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);border-radius:3px;box-shadow:0 4px 7px rgba(0,0,0,.1);} 
.fig-bag .bag-top,.fig-foodbag .foodbag-top{position:absolute;top:8px;width:28px;height:8px;border-radius:4px;background:rgba(255,255,255,.18);} 
.fig-bag .bag-paw,.fig-foodbag .foodbag-paw{position:absolute;bottom:19px;font-size:11px;filter:sepia(.2);} 
.fig-foodbag .foodbag-body{width:38px;height:47px;background:linear-gradient(180deg,#d59a4d 0%,#a96b2d 100%);} 
.fig-foodbag .foodbag-top{width:31px;top:7px;} 
.fig-boxprod .boxprod-box{position:absolute;bottom:8px;width:38px;height:44px;background:linear-gradient(180deg,#2983e7 0%,#1658af 100%);border-radius:3px;box-shadow:0 5px 8px rgba(0,0,0,.12);} 
.fig-boxprod .boxprod-top{position:absolute;top:9px;width:36px;height:8px;background:#5ba5f4;transform:skewX(-15deg);} 
.fig-boxprod .boxprod-label{position:absolute;top:18px;color:#fff;font-size:7px;line-height:1.05;font-weight:700;letter-spacing:.4px;} 
.fig-boxprod .boxprod-dog{position:absolute;bottom:11px;font-size:12px;filter:grayscale(1) brightness(2);} 
.fig-ball .ball-base{position:absolute;width:44px;height:44px;border-radius:50%;background:#f7d26d;box-shadow:0 4px 7px rgba(0,0,0,.1);} 
.fig-ball .ball-segment{position:absolute;width:44px;height:44px;border-radius:50%;clip-path:polygon(50% 50%,100% 0,100% 100%);} 
.fig-ball .seg1{background:#f35f66;transform:rotate(18deg);} .fig-ball .seg2{background:#53af4f;transform:rotate(140deg);} .fig-ball .seg3{background:#4da1e6;transform:rotate(257deg);} 
.fig-bowl .bowl-body{position:absolute;bottom:10px;width:44px;height:24px;background:linear-gradient(180deg,#f7b2c4 0%,#ea8da9 100%);border-radius:0 0 22px 22px;box-shadow:0 4px 7px rgba(0,0,0,.08);} 
.fig-bowl .bowl-rim{position:absolute;bottom:28px;width:48px;height:14px;background:#f7bfd0;border-radius:50%;box-shadow:inset 0 0 0 3px #f0a0b6;} 
.fig-bowl .bowl-shadow{position:absolute;bottom:6px;width:48px;height:9px;background:rgba(66,89,118,.12);border-radius:50%;}
.fig-bed .bed-outer{position:absolute;bottom:10px;width:52px;height:30px;background:linear-gradient(180deg,#787d83 0%,#5b6169 100%);border-radius:17px 17px 19px 19px;box-shadow:0 5px 8px rgba(0,0,0,.12);} 
.fig-bed .bed-inner{position:absolute;bottom:16px;width:34px;height:14px;background:#a1a6ac;border-radius:50% 50% 44% 44%;} 
.fig-bed .bed-shadow{position:absolute;bottom:6px;width:54px;height:10px;background:rgba(66,89,118,.12);border-radius:50%;}
.pdv-cart-panel{background:#fbfdff;border:1px solid #e1edf7;border-radius:14px;overflow:hidden;}
.pdv-cart-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f3f9ff;color:#123d7a;font-weight:700;}
.pdv-trash{width:18px;height:18px;color:#8fa1b8;display:inline-grid;place-items:center;}
.pdv-trash svg{width:100%;height:100%;display:block;}
.pdv-cart-items{background:#fff;}
.pdv-cart-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto 18px;gap:10px;align-items:center;padding:11px 16px;border-bottom:1px solid #e8eef6;}
.pdv-cart-item-info strong{display:block;font-size:13px;color:#173c72;line-height:1.15;}
.pdv-cart-item-info span{font-size:12px;color:#58709a;}
.pdv-item-total{font-size:13px;font-weight:600;color:#1d4c8f;white-space:nowrap;}
.pdv-remove{border:0;background:transparent;color:#6c88ae;font-size:18px;line-height:1;padding:0;}
.pdv-cart-item-icon{width:22px;height:22px;position:relative;display:grid;place-items:center;}
.mini-bottle::before{content:"";position:absolute;bottom:1px;width:14px;height:18px;border-radius:4px;background:linear-gradient(180deg,#fbfdff,#eaf1f8);border:1px solid #d7e2ee;} .mini-bottle::after{content:"";position:absolute;top:0;width:9px;height:6px;border-radius:3px 3px 1px 1px;background:#1d73d5;box-shadow:5px 1px 0 -3px #2a7fe2;} 
.mini-scissors{font-size:17px;} 
.mini-bag::before{content:"";position:absolute;bottom:0;width:16px;height:19px;background:linear-gradient(180deg,#d8a468 0%,#b57c45 100%);clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);} .mini-bag::after{content:"🐾";position:absolute;bottom:3px;font-size:9px;} 
.pdv-qty-control{display:inline-flex;align-items:center;border:1px solid #dae7f2;border-radius:10px;overflow:hidden;background:#fff;}
.pdv-qty-control button{border:0;background:#fff;color:#4f6f99;font-size:18px;line-height:1;padding:4px 9px;}
.pdv-qty-control span{min-width:22px;text-align:center;font-size:13px;font-weight:600;color:#173c72;}
.pdv-cart-summary{padding:14px 16px 8px;background:#fff;}
.pdv-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#58709a;margin-bottom:10px;}
.pdv-summary-row strong{font-weight:600;color:#4f6f99;}
.pdv-cart-total{display:flex;justify-content:space-between;align-items:center;background:#f1f7ff;padding:14px 16px;color:#1260a8;font-weight:700;}
.pdv-cart-total strong{font-size:17px;color:#1d5faa;}
.pdv-cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 0 0;margin-top:10px;}
.pdv-pay-btn,.pdv-finish-btn{min-height:52px;border-radius:14px;border:1px solid #dae7f2;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;background:#fff;color:#123d7a;}
.pdv-pay-btn svg,.pdv-finish-btn svg{width:18px;height:18px;display:block;}
.pdv-finish-btn{background:linear-gradient(135deg,#5aa8de 0%, #4d99e3 100%);border-color:#5aa8de;color:#fff;}
@media(max-width:1199.98px){
  .pdv-main-layout{grid-template-columns:1fr;}
  .pdv-searchbar{min-width:280px;}
}
@media(max-width:991.98px){
  .tour-ui-pdv{padding:18px;}
  .pdv-header-row{flex-direction:column;align-items:stretch;}
  .pdv-searchbar{min-width:0;width:100%;}
  .pdv-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pdv-cart-item{grid-template-columns:24px minmax(0,1fr);}
  .pdv-qty-control,.pdv-item-total,.pdv-remove{display:none;}
  .pdv-cart-actions{grid-template-columns:1fr;}
}


/* v71 — ajuste do PDV mantendo o banner lateral e trocando apenas as artes por emojis */
.pdv-emoji-figure{display:grid;place-items:center;}
.pdv-product-emoji{display:block;font-size:42px;line-height:1;filter:saturate(1.02);}
.pdv-cart-emoji{font-size:18px;line-height:1;display:grid;place-items:center;}


/* v72 — refinamento do PDV para igualar a referência mantendo banner lateral */
.tour-ui-pdv{padding:20px 22px 20px !important;min-height:auto !important;}
.pdv-header-row{gap:18px !important;align-items:center !important;margin-bottom:14px !important;}
.pdv-tabset{gap:10px !important;}
.pdv-switch{padding:12px 22px !important;border-radius:14px !important;font-size:13px !important;}
.pdv-switch-icon{width:19px !important;height:19px !important;}
.pdv-searchbar{min-width:384px !important;max-width:384px !important;width:384px !important;height:44px !important;padding:0 18px !important;border:1.2px solid #dbe7f2 !important;border-radius:999px !important;background:#fff !important;box-sizing:border-box !important;}
.pdv-searchbar input{font-size:12px !important;color:#91a4bd !important;}
.pdv-searchbar input::placeholder{color:#91a4bd !important;opacity:1 !important;}
.pdv-search-icon{width:16px !important;height:16px !important;color:#1b5ba5 !important;}
.pdv-main-layout{grid-template-columns:minmax(0,1fr) 386px !important;gap:18px !important;align-items:start !important;}
.pdv-products-grid{gap:10px !important;}
.pdv-product-card{min-height:162px !important;padding:12px 10px 12px !important;border-radius:14px !important;box-shadow:none !important;}
.pdv-product-figure{height:56px !important;margin-bottom:10px !important;}
.pdv-product-emoji{font-size:36px !important;}
.pdv-product-name{font-size:13px !important;line-height:1.18 !important;min-height:34px !important;}
.pdv-product-price{font-size:12px !important;line-height:1 !important;margin-top:1px !important;margin-bottom:10px !important;}
.pdv-add-btn{height:34px !important;min-width:96px !important;padding:6px 14px !important;border-radius:12px !important;font-size:12px !important;}
.pdv-cart-panel{border-radius:16px !important;}
.pdv-cart-head{padding:13px 16px !important;font-size:15px !important;}
.pdv-cart-item{grid-template-columns:24px minmax(0,1fr) auto auto 18px !important;gap:10px !important;padding:12px 16px !important;}
.pdv-cart-item-info strong{font-size:13px !important;line-height:1.12 !important;}
.pdv-cart-item-info span{font-size:12px !important;}
.pdv-cart-emoji{font-size:16px !important;width:18px !important;height:18px !important;}
.pdv-qty-control{border-radius:10px !important;}
.pdv-qty-control button{padding:5px 9px !important;font-size:17px !important;}
.pdv-qty-control span{min-width:22px !important;font-size:13px !important;}
.pdv-item-total{font-size:13px !important;}
.pdv-cart-summary{padding:14px 16px 8px !important;}
.pdv-summary-row{font-size:13px !important;}
.pdv-cart-total{padding:15px 16px !important;}
.pdv-cart-total strong{font-size:18px !important;}
.pdv-cart-actions{gap:10px !important;padding:12px 0 0 !important;}
.pdv-pay-btn,.pdv-finish-btn{min-height:50px !important;border-radius:14px !important;font-size:13px !important;}
@media (max-width:1199.98px){.pdv-main-layout{grid-template-columns:1fr !important;}.pdv-searchbar{width:100% !important;max-width:none !important;min-width:0 !important;}}


/* v73 — ajustes finos do painel Vendas para igualar a referência */
@media (min-width: 992px){
  .tour-panel.active[data-panel="vendas"]{
    align-items:start !important;
  }
  .tour-panel[data-panel="vendas"] .tour-ui-pdv{
    min-height:auto !important;
  }
  .tour-panel[data-panel="vendas"] .tour-side-vendas{
    align-self:start !important;
    min-height:385px !important;
    height:385px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-header-row{
    display:grid !important;
    grid-template-columns:max-content 338px !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:16px !important;
    margin-bottom:12px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-tabset{
    flex-wrap:nowrap !important;
    gap:10px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-switch{
    padding:11px 20px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-searchbar{
    width:338px !important;
    min-width:338px !important;
    max-width:338px !important;
    height:40px !important;
    padding:0 16px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-main-layout{
    grid-template-columns:minmax(0,1fr) 358px !important;
    gap:16px !important;
    align-items:start !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-products-grid{
    gap:7px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-cart-panel{
    margin-top:0 !important;
    align-self:start !important;
  }
}


/* v74 — ajuste de proporção do bloco central de Vendas para evitar aspecto espremido */
@media (min-width: 992px){
  .tour-panel[data-panel="vendas"]{
    grid-template-columns:290px minmax(0,1fr) 265px !important;
    gap:20px !important;
  }
  .tour-panel[data-panel="vendas"] .tour-copy{
    padding-top:10px !important;
  }
  .tour-panel[data-panel="vendas"] .tour-copy h3{
    font-size:30px !important;
    line-height:1.16 !important;
  }
  .tour-panel[data-panel="vendas"] .tour-copy > p{
    font-size:16px !important;
    line-height:1.42 !important;
  }
  .tour-panel[data-panel="vendas"] .tour-list li{
    font-size:16px !important;
    gap:10px !important;
  }
  .tour-panel[data-panel="vendas"] .tour-check{
    width:34px !important;
    height:34px !important;
  }
  .tour-panel[data-panel="vendas"] .tour-ui-pdv{
    padding:20px 20px 18px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-header-row{
    grid-template-columns:max-content 310px !important;
    gap:7px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-searchbar{
    width:310px !important;
    min-width:310px !important;
    max-width:310px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-main-layout{
    grid-template-columns:minmax(0,1fr) 330px !important;
    gap:7px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-products-grid{
    gap:10px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-product-card{
    min-height:168px !important;
    padding:13px 12px 12px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-product-figure{
    height:54px !important;
    margin-bottom:7px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-product-emoji{
    font-size:34px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-product-name{
    min-height:32px !important;
    font-size:12px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-add-btn{
    min-width:90px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-cart-panel{
    align-self:start !important;
  }
  .tour-panel[data-panel="vendas"] .tour-side-vendas{
    width:100% !important;
  }
}


/* v75 — reduzir ainda mais o bloco central de Vendas e PDV */
@media (min-width: 992px){
  .tour-panel[data-panel="vendas"]{
    grid-template-columns:285px minmax(0,1fr) 255px !important;
    gap:18px !important;
  }
  .tour-panel[data-panel="vendas"] .tour-ui-pdv{
    padding:18px 18px 16px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-header-row{
    grid-template-columns:max-content 286px !important;
    gap:10px !important;
    margin-bottom:6px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-tabset{
    gap:7px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-switch{
    padding:10px 16px !important;
    font-size:13px !important;
    border-radius:12px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-switch-icon{
    width:17px !important;
    height:17px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-searchbar{
    width:286px !important;
    min-width:286px !important;
    max-width:286px !important;
    height:38px !important;
    padding:0 14px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-searchbar input{
    font-size:12px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-main-layout{
    grid-template-columns:minmax(0,1fr) 306px !important;
    gap:10px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-products-grid{
    gap:7px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-product-card{
    min-height:154px !important;
    padding:11px 10px 10px !important;
    border-radius:12px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-product-figure{
    height:48px !important;
    margin-bottom:7px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-product-emoji{
    font-size:31px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-product-name{
    min-height:28px !important;
    font-size:11.5px !important;
    line-height:1.14 !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-product-price{
    font-size:11px !important;
    margin-bottom:6px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-add-btn{
    height:31px !important;
    min-width:84px !important;
    padding:5px 12px !important;
    font-size:11px !important;
    border-radius:11px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-cart-head{
    padding:12px 14px !important;
    font-size:15px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-cart-item{
    grid-template-columns:22px minmax(0,1fr) auto auto 16px !important;
    gap:7px !important;
    padding:10px 14px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-cart-emoji{
    font-size:13px !important;
    width:18px !important;
    height:18px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-cart-item-info strong{
    font-size:12px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-cart-item-info span,
  .tour-panel[data-panel="vendas"] .pdv-item-total,
  .tour-panel[data-panel="vendas"] .pdv-summary-row{
    font-size:11px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-qty-control button{
    padding:4px 8px !important;
    font-size:15px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-qty-control span{
    min-width:18px !important;
    font-size:12px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-cart-summary{
    padding:12px 14px 6px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-cart-total{
    padding:13px 14px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-cart-total strong{
    font-size:16px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-pay-btn,
  .tour-panel[data-panel="vendas"] .pdv-finish-btn{
    min-height:44px !important;
    font-size:12px !important;
    border-radius:12px !important;
  }
}


/* v76 — mover busca para cima das abas em Vendas e PDV */
@media (min-width: 992px){
  .tour-panel[data-panel="vendas"] .pdv-header-row{
    display:flex !important;
    flex-direction:column-reverse !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:7px !important;
    margin-bottom:12px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-searchbar{
    width:286px !important;
    min-width:286px !important;
    max-width:286px !important;
    height:38px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-tabset{
    width:auto !important;
    gap:7px !important;
    align-items:center !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-main-layout{
    margin-top:2px !important;
  }
}


/* v78 — manter busca à esquerda e alinhar cart no topo, sem título */
@media (min-width: 992px){
  .tour-panel[data-panel="vendas"] .tour-ui-pdv{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 306px !important;
    grid-template-rows:auto auto !important;
    column-gap:10px !important;
    row-gap:10px !important;
    align-items:start !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-header-row{
    grid-column:1 !important;
    grid-row:1 !important;
    display:flex !important;
    flex-direction:column-reverse !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:7px !important;
    margin-bottom:0 !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-searchbar{
    width:286px !important;
    min-width:286px !important;
    max-width:286px !important;
    height:38px !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-main-layout{
    display:contents !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-products-grid{
    grid-column:1 !important;
    grid-row:2 !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-cart-panel{
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
    align-self:start !important;
    margin-top:0 !important;
  }
  .tour-panel[data-panel="vendas"] .pdv-cart-head{
    display:none !important;
  }
}


/* v79 — restaurar o título do carrinho mantendo o restante do layout */
@media (min-width: 992px){
  .tour-panel[data-panel="vendas"] .pdv-cart-head{
    display:flex !important;
  }
}


/* v83 — Vendas: banner lateral igual ao padrão dos demais cards */
@media (min-width: 992px){
  .tour-panel[data-panel="vendas"]{
    grid-template-columns:285px minmax(0,1fr) 290px !important;
    gap:18px !important;
    align-items:start !important;
  }
  .tour-panel[data-panel="vendas"] .tour-side-vendas{
    box-sizing:border-box !important;
    width:290px !important;
    min-width:290px !important;
    max-width:290px !important;
    height:385px !important;
    min-height:385px !important;
    max-height:385px !important;
    padding:28px 24px !important;
    border-radius:18px !important;
    background:#e1f3ff !important;
    overflow:hidden !important;
    clip-path:inset(0 round 18px) !important;
    position:relative !important;
    align-self:start !important;
  }
  .tour-panel[data-panel="vendas"] .tour-side-vendas .tour-cart-icon{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    width:48px !important;
    height:48px !important;
    margin:0 0 18px 0 !important;
    color:#1873B9 !important;
  }
  .tour-panel[data-panel="vendas"] .tour-side-vendas h4{
    position:relative !important;
    z-index:4 !important;
    width:auto !important;
    max-width:230px !important;
    margin:0 0 12px 0 !important;
    font-size:27px !important;
    line-height:1.18 !important;
    font-weight:700 !important;
    color:#0d4e9c !important;
    letter-spacing:0 !important;
  }
  .tour-panel[data-panel="vendas"] .tour-side-vendas p{
    position:relative !important;
    z-index:4 !important;
    width:auto !important;
    max-width:230px !important;
    margin:0 !important;
    font-size:17px !important;
    line-height:1.35 !important;
    color:#58709a !important;
  }
  .tour-panel[data-panel="vendas"] .tour-side-vendas .tour-coupon-icon{
    position:absolute !important;
    left:24px !important;
    bottom:30px !important;
    width:42px !important;
    height:42px !important;
    color:#1873B9 !important;
    transform:rotate(-5deg) !important;
    z-index:3 !important;
  }
  .tour-panel[data-panel="vendas"] .tour-side-vendas .tour-vendas-pet-image{
    position:absolute !important;
    left:auto !important;
    right:8px !important;
    bottom:-4px !important;
    width:auto !important;
    height:145px !important;
    max-width:190px !important;
    max-height:145px !important;
    object-fit:contain !important;
    object-position:right bottom !important;
    transform:none !important;
    margin:0 !important;
    z-index:2 !important;
  }
}


/* v84 — ajuste fino da seção Vendas e PDV seguindo a referência */
@media (min-width: 992px){
  .tour-panel.active[data-panel="vendas"]{
    grid-template-columns: 300px minmax(0, 1fr) 320px !important;
    gap: 20px !important;
    align-items: start !important;
  }

  .tour-panel[data-panel="vendas"] .tour-copy{
    padding-top: 12px !important;
  }

  .tour-panel[data-panel="vendas"] .tour-ui-pdv{
    min-height: 470px !important;
    padding: 20px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 410px !important;
    grid-template-rows: auto 1fr !important;
    column-gap: 18px !important;
    row-gap: 14px !important;
    align-items: start !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-header-row{
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    margin: 0 !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-searchbar{
    order: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 46px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-tabset{
    order: 2 !important;
    width: 100% !important;
    display: flex !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-switch{
    min-width: 0 !important;
    padding: 12px 18px !important;
    border-radius: 16px !important;
    font-size: 13px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-switch-icon{
    width: 18px !important;
    height: 18px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-main-layout{
    display: contents !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-products-grid{
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    gap: 12px !important;
    align-content: start !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-product-card{
    min-height: 170px !important;
    padding: 12px 10px 12px !important;
    border-radius: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-product-figure{
    height: 58px !important;
    margin-bottom: 8px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-product-emoji{
    font-size: 35px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-product-name{
    min-height: 34px !important;
    font-size: 12px !important;
    line-height: 1.18 !important;
    margin-bottom: 4px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-product-price{
    margin: 0 0 10px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-add-btn{
    margin-top: auto !important;
    min-width: 98px !important;
    height: 34px !important;
    padding: 6px 14px !important;
    font-size: 12px !important;
    border-radius: 12px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-panel{
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    border-radius: 16px !important;
    min-height: 100% !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-head{
    display: flex !important;
    padding: 16px 18px !important;
    font-size: 15px !important;
    min-height: 74px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-item{
    grid-template-columns: 24px minmax(0, 1fr) auto auto 16px !important;
    gap: 10px !important;
    padding: 13px 18px !important;
    align-items: center !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-item-info strong{
    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-item-info span,
  .tour-panel[data-panel="vendas"] .pdv-item-total,
  .tour-panel[data-panel="vendas"] .pdv-summary-row{
    font-size: 12px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-qty-control button{
    padding: 5px 10px !important;
    font-size: 16px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-qty-control span{
    min-width: 22px !important;
    font-size: 12px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-summary{
    padding: 14px 18px 8px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-total{
    padding: 16px 18px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-total strong{
    font-size: 18px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-actions{
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin-top: 8px !important;
    padding-top: 12px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-pay-btn,
  .tour-panel[data-panel="vendas"] .pdv-finish-btn{
    min-height: 50px !important;
    font-size: 13px !important;
    border-radius: 14px !important;
  }

  .tour-panel[data-panel="vendas"] .tour-side-vendas{
    width: 100% !important;
    min-height: 470px !important;
    height: 470px !important;
    padding: 30px 28px 190px !important;
    border-radius: 22px !important;
    align-self: start !important;
    position: relative !important;
    overflow: hidden !important;
    background: #dff0fb !important;
    clip-path: inset(0 round 22px) !important;
  }

  .tour-panel[data-panel="vendas"] .tour-side-vendas .tour-cart-icon{
    top: 28px !important;
    left: 28px !important;
    width: 46px !important;
    height: 46px !important;
    margin: 0 !important;
  }

  .tour-panel[data-panel="vendas"] .tour-side-vendas h4{
    margin: 68px 0 0 !important;
    max-width: 230px !important;
    font-size: 28px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.02em !important;
  }

  .tour-panel[data-panel="vendas"] .tour-side-vendas p{
    margin: 14px 0 0 !important;
    max-width: 235px !important;
    font-size: 16px !important;
    line-height: 1.36 !important;
  }

  .tour-panel[data-panel="vendas"] .tour-side-vendas .tour-coupon-icon{
    left: 28px !important;
    bottom: 82px !important;
    width: 46px !important;
    height: 46px !important;
    z-index: 3 !important;
  }

  .tour-panel[data-panel="vendas"] .tour-side-vendas .tour-vendas-pet-image{
    right: 10px !important;
    left: auto !important;
    bottom: 0 !important;
    width: 225px !important;
    max-width: 86% !important;
    max-height: none !important;
    object-fit: contain !important;
    transform: none !important;
    z-index: 2 !important;
  }
}


/* v85 — rebalancear produtos + carrinho, mantendo o banner lateral */
@media (min-width: 992px){
  .tour-panel.active[data-panel="vendas"]{
    grid-template-columns: 296px minmax(0, 1fr) 314px !important;
    gap: 18px !important;
  }

  .tour-panel[data-panel="vendas"] .tour-ui-pdv{
    grid-template-columns: minmax(0, 1fr) 360px !important;
    min-height: 462px !important;
    column-gap: 14px !important;
    row-gap: 12px !important;
    padding: 18px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-header-row{
    gap: 10px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-searchbar{
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 44px !important;
    padding: 0 16px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-searchbar input{
    font-size: 13px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-tabset{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-switch{
    justify-content: center !important;
    width: 100% !important;
    padding: 12px 14px !important;
    font-size: 13px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-main-layout{
    display: contents !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-products-grid{
    gap: 10px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-product-card{
    min-height: 164px !important;
    padding: 12px 9px 11px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-product-figure{
    height: 54px !important;
    margin-bottom: 7px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-product-emoji{
    font-size: 33px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-product-name{
    min-height: 31px !important;
    font-size: 12px !important;
    line-height: 1.16 !important;
    margin-bottom: 4px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-product-price{
    font-size: 12px !important;
    margin: 0 0 9px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-add-btn{
    min-width: 94px !important;
    height: 33px !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-panel{
    min-width: 0 !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-head{
    min-height: 68px !important;
    padding: 14px 16px !important;
    font-size: 14px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-item{
    grid-template-columns: 22px minmax(0, 1fr) auto auto 16px !important;
    gap: 9px !important;
    padding: 11px 16px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-item-info strong{
    font-size: 12px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-item-info span,
  .tour-panel[data-panel="vendas"] .pdv-item-total,
  .tour-panel[data-panel="vendas"] .pdv-summary-row{
    font-size: 11.5px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-qty-control button{
    padding: 4px 8px !important;
    font-size: 15px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-qty-control span{
    min-width: 20px !important;
    font-size: 12px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-summary{
    padding: 12px 16px 6px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-total{
    padding: 14px 16px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-total strong{
    font-size: 17px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-actions{
    gap: 10px !important;
    padding-top: 10px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-pay-btn,
  .tour-panel[data-panel="vendas"] .pdv-finish-btn{
    min-height: 48px !important;
    font-size: 12.5px !important;
  }

  .tour-panel[data-panel="vendas"] .tour-side-vendas .tour-coupon-icon{
    bottom: 70px !important;
  }
}


/* v86 — reconstrução da seção Vendas e PDV */
@media (min-width: 992px){
  .tour-panel.active[data-panel="vendas"]{
    grid-template-columns: 238px minmax(0, 1fr) 292px !important;
    gap: 20px !important;
    align-items: stretch !important;
  }

  .tour-panel[data-panel="vendas"] .tour-copy{
    padding-top: 8px !important;
  }

  .tour-panel[data-panel="vendas"] .tour-copy h3{
    font-size: 30px !important;
    line-height: 1.12 !important;
  }

  .tour-panel[data-panel="vendas"] .tour-copy > p{
    font-size: 16px !important;
    line-height: 1.38 !important;
  }

  .tour-panel[data-panel="vendas"] .tour-ui-pdv.pdv-layout-clean{
    display: grid !important;
    grid-template-columns: minmax(0, 46%) minmax(0, 54%) !important;
    gap: 18px !important;
    padding: 18px !important;
    min-height: 476px !important;
    height: 476px !important;
    border-radius: 22px !important;
    align-self: stretch !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-products-column,
  .tour-panel[data-panel="vendas"] .pdv-cart-column{
    min-width: 0 !important;
    height: 100% !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-products-column{
    display: grid !important;
    grid-template-rows: auto auto 1fr !important;
    gap: 12px !important;
    align-content: start !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-searchbar{
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 46px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-searchbar input,
  .tour-panel[data-panel="vendas"] .pdv-searchbar input::placeholder{
    font-size: 13px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-tabset{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-switch{
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
    padding: 11px 12px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-switch-icon{
    width: 18px !important;
    height: 18px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-products-grid{
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-content: start !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-product-card{
    min-height: 160px !important;
    padding: 12px 8px 11px !important;
    border-radius: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-product-figure{
    height: 52px !important;
    margin-bottom: 8px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-product-emoji{
    font-size: 32px !important;
    line-height: 1 !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-product-name{
    min-height: 30px !important;
    margin-bottom: 6px !important;
    font-size: 12px !important;
    line-height: 1.16 !important;
    text-align: center !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-product-price{
    margin: 0 0 10px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-add-btn{
    margin-top: auto !important;
    min-width: 86px !important;
    width: auto !important;
    height: 32px !important;
    padding: 5px 12px !important;
    font-size: 11.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    border-radius: 11px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-column{
    display: flex !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-panel{
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-head{
    min-height: 72px !important;
    padding: 14px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-size: 15px !important;
    gap: 12px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-trash-btn{
    width: 34px !important;
    height: 34px !important;
    border: 1px solid #dde9f6 !important;
    border-radius: 12px !important;
    background: #f3f8fd !important;
    color: #97a8be !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-trash-btn svg{
    width: 18px !important;
    height: 18px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-items{
    flex: 1 1 auto !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-item{
    grid-template-columns: 22px minmax(0, 1fr) auto auto 14px !important;
    gap: 9px !important;
    padding: 12px 16px !important;
    align-items: center !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-emoji{
    font-size: 15px !important;
    width: 18px !important;
    height: 18px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-item-info strong{
    display: block !important;
    font-size: 13px !important;
    line-height: 1.14 !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-item-info span,
  .tour-panel[data-panel="vendas"] .pdv-item-total,
  .tour-panel[data-panel="vendas"] .pdv-summary-row{
    font-size: 12px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-qty-control{
    border-radius: 10px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-qty-control button{
    padding: 5px 8px !important;
    font-size: 15px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-qty-control span{
    min-width: 18px !important;
    font-size: 12px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-summary{
    padding: 12px 16px 6px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-total{
    padding: 14px 16px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-total strong{
    font-size: 18px !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-cart-actions{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    padding-top: 10px !important;
    margin-top: auto !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-pay-btn,
  .tour-panel[data-panel="vendas"] .pdv-finish-btn{
    min-height: 48px !important;
    border-radius: 14px !important;
    font-size: 12.5px !important;
    line-height: 1.1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-align: center !important;
  }

  .tour-panel[data-panel="vendas"] .pdv-pay-btn svg,
  .tour-panel[data-panel="vendas"] .pdv-finish-btn svg{
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 auto !important;
  }

  .tour-panel[data-panel="vendas"] .tour-side-vendas{
    width: 100% !important;
    min-height: 476px !important;
    height: 476px !important;
    padding: 28px 26px 170px !important;
    border-radius: 22px !important;
    align-self: stretch !important;
    position: relative !important;
    overflow: hidden !important;
    background: #dff0fb !important;
    clip-path: inset(0 round 22px) !important;
  }

  .tour-panel[data-panel="vendas"] .tour-side-vendas .tour-cart-icon{
    top: 26px !important;
    left: 26px !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
  }

  .tour-panel[data-panel="vendas"] .tour-side-vendas h4{
    margin: 64px 0 0 !important;
    max-width: 214px !important;
    font-size: 26px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.02em !important;
  }

  .tour-panel[data-panel="vendas"] .tour-side-vendas p{
    margin: 12px 0 0 !important;
    max-width: 216px !important;
    font-size: 16px !important;
    line-height: 1.34 !important;
  }

  .tour-panel[data-panel="vendas"] .tour-side-vendas .tour-coupon-icon{
    left: 26px !important;
    bottom: 78px !important;
    width: 44px !important;
    height: 44px !important;
    z-index: 3 !important;
  }

  .tour-panel[data-panel="vendas"] .tour-side-vendas .tour-vendas-pet-image{
    right: 10px !important;
    left: auto !important;
    bottom: 0 !important;
    width: 214px !important;
    max-width: 82% !important;
    max-height: none !important;
    object-fit: contain !important;
    transform: none !important;
    z-index: 2 !important;
  }
}


/* v87 — usar arte pronta no bloco branco e padronizar o card lateral de Vendas */
@media (min-width: 992px){
  .tour-panel.active[data-panel="vendas"]{
    grid-template-columns: 238px minmax(0, 1fr) 290px !important;
    gap: 20px !important;
    align-items: stretch !important;
  }

  .tour-panel[data-panel="vendas"] .tour-ui-pdv-image{
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    align-self: start !important;
  }

  .tour-panel[data-panel="vendas"] .tour-ui-pdv-image img{
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 22px !important;
    object-fit: contain !important;
  }

  .tour-panel[data-panel="vendas"] .tour-side-vendas{
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 290 / 476 !important;
    padding: 28px 24px 178px !important;
    border-radius: 18px !important;
    align-self: start !important;
    position: relative !important;
    overflow: hidden !important;
    clip-path: inset(0 round 18px) !important;
    background: #e1f3ff !important;
  }

  .tour-panel[data-panel="vendas"] .tour-side-vendas .tour-cart-icon{
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 0 18px !important;
    color: #1873B9 !important;
  }

  .tour-panel[data-panel="vendas"] .tour-side-vendas h4{
    position: relative !important;
    z-index: 4 !important;
    margin: 0 !important;
    max-width: 220px !important;
    font-size: 27px !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
    color: #0d4e9c !important;
  }

  .tour-panel[data-panel="vendas"] .tour-side-vendas p{
    position: relative !important;
    z-index: 4 !important;
    margin: 14px 0 0 !important;
    max-width: 220px !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    color: #58709a !important;
  }

  .tour-panel[data-panel="vendas"] .tour-side-vendas .tour-coupon-icon{
    left: 26px !important;
    bottom: 100px !important;
    width: 48px !important;
    height: 48px !important;
    z-index: 3 !important;
  }

  .tour-panel[data-panel="vendas"] .tour-side-vendas .tour-vendas-pet-image{
    left: 50% !important;
    right: auto !important;
    bottom: -8px !important;
    width: 88% !important;
    max-width: 255px !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    transform: translateX(-43%) !important;
    z-index: 2 !important;
    margin: 0 !important;
  }
}

@media (max-width: 991.98px){
  .tour-panel[data-panel="vendas"] .tour-ui-pdv-image{
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }
  .tour-panel[data-panel="vendas"] .tour-ui-pdv-image img{
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 18px !important;
  }
}


/* v88 — Serviços: banner lateral adaptado para o layout da referência */
.tour-side-servicos{
  min-height:385px !important;
  padding:30px 28px 188px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  clip-path:inset(0 round 18px) !important;
}
.tour-side-servicos .tour-scissors-icon{
  width:40px !important;
  height:40px !important;
  margin-bottom:18px !important;
  color:#1873B9 !important;
}
.tour-side-servicos h4{
  max-width:220px !important;
  margin:0 0 12px !important;
  font-size:27px !important;
  line-height:1.12 !important;
}
.tour-side-servicos p{
  max-width:222px !important;
  margin:0 !important;
  font-size:17px !important;
  line-height:1.38 !important;
}
.tour-side-servicos .tour-sparkles-icon{
  left:34px !important;
  bottom:108px !important;
  width:42px !important;
  height:42px !important;
  color:#1873B9 !important;
  z-index:3 !important;
}
.tour-side-servicos .tour-servicos-pet-image{
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  bottom:0 !important;
  width:80% !important;
  max-width:238px !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  transform:translateX(-50%) !important;
  z-index:2 !important;
}
@media (max-width: 991.98px){
  .tour-side-servicos{
    padding:28px 24px 178px !important;
    min-height:360px !important;
  }
  .tour-side-servicos .tour-scissors-icon{
    width:38px !important;
    height:38px !important;
  }
  .tour-side-servicos h4{
    max-width:210px !important;
    font-size:25px !important;
  }
  .tour-side-servicos p{
    max-width:210px !important;
    font-size:16px !important;
  }
  .tour-side-servicos .tour-sparkles-icon{
    left:30px !important;
    bottom:104px !important;
    width:38px !important;
    height:38px !important;
  }
  .tour-side-servicos .tour-servicos-pet-image{
    width:214px !important;
    max-width:78% !important;
  }
}


/* v89 — Serviços: banner lateral mais alto e alinhado ao final do card */
@media (min-width: 992px){
  .tour-panel.active[data-panel="servicos"]{
    align-items: stretch !important;
  }
  .tour-panel[data-panel="servicos"] .tour-ui{
    min-height: 430px !important;
  }
  .tour-panel[data-panel="servicos"] .tour-side-servicos{
    min-height: 430px !important;
    height: 430px !important;
    align-self: stretch !important;
    padding: 30px 28px 210px !important;
  }
  .tour-panel[data-panel="servicos"] .tour-side-servicos .tour-sparkles-icon{
    bottom: 118px !important;
  }
  .tour-panel[data-panel="servicos"] .tour-side-servicos .tour-servicos-pet-image{
    width: 82% !important;
    max-width: 244px !important;
  }
}


/* v90 — banner lateral de Vendas (Sofie) com altura alinhada ao card principal */
@media (min-width: 992px){
  .tour-panel.active[data-panel="vendas"]{
    align-items: stretch !important;
  }
  .tour-panel[data-panel="vendas"] .tour-ui-pdv-image{
    align-self: stretch !important;
    display: block !important;
  }
  .tour-panel[data-panel="vendas"] .tour-side-vendas{
    align-self: stretch !important;
    height: auto !important;
    min-height: auto !important;
    aspect-ratio: auto !important;
    padding: 28px 24px 196px !important;
  }
  .tour-panel[data-panel="vendas"] .tour-side-vendas .tour-coupon-icon{
    bottom: 112px !important;
  }
  .tour-panel[data-panel="vendas"] .tour-side-vendas .tour-vendas-pet-image{
    bottom: 0 !important;
    width: 90% !important;
    max-width: 262px !important;
  }
}


/* v91 — banner lateral de Vendas com altura correta e alinhado ao card */
@media (min-width: 992px){
  .tour-panel.active[data-panel="vendas"]{
    align-items: stretch !important;
  }
  .tour-panel[data-panel="vendas"] .tour-side-vendas{
    position: relative !important;
    align-self: stretch !important;
    min-height: 485px !important;
    height: 485px !important;
    aspect-ratio: auto !important;
    padding: 30px 26px 210px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    clip-path: inset(0 round 18px) !important;
  }
  .tour-panel[data-panel="vendas"] .tour-side-vendas .tour-cart-icon{
    width: 44px !important;
    height: 44px !important;
    margin: 0 0 18px !important;
  }
  .tour-panel[data-panel="vendas"] .tour-side-vendas h4{
    max-width: 220px !important;
    margin: 0 0 14px !important;
    font-size: 27px !important;
    line-height: 1.1 !important;
  }
  .tour-panel[data-panel="vendas"] .tour-side-vendas p{
    max-width: 220px !important;
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
  }
  .tour-panel[data-panel="vendas"] .tour-side-vendas .tour-coupon-icon{
    left: 26px !important;
    bottom: 116px !important;
    width: 46px !important;
    height: 46px !important;
    z-index: 3 !important;
  }
  .tour-panel[data-panel="vendas"] .tour-side-vendas .tour-vendas-pet-image{
    left: 50% !important;
    right: auto !important;
    bottom: 0 !important;
    width: 82% !important;
    max-width: 238px !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    transform: translateX(-50%) !important;
    z-index: 2 !important;
  }
}


/* v92 — ajuste fino: reduzir um pouco a Sophie no banner de Vendas */
@media (min-width: 992px){
  .tour-panel[data-panel="vendas"] .tour-side-vendas .tour-vendas-pet-image{
    width: 76% !important;
    max-width: 222px !important;
  }
}


/* v93 — restaurar Serviços exatamente ao estado anterior (v87), mantendo Vendas atual */
.tour-side-servicos{
  min-height:385px !important;
  height:auto !important;
  align-self:stretch !important;
  padding:28px 24px 204px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  clip-path:inset(0 round 18px) !important;
}
.tour-side-servicos .tour-scissors-icon{
  width:48px !important;
  height:48px !important;
  color:#1873B9 !important;
  margin-bottom:18px !important;
}
.tour-side-servicos h4{
  max-width:none !important;
  margin:0 !important;
  font-size:27px !important;
  line-height:1.18 !important;
}
.tour-side-servicos p{
  max-width:none !important;
  margin:0 !important;
  font-size:17px !important;
  line-height:1.35 !important;
}
.tour-side-servicos .tour-servicos-pet-image{
  left:50% !important;
  right:auto !important;
  bottom:-34px !important;
  width:88% !important;
  max-width:258px !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  transform:translateX(-50%) !important;
  z-index:2 !important;
}
.tour-side-servicos .tour-sparkles-icon{
  position:absolute !important;
  left:24px !important;
  bottom:126px !important;
  width:46px !important;
  height:46px !important;
  color:#1873B9 !important;
  z-index:3 !important;
}
@media (min-width:992px){
  .tour-panel.active[data-panel="servicos"]{
    align-items:stretch !important;
  }
  .tour-panel[data-panel="servicos"] .tour-ui{
    min-height:385px !important;
    height:auto !important;
  }
}
@media(max-width:991.98px){
  .tour-side-servicos{
    min-height:270px !important;
    height:auto !important;
    padding:28px 24px 205px !important;
  }
  .tour-side-servicos .tour-scissors-icon{
    width:44px !important;
    height:44px !important;
  }
  .tour-side-servicos h4{
    max-width:none !important;
    font-size:27px !important;
    line-height:1.18 !important;
  }
  .tour-side-servicos p{
    max-width:none !important;
    font-size:17px !important;
    line-height:1.35 !important;
  }
  .tour-side-servicos .tour-servicos-pet-image{
    left:50% !important;
    right:auto !important;
    bottom:-34px !important;
    width:228px !important;
    max-width:78% !important;
    transform:translateX(-50%) !important;
  }
  .tour-side-servicos .tour-sparkles-icon{
    left:24px !important;
    bottom:122px !important;
    width:42px !important;
    height:42px !important;
  }
}

/* v94 — Serviços: deixar o banner lateral mais comprido na vertical e alinhado ao card ao lado */
@media (min-width: 992px){
  .tour-panel[data-panel="servicos"] .tour-ui{
    min-height: 430px !important;
    height: 430px !important;
  }
  .tour-panel[data-panel="servicos"] .tour-side-servicos{
    min-height: 430px !important;
    height: 430px !important;
    padding: 28px 24px 220px !important;
    align-self: stretch !important;
  }
  .tour-panel[data-panel="servicos"] .tour-side-servicos .tour-sparkles-icon{
    bottom: 132px !important;
  }
  .tour-panel[data-panel="servicos"] .tour-side-servicos .tour-servicos-pet-image{
    bottom: -28px !important;
    width: 90% !important;
    max-width: 262px !important;
  }
}


/* v95 — ajustes solicitados: Tasha um pouco menor e emojis em Estoque */
.tour-side-servicos .tour-servicos-pet-image{width:84% !important;max-width:242px !important;}
.stock-product-badge{display:flex;align-items:center;gap:10px;}
.stock-product-badge-icon{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eef6ff;border:1px solid #d6e8fa;font-size:23px;line-height:1;flex:none;box-shadow:0 3px 10px rgba(23,115,185,.07);}
.stock-product-badge span:last-child{font-weight:600;color:#173c72;}
@media(max-width:991.98px){.stock-product-badge-icon{width:34px;height:34px;font-size:18px;border-radius:10px;}}


/* v96 — ajustes pedidos: financeiro por imagem, Tasha menor e mais produtos em estoque */
.tour-ui-finance-image{padding:0 !important;overflow:hidden;display:flex;align-items:stretch;justify-content:flex-start;}
.tour-ui-finance-image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:16px;}
.tour-side-servicos .tour-servicos-pet-image{width:74% !important;max-width:214px !important;}


/* v97 — ajustes solicitados */
.tour-ui-finance-image img{width:100% !important;height:auto !important;max-height:100% !important;object-fit:contain !important;object-position:center center !important;background:#fff;}
.tour-side-servicos .tour-servicos-pet-image{width:68% !important;max-width:194px !important;}


/* v98 — ajustes finais solicitados */
.tour-ui-finance-image{padding:6px !important;align-items:center !important;background:#fff !important;}
.tour-ui-finance-image img{width:98% !important;height:auto !important;max-height:calc(100% - 12px) !important;object-fit:contain !important;object-position:center center !important;border-radius:14px !important;background:#fff !important;}
.tour-side-servicos .tour-servicos-pet-image{width:60% !important;max-width:172px !important;bottom:-22px !important;}

/* v99 — ajustes finos solicitados pelo usuário */
.tour-panel[data-panel="financeiro"] .tour-ui-finance-image{
  padding: 0 !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  background: transparent !important;
}
.tour-panel[data-panel="financeiro"] .tour-ui-finance-image img{
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: fill !important;
  object-position: center center !important;
  border-radius: 16px !important;
  background: transparent !important;
}
.tour-panel[data-panel="servicos"] .tour-side-servicos .tour-servicos-pet-image{
  width: 52% !important;
  max-width: 150px !important;
  bottom: -12px !important;
}
@media (max-width: 991.98px){
  .tour-panel[data-panel="servicos"] .tour-side-servicos .tour-servicos-pet-image{
    width: 48% !important;
    max-width: 138px !important;
    bottom: -10px !important;
  }
}


/* v100 — ajustes finais pedidos */
.tour-panel[data-panel="financeiro"] .tour-ui-finance-image{padding:0 !important;align-items:center !important;justify-content:center !important;background:transparent !important;}
.tour-panel[data-panel="financeiro"] .tour-ui-finance-image img{width:100% !important;height:100% !important;max-height:none !important;object-fit:contain !important;object-position:center center !important;border-radius:16px !important;background:transparent !important;}
.tour-panel[data-panel="servicos"] .tour-side-servicos .tour-servicos-pet-image{width:57% !important;max-width:162px !important;bottom:-10px !important;}
.tour-panel[data-panel="servicos"] .tour-side-servicos .tour-sparkles-icon{bottom:92px !important;}
@media (max-width: 991.98px){.tour-panel[data-panel="servicos"] .tour-side-servicos .tour-servicos-pet-image{width:54% !important;max-width:150px !important;bottom:-8px !important;}.tour-panel[data-panel="servicos"] .tour-side-servicos .tour-sparkles-icon{bottom:86px !important;}}

/* v101 — aumentar um pouco mais a Tasha sem encostar no texto */
.tour-panel[data-panel="servicos"] .tour-side-servicos .tour-servicos-pet-image{
  width: 63% !important;
  max-width: 178px !important;
  bottom: -10px !important;
}
@media (max-width: 991.98px){
  .tour-panel[data-panel="servicos"] .tour-side-servicos .tour-servicos-pet-image{
    width: 60% !important;
    max-width: 166px !important;
    bottom: -8px !important;
  }
}

/* v102 — aumentar bem mais a Tasha sem encostar no texto */
.tour-panel[data-panel="servicos"] .tour-side-servicos .tour-servicos-pet-image{
  width: 72% !important;
  max-width: 206px !important;
  bottom: -12px !important;
}
@media (max-width: 991.98px){
  .tour-panel[data-panel="servicos"] .tour-side-servicos .tour-servicos-pet-image{
    width: 68% !important;
    max-width: 190px !important;
    bottom: -10px !important;
  }
}


/* v103 — financeiro recriado em HTML/CSS seguindo a referência */
.finance-dashboard{padding:0 !important;background:transparent !important;box-shadow:none !important;min-height:385px;display:flex;flex-direction:column;gap:14px;}
.finance-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;}
.finance-dashboard-title{font-size:31px;line-height:1.1;font-weight:700;color:#09285d;margin:0 0 8px;}
.finance-dashboard-subtitle{font-size:18px;line-height:1.35;color:#58709a;max-width:720px;}
.finance-period-picker{display:flex;align-items:center;gap:14px;min-height:74px;padding:0 22px;border:1.5px solid #d6e8fa;border-radius:16px;background:#fff;color:#1873B9;min-width:465px;justify-content:space-between;box-shadow:0 10px 30px rgba(23,115,185,.05);}
.finance-period-icon,.finance-period-caret{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:flex-start;flex:none;}
.finance-period-icon svg,.finance-period-caret svg{width:100%;height:100%;display:block;}
.finance-period-text{font-size:22px;line-height:1.2;font-weight:500;color:#1873B9;flex:1;white-space:nowrap;}
.finance-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.finance-summary-card,.finance-chart-card,.finance-table-card{background:#fff;border:1.5px solid #d6e8fa;border-radius:16px;box-shadow:0 10px 30px rgba(23,115,185,.05);}
.finance-summary-card{display:flex;align-items:center;gap:26px;padding:24px 28px;min-height:164px;}
.finance-summary-icon{width:114px;height:114px;border-radius:50%;display:flex;align-items:center;justify-content:flex-start;font-size:64px;font-weight:600;flex:none;}
.finance-summary-icon-green{background:#ddf4eb;color:#109454;}
.finance-summary-icon-red{background:#fde3e6;color:#ff1731;}
.finance-summary-icon-blue{background:#dfecfc;color:#1d73f0;}
.finance-summary-label{font-size:26px;line-height:1.15;color:#0c2b62;font-weight:700;margin-bottom:10px;}
.finance-summary-value{font-size:38px;line-height:1.1;font-weight:700;margin-bottom:16px;letter-spacing:-0.02em;}
.finance-summary-value-green{color:#109454;}
.finance-summary-value-red{color:#ff1731;}
.finance-summary-value-blue{color:#1d73f0;}
.finance-summary-trend{font-size:24px;line-height:1.1;font-weight:500;display:flex;align-items:center;gap:8px;}
.finance-summary-trend-green{color:#109454;}
.finance-summary-trend-red{color:#ff1731;}
.finance-lower-grid{display:grid;grid-template-columns:1fr 0.98fr;gap:22px;align-items:stretch;}
.finance-chart-card,.finance-table-card{padding:24px 26px 18px;}
.finance-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:4px;}
.finance-card-title{font-size:28px;line-height:1.15;font-weight:700;color:#0c2b62;}
.finance-chart-legend{display:flex;align-items:center;gap:34px;font-size:18px;color:#4d68a0;}
.finance-chart-legend span{display:flex;align-items:center;gap:12px;white-space:nowrap;}
.finance-legend-dot{width:16px;height:16px;border-radius:50%;display:inline-block;}
.finance-legend-blue{background:#2f86ee;}
.finance-legend-red{background:#f6a2a4;}
.finance-chart-area{display:grid;grid-template-columns:70px 1fr;gap:14px;align-items:stretch;padding-top:8px;}
.finance-y-axis{display:flex;flex-direction:column;justify-content:space-between;padding:42px 0 30px;font-size:18px;color:#4d68a0;}
.finance-chart-grid{position:relative;height:308px;border-bottom:2px solid #dfeaf6;}
.finance-grid-line{position:absolute;left:0;right:0;border-top:2px dashed #dde8f5;}
.finance-grid-line-1{top:34px;}.finance-grid-line-2{top:116px;}.finance-grid-line-3{top:198px;}.finance-grid-line-4{bottom:0;border-top:0;}
.finance-bars{position:absolute;left:8px;right:8px;bottom:0;top:0;display:grid;grid-template-columns:repeat(7,1fr);gap:24px;align-items:end;padding:0 6px;}
.finance-bar-group{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:10px;}
.finance-bar-group>span{font-size:18px;color:#4d68a0;line-height:1;padding-top:8px;}
.finance-bar-group::before{content:'';display:block;flex:1;}
.finance-bar{width:29px;border-radius:8px 8px 0 0;box-shadow:0 8px 18px rgba(30,115,240,.12);}
.finance-bar-blue{background:linear-gradient(180deg,#76b6ff 0%, #4d98f4 100%);}
.finance-bar-red{background:linear-gradient(180deg,#f8b8b7 0%, #f4a2a4 100%);}
.finance-bar-group .finance-bar + .finance-bar{margin-top:8px;}
.finance-card-top-table{margin-bottom:14px;}
.finance-see-all{font-size:22px;color:#1d73f0;text-decoration:none;font-weight:500;}
.finance-table{width:100%;border-collapse:separate;border-spacing:0;font-size:18px;color:#4d68a0;border:1.5px solid #e0ebf6;border-radius:16px;overflow:hidden;}
.finance-table thead th{background:#f4f8fd;padding:14px 16px;text-align:left;font-size:18px;font-weight:500;color:#4d68a0;border-right:1px solid #e5edf6;}
.finance-table thead th:last-child,.finance-table tbody td:last-child{text-align:right;border-right:none;}
.finance-table tbody td{padding:14px 16px;border-top:1px solid #e5edf6;border-right:1px solid #eef3f8;vertical-align:middle;}
.finance-table tbody tr:first-child td{border-top:none;}
.finance-table tbody td:nth-child(2){color:#425d94;}
.finance-badge{display:inline-flex;align-items:center;justify-content:flex-start;padding:7px 14px;border-radius:12px;font-size:18px;line-height:1;font-weight:500;}
.finance-badge-income{background:#dcf4e5;color:#109454;}
.finance-badge-expense{background:#fde1e4;color:#ff1731;}
.finance-value-income{color:#109454;font-weight:600;white-space:nowrap;}
.finance-value-expense{color:#ff1731;font-weight:600;white-space:nowrap;}
@media (max-width: 1399.98px){
  .finance-period-picker{min-width:390px;}
  .finance-summary-card{padding:22px 22px;gap:14px;}
  .finance-summary-icon{width:98px;height:98px;font-size:56px;}
  .finance-summary-label{font-size:22px;}
  .finance-summary-value{font-size:32px;}
  .finance-summary-trend{font-size:18px;}
  .finance-card-title{font-size:24px;}
  .finance-chart-legend,.finance-see-all,.finance-table,.finance-table thead th,.finance-badge,.finance-y-axis,.finance-bar-group>span{font-size:16px;}
  .finance-chart-grid{height:270px;}
  .finance-bars{gap:16px;}
  .finance-bar{width:24px;}
}
@media (max-width: 1199.98px){
  .finance-dashboard-head,.finance-summary-grid,.finance-lower-grid{grid-template-columns:1fr;display:grid;}
  .finance-dashboard-head{gap:14px;}
  .finance-period-picker{min-width:0;width:100%;}
}


/* v104 — Financeiro: painel proporcional ao espaço do card */
.tour-panel[data-panel="financeiro"] .finance-dashboard-shell{
  position:relative !important;
  min-height:430px !important;
  height:430px !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fff !important;
  border-radius:16px !important;
  box-shadow:0 10px 30px rgba(23,115,185,.06) !important;
}
.tour-panel[data-panel="financeiro"] .finance-dashboard{
  position:absolute !important;
  top:12px !important;
  left:50% !important;
  width:1480px !important;
  min-height:0 !important;
  gap:18px !important;
  transform:translateX(-50%) scale(.34) !important;
  transform-origin:top center !important;
}
@media (max-width:1399.98px) and (min-width:992px){
  .tour-panel[data-panel="financeiro"] .finance-dashboard{
    width:1440px !important;
    transform:translateX(-50%) scale(.325) !important;
  }
}
@media (max-width:991.98px){
  .tour-panel[data-panel="financeiro"] .finance-dashboard-shell{
    height:430px !important;
    min-height:430px !important;
  }
  .tour-panel[data-panel="financeiro"] .finance-dashboard{
    top:10px !important;
    width:1320px !important;
    transform:translateX(-50%) scale(.30) !important;
  }
}

/* v105 — Financeiro: ampliar o painel dentro do espaço branco, mantendo a proporção */
@media (min-width: 1400px){
  .tour-panel[data-panel="financeiro"] .finance-dashboard{
    top: 14px !important;
    width: 1480px !important;
    transform: translateX(-50%) scale(.47) !important;
    transform-origin: top center !important;
  }
}
@media (max-width: 1399.98px) and (min-width: 992px){
  .tour-panel[data-panel="financeiro"] .finance-dashboard{
    top: 14px !important;
    width: 1440px !important;
    transform: translateX(-50%) scale(.45) !important;
    transform-origin: top center !important;
  }
}


/* v106 — Financeiro: aumentar o card para acomodar todo o conteúdo sem cortar */
.tour-panel[data-panel="financeiro"] .finance-dashboard-shell{
  min-height: 520px !important;
  height: 520px !important;
  overflow: hidden !important;
}
@media (min-width: 1400px){
  .tour-panel[data-panel="financeiro"] .finance-dashboard{
    top: 16px !important;
    width: 1480px !important;
    transform: translateX(-50%) scale(.455) !important;
  }
}
@media (max-width: 1399.98px) and (min-width: 992px){
  .tour-panel[data-panel="financeiro"] .finance-dashboard{
    top: 16px !important;
    width: 1440px !important;
    transform: translateX(-50%) scale(.435) !important;
  }
}
@media (max-width: 991.98px){
  .tour-panel[data-panel="financeiro"] .finance-dashboard-shell{
    min-height: 460px !important;
    height: 460px !important;
  }
  .tour-panel[data-panel="financeiro"] .finance-dashboard{
    top: 14px !important;
    width: 1320px !important;
    transform: translateX(-50%) scale(.315) !important;
  }
}

/* v107 — Financeiro: dimensionamento responsivo sem cortar conteúdo */
.tour-panel[data-panel="financeiro"] .finance-dashboard-shell{
  position: relative !important;
  overflow: hidden !important;
  min-height: 0 !important;
  height: auto !important;
}
.tour-panel[data-panel="financeiro"] .finance-dashboard{
  top: 14px !important;
  left: 50% !important;
  width: 1480px !important;
  transform-origin: top center !important;
}


/* v108 — seção módulos que facilitam */
.modules-overview-section{padding:6px 0 88px;background:linear-gradient(180deg,#f7fbff 0%,#f2f8fe 100%);}
.modules-overview-wrap{background:transparent;}
.modules-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:12px;}
.modules-overview-head h2{margin:0;color:#10367b;font-size:26px;line-height:1.12;font-weight:700;letter-spacing:-.02em;}
.modules-overview-link{display:inline-flex;align-items:center;gap:6px;color:#1873B9;text-decoration:none;font-size:14px;line-height:1.2;font-weight:600;white-space:nowrap;padding-top:6px;}
.modules-overview-link:hover{color:#0f5f9c;}
.modules-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.module-card{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1px solid #dce9f8;border-radius:8px;padding:14px 16px;min-height:50px;box-shadow:0 4px 14px rgba(10,54,123,.03);}
.module-card-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:flex-start;flex:none;color:#1d73f0;margin-top:2px;}
.module-card-icon svg{width:100%;height:100%;display:block;}
.module-card-content h3{margin:0 0 2px;color:#10367b;font-size:15px;line-height:1.2;font-weight:700;letter-spacing:-.01em;}
.module-card-content p{margin:0;color:#47628f;font-size:12px;line-height:1.22;font-weight:500;}
@media (max-width: 1199.98px){
  .modules-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 767.98px){
  .modules-overview-section{padding:0 0 64px;}
  .modules-overview-head{flex-direction:column;align-items:flex-start;gap:10px;}
  .modules-overview-head h2{font-size:24px;}
  .modules-overview-grid{grid-template-columns:1fr;}
  .module-card{padding:14px 14px;}
}


/* v109 — ajustes de título na seção Recursos */
.modules-overview-title-block{display:flex;flex-direction:column;align-items:flex-start;gap:12px;}
.modules-overview-label{display:inline-block;font-size:14px;line-height:1.2;font-weight:700;letter-spacing:.16em;color:#1873B9;text-transform:uppercase;}
.modules-overview-head h2{font-size:52px;line-height:1.02;font-weight:700;letter-spacing:-.035em;max-width:760px;}
.modules-overview-accent{color:#79ADDA;}
.modules-overview-head{margin-bottom:28px;align-items:flex-end;}
.modules-overview-link{padding-top:0;align-self:flex-start;margin-top:8px;}
@media (max-width: 1199.98px){
  .modules-overview-head h2{font-size:42px;max-width:620px;}
}
@media (max-width: 767.98px){
  .modules-overview-title-block{gap:10px;}
  .modules-overview-label{font-size:12px;letter-spacing:.14em;}
  .modules-overview-head h2{font-size:32px;line-height:1.05;max-width:none;}
  .modules-overview-head{margin-bottom:20px;}
}


/* v110 — somente ajustes solicitados na seção Recursos */
.modules-overview-label{
  display:block !important;
  margin:0 0 16px !important;
  padding:0 !important;
  min-height:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#0b82e6 !important;
  font-family:'Poppins',sans-serif !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
}
.modules-overview-title-block{gap:0 !important;}
.modules-overview-head h2{
  margin:0 !important;
  color:#071a48 !important;
  font-family:'Poppins',sans-serif !important;
  font-size:44px !important;
  line-height:1.12 !important;
  letter-spacing:-.025em !important;
  font-weight:700 !important;
  max-width:760px !important;
}
.modules-overview-accent{color:#79ADDA !important;}
.modules-overview-head{align-items:flex-start !important;}
@media (max-width:991.98px){
  .modules-overview-label{
    margin:0 0 11px !important;
    font-size:12px !important;
  }
  .modules-overview-head h2{
    font-size:34px !important;
    line-height:1.12 !important;
    max-width:none !important;
  }
}


/* v111 — cards extras da seção Recursos */
.resources-extra-grid{display:grid;grid-template-columns:1.22fr .98fr 1fr;gap:12px;margin-top:28px;align-items:stretch;}
.resource-extra-card{background:#eaf4ff;border:1px solid #d8e7f8;border-radius:12px;padding:14px 16px;box-shadow:0 4px 14px rgba(10,54,123,.04);overflow:hidden;min-height:218px;}
.resource-extra-card h3{margin:0 0 6px;color:#1c5fbf;font-size:14px;line-height:1.24;font-weight:700;letter-spacing:-.01em;}
.resource-extra-card p{margin:0 0 10px;color:#4b6690;font-size:12px;line-height:1.35;font-weight:500;}
.resource-extra-notifications{padding:14px 0 0 16px;}
.resource-extra-notifications-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:6px;align-items:stretch;height:100%;}
.resource-extra-copy{padding:16px 0 16px;}
.resource-extra-notifications .resource-extra-copy{padding:0;align-self:start;}
.resource-extra-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.resource-extra-list li{display:flex;align-items:center;gap:9px;color:#48638d;font-size:12px;line-height:1.25;font-weight:500;white-space:nowrap;}
.resource-extra-check{width:16px;height:16px;border-radius:50%;border:1.6px solid #2876e6;color:#2876e6;display:inline-flex;align-items:center;justify-content:flex-start;font-size:10px;flex:none;}
.resource-extra-phone-wrap{display:flex;align-items:flex-end;justify-content:flex-start;height:100%;overflow:hidden;}
.resource-extra-notifications .resource-extra-phone-wrap{align-self:end;}
.resource-extra-phone{display:block;width:214px;max-width:none;height:auto;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(11,34,79,.18));margin-right:-12px;margin-bottom:-56px;}
.resource-extra-report-box{background:rgba(255,255,255,.72);border:1px solid #dce9f8;border-radius:10px;padding:12px 12px 10px;}
.resource-extra-report-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px;}
.resource-extra-report-top strong{display:block;color:#10367b;font-size:12px;line-height:1.2;font-weight:700;}
.resource-extra-report-top span{display:block;color:#7a90b4;font-size:11px;line-height:1.2;}
.resource-extra-growth{display:inline-flex !important;align-items:center;justify-content:flex-start;padding:4px 8px;border-radius:999px;background:#e5f3e7;color:#5fa36e !important;font-size:11px !important;font-weight:700;white-space:nowrap;}
.resource-extra-bars{height:94px;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:end;}
.resource-extra-bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px;}
.resource-extra-bar span{display:block;width:24px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#86c0ff 0%,#5ea7fa 100%);}
.resource-extra-bar small{font-size:10px;line-height:1;color:#6f85aa;font-weight:500;}
.resource-extra-pdv-box{background:rgba(255,255,255,.72);border:1px solid #dce9f8;border-radius:10px;padding:10px;margin-bottom:10px;}
.resource-extra-pdv-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:10px;}
.resource-extra-pdv-thumb{width:34px;height:34px;border-radius:8px;background:#fff4df;display:flex;align-items:center;justify-content:flex-start;font-size:18px;}
.resource-extra-pdv-info strong{display:block;color:#10367b;font-size:12px;line-height:1.2;font-weight:700;}
.resource-extra-pdv-info span{display:block;color:#0f5ecc;font-size:12px;line-height:1.2;font-weight:700;margin-top:2px;}
.resource-extra-pdv-stepper{display:inline-flex;align-items:center;border:1px solid #d4e3f7;border-radius:999px;background:#fff;overflow:hidden;height:28px;}
.resource-extra-pdv-stepper button{width:24px;height:24px;border:0;background:transparent;color:#1b61c7;font-weight:700;font-size:16px;line-height:1;}
.resource-extra-pdv-stepper span{display:inline-flex;align-items:center;justify-content:flex-start;min-width:24px;color:#10367b;font-size:12px;font-weight:700;}
.resource-extra-pdv-button{width:68%;margin-left:auto;display:block;border:0;border-radius:8px;background:linear-gradient(180deg,#77b7ff 0%,#4f98ec 100%);color:#fff;font-size:12px;line-height:1.2;font-weight:700;padding:9px 12px;}
.resource-extra-pdv-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.resource-extra-pdv-tab{background:rgba(255,255,255,.72);border:1px solid #dce9f8;border-radius:10px;padding:9px 6px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;text-align:center;min-height:58px;}
.resource-extra-pdv-tab span{font-size:18px;line-height:1;}
.resource-extra-pdv-tab small{font-size:12px;line-height:1.1;color:#1c5fbf;font-weight:600;}
@media (max-width: 1199.98px){
  .resources-extra-grid{grid-template-columns:1fr;}
  .resource-extra-notifications-layout{grid-template-columns:minmax(0,1fr) 220px;}
  .resource-extra-phone{width:220px;margin-bottom:-44px;}
}
@media (max-width: 767.98px){
  .resources-extra-grid{gap:10px;}
  .resource-extra-card{padding:14px 14px;min-height:auto;}
  .resource-extra-notifications{padding:14px;}
  .resource-extra-notifications-layout{grid-template-columns:1fr;gap:8px;}
  .resource-extra-copy{padding:0;}
  .resource-extra-phone-wrap{justify-content:flex-start;}
  .resource-extra-phone{width:178px;margin-right:0;margin-bottom:-22px;}
  .resource-extra-list li{white-space:normal;}
}

/* v116 — refinamento dos cards extras em Recursos */
.resources-extra-grid{
  grid-template-columns:1.34fr .94fr 1fr !important;
  gap:10px !important;
}
.resource-extra-card{
  min-height:172px !important;
  padding-top:10px !important;
  padding-bottom:6px !important;
}
.resource-extra-notifications{
  padding:10px 0 0 16px !important;
}
.resource-extra-notifications-layout{
  grid-template-columns:minmax(0,1fr) 178px !important;
  gap:7px !important;
  align-items:stretch !important;
}
.resource-extra-notifications .resource-extra-copy{
  padding:0 0 8px !important;
}
.resource-extra-notifications .resource-extra-card h3,
.resource-extra-notifications h3{
  margin-bottom:6px !important;
}
.resource-extra-list{
  gap:7px !important;
}
.resource-extra-list li{
  gap:9px !important;
  font-size:13px !important;
  line-height:1.3 !important;
}
.resource-extra-phone-wrap{
  align-items:flex-end !important;
  overflow:hidden !important;
}
.resource-extra-phone{
  width:182px !important;
  margin-right:-4px !important;
  margin-bottom:-58px !important;
}
.resource-extra-report-box{
  padding-bottom:6px !important;
}
.resource-extra-bars{
  height:74px !important;
}
.resource-extra-pdv-box{
  margin-bottom:6px !important;
}
.resource-extra-pdv-tab{
  min-height:44px !important;
  padding:6px 6px !important;
}
@media (max-width:1199.98px){
  .resources-extra-grid{grid-template-columns:1fr !important;}
  .resource-extra-card{min-height:auto !important;}
  .resource-extra-notifications-layout{grid-template-columns:minmax(0,1fr) 210px !important;}
  .resource-extra-phone{width:210px !important;margin-bottom:-40px !important;}
}

/* v119 — apenas o primeiro card de Recursos, ajustado à referência */
.resource-extra-notifications{
  padding:10px 8px 8px 16px !important;
}
.resource-extra-notifications-layout{
  grid-template-columns:minmax(0,1fr) 188px !important;
  gap:10px !important;
  align-items:stretch !important;
  height:100% !important;
}
.resource-extra-notifications .resource-extra-copy{
  padding:0 !important;
  align-self:start !important;
}
.resource-extra-notifications h3{
  margin:0 0 12px !important;
  font-size:13px !important;
  line-height:1.2 !important;
}
.resource-extra-notifications .resource-extra-list{
  gap:11px !important;
}
.resource-extra-notifications .resource-extra-list li{
  gap:11px !important;
  font-size:13px !important;
  line-height:1.24 !important;
}
.resource-extra-notifications .resource-extra-check{
  width:18px !important;
  height:18px !important;
  font-size:12px !important;
}
.resource-extra-notifications .resource-extra-phone-wrap{
  align-self:stretch !important;
  align-items:flex-end !important;
  justify-content:flex-start !important;
  overflow:hidden !important;
}
.resource-extra-notifications .resource-extra-phone{
  width:188px !important;
  max-width:none !important;
  margin-right:0 !important;
  margin-bottom:-54px !important;
}
@media (max-width:1199.98px){
  .resource-extra-notifications-layout{
    grid-template-columns:minmax(0,1fr) 186px !important;
  }
  .resource-extra-notifications .resource-extra-phone{
    width:186px !important;
    margin-bottom:-42px !important;
  }
}

/* v123 — descer um pouco mais os 3 cards de Recursos */
.resources-extra-grid{
  margin-top: 42px !important;
}
@media (max-width: 767.98px){
  .resources-extra-grid{
    margin-top: 26px !important;
  }
}




/* v131 — seção “Por que escolher o QBit Pet Shop?” refeita conforme referência */
.why-qbit-section{
  position:relative;
  left:50%;
  width:100vw;
  max-width:100vw;
  margin:32px 0 0 -50vw;
  padding:42px clamp(24px,4.5vw,72px) 44px;
  overflow:hidden;
  background:#dbeefa;
  box-sizing:border-box;
}
.why-qbit-inner{
  position:relative;
  z-index:2;
  width:min(1320px,100%);
  margin:0 auto;
}
.why-qbit-heading{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:10px;
  margin-bottom:26px;
}
.why-qbit-heading h3{
  margin:0;
  color:#071a48;
  font-family:'Poppins',sans-serif;
  font-size:38px;
  line-height:1.08;
  font-weight:700;
  letter-spacing:-.03em;
}
.why-qbit-heading h3 span{color:#79ADDA;}
.why-qbit-heading p{
  margin:0;
  max-width:760px;
  color:#5b7194;
  font-family:'Poppins',sans-serif;
  font-size:14px;
  line-height:1.55;
  font-weight:400;
}
.why-qbit-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.why-qbit-card{
  min-height:210px;
  padding:24px 18px 22px;
  display:grid;
  grid-template-rows:62px 44px 1fr;
  justify-items:center;
  align-items:start;
  text-align:center;
  background:rgba(255,255,255,.95);
  border:1px solid rgba(255,255,255,.72);
  border-radius:20px;
  box-shadow:0 10px 28px rgba(9,55,92,.07);
  box-sizing:border-box;
}
.why-qbit-icon{
  width:54px;
  height:54px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e8f4fd;
  color:#10367b;
  padding:0;
  line-height:1;
}
.why-qbit-icon svg{
  width:30px;
  height:30px;
  display:block;
  margin:0;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.why-qbit-card h4{
  margin:0;
  color:#10367b;
  font-family:'Poppins',sans-serif;
  font-size:16px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:-.01em;
}
.why-qbit-card p{
  margin:0;
  color:#62799c;
  font-family:'Poppins',sans-serif;
  font-size:13px;
  line-height:1.45;
  font-weight:400;
}
.why-qbit-deco{
  position:absolute;
  pointer-events:none;
  z-index:1;
}
.why-qbit-deco-paw{
  width:150px;
  height:150px;
  opacity:.09;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='%2309375C'%3E%3Cellipse cx='60' cy='78' rx='28' ry='24'/%3E%3Cellipse cx='29' cy='52' rx='12' ry='17' transform='rotate(-18 29 52)'/%3E%3Cellipse cx='49' cy='31' rx='11' ry='16' transform='rotate(-4 49 31)'/%3E%3Cellipse cx='72' cy='31' rx='11' ry='16' transform='rotate(5 72 31)'/%3E%3Cellipse cx='92' cy='52' rx='12' ry='17' transform='rotate(18 92 52)'/%3E%3C/g%3E%3C/svg%3E");
}
.why-qbit-deco-paw-one{top:-30px;right:1.5%;transform:rotate(12deg);}
.why-qbit-deco-paw-two{bottom:-62px;left:18%;width:105px;height:105px;transform:rotate(-18deg);opacity:.055;}
.why-qbit-deco-blob{
  left:-88px;
  bottom:-115px;
  width:280px;
  height:280px;
  border-radius:44% 56% 61% 39% / 56% 44% 56% 44%;
  background:rgba(121,173,218,.20);
}
.why-qbit-section::after{
  content:"";
  position:absolute;
  right:-95px;
  bottom:-130px;
  width:320px;
  height:250px;
  border:34px solid rgba(121,173,218,.16);
  border-radius:50%;
  transform:rotate(-18deg);
  z-index:0;
}
@media(max-width:1199.98px){
  .why-qbit-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .why-qbit-card{min-height:200px;}
}
@media(max-width:767.98px){
  .why-qbit-section{
    left:auto;
    width:100%;
    max-width:100%;
    margin:24px 0 0;
    padding:34px 16px 36px;
  }
  .why-qbit-heading{margin-bottom:22px;}
  .why-qbit-heading h3{font-size:27px;}
  .why-qbit-heading p{font-size:13px;max-width:560px;}
  .why-qbit-grid{grid-template-columns:1fr;gap:14px;}
  .why-qbit-card{
    min-height:0;
    grid-template-rows:56px auto auto;
    padding:20px 18px;
  }
  .why-qbit-deco-paw-one{right:-35px;top:-35px;width:120px;height:120px;}
  .why-qbit-deco-paw-two{left:-20px;bottom:20px;}
}


.petshop-faq-section{
  margin-top:36px;
  padding:28px 28px 30px;
  border-radius:26px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(121,173,218,.22);
  box-shadow:0 18px 36px rgba(17,48,107,.06);
}
.petshop-faq-head{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin-bottom:12px;
}
.petshop-faq-head h3{
  margin:0;
  color:#10367b;
  font-family:'Poppins',sans-serif;
  font-size:32px;
  line-height:1.08;
  font-weight:700;
  letter-spacing:-.02em;
}
.petshop-faq-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px 16px;
  align-items:start;
}
.petshop-faq-item{
  align-self:start;
  width:100%;
  border:1px solid rgba(121,173,218,.28);
  border-radius:14px;
  background:#fff;
  overflow:hidden;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.petshop-faq-item[open]{
  border-color:rgba(121,173,218,.48);
  box-shadow:0 10px 20px rgba(17,48,107,.06);
}
.petshop-faq-item summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  cursor:pointer;
}
.petshop-faq-item summary::-webkit-details-marker{display:none;}
.petshop-faq-item summary span{
  color:#5a7398;
  font-family:'Poppins',sans-serif;
  font-size:14px;
  line-height:1.35;
  font-weight:500;
}
.petshop-faq-item summary i{
  flex-shrink:0;
  font-style:normal;
  color:#2d73d7;
  font-size:22px;
  line-height:1;
  font-weight:500;
  transition:transform .2s ease, color .2s ease;
}
.petshop-faq-item[open] summary i{
  transform:rotate(45deg);
  color:#10367b;
}
.petshop-faq-answer{
  padding:0 18px 16px;
}
.petshop-faq-answer p{
  margin:0;
  color:#6c83a2;
  font-family:'Poppins',sans-serif;
  font-size:13px;
  line-height:1.55;
  font-weight:400;
}
@media(max-width:1199.98px){
  .petshop-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:767.98px){
  .petshop-faq-section{
    margin-top:24px;
    padding:22px 16px 18px;
    border-radius:22px;
  }
  .petshop-faq-head{margin-bottom:14px;}
  .petshop-faq-head h3{font-size:26px;}
  .petshop-faq-grid{grid-template-columns:1fr;gap:10px;}
  .petshop-faq-item summary{padding:14px 15px;}
  .petshop-faq-item summary span{font-size:14px;}
}


.petshop-final-cta{
  position:relative;
  width:100%;
  margin:26px 0 64px;
  padding:0 0 12px;
  background:linear-gradient(180deg,#edf7ff 0%,#eaf5ff 100%);
  overflow:hidden;
}
.petshop-final-cta::before{
  content:"";
  position:absolute;
  left:-10vw;
  bottom:-18%;
  width:28vw;
  min-width:240px;
  height:28vw;
  min-height:240px;
  border-radius:50%;
  background:radial-gradient(circle at center, rgba(121,173,218,.14) 0%, rgba(121,173,218,.12) 44%, rgba(121,173,218,.06) 45%, rgba(121,173,218,.06) 65%, rgba(121,173,218,0) 66%);
  pointer-events:none;
}
.petshop-final-cta::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:10px;
  background:#032f73;
}
.petshop-final-cta-layout{
  position:relative;
  z-index:2;
  width:100%;
  display:grid;
  grid-template-columns:minmax(260px, 28%) minmax(420px, 1fr);
  align-items:end;
  gap:30px;
  padding:10px clamp(28px,5vw,92px) 0;
  min-height:248px;
}
.petshop-final-cta-media{
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  min-height:236px;
  overflow:hidden;
}
.petshop-final-cta-image{
  width:min(100%, 308px);
  height:auto;
  display:block;
  object-fit:contain;
  object-position:left bottom;
  transform:translateY(28px);
}
.petshop-final-cta-content{
  align-self:center;
  max-width:860px;
  padding-bottom:14px;
}
.petshop-final-cta-content h2{
  margin:0;
  color:#0d2f74;
  font-family:'Poppins',sans-serif;
  font-size:clamp(32px, 3vw, 52px);
  line-height:1.08;
  font-weight:700;
  letter-spacing:-.03em;
}
.petshop-final-cta-content h2 span{color:#79ADDA;}
.petshop-final-cta-content p{
  margin:10px 0 20px;
  color:#254b86;
  font-family:'Poppins',sans-serif;
  font-size:clamp(16px, 1.15vw, 20px);
  line-height:1.42;
  font-weight:500;
  max-width:900px;
}
.petshop-final-cta-button{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:16px 34px;
  border-radius:14px;
  background:linear-gradient(135deg,#69b0f6 0%,#4998ea 100%);
  color:#fff;
  text-decoration:none;
  font-family:'Poppins',sans-serif;
  font-size:clamp(17px, 1.05vw, 22px);
  line-height:1.1;
  font-weight:700;
  box-shadow:none;
  transition:transform .2s ease, filter .2s ease;
}
.petshop-final-cta-button:hover{
  transform:translateY(-1px);
  filter:brightness(1.03);
  color:#fff;
}
.petshop-final-cta-paw{
  position:absolute;
  display:block;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  opacity:.28;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='%2379ADDA'%3E%3Cellipse cx='60' cy='78' rx='28' ry='24'/%3E%3Cellipse cx='29' cy='52' rx='12' ry='17' transform='rotate(-18 29 52)'/%3E%3Cellipse cx='49' cy='31' rx='11' ry='16' transform='rotate(-4 49 31)'/%3E%3Cellipse cx='72' cy='31' rx='11' ry='16' transform='rotate(5 72 31)'/%3E%3Cellipse cx='92' cy='52' rx='12' ry='17' transform='rotate(18 92 52)'/%3E%3C/g%3E%3C/svg%3E");
}
.petshop-final-cta-paw-one{
  width:80px;
  height:80px;
  left:13%;
  top:36px;
}
.petshop-final-cta-paw-two{
  width:92px;
  height:92px;
  right:16%;
  top:102px;
}
.petshop-final-cta-paw-three{
  width:74px;
  height:74px;
  right:7%;
  top:58px;
}
.petshop-final-cta-paw-four{
  width:70px;
  height:70px;
  left:8%;
  bottom:42px;
}
@media(max-width:1199.98px){
  .petshop-final-cta-layout{
    grid-template-columns:minmax(220px, 27%) minmax(360px, 1fr);
    gap:28px;
    padding:8px 34px 0;
    min-height:228px;
  }
  .petshop-final-cta-media{min-height:214px;
  overflow:hidden;}
  .petshop-final-cta-image{width:min(100%, 284px);}
  .petshop-final-cta-content{padding-bottom:18px;}
  .petshop-final-cta-content h2{font-size:clamp(30px,3vw,44px);}
  .petshop-final-cta-content p{font-size:17px;}
}
@media(max-width:991.98px){
  .petshop-final-cta{
    margin:28px 0 56px;
    padding-bottom:4px;
  }
  .petshop-final-cta-layout{
    grid-template-columns:1fr;
    gap:8px;
    padding:18px 22px 0;
    min-height:0;
  }
  .petshop-final-cta-media{
    order:2;
    min-height:0;
    justify-content:flex-start;
  }
  .petshop-final-cta-image{width:min(100%, 260px);}
  .petshop-final-cta-content{
    order:1;
    padding-bottom:16px;
    max-width:none;
  }
  .petshop-final-cta-content h2{font-size:32px;}
  .petshop-final-cta-content p{font-size:17px;max-width:none;}
  .petshop-final-cta-paw-one{left:20px;top:20px;width:58px;height:58px;}
  .petshop-final-cta-paw-two{right:20px;top:110px;width:66px;height:66px;}
  .petshop-final-cta-paw-three{right:10px;top:26px;width:58px;height:58px;}
  .petshop-final-cta-paw-four{left:14px;bottom:84px;width:54px;height:54px;}
}
@media(max-width:767.98px){
  .petshop-final-cta{
    margin:22px 0 48px;
  }
  .petshop-final-cta-layout{padding:18px 16px 0;}
  .petshop-final-cta-media{justify-content:flex-start;}
  .petshop-final-cta-image{width:min(100%, 238px);}
  .petshop-final-cta-content{
    text-align:left;
    padding-bottom:14px;
  }
  .petshop-final-cta-content h2{font-size:27px;}
  .petshop-final-cta-content p{font-size:16px;margin:10px 0 18px;}
  .petshop-final-cta-button{font-size:17px;padding:14px 22px;border-radius:12px;}
}



/* v136 — CTA final: mais compacto, sem faixa inferior e gato cortado somente embaixo */
.petshop-final-cta{
  margin:22px 0 56px !important;
  padding:0 !important;
  min-height:0 !important;
  background:linear-gradient(180deg,#edf7ff 0%,#eaf5ff 100%) !important;
  overflow:hidden !important;
}
.petshop-final-cta::after{
  display:none !important;
  content:none !important;
}
.petshop-final-cta-layout{
  grid-template-columns:minmax(250px,29%) minmax(0,1fr) !important;
  gap:24px !important;
  padding:6px clamp(28px,6vw,110px) 0 !important;
  min-height:208px !important;
  max-height:208px !important;
  align-items:end !important;
}
.petshop-final-cta-media{
  min-height:208px !important;
  height:208px !important;
  overflow:hidden !important;
  align-items:flex-end !important;
  justify-content:flex-start !important;
}
.petshop-final-cta-image{
  width:286px !important;
  max-width:100% !important;
  height:auto !important;
  transform:translate(26px,74px) !important;
  object-fit:contain !important;
  object-position:left bottom !important;
}
.petshop-final-cta-content{
  align-self:center !important;
  padding-bottom:4px !important;
  max-width:780px !important;
}
.petshop-final-cta-content h2{
  font-size:clamp(30px,2.55vw,44px) !important;
  line-height:1.07 !important;
}
.petshop-final-cta-content p{
  margin:8px 0 16px !important;
  font-size:clamp(15px,1.05vw,18px) !important;
  line-height:1.35 !important;
}
.petshop-final-cta-button{
  padding:13px 28px !important;
  border-radius:10px !important;
  font-size:clamp(15px,.95vw,18px) !important;
}
.petshop-final-cta-paw-one{width:78px !important;height:78px !important;left:11% !important;top:18px !important;}
.petshop-final-cta-paw-two{width:88px !important;height:88px !important;right:14% !important;top:72px !important;}
.petshop-final-cta-paw-three{width:70px !important;height:70px !important;right:5% !important;top:32px !important;}
.petshop-final-cta-paw-four{width:66px !important;height:66px !important;left:6% !important;bottom:18px !important;}

@media(max-width:1199.98px){
  .petshop-final-cta-layout{
    grid-template-columns:minmax(220px,28%) minmax(0,1fr) !important;
    min-height:194px !important;
    max-height:194px !important;
    padding:4px 34px 0 !important;
    gap:20px !important;
  }
  .petshop-final-cta-media{min-height:194px !important;height:194px !important;}
  .petshop-final-cta-image{width:258px !important;transform:translate(20px,66px) !important;}
  .petshop-final-cta-content h2{font-size:clamp(28px,2.8vw,40px) !important;}
  .petshop-final-cta-content p{font-size:16px !important;}
}
@media(max-width:991.98px){
  .petshop-final-cta{
    margin:20px 0 48px !important;
  }
  .petshop-final-cta-layout{
    grid-template-columns:1fr !important;
    max-height:none !important;
    min-height:0 !important;
    padding:20px 22px 0 !important;
    gap:4px !important;
  }
  .petshop-final-cta-content{order:1 !important;padding-bottom:10px !important;}
  .petshop-final-cta-media{
    order:2 !important;
    height:168px !important;
    min-height:168px !important;
    justify-content:center !important;
  }
  .petshop-final-cta-image{width:225px !important;transform:translate(0,60px) !important;}
}
@media(max-width:767.98px){
  .petshop-final-cta-layout{padding:18px 16px 0 !important;}
  .petshop-final-cta-content h2{font-size:27px !important;}
  .petshop-final-cta-content p{font-size:15px !important;margin:8px 0 15px !important;}
  .petshop-final-cta-button{font-size:16px !important;padding:12px 22px !important;}
  .petshop-final-cta-media{height:152px !important;min-height:152px !important;}
  .petshop-final-cta-image{width:205px !important;transform:translate(0,52px) !important;}
}


/* v156 — CTA final reconstruído conforme referência */
.petshop-trial-cta{
  position:relative;
  width:100%;
  margin:0;
  padding:0 54px;
  overflow:hidden;
  background-image:url("assets/cta-petshop-background.png");
  background-size:cover;
  background-position:54% center;
  isolation:isolate;
}
.petshop-trial-cta::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(14,112,198,.97) 0%, rgba(22,128,210,.96) 17%, rgba(44,150,226,.88) 31%, rgba(74,170,236,.72) 45%, rgba(105,190,243,.38) 58%, rgba(121,173,218,.08) 71%, rgba(121,173,218,0) 81%);
  z-index:-2;
}
.petshop-trial-cta-overlay{
  position:absolute;
  inset:0 auto 0 0;
  width:41%;
  background:linear-gradient(90deg, rgba(121,173,218,.28) 0%, rgba(121,173,218,.14) 58%, rgba(121,173,218,0) 100%);
  z-index:-1;
  pointer-events:none;
}
.petshop-trial-cta-inner{
  position:relative;
  z-index:1;
  min-height:660px;
  display:grid;
  grid-template-columns:minmax(520px,1.02fr) minmax(610px,1.05fr) minmax(500px,.93fr);
  align-items:center;
  gap:24px;
  max-width:1900px;
  margin:0 auto;
}
.petshop-trial-copy{
  color:#fff;
  max-width:610px;
  position:relative;
  z-index:3;
  align-self:center;
}
.petshop-trial-eyebrow{
  display:inline-block;
  margin-bottom:20px;
  font-family:'Poppins',sans-serif;
  font-size:16px;
  letter-spacing:.16em;
  font-weight:600;
  color:rgba(255,255,255,.78);
}
.petshop-trial-copy h2{
  margin:0 0 22px;
  font-family:'Poppins',sans-serif;
  font-size:clamp(70px,5vw,92px);
  line-height:.93;
  font-weight:700;
  letter-spacing:-.035em;
  color:#fff;
}
.petshop-trial-description{
  margin:0 0 34px;
  max-width:610px;
  font-size:21px;
  line-height:1.45;
  font-weight:400;
  color:rgba(255,255,255,.96);
}
.petshop-trial-benefits{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:24px;
  max-width:590px;
}
.petshop-trial-benefits li{display:flex;align-items:center;gap:18px;}
.petshop-trial-benefit-icon{
  position:relative;
  flex:0 0 68px;
  width:68px;
  height:68px;
  border-radius:50%;
  border:1.5px solid rgba(255,255,255,.34);
  background:rgba(255,255,255,.035);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
}
.petshop-trial-benefit-icon svg{
  position:absolute;
  top:50%;
  left:50%;
  width:28px;
  height:28px;
  display:block;
  stroke:currentColor;
  stroke-width:1.8;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  transform:translate(-50%,-50%);
}
.petshop-trial-benefits li:nth-child(1) .petshop-trial-benefit-icon svg{transform:translate(calc(-50% + 1px),calc(-50% - 1px));}
.petshop-trial-benefits li:nth-child(2) .petshop-trial-benefit-icon svg{transform:translate(-50%,-50%);}
.petshop-trial-benefits li:nth-child(3) .petshop-trial-benefit-icon svg{transform:translate(-50%,-50%);}
.petshop-trial-benefits strong{
  display:block;
  font-family:'Poppins',sans-serif;
  font-size:20px;
  line-height:1.16;
  font-weight:600;
  color:#fff;
  margin-bottom:5px;
}
.petshop-trial-benefits span{
  display:block;
  font-size:16px;
  line-height:1.38;
  color:rgba(255,255,255,.88);
}
.petshop-trial-visual{
  position:relative;
  min-height:660px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
}
.petshop-trial-devices-wrap{
  position:absolute;
  left:50%;
  top:50%;
  bottom:auto;
  width:730px;
  max-width:none;
  transform:translate(-48%,-46%);
  filter:drop-shadow(0 18px 34px rgba(10,35,70,.14));
}
.petshop-trial-devices{display:block;width:100%;height:auto;}
.petshop-trial-form-card{
  justify-self:end;
  width:100%;
  max-width:550px;
  background:rgba(255,255,255,.97);
  border-radius:26px;
  padding:40px 38px 28px;
  box-shadow:0 18px 44px rgba(11,31,66,.15);
}
.petshop-trial-form-card h3{
  margin:0 0 16px;
  max-width:430px;
  font-family:'Poppins',sans-serif;
  font-size:clamp(34px,2.25vw,46px);
  line-height:1.04;
  letter-spacing:-.02em;
  font-weight:700;
  color:#0b2f66;
}
.petshop-trial-form-card p{
  margin:0 0 24px;
  max-width:455px;
  font-size:17px;
  line-height:1.4;
  color:#6a7da1;
}
.petshop-trial-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 16px;}
.petshop-trial-form input{
  width:100%;
  height:62px;
  border-radius:16px;
  border:1.5px solid #d9e3f2;
  padding:0 18px;
  background:#fff;
  font-family:'Poppins',sans-serif;
  font-size:16px;
  color:#0b2f66;
  outline:none;
}
.petshop-trial-form input::placeholder{color:#7385a6;opacity:1;}
.petshop-trial-form input:focus{border-color:#79ADDA;box-shadow:0 0 0 3px rgba(121,173,218,.18);}
.petshop-trial-submit{
  width:100%;
  margin-top:18px;
  min-height:66px;
  border:0;
  border-radius:16px;
  background:#115ea9;
  color:#fff;
  font-family:'Poppins',sans-serif;
  font-size:19px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:background .2s ease,transform .2s ease;
}
.petshop-trial-submit:hover{background:#0f4f8c;transform:translateY(-1px);}
.petshop-trial-form-note{
  margin-top:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#8a99b4;
  font-size:14px;
  line-height:1.35;
  text-align:center;
}
.petshop-trial-form-note svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:0 0 16px;}
@media (max-width: 1700px){
  .petshop-trial-cta{padding:0 42px;}
  .petshop-trial-cta-inner{min-height:610px;grid-template-columns:minmax(450px,1fr) minmax(520px,1fr) minmax(450px,.92fr);gap:18px;}
  .petshop-trial-copy h2{font-size:clamp(62px,4.6vw,82px);}
  .petshop-trial-description{font-size:19px;max-width:560px;}
  .petshop-trial-benefit-icon{width:62px;height:62px;flex-basis:62px;}
  .petshop-trial-benefits strong{font-size:18px;}
  .petshop-trial-benefits span{font-size:15px;}
  .petshop-trial-visual{min-height:610px;}
  .petshop-trial-devices-wrap{width:655px;top:50%;bottom:auto;transform:translate(-48%,-46%);}
  .petshop-trial-form-card{max-width:510px;padding:34px 32px 24px;}
  .petshop-trial-form-card h3{font-size:clamp(31px,2.1vw,41px);}
}
@media (max-width: 1480px){
  .petshop-trial-cta{padding:0 30px;}
  .petshop-trial-cta-inner{min-height:560px;grid-template-columns:minmax(390px,.98fr) minmax(430px,.96fr) minmax(390px,.92fr);gap:14px;}
  .petshop-trial-copy h2{font-size:clamp(54px,4.2vw,70px);}
  .petshop-trial-description{font-size:17px;max-width:510px;margin-bottom:26px;}
  .petshop-trial-benefits{gap:18px;}
  .petshop-trial-benefit-icon{width:56px;height:56px;flex-basis:56px;}
  .petshop-trial-benefits strong{font-size:17px;}
  .petshop-trial-benefits span{font-size:14px;}
  .petshop-trial-visual{min-height:560px;}
  .petshop-trial-devices-wrap{width:590px;top:50%;bottom:auto;transform:translate(-46%,-45%);}
  .petshop-trial-form-card{max-width:455px;padding:28px 26px 20px;}
  .petshop-trial-form-card h3{font-size:clamp(28px,2vw,36px);}
  .petshop-trial-form-card p{font-size:15px;margin-bottom:18px;}
  .petshop-trial-form input{height:56px;font-size:15px;}
  .petshop-trial-submit{min-height:58px;font-size:17px;}
}
@media (max-width: 1199px){
  .petshop-trial-cta{padding:30px 24px 24px;}
  .petshop-trial-cta::before{background:linear-gradient(180deg,rgba(72,156,223,.9) 0%,rgba(84,171,231,.75) 38%,rgba(106,184,238,.3) 70%,rgba(121,173,218,.12) 100%);}
  .petshop-trial-cta-overlay{width:100%;background:linear-gradient(180deg,rgba(121,173,218,.26) 0%,rgba(121,173,218,.14) 48%,rgba(121,173,218,.04) 100%);}
  .petshop-trial-cta-inner{grid-template-columns:1fr;gap:26px;min-height:auto;}
  .petshop-trial-copy{max-width:none;}
  .petshop-trial-copy h2{font-size:clamp(44px,7vw,60px);}
  .petshop-trial-description{font-size:18px;max-width:none;}
  .petshop-trial-benefits{max-width:none;}
  .petshop-trial-visual{min-height:420px;order:2;}
  .petshop-trial-devices-wrap{position:relative;left:auto;bottom:auto;transform:none;width:min(100%,680px);margin:0 auto;}
  .petshop-trial-form-card{justify-self:stretch;max-width:none;order:3;}
}
@media (max-width: 767px){
  .petshop-trial-cta{padding:22px 16px 16px;}
  .petshop-trial-eyebrow{font-size:14px;letter-spacing:.12em;margin-bottom:4px;}
  .petshop-trial-copy h2{font-size:36px;}
  .petshop-trial-description{font-size:16px;margin-bottom:24px;}
  .petshop-trial-benefits{gap:14px;}
  .petshop-trial-benefits li{gap:14px;}
  .petshop-trial-benefit-icon{width:46px;height:46px;flex-basis:46px;}
  .petshop-trial-benefits strong{font-size:17px;}
  .petshop-trial-benefits span{font-size:15px;}
  .petshop-trial-visual{min-height:220px;}
  .petshop-trial-devices-wrap{width:290px;}
  .petshop-trial-form-card{padding:24px 18px 22px;border-radius:22px;}
  .petshop-trial-form-card h3{font-size:28px;}
  .petshop-trial-form-card p{font-size:16px;margin-bottom:12px;}
  .petshop-trial-form-grid{grid-template-columns:1fr;gap:12px;}
  .petshop-trial-form input{height:50px;border-radius:14px;font-size:15px;}
  .petshop-trial-submit{min-height:60px;font-size:18px;border-radius:16px;}
  .petshop-trial-form-note{font-size:13px;}
}


/* v148 — âncoras e menu ativo por sessão */
#inicio, #software, #recursos, #diferencial, #contato{scroll-margin-top:86px;}
.qbit-nav .nav-link.active::after{width:100%;}

/* v149 — Recursos em destaque conforme novo esboço */
.resources-highlight-section{
  margin-top:18px;
  padding:24px 0 6px;
  border-top:1px solid rgba(121,173,218,.18);
}
.resources-highlight-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,.95fr);
  align-items:center;
  gap:42px;
  margin-bottom:22px;
}
.resources-highlight-heading-main{min-width:0;}
.resources-highlight-kicker{
  display:block;
  margin-bottom:12px;
  font-family:'Poppins',sans-serif;
  font-size:14px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.11em;
  color:#1873B9;
  text-transform:uppercase;
}
.resources-highlight-heading h2{
  margin:0;
  font-family:'Poppins',sans-serif;
  font-size:46px;
  line-height:.98;
  font-weight:700;
  letter-spacing:-.04em;
  color:#0f2f6f;
}
.resources-highlight-heading h2 span{color:#79ADDA;}
.resources-highlight-intro{
  position:relative;
  margin:38px 0 0;
  padding-left:30px;
  font-size:17px;
  line-height:1.45;
  font-weight:500;
  color:#6179a4;
}
.resources-highlight-intro::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:1px;
  background:#b7d4ef;
}
.resources-highlight-card{
  position:relative;
  background:rgba(255,255,255,.75);
  border:1px solid #dbe9f8;
  border-radius:16px;
  box-shadow:0 5px 18px rgba(18,72,131,.035);
}
.resources-highlight-number{
  flex:0 0 40px;
  width:40px;
  height:40px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#eef6ff;
  color:#1873B9;
  font-family:'Poppins',sans-serif;
  font-size:15px;
  line-height:1;
  font-weight:700;
}
.resources-highlight-title-row{
  display:flex;
  align-items:flex-start;
  gap:16px;
}
.resources-highlight-title-row h3{
  margin:0 0 4px;
  font-family:'Poppins',sans-serif;
  font-size:23px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:-.02em;
  color:#0e2e6d;
}
.resources-highlight-title-row p{
  margin:0;
  font-size:15px;
  line-height:1.35;
  font-weight:500;
  color:#6179a4;
}
.resources-highlight-notifications{
  min-height:205px;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(430px,.9fr) minmax(520px,1.1fr);
  align-items:stretch;
}
.resources-highlight-copy{
  position:relative;
  z-index:2;
  padding:20px 0 18px 30px;
}
.resources-highlight-checks{
  list-style:none;
  margin:14px 0 0 56px;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:28px;
  row-gap:8px;
}
.resources-highlight-checks li{
  display:flex;
  align-items:center;
  gap:9px;
  color:#586f9a;
  font-size:14px;
  line-height:1.2;
  font-weight:500;
  white-space:nowrap;
}
.resources-highlight-checks li span{
  width:18px;
  height:18px;
  flex:0 0 18px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#2b86eb;
  color:#fff;
  font-size:11px;
  line-height:1;
  font-weight:700;
}
.resources-highlight-notifications-visual{
  position:relative;
  min-height:205px;
  overflow:hidden;
}
.resources-highlight-notifications-visual img{
  position:absolute;
  right:-2px;
  bottom:-2px;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center right;
  display:block;
}
.resources-highlight-report-row{
  margin-top:12px;
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:12px;
}
.resources-highlight-report-visual{
  position:relative;
  min-height:164px;
  overflow:hidden;
  border:1px solid #c9def4;
  border-radius:16px;
  background:#eaf4ff;
}
.resources-highlight-report-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:left center;
  display:block;
}
.resources-highlight-report-copy{
  min-height:164px;
  padding:30px 110px 24px 28px;
  display:flex;
  align-items:flex-start;
}
.resources-highlight-chart-icon{
  position:absolute;
  right:34px;
  top:50%;
  transform:translateY(-50%);
  width:62px;
  height:62px;
  border-radius:18px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:4px;
  padding:13px 13px 12px;
  background:#eef6ff;
  color:#2f8ae8;
  box-shadow:inset 0 0 0 1px rgba(121,173,218,.12);
}
.resources-highlight-chart-icon i{
  display:block;
  width:8px;
  border-radius:4px 4px 1px 1px;
  background:linear-gradient(180deg,#86c7ff 0%,#3188e7 100%);
}
.resources-highlight-chart-icon i:nth-child(1){height:24px;}
.resources-highlight-chart-icon i:nth-child(2){height:36px;}
.resources-highlight-chart-icon i:nth-child(3){height:46px;}
.resources-highlight-pdv{
  margin-top:12px;
  min-height:112px;
  padding:18px 18px 16px 28px;
  display:grid;
  grid-template-columns:minmax(360px,.95fr) minmax(330px,.78fr) minmax(310px,.7fr);
  align-items:center;
  gap:20px;
}
.resources-highlight-pdv-copy{align-items:flex-start;}
.resources-highlight-product-box{
  background:#fff;
  border:1px solid #d8e7f7;
  border-radius:14px;
  padding:10px 12px 12px;
}
.resources-highlight-product-line{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
}
.resources-highlight-product-emoji{
  width:42px;
  height:42px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff2df;
  font-size:22px;
  line-height:1;
}
.resources-highlight-product-info strong{
  display:block;
  color:#123473;
  font-size:13px;
  line-height:1.2;
  font-weight:700;
}
.resources-highlight-product-info span{
  display:block;
  margin-top:2px;
  color:#176fc8;
  font-size:13px;
  line-height:1.2;
  font-weight:700;
}
.resources-highlight-stepper{
  min-width:92px;
  height:30px;
  border:1px solid #d5e3f4;
  border-radius:999px;
  background:#fff;
  display:grid;
  grid-template-columns:30px 1fr 30px;
  align-items:center;
  text-align:center;
  overflow:hidden;
}
.resources-highlight-stepper button{
  height:100%;
  border:0;
  background:transparent;
  color:#1a6fcf;
  font-size:17px;
  font-weight:700;
}
.resources-highlight-stepper span{
  color:#123473;
  font-size:12px;
  font-weight:700;
}
.resources-highlight-add{
  width:78%;
  margin-left:auto;
  border:0;
  border-radius:8px;
  padding:9px 14px;
  background:linear-gradient(180deg,#5aa8ff 0%,#2e84e8 100%);
  color:#fff;
  font-size:14px;
  line-height:1.2;
  font-weight:700;
}
.resources-highlight-pdv-tabs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.resources-highlight-pdv-tabs div{
  min-height:66px;
  border:1px solid #d8e7f7;
  border-radius:12px;
  background:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  text-align:center;
}
.resources-highlight-pdv-tabs span{
  font-size:23px;
  line-height:1;
}
.resources-highlight-pdv-tabs strong{
  color:#176fc8;
  font-size:13px;
  line-height:1.1;
  font-weight:700;
}

@media(max-width:1199.98px){
  .resources-highlight-heading{grid-template-columns:1fr;gap:12px;}
  .resources-highlight-intro{margin:0;padding-left:0;}
  .resources-highlight-intro::before{display:none;}
  .resources-highlight-notifications{grid-template-columns:1fr 1fr;}
  .resources-highlight-checks{margin-left:56px;grid-template-columns:1fr;}
  .resources-highlight-pdv{grid-template-columns:1fr 1fr;}
  .resources-highlight-pdv-tabs{grid-column:1/-1;}
}
@media(max-width:767.98px){
  .resources-highlight-section{padding-top:18px;}
  .resources-highlight-heading h2{font-size:34px;}
  .resources-highlight-intro br,
  .resources-highlight-title-row p br{display:none;}
  .resources-highlight-notifications{grid-template-columns:1fr;}
  .resources-highlight-copy{padding:18px;}
  .resources-highlight-checks{margin-left:0;grid-template-columns:1fr;}
  .resources-highlight-notifications-visual{min-height:180px;}
  .resources-highlight-report-row{grid-template-columns:1fr;}
  .resources-highlight-report-visual{min-height:180px;}
  .resources-highlight-report-copy{padding:22px 90px 22px 18px;min-height:140px;}
  .resources-highlight-pdv{grid-template-columns:1fr;padding:18px;}
  .resources-highlight-product-box{width:100%;}
  .resources-highlight-add{width:100%;}
  .resources-highlight-pdv-tabs{grid-column:auto;}
  .resources-highlight-title-row h3{font-size:20px;}
}

/* v150 — ajustes pontuais em Recursos em Destaque */
.resources-highlight-section{
  position:relative;
  z-index:0;
  margin-top:58px;
  padding:34px 0 16px;
  border-top:0;
}
.resources-highlight-section::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  pointer-events:none;
}
.resources-highlight-notifications-visual img{
  object-fit:contain;
  object-position:center bottom;
  background:transparent;
}
@media(max-width:767.98px){
  .resources-highlight-section{
    margin-top:38px;
    padding-top:28px;
  }
}


/* v151 — refinamentos visuais em Recursos conforme referência */
.modules-overview-section{
  background:linear-gradient(180deg,#f9fcff 0%,#f4f9ff 44%,#eef7ff 100%) !important;
}
.resources-highlight-section{
  margin-top:82px !important;
  padding:42px 0 20px !important;
}
.resources-highlight-section::before{
  background:linear-gradient(180deg,#eef7ff 0%,#f3f9ff 48%,#f7fbff 100%) !important;
}
.resources-highlight-notifications{
  grid-template-columns:minmax(410px,.82fr) minmax(590px,1.18fr) !important;
}
.resources-highlight-notifications-visual{
  overflow:visible !important;
  min-height:220px !important;
}
.resources-highlight-notifications-visual img{
  right:-5% !important;
  bottom:-7% !important;
  width:116% !important;
  height:116% !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  background:transparent !important;
  z-index:1;
}
.resources-highlight-rays{
  position:absolute;
  left:3%;
  top:47%;
  width:72px;
  height:72px;
  z-index:3;
  pointer-events:none;
}
.resources-highlight-rays i{
  position:absolute;
  display:block;
  width:32px;
  height:6px;
  border-radius:999px;
  background:#2789ee;
  box-shadow:0 2px 8px rgba(39,137,238,.12);
  transform-origin:right center;
}
.resources-highlight-rays i:nth-child(1){left:7px;top:5px;transform:rotate(46deg);}
.resources-highlight-rays i:nth-child(2){left:0;top:31px;transform:rotate(0deg);width:36px;}
.resources-highlight-rays i:nth-child(3){left:8px;top:57px;transform:rotate(-46deg);}
@media(max-width:1199.98px){
  .resources-highlight-section{margin-top:68px !important;padding-top:36px !important;}
  .resources-highlight-notifications{grid-template-columns:1fr 1.12fr !important;}
  .resources-highlight-notifications-visual img{right:-3% !important;width:110% !important;height:110% !important;}
  .resources-highlight-rays{left:1%;transform:scale(.9);}
}
@media(max-width:767.98px){
  .resources-highlight-section{margin-top:52px !important;padding-top:32px !important;}
  .resources-highlight-notifications{grid-template-columns:1fr !important;}
  .resources-highlight-notifications-visual{overflow:hidden !important;min-height:220px !important;}
  .resources-highlight-notifications-visual img{right:0 !important;bottom:-4% !important;width:108% !important;height:108% !important;}
  .resources-highlight-rays{left:8%;top:44%;transform:scale(.78);}
}


/* v152 — ajustes pontuais em Recursos em Destaque */
.resources-highlight-section::before{
  background:linear-gradient(180deg,#f5faff 0%,#f8fbff 48%,#fbfdff 100%) !important;
}
.resources-highlight-kicker{
  display:block !important;
  margin:0 0 16px !important;
  padding:0 !important;
  min-height:0 !important;
  background:transparent !important;
  color:#0b82e6 !important;
  font-family:'Poppins',sans-serif !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
}
.resources-highlight-rays{
  left:10% !important;
  top:50% !important;
  width:50px !important;
  height:50px !important;
  transform:translateY(-50%) !important;
}
.resources-highlight-rays i{
  width:22px !important;
  height:4px !important;
}
.resources-highlight-rays i:nth-child(1){left:5px !important;top:4px !important;transform:rotate(46deg) !important;}
.resources-highlight-rays i:nth-child(2){left:0 !important;top:23px !important;transform:rotate(0deg) !important;width:25px !important;}
.resources-highlight-rays i:nth-child(3){left:5px !important;top:42px !important;transform:rotate(-46deg) !important;}
@media(max-width:1199.98px){
  .resources-highlight-kicker{margin-bottom:14px !important;font-size:13px !important;}
  .resources-highlight-rays{left:8% !important;transform:translateY(-50%) scale(.9) !important;}
}
@media(max-width:767.98px){
  .resources-highlight-kicker{margin-bottom:9px !important;font-size:12px !important;}
  .resources-highlight-rays{left:12% !important;transform:translateY(-50%) scale(.78) !important;}
}

/* v153 — ajustes pontuais solicitados */
.finance-summary-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  line-height:1 !important;
}
.finance-summary-icon > span{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
  transform:none !important;
}
.resources-highlight-section{
  margin-top:64px !important;
}
@media(max-width:1199.98px){
  .resources-highlight-section{margin-top:54px !important;}
}
@media(max-width:767.98px){
  .resources-highlight-section{margin-top:42px !important;}
}

/* Footer — proporções do modelo QBit Portaria */
.qbit-footer{
  background:#155985;
  padding:56px 0 58px;
  color:#fff;
}
.qbit-footer-inner{
  width:min(100% - 48px, 1190px);
  margin:0 auto;
}
.qbit-footer-grid{
  display:grid;
  grid-template-columns:1.42fr .72fr .92fr .95fr;
  column-gap:74px;
  align-items:start;
}
.qbit-footer-brand{max-width:300px;}
.qbit-footer-logo-link{display:inline-block;line-height:0;}
.qbit-footer-logo{
  display:block;
  width:126px;
  height:auto;
  margin:0 0 24px;
}
.qbit-footer-description{
  margin:0 0 22px;
  max-width:286px;
  color:rgba(255,255,255,.82);
  font-family:'Poppins',sans-serif;
  font-size:14px;
  line-height:1.58;
  font-weight:400;
}
.qbit-footer-social{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
.qbit-footer-social a{
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-decoration:none;
  opacity:.98;
  transition:opacity .2s ease,transform .2s ease;
}
.qbit-footer-social a:hover{opacity:.78;transform:translateY(-1px);}
.qbit-footer-social svg{
  width:20px;
  height:20px;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.qbit-footer-col{padding-top:3px;}
.qbit-footer-col h3{
  margin:0 0 18px;
  color:#fff;
  font-family:'Poppins',sans-serif;
  font-size:15px;
  line-height:1.25;
  font-weight:700;
}
.qbit-footer-col ul{list-style:none;margin:0;padding:0;}
.qbit-footer-col li{margin:0 0 10px;}
.qbit-footer-col a{
  color:rgba(255,255,255,.82);
  text-decoration:none;
  font-family:'Poppins',sans-serif;
  font-size:13.5px;
  line-height:1.45;
  font-weight:400;
  transition:opacity .2s ease;
}
.qbit-footer-col a:hover{opacity:.72;}
.qbit-footer-contact ul{display:flex;flex-direction:column;gap:14px;}
.qbit-footer-contact li{margin:0;}
.qbit-footer-contact a{
  display:inline-flex;
  align-items:center;
  gap:9px;
  white-space:nowrap;
}
.qbit-footer-contact svg{
  width:15px;
  height:15px;
  flex:0 0 15px;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media (max-width:1199.98px){
  .qbit-footer-inner{width:min(100% - 42px,1040px);}
  .qbit-footer-grid{grid-template-columns:1.25fr .72fr .9fr .92fr;column-gap:42px;}
}
@media (max-width:991.98px){
  .qbit-footer{padding:46px 0 48px;}
  .qbit-footer-inner{width:min(100% - 36px,760px);}
  .qbit-footer-grid{grid-template-columns:1fr 1fr;gap:34px 56px;}
  .qbit-footer-brand{max-width:none;grid-column:1/-1;}
}
@media (max-width:575.98px){
  .qbit-footer{padding:40px 0 42px;}
  .qbit-footer-inner{width:calc(100% - 32px);}
  .qbit-footer-grid{grid-template-columns:1fr;gap:28px;}
  .qbit-footer-brand{grid-column:auto;}
  .qbit-footer-logo{width:116px;margin-bottom:18px;}
  .qbit-footer-description{font-size:14px;margin-bottom:18px;max-width:none;}
  .qbit-footer-col h3{font-size:15px;margin-bottom:14px;}
  .qbit-footer-col li{margin-bottom:9px;}
  .qbit-footer-col a{font-size:13.5px;}
  .qbit-footer-contact a{white-space:normal;}
}

/* v157 — CTA final proporcionalmente bem menor */
@media (min-width:1200px){
  .petshop-trial-cta{padding:0 28px;}
  .petshop-trial-cta-inner{
    min-height:390px;
    grid-template-columns:minmax(330px,.98fr) minmax(350px,.94fr) minmax(340px,.94fr);
    gap:16px;
    max-width:1540px;
  }
  .petshop-trial-copy{max-width:500px;}
  .petshop-trial-eyebrow{font-size:12px;letter-spacing:.14em;margin-bottom:10px;}
  .petshop-trial-copy h2{font-size:clamp(42px,3.3vw,54px);margin-bottom:14px;line-height:.95;}
  .petshop-trial-description{font-size:14px;line-height:1.42;max-width:480px;margin-bottom:18px;}
  .petshop-trial-benefits{gap:14px;max-width:470px;}
  .petshop-trial-benefits li{gap:12px;}
  .petshop-trial-benefit-icon{width:44px;height:44px;flex-basis:44px;}
  .petshop-trial-benefit-icon svg{width:19px;height:19px;}
  .petshop-trial-benefits strong{font-size:14px;margin-bottom:2px;}
  .petshop-trial-benefits span{font-size:12px;line-height:1.3;}
  .petshop-trial-visual{min-height:390px;}
  .petshop-trial-devices-wrap{width:470px;bottom:4px;transform:translateX(-43%);}
  .petshop-trial-form-card{max-width:390px;border-radius:20px;padding:22px 22px 16px;}
  .petshop-trial-form-card h3{font-size:clamp(23px,1.7vw,30px);line-height:1.05;margin-bottom:8px;max-width:330px;}
  .petshop-trial-form-card p{font-size:13px;line-height:1.35;margin-bottom:14px;max-width:340px;}
  .petshop-trial-form-grid{gap:10px;}
  .petshop-trial-form input{height:46px;border-radius:13px;padding:0 14px;font-size:13px;}
  .petshop-trial-submit{min-height:48px;margin-top:11px;border-radius:13px;font-size:14px;}
  .petshop-trial-form-note{margin-top:9px;font-size:11px;gap:6px;}
  .petshop-trial-form-note svg{width:13px;height:13px;flex-basis:13px;}
}

/* v158 — CTA: conteúdo dentro do container, mockup menor e ícones alinhados */
@media (min-width:1200px){
  .petshop-trial-cta{
    padding-left:0;
    padding-right:0;
  }
  .petshop-trial-cta-inner{
    width:calc(100% - 48px);
    max-width:1320px;
    min-height:390px;
    margin-left:auto;
    margin-right:auto;
    grid-template-columns:minmax(0,1.05fr) minmax(0,.72fr) minmax(0,.98fr);
    gap:22px;
  }
  .petshop-trial-copy{
    max-width:430px;
    justify-self:start;
  }
  .petshop-trial-visual{
    min-height:390px;
    width:100%;
  }
  .petshop-trial-devices-wrap{
    left:50%;
    bottom:10px;
    width:390px;
    max-width:100%;
    transform:translateX(-48%);
  }
  .petshop-trial-devices{
    display:block;
    width:100%;
    height:auto;
    object-fit:contain;
  }
  .petshop-trial-form-card{
    justify-self:end;
    max-width:390px;
  }
  .petshop-trial-benefits li{
    align-items:center;
  }
  .petshop-trial-benefit-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    line-height:1;
  }
  .petshop-trial-benefit-icon svg{
    display:block;
    width:19px;
    height:19px;
    margin:0;
    position:relative;
    left:0;
    top:0;
    flex:none;
    overflow:visible;
  }
}

@media (min-width:1200px) and (max-width:1399.98px){
  .petshop-trial-cta-inner{
    width:calc(100% - 40px);
    max-width:1280px;
    grid-template-columns:minmax(0,1.02fr) minmax(0,.68fr) minmax(0,.96fr);
    gap:18px;
  }
  .petshop-trial-devices-wrap{width:350px;bottom:12px;}
  .petshop-trial-copy{max-width:400px;}
  .petshop-trial-form-card{max-width:380px;}
}

/* v159 — CTA: fundo levemente deslocado e ícones centralizados */
.petshop-trial-benefit-icon{
  position:relative;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  line-height:0 !important;
}
.petshop-trial-benefit-icon svg{
  display:block !important;
  width:18px !important;
  height:18px !important;
  margin:0 !important;
  position:static !important;
  transform:none !important;
  overflow:visible;
}
.petshop-trial-benefit-icon svg *{vector-effect:non-scaling-stroke;}

/* v160 — CTA: mockup mais alto/centralizado, gato do fundo mais à direita e ícones refinados */
.petshop-trial-cta{
  background-position:58% center;
}
.petshop-trial-benefits li{
  align-items:center;
}
.petshop-trial-benefit-icon{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:0 !important;
}
.petshop-trial-benefit-icon svg{
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  width:18px !important;
  height:18px !important;
  margin:0 !important;
  transform:translate(-50%,-50%) !important;
  display:block !important;
}
.petshop-trial-benefits li:nth-child(1) .petshop-trial-benefit-icon svg{transform:translate(calc(-50% + .5px),calc(-50% - .5px)) !important;}

@media (min-width:1200px){
  .petshop-trial-visual{
    align-items:center;
  }
  .petshop-trial-devices-wrap{
    top:50%;
    bottom:auto;
    width:370px;
    transform:translate(-48%,-52%);
  }
}

@media (min-width:1200px) and (max-width:1399.98px){
  .petshop-trial-devices-wrap{
    width:340px;
    transform:translate(-47%,-51%);
  }
}


/* v162 — ajuste final do rodapé: ocupa o container, colunas alinhadas e fundo igual ao menu */
.qbit-footer{
  background:#79ADDA !important;
  padding:58px 0 58px !important;
  color:#fff;
}
.qbit-footer-inner{
  width:100% !important;
  max-width:1320px !important;
  margin:0 auto !important;
  padding:0 12px !important;
}
.qbit-footer-grid{
  display:grid !important;
  grid-template-columns:minmax(300px,1.35fr) minmax(170px,.72fr) minmax(200px,.82fr) minmax(260px,1fr) !important;
  column-gap:70px !important;
  align-items:start !important;
  width:100% !important;
}
.qbit-footer-brand{
  max-width:330px !important;
  align-self:start !important;
}
.qbit-footer-logo{
  width:138px !important;
  margin:0 0 24px !important;
}
.qbit-footer-description{
  max-width:315px !important;
  font-size:13px !important;
  line-height:1.6 !important;
  margin:0 0 24px !important;
  color:rgba(255,255,255,.92) !important;
}
.qbit-footer-col{
  padding-top:2px !important;
  align-self:start !important;
}
.qbit-footer-nav,
.qbit-footer-software{
  text-align:left !important;
}
.qbit-footer-nav h3,
.qbit-footer-software h3,
.qbit-footer-contact h3{
  margin:0 0 20px !important;
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  color:#fff !important;
}
.qbit-footer-nav ul,
.qbit-footer-software ul,
.qbit-footer-contact ul{
  margin:0 !important;
  padding:0 !important;
}
.qbit-footer-col li{
  margin:0 0 11px !important;
}
.qbit-footer-col a{
  font-size:12px !important;
  line-height:1.5 !important;
  color:rgba(255,255,255,.94) !important;
}
.qbit-footer-contact ul{
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
}
.qbit-footer-contact li{
  margin:0 !important;
}
.qbit-footer-contact a{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  white-space:nowrap !important;
}
.qbit-footer-contact svg{
  width:17px !important;
  height:17px !important;
  flex:0 0 17px !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
}
.qbit-footer-social{
  gap:14px !important;
}
.qbit-footer-social a{
  width:22px !important;
  height:22px !important;
}
.qbit-footer-social svg{
  width:18px !important;
  height:18px !important;
}
@media (max-width:1199.98px){
  .qbit-footer-inner{max-width:960px !important;padding:0 20px !important;}
  .qbit-footer-grid{grid-template-columns:1.2fr .75fr .85fr 1fr !important;column-gap:36px !important;}
}
@media (max-width:991.98px){
  .qbit-footer-inner{max-width:760px !important;padding:0 18px !important;}
  .qbit-footer-grid{grid-template-columns:1fr 1fr !important;gap:34px 42px !important;}
  .qbit-footer-brand{grid-column:1/-1 !important;max-width:none !important;}
}
@media (max-width:575.98px){
  .qbit-footer{padding:40px 0 42px !important;}
  .qbit-footer-inner{padding:0 16px !important;}
  .qbit-footer-grid{grid-template-columns:1fr !important;gap:28px !important;}
  .qbit-footer-brand{grid-column:auto !important;}
  .qbit-footer-contact a{white-space:normal !important;}
}

/* v163 — Rodapé reconstruído fielmente à referência do QBit Portaria */
.qbit-footer{
  background:#155782 !important;
  padding:58px 0 62px !important;
  min-height:338px;
}
.qbit-footer-inner{
  width:min(100% - 48px,1280px) !important;
  max-width:1280px !important;
  margin:0 auto !important;
  padding:0 !important;
}
.qbit-footer-grid{
  display:grid !important;
  grid-template-columns:320px 190px 250px 260px !important;
  justify-content:space-between !important;
  column-gap:0 !important;
  row-gap:0 !important;
  align-items:start !important;
}
.qbit-footer-brand{
  max-width:320px !important;
  padding:0 !important;
}
.qbit-footer-logo-link{
  display:inline-block !important;
  line-height:0 !important;
}
.qbit-footer-logo{
  display:block !important;
  width:136px !important;
  height:auto !important;
  margin:0 0 24px 0 !important;
}
.qbit-footer-description{
  max-width:300px !important;
  margin:0 0 24px 0 !important;
  color:#c8dcf0 !important;
  font-family:'Poppins',sans-serif !important;
  font-size:13px !important;
  line-height:1.58 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}
.qbit-footer-social{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  margin:0 !important;
}
.qbit-footer-social a{
  width:22px !important;
  height:22px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  opacity:1 !important;
  padding:0 !important;
}
.qbit-footer-social svg{
  width:18px !important;
  height:18px !important;
  stroke-width:1.9 !important;
}
.qbit-footer-col{
  padding:0 !important;
  margin:0 !important;
}
.qbit-footer-nav,
.qbit-footer-software,
.qbit-footer-contact{
  padding-top:0 !important;
}
.qbit-footer-col h3{
  margin:0 0 18px 0 !important;
  color:#fff !important;
  font-family:'Poppins',sans-serif !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
}
.qbit-footer-col ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}
.qbit-footer-col li{
  margin:0 0 10px 0 !important;
  padding:0 !important;
  line-height:1.3 !important;
}
.qbit-footer-col a{
  display:inline-flex !important;
  align-items:center !important;
  color:#c8dcf0 !important;
  text-decoration:none !important;
  font-family:'Poppins',sans-serif !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}
.qbit-footer-contact ul{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
}
.qbit-footer-contact li{
  margin:0 0 13px 0 !important;
}
.qbit-footer-contact a{
  gap:9px !important;
  white-space:nowrap !important;
}
.qbit-footer-contact svg{
  width:16px !important;
  height:16px !important;
  flex:0 0 16px !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
}

@media (max-width:1199.98px){
  .qbit-footer{padding:48px 0 50px !important;min-height:0;}
  .qbit-footer-inner{width:min(100% - 44px,900px) !important;}
  .qbit-footer-grid{grid-template-columns:270px 150px 205px 225px !important;}
  .qbit-footer-logo{width:128px !important;}
  .qbit-footer-description{font-size:13px !important;max-width:260px !important;}
  .qbit-footer-col h3{font-size:13px !important;}
  .qbit-footer-col a{font-size:13px !important;}
}
@media (max-width:991.98px){
  .qbit-footer-inner{width:min(100% - 36px,760px) !important;}
  .qbit-footer-grid{grid-template-columns:1fr 1fr !important;gap:34px 54px !important;justify-content:initial !important;}
  .qbit-footer-brand{grid-column:1/-1 !important;max-width:none !important;}
}
@media (max-width:575.98px){
  .qbit-footer{padding:38px 0 40px !important;}
  .qbit-footer-inner{width:calc(100% - 32px) !important;}
  .qbit-footer-grid{grid-template-columns:1fr !important;gap:28px !important;}
  .qbit-footer-brand{grid-column:auto !important;}
  .qbit-footer-contact a{white-space:normal !important;}
}

/* v164 — Rodapé mais compacto e totalmente contido no container */
.qbit-footer{
  padding:40px 0 42px !important;
  min-height:0 !important;
}
.qbit-footer-inner{
  width:min(100% - 56px,1080px) !important;
  max-width:1080px !important;
  margin:0 auto !important;
  padding:0 !important;
}
.qbit-footer-grid{
  grid-template-columns:255px 145px 190px 215px !important;
  justify-content:space-between !important;
  column-gap:36px !important;
  align-items:start !important;
}
.qbit-footer-brand{
  max-width:255px !important;
}
.qbit-footer-logo{
  width:108px !important;
  margin-bottom:17px !important;
}
.qbit-footer-description{
  max-width:245px !important;
  margin-bottom:17px !important;
  font-size:13px !important;
  line-height:1.5 !important;
}
.qbit-footer-social{
  gap:10px !important;
}
.qbit-footer-social a{
  width:18px !important;
  height:18px !important;
}
.qbit-footer-social svg{
  width:18px !important;
  height:18px !important;
}
.qbit-footer-col h3{
  margin-bottom:13px !important;
  font-size:13px !important;
}
.qbit-footer-col li{
  margin-bottom:7px !important;
}
.qbit-footer-col a{
  font-size:12px !important;
  line-height:1.3 !important;
}
.qbit-footer-contact li{
  margin-bottom:9px !important;
}
.qbit-footer-contact a{
  gap:7px !important;
}
.qbit-footer-contact svg{
  width:14px !important;
  height:14px !important;
  flex-basis:14px !important;
}

@media (max-width:1199.98px){
  .qbit-footer-inner{width:min(100% - 44px,900px) !important;}
  .qbit-footer-grid{grid-template-columns:225px 132px 172px 195px !important;column-gap:26px !important;}
  .qbit-footer-logo{width:104px !important;}
  .qbit-footer-description{font-size:12px !important;max-width:220px !important;}
  .qbit-footer-col h3{font-size:13px !important;}
  .qbit-footer-col a{font-size:12px !important;}
}


/* v166 — ajustes finais: CTA, rodapé e imagem de Software */
.qbit-footer{
  background:#79ADDA !important;
}

/* Kicker do CTA igual ao padrão de RECURSOS EM DESTAQUE */
.petshop-trial-eyebrow{
  display:block !important;
  margin:0 0 16px !important;
  padding:0 !important;
  min-height:0 !important;
  background:transparent !important;
  color:#bfe4ff !important;
  font-family:'Poppins',sans-serif !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
}

/* Ícones dos benefícios — centralização óptica e traço consistente */
.petshop-trial-benefit-icon{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  line-height:0 !important;
  overflow:hidden !important;
}
.petshop-trial-benefit-icon svg{
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  width:18px !important;
  height:18px !important;
  display:block !important;
  margin:0 !important;
  transform:translate(-50%,-50%) !important;
  overflow:visible !important;
  stroke-width:1.7 !important;
}
.petshop-trial-benefit-icon svg *{
  vector-effect:non-scaling-stroke;
}

/* Nova imagem de Software mantendo a mesma área/proporção visual da anterior */
.software-visual img{
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center !important;
}

@media (max-width:767.98px){
  .petshop-trial-eyebrow{
    font-size:12px !important;
    letter-spacing:.07em !important;
    margin-bottom:10px !important;
  }
  .petshop-trial-benefit-icon svg{
    width:17px !important;
    height:17px !important;
  }
}


/* v167 — últimos ajustes solicitados */
/* Botão do menu em azul mais escuro */
.nav-cta,
.qbit-nav .nav-cta{
  background:#0b4770 !important;
  border-color:#0b4770 !important;
  color:#ffffff !important;
}
.nav-cta:hover,
.qbit-nav .nav-cta:hover{
  background:#073b60 !important;
  border-color:#073b60 !important;
  color:#ffffff !important;
}

/* Rodapé na mesma cor do menu */
.qbit-footer{
  background:#79ADDA !important;
}

/* Conteúdo do rodapé mais visível */
.qbit-footer-col h3,
.qbit-footer-col a,
.qbit-footer-contact a,
.qbit-footer-social a{
  color:#ffffff !important;
  opacity:1 !important;
}
.qbit-footer-description{
  color:rgba(255,255,255,.96) !important;
}

/* Ícones do rodapé refeitos/alinhados */
.qbit-footer-social a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:20px !important;
  height:20px !important;
  line-height:0 !important;
}
.qbit-footer-social svg{
  width:20px !important;
  height:20px !important;
  display:block !important;
  overflow:visible !important;
}
.qbit-footer-social svg *{
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.9;
}
.qbit-footer-contact li{
  display:flex !important;
  align-items:center !important;
}
.qbit-footer-contact a{
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  font-size:12px !important;
  line-height:1.3 !important;
  color:#ffffff !important;
}
.qbit-footer-contact svg{
  width:15px !important;
  height:15px !important;
  flex:0 0 15px !important;
  display:block !important;
  overflow:visible !important;
}
.qbit-footer-contact svg *{
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Eyebrow do CTA igual ao padrão de RECURSOS EM DESTAQUE */
.petshop-trial-eyebrow{
  margin:0 0 16px !important;
  font-family:'Poppins',sans-serif !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
  color:#bfe4ff !important;
}


/* v168 — software image + darker/nav CTA color update */
.nav-cta,
.qbit-nav .nav-cta{
  background:#1873B9 !important;
  border-color:#1873B9 !important;
  color:#ffffff !important;
}
.nav-cta:hover,
.qbit-nav .nav-cta:hover{
  background:#1467a7 !important;
  border-color:#1467a7 !important;
  color:#ffffff !important;
}

/* v169 — MOBILE ONLY: hero integrado como referência do Portaria */
@media (max-width: 991.98px){
  .hero{
    position:relative !important;
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    padding:0 0 178px !important;
    overflow:hidden !important;
    background:#edf8ff !important;
    isolation:isolate;
  }

  .hero-container{
    position:relative !important;
    z-index:4 !important;
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    padding:32px 28px 0 !important;
  }

  .hero-copy{
    width:100% !important;
    max-width:470px !important;
    margin:0 auto !important;
  }

  .hero-eyebrow{
    margin:0 0 18px !important;
    font-size:12px !important;
    line-height:1.3 !important;
    letter-spacing:.075em !important;
  }

  /* remove as quebras rígidas do desktop para o texto quebrar naturalmente */
  .hero h1 br{
    display:none !important;
  }

  .hero h1{
    max-width:430px !important;
    margin:0 !important;
    font-size:clamp(31px,8vw,38px) !important;
    line-height:1.16 !important;
    letter-spacing:-.025em !important;
    text-wrap:balance;
  }

  .hero-description{
    max-width:430px !important;
    margin:24px 0 28px !important;
    font-size:16px !important;
    line-height:1.55 !important;
  }

  .hero-actions{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:12px !important;
  }

  .hero-actions .btn-primary-qbit,
  .hero-actions .btn-outline-qbit{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    min-height:60px !important;
    height:60px !important;
    padding:0 52px 0 22px !important;
    border-radius:9px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    font-size:16px !important;
    font-weight:600 !important;
  }

  .hero-actions .btn-primary-qbit::after,
  .hero-actions .btn-outline-qbit::after{
    content:"↗";
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    font-size:23px;
    line-height:1;
    font-weight:400;
  }

  .hero-note{
    position:relative !important;
    z-index:4 !important;
    margin:26px 0 0 !important;
    gap:12px !important;
    font-size:15px !important;
    line-height:1.35 !important;
  }

  .note-icon{
    width:25px !important;
    height:25px !important;
    flex:0 0 25px !important;
  }

  /* A foto deixa de ser um bloco separado e passa a fazer parte do próprio banner. */
  .hero-art{
    position:absolute !important;
    z-index:1 !important;
    left:0 !important;
    right:0 !important;
    top:auto !important;
    bottom:0 !important;
    width:100% !important;
    height:235px !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:72% 40% !important;
    display:block !important;
  }

  /* Fade igual à referência: fundo do texto se dissolve sobre a fotografia. */
  .hero::before{
    content:"" !important;
    position:absolute !important;
    z-index:2 !important;
    left:0 !important;
    right:0 !important;
    top:auto !important;
    bottom:0 !important;
    width:100% !important;
    height:245px !important;
    pointer-events:none !important;
    background:linear-gradient(180deg,
      #edf8ff 0%,
      rgba(237,248,255,.97) 16%,
      rgba(237,248,255,.82) 34%,
      rgba(237,248,255,.48) 52%,
      rgba(237,248,255,.14) 70%,
      rgba(237,248,255,0) 84%) !important;
  }

  .hero-bottom-triangle{
    display:none !important;
  }
}

@media (max-width: 575.98px){
  .hero{
    padding-bottom:165px !important;
  }
  .hero-container{
    padding:28px 20px 0 !important;
  }
  .hero h1{
    max-width:100% !important;
    font-size:clamp(30px,8.3vw,35px) !important;
    line-height:1.17 !important;
  }
  .hero-description{
    margin:22px 0 26px !important;
    font-size:15px !important;
  }
  .hero-actions .btn-primary-qbit,
  .hero-actions .btn-outline-qbit{
    min-height:58px !important;
    height:58px !important;
    font-size:15px !important;
  }
  .hero-note{
    margin-top:24px !important;
    font-size:14px !important;
  }
  .hero-art{
    height:220px !important;
    object-position:72% 42% !important;
  }
  .hero::before{
    height:230px !important;
  }
}

@media (max-width: 359.98px){
  .hero-container{
    padding-left:18px !important;
    padding-right:18px !important;
  }
  .hero h1{
    font-size:29px !important;
  }
  .hero-description{
    font-size:14px !important;
  }
}


/* v170 — MOBILE: hero crop + menu drawer estilo Portaria */
@media (max-width: 991.98px){
  .qbit-nav{
    min-height:74px !important;
    height:74px !important;
    padding:0 14px !important;
  }

  .qbit-nav > .container-xxl,
  .qbit-nav > .container,
  .qbit-nav > .container-fluid{
    position:relative;
    height:100%;
  }

  .brand-logo{
    height:42px !important;
  }

  .navbar-toggler{
    width:56px;
    height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:10px;
    background:rgba(255,255,255,.05);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
  }

  .navbar-toggler:focus{
    box-shadow:0 0 0 3px rgba(255,255,255,.12);
  }

  .navbar-toggler-icon{
    width:26px;
    height:22px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23d6ecff' stroke-linecap='round' stroke-width='2.2'%3E%3Cpath d='M3 5.5h18'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M3 18.5h18'/%3E%3C/g%3E%3C/svg%3E");
  }

  .navbar-collapse{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:1200;
    margin-top:0;
    padding:10px 12px 18px !important;
    background:#2478ba;
    border-top:1px solid rgba(255,255,255,.14);
    border-radius:0 0 18px 18px;
    box-shadow:0 16px 30px rgba(7,59,96,.24);
  }

  .navbar-collapse:not(.show){
    display:none !important;
  }

  .nav-links{
    width:100%;
    gap:0 !important;
    margin:2px 0 0 !important;
  }

  .nav-item{
    width:100%;
    list-style:none;
  }

  .qbit-nav .nav-link{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    min-height:58px;
    margin:0;
    padding:16px 14px 16px 56px !important;
    border-bottom:1px solid rgba(255,255,255,.12);
    color:#ffffff !important;
    font-size:15px !important;
    font-weight:600 !important;
    line-height:1.2;
    border-radius:0;
    background:transparent;
  }

  .qbit-nav .nav-item:first-child .nav-link{
    margin-top:2px;
  }

  .qbit-nav .nav-item:last-child .nav-link{
    border-bottom:1px solid rgba(255,255,255,.12);
  }

  .qbit-nav .nav-link.active{
    background:rgba(13,136,230,.12);
    border:1px solid rgba(19,136,239,.36);
    border-radius:12px;
    margin:6px 0;
    min-height:62px;
    box-shadow:inset 0 0 0 1px rgba(116,198,255,.10);
  }

  .qbit-nav .nav-link::before{
    content:"";
    position:absolute;
    left:14px;
    top:50%;
    transform:translateY(-50%);
    width:24px;
    height:24px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:24px 24px;
    opacity:.95;
  }

  .qbit-nav .nav-link::after{
    display:block !important;
    content:"›";
    position:static;
    transform:none;
    width:auto;
    height:auto;
    background:none !important;
    color:#bfe4ff;
    font-size:28px;
    line-height:1;
    font-weight:300;
  }

  .nav-item:nth-child(1) .nav-link::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23bfe4ff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 10.5 12 4l8.5 6.5'/%3E%3Cpath d='M5.5 9.8V20h13V9.8'/%3E%3Cpath d='M9.5 20v-6h5v6'/%3E%3C/g%3E%3C/svg%3E");}
  .nav-item:nth-child(2) .nav-link::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23bfe4ff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='11' rx='1.8'/%3E%3Cpath d='M8.5 19.5h7'/%3E%3Cpath d='M12 16v3.5'/%3E%3C/g%3E%3C/svg%3E");}
  .nav-item:nth-child(3) .nav-link::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23bfe4ff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6.5' height='6.5' rx='1.2'/%3E%3Crect x='13.5' y='4' width='6.5' height='6.5' rx='1.2'/%3E%3Crect x='4' y='13.5' width='6.5' height='6.5' rx='1.2'/%3E%3Crect x='13.5' y='13.5' width='6.5' height='6.5' rx='1.2'/%3E%3C/g%3E%3C/svg%3E");}
  .nav-item:nth-child(4) .nav-link::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23bfe4ff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 14.6 8l5 .7-3.6 3.5.8 5-4.8-2.5-4.8 2.5.8-5L4.4 8.7l5-.7L12 3.5Z'/%3E%3C/g%3E%3C/svg%3E");}
  .nav-item:nth-child(5) .nav-link::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23bfe4ff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 6.5h15v11h-15z'/%3E%3Cpath d='m5.3 7.4 6.7 5 6.7-5'/%3E%3C/g%3E%3C/svg%3E");}

  .nav-cta,
  .qbit-nav .nav-cta{
    width:100%;
    min-height:58px;
    height:58px;
    margin:18px 0 0 !important;
    border-radius:14px !important;
    background:#135b9b !important;
    border-color:#135b9b !important;
    color:#fff !important;
    font-size:15px !important;
    font-weight:600 !important;
    justify-content:center !important;
  }

  .nav-cta:hover,
  .qbit-nav .nav-cta:hover{
    background:#114f87 !important;
    border-color:#114f87 !important;
  }

  .hero-art{
    width:118% !important;
    left:-9% !important;
    right:auto !important;
    height:232px !important;
    object-fit:cover !important;
    object-position:86% 40% !important;
  }
}

@media (max-width: 575.98px){
  .navbar-collapse{
    padding:10px 12px 16px !important;
  }

  .qbit-nav .nav-link{
    min-height:56px;
    padding:15px 12px 15px 54px !important;
    font-size:14px !important;
  }

  .nav-cta,
  .qbit-nav .nav-cta{
    min-height:56px;
    height:56px;
    font-size:14px !important;
  }

  .hero-art{
    width:124% !important;
    left:-12% !important;
    height:220px !important;
    object-position:88% 42% !important;
  }
}


/* v171 — ajustes mobile solicitados */
@media (max-width: 991.98px){
  /* botão/menu sanduíche no azul claro do menu */
  .navbar-toggler{
    background:#79ADDA !important;
    border:1px solid rgba(255,255,255,.24) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08) !important;
  }

  .navbar-toggler-icon{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='2.25'%3E%3Cpath d='M3 5.5h18'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M3 18.5h18'/%3E%3C/g%3E%3C/svg%3E") !important;
  }

  /* mais zoom e foco no cachorro com a moça, sem mostrar a faixa azul esquerda */
  .hero-art{
    width:142% !important;
    left:-20% !important;
    right:auto !important;
    height:236px !important;
    object-fit:cover !important;
    object-position:92% 40% !important;
  }
}

@media (max-width: 575.98px){
  .hero-art{
    width:152% !important;
    left:-26% !important;
    right:auto !important;
    height:228px !important;
    object-position:94% 40% !important;
  }
}


/* v172 — ajuste forte de crop no hero mobile */
@media (max-width: 991.98px){
  .hero-art{
    width:188% !important;
    left:-92% !important;
    right:auto !important;
    height:246px !important;
    object-fit:cover !important;
    object-position:100% 38% !important;
  }
}

@media (max-width: 575.98px){
  .hero-art{
    width:198% !important;
    left:-98% !important;
    right:auto !important;
    height:238px !important;
    object-position:100% 36% !important;
  }
}

/* v173 — MOBILE ONLY: corrige cor do menu e sobreposição do hero */
@media (max-width: 991.98px){
  /* Menu aberto na mesma cor azul-claro do header */
  .navbar-collapse{
    background:#79ADDA !important;
    border-top:1px solid rgba(255,255,255,.22) !important;
    box-shadow:0 16px 30px rgba(7,59,96,.18) !important;
  }

  .qbit-nav .nav-link{
    color:#ffffff !important;
    border-bottom-color:rgba(255,255,255,.22) !important;
  }

  .qbit-nav .nav-link.active{
    background:rgba(24,115,185,.14) !important;
    border-color:rgba(255,255,255,.26) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08) !important;
  }

  .qbit-nav .nav-link::before,
  .qbit-nav .nav-link::after{
    color:#ffffff !important;
  }

  .nav-cta,
  .qbit-nav .nav-cta{
    background:#1873B9 !important;
    border-color:#1873B9 !important;
  }

  /* Reserva espaço real para a foto e elimina a faixa que invadia os botões */
  .hero{
    padding-bottom:250px !important;
  }

  .hero-art{
    bottom:0 !important;
    top:auto !important;
    height:245px !important;
    width:188% !important;
    left:-92% !important;
    right:auto !important;
    object-fit:cover !important;
    object-position:100% 38% !important;
  }

  .hero::before{
    bottom:0 !important;
    height:255px !important;
    background:linear-gradient(180deg,
      #edf8ff 0%,
      rgba(237,248,255,.98) 14%,
      rgba(237,248,255,.88) 30%,
      rgba(237,248,255,.58) 48%,
      rgba(237,248,255,.20) 66%,
      rgba(237,248,255,0) 84%) !important;
  }
}

@media (max-width: 575.98px){
  .hero{
    padding-bottom:242px !important;
  }

  .hero-art{
    height:235px !important;
    width:198% !important;
    left:-98% !important;
    object-position:100% 36% !important;
  }

  .hero::before{
    height:245px !important;
  }
}


/* v174 — MOBILE ONLY: carrossel automático do fluxo em looping */
@media (max-width: 767.98px){
  .journey-new-flow{
    overflow:hidden !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
    padding-bottom:0 !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    touch-action:pan-y !important;
  }
  .journey-new-flow::-webkit-scrollbar{display:none !important;}
  .journey-new-flow > *{
    flex-shrink:0 !important;
  }
  .journey-loop-gap-arrow{
    display:inline-flex !important;
    align-items:flex-start;
    justify-content:center;
  }
}
@media (min-width: 768px){
  .journey-loop-gap-arrow{display:none !important;}
}


/* v176 — mobile: seção “Conheça o QBit PetShop” refeita com foco em UX */
@media (max-width: 767.98px){
  .product-tour{
    background:#ffffff !important;
    padding:34px 0 48px !important;
    overflow:hidden;
  }
  .product-tour .qbit-container{
    padding-left:16px !important;
    padding-right:16px !important;
  }
  .product-tour-head{
    position:relative;
    text-align:left !important;
    margin-bottom:18px !important;
    padding-right:88px;
  }
  .product-tour-head::after{
    content:"";
    position:absolute;
    right:4px;
    top:8px;
    width:76px;
    height:68px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 80'%3E%3Cg fill='none' stroke='%2379ADDA' stroke-width='3.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='27' cy='29' r='5.8'/%3E%3Ccircle cx='39' cy='19' r='5.8'/%3E%3Ccircle cx='50' cy='29' r='5.8'/%3E%3Ccircle cx='35' cy='39' r='5.8'/%3E%3Cpath d='M39.5 32.8c-6 0-10.8 4.7-10.8 10.4 0 4.4 3 7.5 6.9 7.5 2.7 0 3.8-1.5 5.2-1.5 1.4 0 2.4 1.5 5.1 1.5 3.9 0 6.9-3.1 6.9-7.5 0-5.7-4.8-10.4-10.7-10.4z'/%3E%3Ccircle cx='55' cy='41' r='5.4'/%3E%3Ccircle cx='66' cy='31.5' r='5.4'/%3E%3Ccircle cx='76' cy='41' r='5.4'/%3E%3Ccircle cx='62.5' cy='51' r='5.4'/%3E%3Cpath d='M66.5 45c-5.5 0-9.8 4.2-9.8 9.4 0 3.8 2.7 6.7 6.3 6.7 2.4 0 3.5-1.2 4.7-1.2s2.3 1.2 4.6 1.2c3.6 0 6.3-2.9 6.3-6.7 0-5.2-4.4-9.4-9.8-9.4z'/%3E%3Cpath d='M79 10 75.5 20'/%3E%3Cpath d='M87 15.5 78.5 22'/%3E%3Cpath d='M70 7.5 69 18'/%3E%3C/g%3E%3C/svg%3E");
    opacity:.95;
    pointer-events:none;
  }
  .product-tour-head h2{
    margin:0 !important;
    color:#071a48 !important;
    font-size:30px !important;
    line-height:1.02 !important;
    font-weight:700 !important;
    letter-spacing:-.04em !important;
    text-transform:none !important;
    text-wrap:balance;
  }
  .product-tour-head h2 span{
    color:#79ADDA !important;
  }
  .product-tour-head p{
    margin:14px 0 0 !important;
    max-width:none !important;
    color:#6a7fa2 !important;
    font-size:15px !important;
    line-height:1.45 !important;
    text-align:left !important;
    text-wrap:pretty;
  }

  .tour-tabs{
    position:relative;
    display:flex !important;
    gap:10px !important;
    margin:22px 0 18px !important;
    padding:0 0 18px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
  }
  .tour-tabs::-webkit-scrollbar{display:none;}
  .tour-tabs::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:4px;
    border-radius:999px;
    background:#dbe9f7;
  }
  .tour-tabs-indicator{
    position:absolute;
    left:0;
    bottom:0;
    height:4px;
    border-radius:999px;
    background:#79ADDA;
    box-shadow:0 3px 10px rgba(121,173,218,.22);
    z-index:2;
    pointer-events:none;
    transition:left .25s ease, width .25s ease;
  }
  .tour-tab{
    flex:0 0 auto !important;
    min-width:132px !important;
    padding:13px 16px !important;
    border-radius:18px !important;
    border:1px solid #d8e7f7 !important;
    background:#ffffff !important;
    color:#10367b !important;
    box-shadow:0 6px 16px rgba(10,54,123,.05);
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    font-size:15px !important;
    line-height:1.18 !important;
    font-weight:600 !important;
    text-align:left !important;
    white-space:normal !important;
    scroll-snap-align:start;
  }
  .tour-tab::before{
    content:"";
    width:21px;
    height:21px;
    flex:none;
    background-color:currentColor;
    -webkit-mask:var(--tour-icon) no-repeat center / contain;
    mask:var(--tour-icon) no-repeat center / contain;
  }
  .tour-tab.active{
    background:linear-gradient(180deg,#85c1ef 0%,#79ADDA 100%) !important;
    color:#ffffff !important;
    border-color:#79ADDA !important;
    box-shadow:0 12px 24px rgba(121,173,218,.24);
  }
  .tour-tab[data-tour="pets"]{--tour-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='6.5' cy='8.4' r='2.1' fill='black'/%3E%3Ccircle cx='11.8' cy='5.8' r='2.1' fill='black'/%3E%3Ccircle cx='17.1' cy='8.4' r='2.1' fill='black'/%3E%3Ccircle cx='8.5' cy='13.2' r='2.1' fill='black'/%3E%3Cpath d='M12.3 10.7c-2.8 0-5.1 2.1-5.1 4.7 0 2 1.4 3.6 3.3 3.6 1.2 0 1.9-.7 2.6-.7.8 0 1.4.7 2.6.7 1.9 0 3.3-1.6 3.3-3.6 0-2.6-2.3-4.7-5-4.7z' fill='black'/%3E%3C/svg%3E");}
  .tour-tab[data-tour="servicos"]{--tour-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cpath d='M8.5 8.5 13 13'/%3E%3Cpath d='M8.5 15.5 19 5'/%3E%3Cpath d='M8.5 18.2 19 8.8'/%3E%3C/g%3E%3C/svg%3E");}
  .tour-tab[data-tour="vendas"]{--tour-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h2l2 10h10l2-7H7'/%3E%3Ccircle cx='10' cy='19' r='1.5'/%3E%3Ccircle cx='17' cy='19' r='1.5'/%3E%3C/g%3E%3C/svg%3E");}
  .tour-tab[data-tour="estoque"]{--tour-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8 12 4l8 4-8 4-8-4Z'/%3E%3Cpath d='M4 8v8l8 4 8-4V8'/%3E%3Cpath d='M12 12v8'/%3E%3C/g%3E%3C/svg%3E");}
  .tour-tab[data-tour="financeiro"]{--tour-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18'/%3E%3Cpath d='M16 7.5c0-1.6-1.8-2.7-4-2.7S8 5.9 8 7.5c0 4 8 2.2 8 6.8 0 1.8-1.8 3.2-4 3.2s-4-1.4-4-3.2'/%3E%3C/g%3E%3C/svg%3E");}

  .tour-panel,
  .tour-panel.active{
    grid-template-columns:1fr !important;
    gap:18px !important;
    align-items:stretch !important;
  }
  .tour-panel.active{
    display:flex !important;
    flex-direction:column !important;
  }
  .tour-side{
    display:none !important;
  }
  .tour-ui{
    order:1;
    position:relative;
    padding:18px !important;
    min-height:0 !important;
    border-radius:30px !important;
    border:1px solid #dfeefa !important;
    background:linear-gradient(180deg,#f7fbff 0%,#eff7ff 100%) !important;
    box-shadow:0 10px 28px rgba(14,58,119,.06) !important;
    overflow:hidden !important;
  }
  .tour-ui::before,
  .tour-ui::after{
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none;
    z-index:0;
  }
  .tour-ui::before{
    width:170px;
    height:170px;
    left:-52px;
    top:-28px;
    background:radial-gradient(circle at center, rgba(121,173,218,.26) 0%, rgba(121,173,218,.12) 54%, rgba(121,173,218,0) 72%);
  }
  .tour-ui::after{
    width:210px;
    height:210px;
    right:-88px;
    bottom:-92px;
    background:radial-gradient(circle at center, rgba(121,173,218,.22) 0%, rgba(121,173,218,.10) 48%, rgba(121,173,218,0) 72%);
  }
  .tour-ui > *{position:relative;z-index:1;}
  .tour-copy{
    order:2;
    padding:0 4px !important;
  }
  .tour-copy h3{
    margin:0 0 14px !important;
    color:#071a48 !important;
    font-size:28px !important;
    line-height:1.08 !important;
    font-weight:700 !important;
    letter-spacing:-.04em !important;
    text-wrap:balance;
  }
  .tour-copy > p{
    margin:0 !important;
    color:#6a7fa2 !important;
    font-size:15px !important;
    line-height:1.5 !important;
    text-wrap:pretty;
  }
  .tour-list{display:flex !important;flex-direction:column;gap:12px;margin:18px 0 0 !important;padding:0 !important;list-style:none !important;}
  .tour-list li{display:flex !important;align-items:center !important;gap:14px !important;margin:0 !important;color:#6a7fa2 !important;font-size:14px !important;line-height:1.4 !important;font-weight:500 !important;}
  .tour-check{width:42px !important;height:42px !important;border-radius:50% !important;background:#69ace2 !important;color:#fff !important;display:inline-grid !important;place-items:center !important;font-weight:700 !important;font-size:24px !important;flex:none !important;box-shadow:none !important;}

  .service-profile{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    margin-bottom:14px !important;
    padding:10px 12px !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.86) !important;
    border:1px solid rgba(210,229,246,.88) !important;
    box-shadow:0 8px 20px rgba(13,61,130,.04);
  }
  .service-avatar{
    width:52px !important;
    height:52px !important;
    border-radius:16px !important;
  }
  .service-avatar-photo img{width:100%;height:100%;object-fit:cover;border-radius:inherit;}
  .service-profile .ui-title{
    margin:0 0 2px !important;
    font-size:20px !important;
    line-height:1.05 !important;
    color:#10367b !important;
  }
  .service-profile .ui-sub{
    margin:0 !important;
    font-size:12px !important;
    color:#7b8fae !important;
  }
  .ui-title{font-size:18px !important;line-height:1.15 !important;margin-bottom:4px !important;}
  .ui-sub{font-size:12px !important;line-height:1.35 !important;margin-bottom:14px !important;}
  .ui-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    margin-bottom:12px !important;
  }
  .ui-metric{
    padding:10px 9px !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.9) !important;
    border:1px solid #deebf7 !important;
  }
  .ui-metric small{display:block;font-size:10px !important;line-height:1.25 !important;color:#8aa0bc !important;margin-bottom:4px !important;}
  .ui-metric b{font-size:13px !important;line-height:1.2 !important;word-break:break-word;}
  .ui-table{
    font-size:12px !important;
    background:rgba(255,255,255,.92) !important;
    border:1px solid #e1edf8 !important;
    border-radius:18px !important;
    overflow:hidden !important;
  }
  .ui-table th{
    padding:11px 12px !important;
    background:#edf6fd !important;
    font-size:11px !important;
    color:#47628f !important;
  }
  .ui-table td{
    padding:11px 12px !important;
    font-size:12px !important;
  }

  .tour-panel[data-panel="vendas"] .tour-ui-pdv-image,
  .tour-panel[data-panel="vendas"] .tour-ui-pdv-image img,
  .tour-panel[data-panel="financeiro"] .tour-ui,
  .tour-panel[data-panel="financeiro"] .finance-dashboard-shell,
  .tour-panel[data-panel="financeiro"] .finance-dashboard,
  .tour-panel[data-panel="estoque"] .tour-ui,
  .tour-panel[data-panel="servicos"] .tour-ui{
    max-width:100%;
  }
  .tour-panel[data-panel="vendas"] .tour-ui-pdv-image{
    padding:12px !important;
    display:block !important;
  }
  .tour-panel[data-panel="vendas"] .tour-ui-pdv-image img{
    width:100% !important;
    height:auto !important;
    display:block !important;
    border-radius:20px !important;
  }
  .tour-panel[data-panel="servicos"] .services-table th:nth-child(4),
  .tour-panel[data-panel="servicos"] .services-table td:nth-child(4),
  .tour-panel[data-panel="servicos"] .services-table th:nth-child(5),
  .tour-panel[data-panel="servicos"] .services-table td:nth-child(5){
    display:none !important;
  }
  .tour-panel[data-panel="servicos"] .services-table td:first-child,
  .tour-panel[data-panel="servicos"] .services-table td:nth-child(2){
    min-width:0 !important;
  }
  .tour-panel[data-panel="financeiro"] .finance-dashboard-shell{
    padding:0 !important;
    border-radius:20px !important;
    overflow:hidden !important;
    background:#fff !important;
    border:1px solid #deebf7 !important;
  }
}


/* v177 — mobile refinements: hint, paws, simpler panels, banner preserved */
.tour-mobile-hint,
.vendas-mobile-summary,
.finance-mobile-summary{
  display:none;
}

@media (max-width: 767.98px){
  .product-tour{
    padding-top:40px !important;
  }
  .product-tour-head{
    padding-right:82px !important;
    margin-bottom:12px !important;
  }
  .product-tour-head::after{
    width:70px !important;
    height:58px !important;
    right:0 !important;
    top:10px !important;
    background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 64'%3E%3Cg fill='none' stroke='%2379ADDA' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='25' cy='17' r='5.2'/%3E%3Ccircle cx='35' cy='10' r='5.2'/%3E%3Ccircle cx='45' cy='17' r='5.2'/%3E%3Ccircle cx='33' cy='26' r='5.2'/%3E%3Cpath d='M35 20c-5.9 0-10.7 4.4-10.7 9.7 0 4 2.9 7 6.6 7 2.5 0 3.5-1.4 4.9-1.4 1.3 0 2.2 1.4 4.8 1.4 3.7 0 6.6-3 6.6-7 0-5.3-4.8-9.7-10.6-9.7Z'/%3E%3Ccircle cx='59' cy='30' r='4.7'/%3E%3Ccircle cx='67.5' cy='23.5' r='4.7'/%3E%3Ccircle cx='76' cy='30' r='4.7'/%3E%3Ccircle cx='65.5' cy='38' r='4.7'/%3E%3Cpath d='M67.7 33c-5 0-9.1 3.8-9.1 8.4 0 3.5 2.5 6.1 5.8 6.1 2.2 0 3.1-1.1 4.3-1.1s2.1 1.1 4.3 1.1c3.3 0 5.8-2.6 5.8-6.1 0-4.6-4.1-8.4-9.1-8.4Z'/%3E%3Cpath d='M79 8 76.2 17.2'/%3E%3Cpath d='M86 13.2 78.6 18.5'/%3E%3C/g%3E%3C/svg%3E") !important;
  }
  .product-tour-head h2{
    font-size:28px !important;
    line-height:1.03 !important;
    letter-spacing:-.045em !important;
  }
  .product-tour-head p{
    margin-top:12px !important;
  }
  .tour-mobile-hint{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin:-4px 0 18px;
    color:#5f89b7;
    font-size:13px;
    line-height:1.35;
    font-weight:600;
    text-align:center;
  }
  .tour-mobile-hint-arrow{
    display:inline-flex;
    width:22px;
    height:22px;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#eef6fd;
    color:#79ADDA;
    font-size:14px;
    flex:none;
  }

  .tour-panel[data-panel="pets"] .service-avatar-photo,
  .tour-panel[data-panel="servicos"] .service-avatar-photo,
  .tour-panel[data-panel="servicos"] .pet-badge-icon,
  .tour-panel[data-panel="servicos"] .service-badge-icon,
  .tour-panel[data-panel="estoque"] .stock-product-badge-icon{
    display:none !important;
  }
  .tour-panel[data-panel="servicos"] .pet-badge,
  .tour-panel[data-panel="servicos"] .service-badge,
  .tour-panel[data-panel="estoque"] .stock-product-badge{
    gap:0 !important;
  }

  .tour-panel[data-panel="vendas"] .tour-ui-pdv-image,
  .tour-panel[data-panel="financeiro"] .finance-dashboard-shell{
    display:none !important;
  }
  .tour-panel[data-panel="vendas"] .vendas-mobile-summary,
  .tour-panel[data-panel="financeiro"] .finance-mobile-summary{
    display:block !important;
  }
  .vendas-mobile-summary,
  .finance-mobile-summary{
    padding:16px !important;
    border-radius:26px !important;
    background:linear-gradient(180deg,#f8fbff 0%,#eef6fd 100%) !important;
    border:1px solid #dfeefa !important;
    box-shadow:0 10px 28px rgba(14,58,119,.06) !important;
  }
  .mobile-summary-search,
  .mobile-finance-period{
    min-height:40px;
    padding:10px 12px;
    border-radius:12px;
    background:#fff;
    border:1px solid #dbe7f5;
    color:#8ca0ba;
    font-size:12px;
    display:flex;
    align-items:center;
  }
  .mobile-summary-chip-row{
    display:flex;
    gap:8px;
    margin:10px 0 14px;
    flex-wrap:wrap;
  }
  .mobile-summary-chip{
    padding:8px 12px;
    border-radius:10px;
    border:1px solid #d6e5f5;
    background:#fff;
    color:#25477f;
    font-size:12px;
    font-weight:600;
  }
  .mobile-summary-chip.active{
    background:#79ADDA;
    color:#fff;
    border-color:#79ADDA;
  }
  .mobile-sales-cards{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-bottom:12px;
  }
  .mobile-sales-card{
    padding:12px;
    border-radius:14px;
    background:#fff;
    border:1px solid #deebf7;
    display:flex;
    flex-direction:column;
    gap:6px;
    color:#10367b;
  }
  .mobile-sales-card strong{font-size:12px;line-height:1.35;}
  .mobile-sales-card span{font-size:12px;color:#6d85a6;font-weight:600;}
  .mobile-cart-box,
  .mobile-finance-table{
    padding:14px;
    border-radius:16px;
    background:#fff;
    border:1px solid #deebf7;
  }
  .mobile-cart-title,
  .mobile-finance-table-title{
    color:#10367b;
    font-size:14px;
    font-weight:700;
    margin-bottom:10px;
  }
  .mobile-cart-row,
  .mobile-finance-line{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    color:#5f7597;
    font-size:12px;
  }
  .mobile-cart-row strong,
  .mobile-finance-line strong{font-size:13px;color:#10367b;}
  .mobile-cart-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:10px;
  }
  .mobile-cart-actions span{
    min-height:40px;
    padding:10px 12px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:11px;
    font-weight:600;
    border:1px solid #d9e7f6;
    background:#fff;
    color:#2e5188;
  }
  .mobile-cart-actions .mobile-cart-button{
    background:#79ADDA;
    border-color:#79ADDA;
    color:#fff;
  }
  .mobile-finance-cards{
    display:grid;
    gap:10px;
    margin:12px 0;
  }
  .mobile-finance-card{
    padding:12px 14px;
    border-radius:14px;
    border:1px solid #deebf7;
    background:#fff;
    display:flex;
    flex-direction:column;
    gap:4px;
  }
  .mobile-finance-card small{font-size:11px;color:#8ba1bd;}
  .mobile-finance-card strong{font-size:16px;line-height:1.2;}
  .mobile-finance-line + .mobile-finance-line{
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #edf3fb;
  }
  .is-green{color:#16a34a !important;}
  .is-red{color:#ef4444 !important;}
  .is-blue{color:#2563eb !important;}

  /* mantém o banner/hero mobile visível como antes */
  .hero-art{
    display:block !important;
  }
}


/* v178 — mobile: remove those module mockup/detail blocks */
@media (max-width: 767.98px){
  .product-tour .tour-panel .tour-ui,
  .product-tour .tour-panel .vendas-mobile-summary,
  .product-tour .tour-panel .finance-mobile-summary,
  .product-tour .tour-panel .tour-ui-pdv-image,
  .product-tour .tour-panel .finance-dashboard-shell{
    display:none !important;
  }
  .product-tour .tour-panel.active{
    gap:16px !important;
  }
}


/* v179 — banners dos módulos somente no mobile */
.mobile-module-banner{display:none;}
@media (max-width:767.98px){
  .product-tour .mobile-module-banner{
    display:block !important;
    order:1;
    width:100%;
    height:auto;
    margin:0 0 16px;
    border-radius:22px;
    object-fit:cover;
    box-shadow:0 10px 28px rgba(14,58,119,.06);
  }
  .product-tour .tour-copy{order:2;}
}


/* v180 — mobile: banner do módulo abaixo do texto, antes de Recursos */
@media (max-width:767.98px){
  .product-tour .tour-copy{
    order:1 !important;
  }
  .product-tour .mobile-module-banner{
    order:2 !important;
    margin:16px 0 0 !important;
  }
}


/* v184 — mobile: navegação entre módulos abaixo do banner lateral */
.tour-module-nav{display:none;}
@media (max-width:767.98px){
  .tour-module-nav{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:8px;
    order:5;
    margin-top:10px;
  }
  .tour-module-link{
    appearance:none;
    border:1px solid #d9e7f5;
    background:transparent;
    border-radius:12px;
    padding:12px 12px;
    text-align:left;
    min-height:56px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:2px;
    box-shadow:none;
  }
  .tour-module-link-small{
    display:flex;
    align-items:center;
    gap:5px;
    text-transform:uppercase;
    letter-spacing:.06em;
    font-size:9px;
    font-weight:700;
    color:#79adda;
  }
  .tour-module-link strong{
    font-size:13px;
    line-height:1.2;
    color:#09375c;
    font-weight:600;
  }
  .tour-module-link.is-prev .tour-module-link-small::before{content:'←';font-size:11px;line-height:1;}
  .tour-module-link.is-next .tour-module-link-small::after{content:'→';font-size:11px;line-height:1;}
  .tour-module-link.is-disabled{
    opacity:.42;
    background:transparent;
  }
}


/* v185 — mobile: seção Recursos sem overflow e em 2 colunas */
.modules-overview-section,
.modules-overview-wrap,
.modules-overview-head,
.modules-overview-grid{
  max-width:100%;
}
.modules-overview-section{overflow:hidden;}
.module-card,
.module-card-content{min-width:0;}
@media (max-width: 767.98px){
  .modules-overview-section{
    padding:0 0 56px;
  }
  .modules-overview-title-block{
    width:100%;
  }
  .modules-overview-head{
    margin-bottom:18px;
    gap:8px;
  }
  .modules-overview-head h2{
    font-size:28px !important;
    line-height:1.06 !important;
    letter-spacing:-.03em !important;
    max-width:100% !important;
    word-break:normal;
    overflow-wrap:break-word;
  }
  .modules-overview-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .module-card{
    min-height:148px;
    padding:12px 10px;
    gap:8px;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
  }
  .module-card-icon{
    width:24px;
    height:24px;
    margin-top:0;
  }
  .module-card-content h3{
    font-size:14px;
    line-height:1.18;
    margin:0 0 4px;
  }
  .module-card-content p{
    font-size:11px;
    line-height:1.28;
  }
}
@media (max-width: 575.98px){
  .modules-overview-section .container{
    padding-left:22px;
    padding-right:22px;
  }
  .modules-overview-label{
    margin-bottom:10px !important;
  }
  .modules-overview-head h2{
    font-size:26px !important;
  }
  .modules-overview-grid{
    gap:9px !important;
  }
  .module-card{
    min-height:142px;
    padding:11px 10px 12px;
    border-radius:12px;
  }
  .module-card-content h3{
    font-size:13px;
  }
  .module-card-content p{
    font-size:10.5px;
  }
}


/* v186 — mobile: cards de Recursos mais compactos, sem espaço vazio excessivo */
@media (max-width: 767.98px){
  .modules-overview-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-rows:auto !important;
    gap:10px !important;
    align-items:stretch !important;
  }
  .module-card{
    min-height:0 !important;
    height:auto !important;
    padding:12px 11px 13px !important;
    gap:7px !important;
    align-self:stretch !important;
    justify-content:flex-start !important;
  }
  .module-card-icon{
    width:23px !important;
    height:23px !important;
    margin:0 !important;
  }
  .module-card-content{
    width:100%;
  }
  .module-card-content h3{
    margin:0 0 3px !important;
    font-size:13px !important;
    line-height:1.18 !important;
  }
  .module-card-content p{
    margin:0 !important;
    font-size:10.5px !important;
    line-height:1.27 !important;
  }
}
@media (max-width: 575.98px){
  .modules-overview-grid{
    gap:9px !important;
  }
  .module-card{
    padding:11px 10px 12px !important;
    border-radius:11px !important;
  }
}

/* v187 — mobile: trava overflow lateral para manter todo o site dentro da largura da tela */
@media (max-width: 767.98px){
  html, body{
    width:100%;
    max-width:100%;
    overflow-x:hidden !important;
  }
  body{
    position:relative;
  }
  main,
  section,
  .container,
  .container-fluid,
  .hero,
  .software-section,
  .product-tour,
  .modules-overview-section,
  .resources-highlight-section,
  .cta-section,
  .footer,
  footer{
    max-width:100% !important;
    overflow-x:hidden !important;
    box-sizing:border-box;
  }
  .container,
  .container-fluid{
    padding-left:22px !important;
    padding-right:22px !important;
  }
  .modules-overview-grid,
  .tour-tabs,
  .tour-tab,
  .tour-panel,
  .tour-ui,
  .tour-side,
  .resources-highlight-card,
  .module-card{
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box;
  }
  img,
  svg,
  video,
  canvas,
  iframe{
    max-width:100%;
    height:auto;
  }
}


/* v188 — mobile: Recursos em Destaque seguindo a referência */
.resources-highlight-mobile-more,
.resources-highlight-mobile-dots{display:none;}
@media (max-width:767.98px){
  .resources-highlight-section{
    margin-top:44px !important;
    padding:34px 0 24px !important;
    background:#fff !important;
    border-radius:0 !important;
    overflow:hidden !important;
  }
  .resources-highlight-section::before{display:none !important;}
  .resources-highlight-heading{
    display:block !important;
    margin:0 0 24px !important;
    padding:0 2px !important;
  }
  .resources-highlight-heading-main{width:100%;}
  .resources-highlight-kicker{
    display:block !important;
    margin:0 0 14px !important;
    color:#1873B9 !important;
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    letter-spacing:.18em !important;
    text-transform:uppercase !important;
  }
  .resources-highlight-heading h2{
    margin:0 !important;
    color:#071a48 !important;
    font-size:34px !important;
    line-height:1.02 !important;
    font-weight:700 !important;
    letter-spacing:-.04em !important;
    max-width:345px !important;
  }
  .resources-highlight-heading h2 br{display:none !important;}
  .resources-highlight-heading h2 span{color:#79ADDA !important;}
  .resources-highlight-intro{
    margin:16px 0 0 !important;
    padding:0 !important;
    max-width:330px !important;
    color:#6a7fa2 !important;
    font-size:15px !important;
    line-height:1.48 !important;
    font-weight:400 !important;
  }
  .resources-highlight-intro::before{display:none !important;}
  .resources-highlight-intro br{display:none !important;}

  .resources-highlight-card,
  .resources-highlight-report-row{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  .resources-highlight-notifications{
    display:grid !important;
    grid-template-columns:44% 56% !important;
    min-height:244px !important;
    padding:0 !important;
    margin:0 0 14px !important;
    border:1px solid #e1edf8 !important;
    border-radius:24px !important;
    background:#fff !important;
    box-shadow:0 10px 26px rgba(18,76,132,.06) !important;
    overflow:hidden !important;
  }
  .resources-highlight-copy{
    padding:18px 6px 16px 16px !important;
    min-width:0 !important;
  }
  .resources-highlight-title-row{
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) !important;
    gap:10px !important;
    align-items:start !important;
  }
  .resources-highlight-number{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    border-radius:50% !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
    background:#eaf5ff !important;
    color:#1873B9 !important;
    font-size:14px !important;
    font-weight:700 !important;
  }
  .resources-highlight-title-row h3{
    margin:3px 0 8px !important;
    color:#071a48 !important;
    font-size:20px !important;
    line-height:1.05 !important;
    font-weight:700 !important;
    letter-spacing:-.03em !important;
  }
  .resources-highlight-title-row p{
    margin:0 !important;
    color:#6a7fa2 !important;
    font-size:12px !important;
    line-height:1.4 !important;
  }
  .resources-highlight-title-row p br{display:none !important;}
  .resources-highlight-checks{display:none !important;}
  .resources-highlight-notifications-visual{
    position:relative !important;
    min-height:244px !important;
    overflow:hidden !important;
    background:radial-gradient(circle at 55% 55%,rgba(121,173,218,.28) 0 34%,rgba(121,173,218,0) 35%) !important;
  }
  .resources-highlight-notifications-visual img{
    position:absolute !important;
    right:-24px !important;
    bottom:-6px !important;
    width:136% !important;
    max-width:none !important;
    height:auto !important;
    object-fit:contain !important;
  }
  .resources-highlight-rays{display:none !important;}

  .resources-highlight-report-row{
    display:grid !important;
    grid-template-columns:44% 56% !important;
    grid-template-areas:'copy visual' !important;
    min-height:236px !important;
    margin:0 0 14px !important;
    border:1px solid #e1edf8 !important;
    border-radius:24px !important;
    background:#fff !important;
    box-shadow:0 10px 26px rgba(18,76,132,.06) !important;
    overflow:hidden !important;
  }
  .resources-highlight-report-copy{
    grid-area:copy !important;
    min-height:0 !important;
    padding:18px 6px 16px 16px !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }
  .resources-highlight-report-copy .resources-highlight-chart-icon{display:none !important;}
  .resources-highlight-report-visual{
    grid-area:visual !important;
    min-height:236px !important;
    padding:0 !important;
    background:linear-gradient(180deg,#f8fbff,#eef6fd) !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
  }
  .resources-highlight-report-visual img{
    width:130% !important;
    max-width:none !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    margin-left:-12% !important;
  }

  .resources-highlight-pdv{
    display:grid !important;
    grid-template-columns:44% 56% !important;
    grid-template-areas:'copy product' 'copy tabs' !important;
    gap:0 !important;
    min-height:234px !important;
    padding:0 !important;
    margin:0 !important;
    border:1px solid #e1edf8 !important;
    border-radius:24px !important;
    background:#fff !important;
    box-shadow:0 10px 26px rgba(18,76,132,.06) !important;
    overflow:hidden !important;
  }
  .resources-highlight-pdv-copy{
    grid-area:copy !important;
    padding:18px 6px 16px 16px !important;
    align-self:start !important;
  }
  .resources-highlight-product-box{
    grid-area:product !important;
    width:auto !important;
    margin:16px 14px 6px 0 !important;
    padding:10px !important;
    border:1px solid #dceaf7 !important;
    border-radius:16px !important;
    background:#fff !important;
    box-shadow:0 5px 16px rgba(14,58,119,.05) !important;
  }
  .resources-highlight-product-line{
    gap:7px !important;
    align-items:center !important;
  }
  .resources-highlight-product-emoji{
    width:36px !important;
    height:36px !important;
    font-size:19px !important;
    border-radius:10px !important;
  }
  .resources-highlight-product-info strong{
    font-size:10px !important;
    line-height:1.2 !important;
  }
  .resources-highlight-product-info span{
    font-size:11px !important;
  }
  .resources-highlight-stepper{
    height:27px !important;
    border-radius:9px !important;
  }
  .resources-highlight-stepper button{width:22px !important;font-size:13px !important;}
  .resources-highlight-stepper span{font-size:11px !important;min-width:14px !important;}
  .resources-highlight-add{
    width:100% !important;
    height:30px !important;
    min-height:30px !important;
    margin-top:7px !important;
    border-radius:9px !important;
    font-size:10px !important;
  }
  .resources-highlight-pdv-tabs{
    grid-area:tabs !important;
    grid-column:auto !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:5px !important;
    margin:3px 14px 14px 0 !important;
  }
  .resources-highlight-pdv-tabs div{
    min-width:0 !important;
    padding:7px 3px !important;
    border-radius:10px !important;
  }
  .resources-highlight-pdv-tabs span{font-size:16px !important;}
  .resources-highlight-pdv-tabs strong{font-size:8px !important;line-height:1.15 !important;}

  .resources-highlight-mobile-more{
    display:inline-flex !important;
    align-items:center;
    gap:8px;
    margin:14px 0 0 0;
    padding:6px 12px 6px 7px;
    border:0;
    border-radius:999px;
    background:#edf6fd;
    color:#1873B9;
    font-family:'Poppins',sans-serif;
    font-size:11px;
    line-height:1;
    font-weight:600;
  }
  .resources-highlight-mobile-more span{
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#1873B9;
    color:#fff;
    font-size:15px;
  }
  .resources-highlight-mobile-more-pdv{
    grid-area:copy;
    align-self:end;
    justify-self:start;
    margin:0 0 16px 16px !important;
  }
  .resources-highlight-mobile-dots{
    display:flex !important;
    justify-content:center;
    gap:9px;
    margin:18px 0 0;
  }
  .resources-highlight-mobile-dots i{
    width:9px;
    height:9px;
    border-radius:50%;
    background:#d8e6f3;
  }
  .resources-highlight-mobile-dots i.active{background:#1873B9;}
}

@media (max-width:420px){
  .resources-highlight-heading h2{font-size:31px !important;max-width:320px !important;}
  .resources-highlight-title-row{grid-template-columns:42px minmax(0,1fr) !important;gap:8px !important;}
  .resources-highlight-number{width:40px !important;height:40px !important;min-width:40px !important;font-size:13px !important;}
  .resources-highlight-title-row h3{font-size:18px !important;}
  .resources-highlight-title-row p{font-size:11.5px !important;}
  .resources-highlight-notifications,
  .resources-highlight-report-row,
  .resources-highlight-pdv{grid-template-columns:46% 54% !important;}
}

/* v189 — mobile: ajuste de proporção da seção Recursos em Destaque */
@media (max-width:767.98px){
  .resources-highlight-section{
    padding-bottom:28px !important;
  }

  .resources-highlight-notifications,
  .resources-highlight-report-row,
  .resources-highlight-pdv{
    grid-template-columns:minmax(0,46%) minmax(0,54%) !important;
    align-items:stretch !important;
  }

  .resources-highlight-notifications{
    min-height:252px !important;
  }

  .resources-highlight-copy,
  .resources-highlight-report-copy,
  .resources-highlight-pdv-copy{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .resources-highlight-copy{
    padding:18px 8px 18px 18px !important;
  }

  .resources-highlight-title-row{
    width:100% !important;
    align-items:start !important;
  }

  .resources-highlight-title-row > div{
    min-width:0 !important;
  }

  .resources-highlight-title-row h3{
    font-size:17px !important;
    line-height:1.06 !important;
    margin:2px 0 10px !important;
    word-break:normal !important;
  }

  .resources-highlight-title-row p{
    font-size:11px !important;
    line-height:1.36 !important;
    max-width:100% !important;
    word-break:normal !important;
  }

  .resources-highlight-mobile-more{
    margin-top:14px !important;
    align-self:flex-start !important;
    flex-shrink:0 !important;
    padding:6px 11px 6px 7px !important;
    gap:7px !important;
    font-size:10px !important;
    position:relative !important;
    z-index:2 !important;
  }

  .resources-highlight-mobile-more span{
    width:26px !important;
    height:26px !important;
    font-size:14px !important;
  }

  .resources-highlight-notifications-visual{
    min-height:252px !important;
  }

  .resources-highlight-notifications-visual img{
    right:-20px !important;
    bottom:-4px !important;
    width:128% !important;
  }

  .resources-highlight-report-row{
    min-height:260px !important;
  }

  .resources-highlight-report-copy{
    justify-content:flex-start !important;
    padding:18px 8px 18px 18px !important;
  }

  .resources-highlight-report-visual{
    min-height:260px !important;
  }

  .resources-highlight-report-visual img{
    width:118% !important;
    height:100% !important;
    margin-left:-4% !important;
    object-position:right bottom !important;
  }

  .resources-highlight-pdv{
    min-height:268px !important;
    grid-template-areas:
      'copy product'
      'copy tabs' !important;
  }

  .resources-highlight-pdv-copy{
    padding:18px 8px 18px 18px !important;
    justify-content:flex-start !important;
  }

  .resources-highlight-product-box{
    width:auto !important;
    margin:16px 12px 8px 0 !important;
    padding:10px 9px !important;
    border-radius:15px !important;
  }

  .resources-highlight-product-line{
    gap:6px !important;
    align-items:flex-start !important;
  }

  .resources-highlight-product-emoji{
    width:32px !important;
    height:32px !important;
    font-size:16px !important;
    border-radius:9px !important;
    flex:0 0 32px !important;
  }

  .resources-highlight-product-info{
    min-width:0 !important;
    flex:1 1 auto !important;
  }

  .resources-highlight-product-info strong{
    display:block !important;
    font-size:9px !important;
    line-height:1.18 !important;
    margin-bottom:1px !important;
  }

  .resources-highlight-product-info span{
    font-size:10px !important;
    line-height:1.2 !important;
  }

  .resources-highlight-stepper{
    flex:0 0 auto !important;
    height:25px !important;
    border-radius:8px !important;
    padding:0 4px !important;
  }

  .resources-highlight-stepper button{
    width:18px !important;
    font-size:12px !important;
  }

  .resources-highlight-stepper span{
    min-width:12px !important;
    font-size:10px !important;
  }

  .resources-highlight-add{
    height:28px !important;
    min-height:28px !important;
    margin-top:7px !important;
    font-size:9px !important;
    border-radius:8px !important;
  }

  .resources-highlight-pdv-tabs{
    margin:4px 12px 14px 0 !important;
    gap:4px !important;
  }

  .resources-highlight-pdv-tabs div{
    padding:8px 2px !important;
    min-height:56px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
  }

  .resources-highlight-pdv-tabs span{
    font-size:15px !important;
    line-height:1 !important;
    margin-bottom:4px !important;
  }

  .resources-highlight-pdv-tabs strong{
    font-size:8px !important;
    line-height:1.12 !important;
    text-align:center !important;
  }

  .resources-highlight-mobile-more-pdv{
    margin:12px 0 0 0 !important;
    grid-area:auto !important;
    align-self:flex-start !important;
  }
}

@media (max-width:420px){
  .resources-highlight-heading h2{font-size:29px !important;}
  .resources-highlight-title-row{grid-template-columns:38px minmax(0,1fr) !important;gap:8px !important;}
  .resources-highlight-number{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    font-size:12px !important;
  }
  .resources-highlight-title-row h3{font-size:16px !important;}
  .resources-highlight-title-row p{font-size:10.5px !important;}
  .resources-highlight-notifications,
  .resources-highlight-report-row,
  .resources-highlight-pdv{grid-template-columns:minmax(0,45%) minmax(0,55%) !important;}
  .resources-highlight-notifications-visual img{width:126% !important;right:-18px !important;}
  .resources-highlight-report-visual img{width:120% !important;margin-left:-8% !important;}
}

/* v190 — mobile final override: recursos em destaque proporcional e sem sobreposição */
@media (max-width: 767.98px){
  .resources-highlight-section{
    overflow:hidden !important;
    padding:28px 18px 26px !important;
  }

  .resources-highlight-heading{
    gap:10px !important;
    margin-bottom:18px !important;
  }

  .resources-highlight-heading h2{
    font-size:30px !important;
    line-height:0.98 !important;
    letter-spacing:-0.03em !important;
    max-width:320px !important;
  }

  .resources-highlight-intro{
    font-size:13px !important;
    line-height:1.42 !important;
    max-width:310px !important;
  }

  .resources-highlight-card,
  .resources-highlight-report-row{
    border-radius:28px !important;
    overflow:hidden !important;
  }

  .resources-highlight-notifications,
  .resources-highlight-report-row,
  .resources-highlight-pdv{
    display:grid !important;
    grid-template-columns:minmax(0, 46%) minmax(0, 54%) !important;
    gap:0 !important;
    align-items:stretch !important;
    min-height:224px !important;
  }

  .resources-highlight-copy,
  .resources-highlight-report-copy,
  .resources-highlight-pdv-copy{
    min-width:0 !important;
    min-height:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    padding:18px 10px 18px 18px !important;
  }

  .resources-highlight-title-row{
    width:100% !important;
    display:grid !important;
    grid-template-columns:42px minmax(0, 1fr) !important;
    gap:10px !important;
    align-items:flex-start !important;
  }

  .resources-highlight-number{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    font-size:13px !important;
    align-self:flex-start !important;
  }

  .resources-highlight-title-row > div{min-width:0 !important;}

  .resources-highlight-title-row h3{
    font-size:18px !important;
    line-height:1.03 !important;
    margin:2px 0 10px !important;
    letter-spacing:-0.03em !important;
    max-width:100% !important;
    word-break:normal !important;
  }

  .resources-highlight-title-row p{
    font-size:11px !important;
    line-height:1.35 !important;
    margin:0 !important;
    word-break:normal !important;
    max-width:100% !important;
  }

  .resources-highlight-title-row p br,
  .resources-highlight-heading h2 br,
  .resources-highlight-intro br{display:none !important;}

  .resources-highlight-mobile-more,
  .resources-highlight-mobile-more-pdv{
    position:static !important;
    z-index:auto !important;
    margin-top:auto !important;
    align-self:flex-start !important;
    display:inline-flex !important;
    width:auto !important;
    min-width:0 !important;
    padding:6px 12px 6px 8px !important;
    gap:8px !important;
    border-radius:999px !important;
    font-size:11px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  .resources-highlight-mobile-more span,
  .resources-highlight-mobile-more-pdv span{
    width:28px !important;
    height:28px !important;
    font-size:14px !important;
    flex:0 0 28px !important;
  }

  .resources-highlight-checks,
  .resources-highlight-chart-icon{display:none !important;}

  /* card 01 */
  .resources-highlight-notifications-visual{
    position:relative !important;
    min-height:224px !important;
  }

  .resources-highlight-notifications-visual img{
    position:absolute !important;
    right:-18px !important;
    bottom:-2px !important;
    width:122% !important;
    height:auto !important;
    max-width:none !important;
    object-fit:contain !important;
  }

  /* card 02 */
  .resources-highlight-report-row{
    margin-top:14px !important;
    min-height:224px !important;
  }

  .resources-highlight-report-copy{
    order:1 !important;
  }

  .resources-highlight-report-visual{
    order:2 !important;
    min-height:224px !important;
    border-radius:0 !important;
    background:transparent !important;
    position:relative !important;
    overflow:hidden !important;
  }

  .resources-highlight-report-visual img{
    position:absolute !important;
    inset:auto -8px -2px auto !important;
    width:113% !important;
    height:auto !important;
    max-width:none !important;
    object-fit:contain !important;
    object-position:right bottom !important;
  }

  /* card 03 */
  .resources-highlight-pdv{
    margin-top:14px !important;
    grid-template-columns:minmax(0, 46%) minmax(0, 54%) !important;
    grid-template-areas:
      'copy product'
      'copy tabs' !important;
    min-height:238px !important;
    padding:0 !important;
  }

  .resources-highlight-pdv-copy{
    grid-area:copy !important;
  }

  .resources-highlight-product-box{
    grid-area:product !important;
    width:auto !important;
    margin:14px 12px 8px 0 !important;
    padding:10px !important;
    border-radius:16px !important;
  }

  .resources-highlight-product-line{
    display:grid !important;
    grid-template-columns:34px minmax(0,1fr) auto !important;
    gap:7px !important;
    align-items:start !important;
  }

  .resources-highlight-product-emoji{
    width:34px !important;
    height:34px !important;
    border-radius:10px !important;
    font-size:17px !important;
    flex:none !important;
  }

  .resources-highlight-product-info{min-width:0 !important;}

  .resources-highlight-product-info strong{
    display:block !important;
    font-size:11px !important;
    line-height:1.1 !important;
    margin-bottom:2px !important;
    word-break:normal !important;
  }

  .resources-highlight-product-info span{
    font-size:10px !important;
    line-height:1.2 !important;
  }

  .resources-highlight-stepper{
    height:28px !important;
    padding:0 4px !important;
    border-radius:9px !important;
    flex:none !important;
  }

  .resources-highlight-stepper button{
    width:18px !important;
    font-size:12px !important;
  }

  .resources-highlight-stepper span{
    min-width:12px !important;
    font-size:10px !important;
  }

  .resources-highlight-add{
    width:100% !important;
    min-height:30px !important;
    height:30px !important;
    margin-top:8px !important;
    border-radius:9px !important;
    font-size:10px !important;
  }

  .resources-highlight-pdv-tabs{
    grid-area:tabs !important;
    margin:4px 12px 14px 0 !important;
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:7px !important;
  }

  .resources-highlight-pdv-tabs div{
    min-height:64px !important;
    padding:8px 4px !important;
    border-radius:12px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .resources-highlight-pdv-tabs span{
    font-size:16px !important;
    line-height:1 !important;
    margin-bottom:5px !important;
  }

  .resources-highlight-pdv-tabs strong{
    font-size:10px !important;
    line-height:1.1 !important;
  }

  /* fine tune narrow phones */
  @supports (-webkit-touch-callout: none) {
    .resources-highlight-mobile-more,
    .resources-highlight-mobile-more-pdv{padding-top:7px !important;padding-bottom:7px !important;}
  }
}

@media (max-width: 390px){
  .resources-highlight-heading h2{font-size:28px !important;}
  .resources-highlight-intro{font-size:12.5px !important;}
  .resources-highlight-notifications,
  .resources-highlight-report-row,
  .resources-highlight-pdv{grid-template-columns:minmax(0,47%) minmax(0,53%) !important;}
  .resources-highlight-title-row h3{font-size:17px !important;}
  .resources-highlight-title-row p{font-size:10.5px !important;}
  .resources-highlight-notifications-visual img{width:126% !important;right:-24px !important;}
  .resources-highlight-report-visual img{width:116% !important;right:-10px !important;}
  .resources-highlight-pdv-tabs strong{font-size:9px !important;}
}

/* v192 — mobile: refação completa da seção Recursos em Destaque seguindo a referência */
@media (max-width: 767.98px){
  .resources-highlight-section,
  .resources-highlight-section *{
    box-sizing:border-box !important;
  }

  .resources-highlight-section{
    margin-top:44px !important;
    padding:30px 16px 26px !important;
    background:#fdfefe !important;
    overflow:hidden !important;
    overflow-x:clip !important;
  }

  .resources-highlight-heading{
    display:block !important;
    margin:0 0 20px !important;
    padding:0 !important;
  }

  .resources-highlight-kicker{
    display:block !important;
    margin:0 0 12px !important;
    color:#1873B9 !important;
    font-size:12px !important;
    line-height:1.15 !important;
    font-weight:700 !important;
    letter-spacing:.18em !important;
    text-transform:uppercase !important;
  }

  .resources-highlight-heading h2{
    margin:0 !important;
    max-width:320px !important;
    color:#071a48 !important;
    font-size:29px !important;
    line-height:.98 !important;
    font-weight:700 !important;
    letter-spacing:-.04em !important;
  }

  .resources-highlight-heading h2 span{color:#79ADDA !important;}
  .resources-highlight-heading h2 br,
  .resources-highlight-intro br,
  .resources-highlight-title-row p br{display:none !important;}

  .resources-highlight-intro{
    margin:14px 0 0 !important;
    max-width:310px !important;
    padding:0 !important;
    color:#6b7fa2 !important;
    font-size:14px !important;
    line-height:1.45 !important;
    font-weight:400 !important;
  }

  .resources-highlight-card,
  .resources-highlight-report-row{
    width:100% !important;
    max-width:100% !important;
    margin:0 0 14px !important;
    border:1px solid #e1edf8 !important;
    border-radius:24px !important;
    background:#fff !important;
    box-shadow:0 10px 26px rgba(18,76,132,.06) !important;
    overflow:hidden !important;
  }

  .resources-highlight-notifications,
  .resources-highlight-report-row,
  .resources-highlight-pdv{
    display:grid !important;
    grid-template-columns:minmax(0,43%) minmax(0,57%) !important;
    gap:0 !important;
    align-items:stretch !important;
  }

  .resources-highlight-notifications{min-height:242px !important;}
  .resources-highlight-report-row{min-height:238px !important;}
  .resources-highlight-pdv{
    min-height:254px !important;
    grid-template-areas:'copy product' 'copy tabs' !important;
  }

  .resources-highlight-copy,
  .resources-highlight-report-copy,
  .resources-highlight-pdv-copy{
    min-width:0 !important;
    min-height:100% !important;
    padding:18px 10px 18px 16px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }

  .resources-highlight-report-copy{grid-column:1 !important;}
  .resources-highlight-report-visual{grid-column:2 !important;}
  .resources-highlight-pdv-copy{grid-area:copy !important;}

  .resources-highlight-title-row{
    width:100% !important;
    display:grid !important;
    grid-template-columns:40px minmax(0,1fr) !important;
    gap:10px !important;
    align-items:start !important;
  }

  .resources-highlight-title-row > div{min-width:0 !important;}

  .resources-highlight-number{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    margin:0 !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    background:#eaf5ff !important;
    color:#1873B9 !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:700 !important;
  }

  .resources-highlight-title-row h3{
    margin:1px 0 10px !important;
    color:#071a48 !important;
    font-size:16px !important;
    line-height:1.05 !important;
    font-weight:700 !important;
    letter-spacing:-.03em !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    hyphens:none !important;
  }

  .resources-highlight-title-row p{
    margin:0 !important;
    color:#6b7fa2 !important;
    font-size:11px !important;
    line-height:1.36 !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
  }

  .resources-highlight-checks,
  .resources-highlight-chart-icon,
  .resources-highlight-rays{display:none !important;}

  .resources-highlight-mobile-more,
  .resources-highlight-mobile-more-pdv{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    margin-top:auto !important;
    padding:6px 12px 6px 7px !important;
    border:0 !important;
    border-radius:999px !important;
    background:#edf6fd !important;
    color:#1873B9 !important;
    font-family:'Poppins',sans-serif !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:600 !important;
    white-space:nowrap !important;
    flex-shrink:0 !important;
  }

  .resources-highlight-mobile-more span,
  .resources-highlight-mobile-more-pdv span{
    width:28px !important;
    height:28px !important;
    display:grid !important;
    place-items:center !important;
    flex:0 0 28px !important;
    border-radius:50% !important;
    background:#1873B9 !important;
    color:#fff !important;
    font-size:14px !important;
  }

  .resources-highlight-mobile-more-pdv{
    grid-area:copy !important;
    align-self:end !important;
    justify-self:start !important;
  }

  /* card 01 */
  .resources-highlight-notifications-visual{
    position:relative !important;
    min-height:242px !important;
    overflow:hidden !important;
    background:radial-gradient(circle at 66% 42%, rgba(121,173,218,.32) 0 29%, rgba(121,173,218,0) 30%) !important;
  }

  .resources-highlight-notifications-visual img{
    position:absolute !important;
    right:-14px !important;
    bottom:-2px !important;
    width:118% !important;
    max-width:none !important;
    height:auto !important;
    object-fit:contain !important;
    object-position:right bottom !important;
  }

  /* card 02 */
  .resources-highlight-report-copy{
    padding-right:8px !important;
  }

  .resources-highlight-report-visual{
    position:relative !important;
    min-height:238px !important;
    overflow:hidden !important;
    background:linear-gradient(180deg,#fbfdff 0%, #eef6fd 100%) !important;
  }

  .resources-highlight-report-visual img{
    position:absolute !important;
    right:-10px !important;
    bottom:0 !important;
    width:112% !important;
    max-width:none !important;
    height:auto !important;
    object-fit:contain !important;
    object-position:right bottom !important;
  }

  /* card 03 */
  .resources-highlight-product-box{
    grid-area:product !important;
    width:auto !important;
    margin:14px 12px 8px 0 !important;
    padding:10px !important;
    border:1px solid #dceaf7 !important;
    border-radius:16px !important;
    background:#fff !important;
    box-shadow:0 5px 16px rgba(14,58,119,.05) !important;
  }

  .resources-highlight-product-line{
    display:grid !important;
    grid-template-columns:34px minmax(0,1fr) auto !important;
    gap:7px !important;
    align-items:start !important;
  }

  .resources-highlight-product-emoji{
    width:34px !important;
    height:34px !important;
    border-radius:10px !important;
    font-size:16px !important;
    display:grid !important;
    place-items:center !important;
    flex:none !important;
  }

  .resources-highlight-product-info{min-width:0 !important;}
  .resources-highlight-product-info strong{
    display:block !important;
    font-size:10px !important;
    line-height:1.12 !important;
    margin-bottom:2px !important;
  }
  .resources-highlight-product-info span{
    font-size:10px !important;
    line-height:1.2 !important;
  }

  .resources-highlight-stepper{
    height:27px !important;
    padding:0 4px !important;
    border-radius:9px !important;
    flex:none !important;
  }
  .resources-highlight-stepper button{width:18px !important;font-size:12px !important;}
  .resources-highlight-stepper span{min-width:12px !important;font-size:10px !important;}

  .resources-highlight-add{
    width:100% !important;
    min-height:30px !important;
    height:30px !important;
    margin-top:8px !important;
    border-radius:9px !important;
    font-size:10px !important;
  }

  .resources-highlight-pdv-tabs{
    grid-area:tabs !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
    margin:4px 12px 14px 0 !important;
  }

  .resources-highlight-pdv-tabs div{
    min-width:0 !important;
    min-height:62px !important;
    padding:8px 4px !important;
    border-radius:12px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .resources-highlight-pdv-tabs span{
    font-size:15px !important;
    line-height:1 !important;
    margin-bottom:5px !important;
  }

  .resources-highlight-pdv-tabs strong{
    font-size:9px !important;
    line-height:1.12 !important;
  }

  .resources-highlight-mobile-dots{
    display:flex !important;
    justify-content:center !important;
    gap:10px !important;
    margin:18px 0 0 !important;
  }

  .resources-highlight-mobile-dots i{
    width:10px !important;
    height:10px !important;
    border-radius:50% !important;
    background:#d7e5f2 !important;
  }
  .resources-highlight-mobile-dots i.active{background:#1873B9 !important;}
}

@media (max-width: 390px){
  .resources-highlight-section{padding-left:14px !important;padding-right:14px !important;}
  .resources-highlight-heading h2{font-size:27px !important;max-width:300px !important;}
  .resources-highlight-intro{font-size:13px !important;max-width:300px !important;}
  .resources-highlight-notifications,
  .resources-highlight-report-row,
  .resources-highlight-pdv{grid-template-columns:minmax(0,44%) minmax(0,56%) !important;}
  .resources-highlight-title-row{grid-template-columns:38px minmax(0,1fr) !important;gap:8px !important;}
  .resources-highlight-number{width:38px !important;height:38px !important;min-width:38px !important;font-size:12px !important;}
  .resources-highlight-title-row h3{font-size:15px !important;}
  .resources-highlight-title-row p{font-size:10.5px !important;}
  .resources-highlight-notifications-visual img{width:122% !important;right:-18px !important;}
  .resources-highlight-report-visual img{width:114% !important;right:-12px !important;}
}

/* v193 — refação fiel da seção mobile "Recursos em destaque" */
@media (max-width: 767.98px){
  html, body{
    overflow-x:hidden !important;
  }

  .resources-highlight-section{
    position:relative !important;
    padding:30px 16px 30px !important;
    background:#fbfdff !important;
    overflow:hidden !important;
  }

  .resources-highlight-heading{
    margin:0 0 18px !important;
  }

  .resources-highlight-kicker{
    font-size:12px !important;
    line-height:1 !important;
    letter-spacing:.20em !important;
    font-weight:700 !important;
    color:#1873B9 !important;
    margin:0 0 14px !important;
  }

  .resources-highlight-heading h2{
    max-width:320px !important;
    font-size:31px !important;
    line-height:.95 !important;
    letter-spacing:-.045em !important;
    font-weight:700 !important;
    margin:0 !important;
  }
  .resources-highlight-heading h2 span{color:#79ADDA !important;}
  .resources-highlight-heading h2 br{display:block !important;}

  .resources-highlight-intro{
    max-width:320px !important;
    margin:16px 0 0 !important;
    font-size:14px !important;
    line-height:1.42 !important;
    color:#6F7F9A !important;
  }
  .resources-highlight-intro br{display:none !important;}

  .resources-highlight-card,
  .resources-highlight-report-row{
    border:1px solid #e4edf7 !important;
    border-radius:24px !important;
    background:#fff !important;
    box-shadow:none !important;
    overflow:hidden !important;
    margin:0 0 14px !important;
  }

  .resources-highlight-notifications,
  .resources-highlight-report-row,
  .resources-highlight-pdv{
    display:grid !important;
    grid-template-columns:44% 56% !important;
    align-items:stretch !important;
  }

  .resources-highlight-notifications{min-height:252px !important;}
  .resources-highlight-report-row{min-height:242px !important;}
  .resources-highlight-pdv{
    min-height:260px !important;
    grid-template-columns:42% 58% !important;
    grid-template-areas:'copy product' 'copy tabs' !important;
  }

  .resources-highlight-copy,
  .resources-highlight-report-copy,
  .resources-highlight-pdv-copy{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    min-height:100% !important;
    padding:18px 10px 18px 18px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    margin:0 !important;
  }

  .resources-highlight-report-copy{
    grid-column:1 !important;
    padding-right:8px !important;
  }
  .resources-highlight-report-visual{grid-column:2 !important;}
  .resources-highlight-pdv-copy{grid-area:copy !important;}

  .resources-highlight-title-row{
    width:100% !important;
    display:grid !important;
    grid-template-columns:42px 1fr !important;
    gap:10px !important;
    align-items:start !important;
  }
  .resources-highlight-title-row > div{min-width:0 !important;}

  .resources-highlight-number{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    margin:0 !important;
    border-radius:50% !important;
    background:#eef7ff !important;
    color:#1873B9 !important;
    font-size:14px !important;
    line-height:1 !important;
    font-weight:700 !important;
  }

  .resources-highlight-title-row h3{
    font-size:18px !important;
    line-height:1.02 !important;
    letter-spacing:-.035em !important;
    color:#071A48 !important;
    margin:0 0 10px !important;
    font-weight:700 !important;
    max-width:100% !important;
  }

  .resources-highlight-title-row p{
    color:#6F7F9A !important;
    font-size:11px !important;
    line-height:1.33 !important;
    margin:0 !important;
    max-width:100% !important;
  }

  .resources-highlight-checks,
  .resources-highlight-chart-icon,
  .resources-highlight-rays{display:none !important;}

  .resources-highlight-mobile-more,
  .resources-highlight-mobile-more-pdv{
    display:inline-flex !important;
    align-items:center !important;
    gap:10px !important;
    height:40px !important;
    padding:0 16px 0 8px !important;
    border:0 !important;
    border-radius:999px !important;
    background:#edf6ff !important;
    color:#1873B9 !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:600 !important;
    white-space:nowrap !important;
    margin-top:14px !important;
  }

  .resources-highlight-mobile-more span,
  .resources-highlight-mobile-more-pdv span{
    width:24px !important;
    height:24px !important;
    flex:0 0 24px !important;
    border-radius:50% !important;
    background:#1873B9 !important;
    color:#fff !important;
    display:grid !important;
    place-items:center !important;
    font-size:13px !important;
  }
  .resources-highlight-mobile-more-pdv{grid-area:copy !important;align-self:end !important;}

  .resources-highlight-notifications-visual{
    position:relative !important;
    min-height:252px !important;
    background:linear-gradient(180deg, #ffffff 0%, #ffffff 100%) !important;
  }
  .resources-highlight-notifications-visual::before{
    content:'' !important;
    position:absolute !important;
    right:8px !important;
    top:48px !important;
    width:125px !important;
    height:125px !important;
    border-radius:50% !important;
    background:#dfeffd !important;
  }
  .resources-highlight-notifications-visual img{
    position:absolute !important;
    right:-10px !important;
    bottom:0 !important;
    width:126% !important;
    max-width:none !important;
    height:auto !important;
    object-fit:contain !important;
    object-position:right bottom !important;
    z-index:1 !important;
  }

  .resources-highlight-report-visual{
    position:relative !important;
    min-height:242px !important;
    background:linear-gradient(180deg,#ffffff 0%, #f8fbfe 100%) !important;
  }
  .resources-highlight-report-visual::before{
    content:'' !important;
    position:absolute !important;
    inset:14px 10px 16px 0 !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,#fbfdff 0%, #edf5fc 100%) !important;
  }
  .resources-highlight-report-visual img{
    position:absolute !important;
    right:-22px !important;
    bottom:0 !important;
    width:132% !important;
    max-width:none !important;
    height:auto !important;
    object-fit:contain !important;
    object-position:right bottom !important;
    z-index:1 !important;
  }

  .resources-highlight-product-box{
    grid-area:product !important;
    align-self:start !important;
    margin:14px 14px 8px 0 !important;
    padding:10px !important;
    border:1px solid #dfebf8 !important;
    border-radius:18px !important;
    background:#fff !important;
  }

  .resources-highlight-product-line{
    display:grid !important;
    grid-template-columns:32px 1fr auto !important;
    gap:8px !important;
    align-items:start !important;
  }
  .resources-highlight-product-emoji{
    width:32px !important;
    height:32px !important;
    border-radius:10px !important;
    font-size:14px !important;
    background:#fff4ea !important;
  }
  .resources-highlight-product-info strong{
    display:block !important;
    font-size:10px !important;
    line-height:1.12 !important;
    color:#071A48 !important;
    margin:0 0 3px !important;
  }
  .resources-highlight-product-info span{
    font-size:11px !important;
    line-height:1 !important;
    color:#2e5dbe !important;
    font-weight:700 !important;
  }

  .resources-highlight-stepper{
    height:28px !important;
    border:1px solid #cfe0f1 !important;
    border-radius:10px !important;
    padding:0 6px !important;
    gap:4px !important;
  }
  .resources-highlight-stepper button{width:16px !important;font-size:12px !important;}
  .resources-highlight-stepper span{font-size:10px !important;min-width:10px !important;}

  .resources-highlight-add{
    width:100% !important;
    height:34px !important;
    min-height:34px !important;
    border-radius:10px !important;
    margin-top:8px !important;
    font-size:10px !important;
    font-weight:700 !important;
  }

  .resources-highlight-pdv-tabs{
    grid-area:tabs !important;
    margin:0 14px 14px 0 !important;
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:8px !important;
  }
  .resources-highlight-pdv-tabs div{
    min-height:76px !important;
    padding:8px 4px 7px !important;
    border-radius:12px !important;
    border:1px solid #dfeaf6 !important;
    background:#fff !important;
  }
  .resources-highlight-pdv-tabs span{
    font-size:17px !important;
    line-height:1 !important;
    margin-bottom:6px !important;
  }
  .resources-highlight-pdv-tabs strong{
    font-size:11px !important;
    line-height:1.05 !important;
    color:#1f53af !important;
  }

  .resources-highlight-mobile-dots{
    margin:18px 0 0 !important;
    gap:10px !important;
  }
  .resources-highlight-mobile-dots i{
    width:10px !important;
    height:10px !important;
    background:#d4deea !important;
  }
  .resources-highlight-mobile-dots i.active{background:#1873B9 !important;}
}

@media (max-width: 390px){
  .resources-highlight-section{padding-left:14px !important;padding-right:14px !important;}
  .resources-highlight-heading h2{font-size:29px !important;max-width:300px !important;}
  .resources-highlight-intro{max-width:305px !important;font-size:13px !important;}
  .resources-highlight-notifications,
  .resources-highlight-report-row{grid-template-columns:45% 55% !important;}
  .resources-highlight-pdv{grid-template-columns:43% 57% !important;}
  .resources-highlight-title-row h3{font-size:16px !important;}
  .resources-highlight-title-row p{font-size:10px !important;}
  .resources-highlight-mobile-more,
  .resources-highlight-mobile-more-pdv{height:38px !important;padding-right:14px !important;}
  .resources-highlight-notifications-visual img{width:129% !important;right:-16px !important;}
  .resources-highlight-report-visual img{width:136% !important;right:-24px !important;}
}


/* v194 — reconstrução mobile da seção Recursos em Destaque seguindo a referência */
.resources-highlight-mobile-ref{display:none;}
.resources-highlight-desktop-grid{display:block;}

@media (max-width: 767.98px){
  .resources-highlight-heading,
  .resources-highlight-desktop-grid{display:none !important;}

  .resources-highlight-mobile-ref{
    display:block !important;
    position:relative !important;
    margin:0 !important;
    padding:2px 0 8px !important;
    overflow:hidden !important;
  }

  .resources-highlight-section{
    position:relative !important;
    padding:30px 16px 28px !important;
    background:linear-gradient(180deg,#fbfdff 0%,#f6faff 100%) !important;
    overflow:hidden !important;
  }

  .rhm-bg-paw{
    position:absolute;
    background-repeat:no-repeat;
    background-size:contain;
    opacity:.55;
    pointer-events:none;
  }
  .rhm-bg-paw-top{
    top:0;
    right:-6px;
    width:88px;
    height:88px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='%23dfeafd'%3E%3Cellipse cx='32' cy='40' rx='12' ry='9'/%3E%3Cellipse cx='16' cy='28' rx='6' ry='9' transform='rotate(-20 16 28)'/%3E%3Cellipse cx='27' cy='17' rx='6' ry='9' transform='rotate(-6 27 17)'/%3E%3Cellipse cx='39' cy='17' rx='6' ry='9' transform='rotate(6 39 17)'/%3E%3Cellipse cx='50' cy='28' rx='6' ry='9' transform='rotate(20 50 28)'/%3E%3C/g%3E%3C/svg%3E");
  }
  .rhm-bg-paw-bottom{
    left:-30px;
    bottom:30px;
    width:74px;
    height:74px;
    opacity:.35;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='%23dfeafd'%3E%3Cellipse cx='32' cy='40' rx='12' ry='9'/%3E%3Cellipse cx='16' cy='28' rx='6' ry='9' transform='rotate(-20 16 28)'/%3E%3Cellipse cx='27' cy='17' rx='6' ry='9' transform='rotate(-6 27 17)'/%3E%3Cellipse cx='39' cy='17' rx='6' ry='9' transform='rotate(6 39 17)'/%3E%3Cellipse cx='50' cy='28' rx='6' ry='9' transform='rotate(20 50 28)'/%3E%3C/g%3E%3C/svg%3E");
  }

  .rhm-header{
    position:relative;
    max-width:320px;
    z-index:1;
  }
  .rhm-kicker{
    display:block;
    margin:0 0 14px;
    color:#1873B9;
    font-size:12px;
    font-weight:700;
    line-height:1;
    letter-spacing:.19em;
    text-transform:uppercase;
  }
  .rhm-header h2{
    margin:0;
    color:#071A48;
    font-size:31px;
    line-height:.94;
    letter-spacing:-.05em;
    font-weight:700;
  }
  .rhm-header h2 span{color:#79ADDA;}
  .rhm-header p{
    margin:16px 0 0;
    max-width:312px;
    color:#6f7f9a;
    font-size:14px;
    line-height:1.42;
    font-weight:500;
  }

  .rhm-title-rays{
    position:absolute;
    right:24px;
    top:88px;
    width:34px;
    height:34px;
    color:#4d9dff;
    z-index:1;
  }
  .rhm-title-rays i,
  .rhm-card-pdv-rays i{
    position:absolute;
    display:block;
    width:5px;
    height:20px;
    border-radius:999px;
    background:currentColor;
  }
  .rhm-title-rays i:nth-child(1){right:18px; top:0; transform:rotate(18deg);}
  .rhm-title-rays i:nth-child(2){right:0; top:10px; transform:rotate(62deg);}
  .rhm-title-rays i:nth-child(3){right:20px; top:18px; transform:rotate(-42deg);}

  .rhm-card{
    display:grid;
    grid-template-columns:minmax(0,42%) minmax(0,58%);
    align-items:stretch;
    min-height:224px;
    margin-top:16px;
    border:1px solid #e4edf7;
    border-radius:26px;
    background:#fff;
    overflow:hidden;
    position:relative;
    z-index:1;
  }
  .rhm-copy{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:space-between;
    padding:18px 10px 18px 18px;
    min-width:0;
  }
  .rhm-card-textonly{
    display:block;
    min-height:0;
    position:relative;
  }
  .rhm-mini-icon{
    position:absolute;
    top:14px;
    right:16px;
    width:28px;
    height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#eef6ff;
    color:#1873B9;
    font-size:15px;
    line-height:1;
  }
  .rhm-card-textonly .rhm-copy{
    padding:18px;
    min-height:0;
    justify-content:flex-start;
    gap:10px;
  }
  .rhm-card-textonly .rhm-title-row,
  .rhm-card-textonly .rhm-title-row-notificacoes{
    grid-template-columns:46px minmax(0,1fr);
    gap:12px;
    width:100%;
    align-items:start;
    margin-bottom:0;
  }
  .rhm-card-textonly .rhm-title-row > div{
    display:block;
    min-width:0;
  }
  .rhm-card-textonly .rhm-title-row h3,
  .rhm-card-textonly .rhm-title-row-notificacoes h3{
    margin:2px 0 0;
    font-size:20px;
    line-height:1.04;
  }
  .rhm-card-textonly .rhm-title-row p,
  .rhm-card-textonly .rhm-card-text{
    margin:10px 0 0;
    max-width:none;
    color:#6f7f9a;
    font-size:14px;
    line-height:1.42;
    font-weight:500;
  }
  .rhm-card-textonly .rhm-visual,
  .rhm-card-textonly .rhm-more{
    display:none !important;
  }
  .rhm-title-row{
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:10px;
    width:100%;
    align-items:start;
  }
  .rhm-number{
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#eef7ff;
    color:#1873B9;
    font-size:14px;
    line-height:1;
    font-weight:700;
  }
  .rhm-title-row h3{
    margin:0 0 10px;
    color:#071A48;
    font-size:17px;
    line-height:1.04;
    font-weight:700;
    letter-spacing:-.03em;
  }
  .rhm-title-row p{
    margin:0;
    color:#6f7f9a;
    font-size:11px;
    line-height:1.34;
    font-weight:500;
  }


  .rhm-card-notificacoes{
    grid-template-columns:minmax(0,44%) minmax(0,56%);
  }
  .rhm-card-notificacoes .rhm-copy{
    justify-content:flex-start;
    padding:18px 8px 16px 18px;
  }
  .rhm-title-row-notificacoes{
    grid-template-columns:46px minmax(0,1fr);
    gap:12px;
    align-items:start;
    margin-bottom:12px;
  }
  .rhm-title-row-notificacoes h3{
    margin:2px 0 0;
  }
  .rhm-card-text{
    margin:0;
    max-width:150px;
    color:#6f7f9a;
    font-size:11px;
    line-height:1.34;
    font-weight:500;
  }
  .rhm-card-notificacoes .rhm-more{
    margin-top:auto;
  }

  .rhm-more{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-top:14px;
    min-height:42px;
    padding:0 16px 0 8px;
    border:0;
    border-radius:999px;
    background:#edf6ff;
    color:#1873B9;
    font-size:11px;
    line-height:1;
    font-weight:600;
    white-space:nowrap;
  }
  .rhm-more span{
    width:26px;
    height:26px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#1873B9;
    color:#fff;
    font-size:14px;
    flex:0 0 26px;
  }

  .rhm-visual{position:relative; min-height:224px; overflow:hidden;}

  .rhm-visual-notificacoes::before{
    content:'';
    position:absolute;
    right:16px;
    top:38px;
    width:120px;
    height:120px;
    border-radius:50%;
    background:#dfeffd;
  }
  .rhm-visual-notificacoes img{
    position:absolute;
    right:-2px;
    bottom:0;
    width:116%;
    max-width:none;
    height:auto;
    object-fit:contain;
    object-position:right bottom;
  }

  .rhm-card-relatorios{min-height:236px;}
  .rhm-visual-relatorios{
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  }
  .rhm-visual-relatorios::before{
    content:'';
    position:absolute;
    inset:15px 10px 16px 0;
    border-radius:18px;
    background:linear-gradient(180deg,#fbfdff 0%,#edf5fc 100%);
  }
  .rhm-visual-relatorios img{
    position:absolute;
    right:-20px;
    bottom:0;
    width:134%;
    max-width:none;
    height:auto;
    object-fit:contain;
    object-position:right bottom;
  }

  .rhm-card-pdv{
    min-height:254px;
    grid-template-areas:'copy visual';
  }
  .rhm-card-pdv .rhm-copy{padding-right:8px;}
  .rhm-visual-pdv{
    padding:14px 14px 14px 0;
    display:flex;
    flex-direction:column;
    gap:10px;
    justify-content:flex-start;
  }
  .rhm-pdv-product{
    border:1px solid #dfebf8;
    border-radius:18px;
    background:#fff;
    padding:10px;
  }
  .rhm-pdv-product-line{
    display:grid;
    grid-template-columns:32px minmax(0,1fr) auto;
    gap:8px;
    align-items:start;
  }
  .rhm-pdv-emoji{
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:#fff4ea;
    font-size:15px;
  }
  .rhm-pdv-product-info{min-width:0;}
  .rhm-pdv-product-info strong{
    display:block;
    margin:0 0 3px;
    color:#071A48;
    font-size:10px;
    line-height:1.12;
    font-weight:700;
  }
  .rhm-pdv-product-info span{
    color:#2e5dbe;
    font-size:11px;
    line-height:1;
    font-weight:700;
  }
  .rhm-pdv-stepper{
    display:flex;
    align-items:center;
    gap:4px;
    height:28px;
    padding:0 6px;
    border:1px solid #cfe0f1;
    border-radius:10px;
    background:#fff;
  }
  .rhm-pdv-stepper button{
    width:16px;
    padding:0;
    border:0;
    background:none;
    color:#1873B9;
    font-size:12px;
    font-weight:700;
    line-height:1;
  }
  .rhm-pdv-stepper span{
    min-width:10px;
    color:#071A48;
    font-size:10px;
    font-weight:600;
    text-align:center;
  }
  .rhm-pdv-add{
    width:100%;
    height:34px;
    margin-top:8px;
    border:0;
    border-radius:10px;
    background:linear-gradient(180deg,#4d9dff 0%,#1679f3 100%);
    color:#fff;
    font-size:10px;
    line-height:1;
    font-weight:700;
  }
  .rhm-pdv-tabs{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
  }
  .rhm-pdv-tabs div{
    min-height:74px;
    padding:8px 4px 7px;
    border:1px solid #dfeaf6;
    border-radius:12px;
    background:#fff;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  .rhm-pdv-tabs span{
    font-size:18px;
    line-height:1;
    margin-bottom:6px;
  }
  .rhm-pdv-tabs strong{
    color:#1f53af;
    font-size:10px;
    line-height:1.08;
    font-weight:700;
  }
  .rhm-card-pdv-rays{
    position:absolute;
    top:8px;
    right:8px;
    width:24px;
    height:24px;
    color:#4d9dff;
  }
  .rhm-card-pdv-rays i:nth-child(1){right:10px; top:0; transform:rotate(18deg);}
  .rhm-card-pdv-rays i:nth-child(2){right:0; top:8px; transform:rotate(58deg);}

  .rhm-dots{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    margin-top:16px;
  }
  .rhm-dots i{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#d4deea;
    display:block;
  }
  .rhm-dots i.active{background:#1873B9;}

  .rhm-title-rays,
  .rhm-dots{display:none !important;}
}

@media (max-width: 389.98px){
  .resources-highlight-section{padding-left:14px !important; padding-right:14px !important;}
  .rhm-header h2{font-size:29px; max-width:302px;}
  .rhm-header p{font-size:13px; max-width:300px;}
  .rhm-card{grid-template-columns:minmax(0,43%) minmax(0,57%);}
  .rhm-card-notificacoes{grid-template-columns:minmax(0,44%) minmax(0,56%);}
  .rhm-card-pdv{grid-template-columns:minmax(0,43%) minmax(0,57%);}
  .rhm-title-row h3{font-size:16px;}
  .rhm-title-row p{font-size:10px;}
  .rhm-card-text{max-width:144px; font-size:10px;}
  .rhm-card-textonly .rhm-title-row h3,
  .rhm-card-textonly .rhm-title-row-notificacoes h3{font-size:18px;}
  .rhm-card-textonly .rhm-title-row p,
  .rhm-card-textonly .rhm-card-text{font-size:13px; max-width:none;}
  .rhm-mini-icon{top:12px; right:12px; width:26px; height:26px; font-size:14px;}
  .rhm-visual-notificacoes img{width:118%; right:-8px;}
  .rhm-visual-relatorios img{width:138%; right:-26px;}
}


/* v198 — mobile fixes: larger mini icons, remove lateral dragging, restore hero image */
@media (max-width: 767.98px){
  html,
  body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
    overscroll-behavior-x:none;
  }

  body{
    position:relative;
    touch-action:pan-y !important;
  }

  .qbit-nav,
  .hero,
  .product-tour,
  .resources-highlight-section,
  .resources-highlight-mobile-ref,
  .cta-section,
  .site-footer,
  section,
  .container,
  .container-xxl,
  .container-xl,
  .qbit-container{
    max-width:100vw !important;
    overflow-x:clip !important;
  }

  img{
    max-width:100%;
    height:auto;
  }

  .rhm-mini-icon{
    top:14px !important;
    right:14px !important;
    width:34px !important;
    height:34px !important;
    font-size:18px !important;
  }

  .hero{
    padding-bottom:208px !important;
  }

  .hero-container{
    padding:28px 20px 0 !important;
  }

  .hero-description{
    margin:20px 0 24px !important;
  }

  .hero-note{
    margin:20px 0 0 !important;
  }

  .hero-art{
    display:block !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:212px !important;
    bottom:0 !important;
    object-fit:cover !important;
    object-position:78% 38% !important;
    transform:scale(1.14) !important;
    transform-origin:center bottom !important;
  }

  .hero::before{
    height:220px !important;
    bottom:0 !important;
    background:linear-gradient(180deg,
      #edf8ff 0%,
      rgba(237,248,255,.97) 18%,
      rgba(237,248,255,.84) 34%,
      rgba(237,248,255,.52) 56%,
      rgba(237,248,255,.16) 75%,
      rgba(237,248,255,0) 90%) !important;
  }
}

@media (max-width: 575.98px){
  .hero{
    padding-bottom:196px !important;
  }

  .hero-art{
    height:198px !important;
    object-position:80% 38% !important;
    transform:scale(1.16) !important;
  }

  .hero::before{
    height:206px !important;
  }
}

/* v201 — mobile: ajustes solicitados (somente hero, product-tour head e CTA) */
@media (max-width: 767.98px){
  /* trava o layout na largura da tela sem impedir o scroll horizontal das abas */
  html,
  body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }
  main,
  .site-header,
  .hero,
  .software-section,
  .journey-section-new,
  .product-tour,
  .modules-overview-section,
  .resources-highlight-section,
  .why-qbit-section,
  .petshop-trial-cta,
  .qbit-footer{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }
  .container,
  .container-xl,
  .container-xxl,
  .qbit-container{
    max-width:100% !important;
  }

  /* HERO: volta a imagem aprovada no final do banner, com foco em cachorro + profissional */
  .hero{
    display:flex !important;
    flex-direction:column !important;
    height:auto !important;
    min-height:0 !important;
    padding:0 !important;
    background:#edf8ff !important;
  }
  .hero-container{
    order:1 !important;
    height:auto !important;
    min-height:0 !important;
    padding:22px 20px 0 !important;
  }
  .hero-art{
    position:relative !important;
    order:2 !important;
    inset:auto !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:236px !important;
    margin:0 !important;
    object-fit:cover !important;
    object-position:86% 45% !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:0 !important;
    -webkit-mask-image:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.35) 16%, #000 40%, #000 100%);
    mask-image:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.35) 16%, #000 40%, #000 100%);
  }
  .hero::before{
    display:none !important;
    content:none !important;
  }
  .hero-bottom-triangle{
    display:none !important;
  }

  /* remove somente as patinhas decorativas ao lado do título “Conheça...” */
  .product-tour-head{
    padding-right:0 !important;
  }
  .product-tour-head::after{
    display:none !important;
    content:none !important;
    background:none !important;
  }

  /* CTA: texto proporcionalmente menor + formulário realmente centralizado */
  .petshop-trial-cta{
    padding:22px 14px 18px !important;
    background-position:52% center !important;
    background-size:cover !important;
  }
  .petshop-trial-cta::before{
    background:linear-gradient(180deg,
      rgba(54,147,223,.92) 0%,
      rgba(66,158,226,.86) 26%,
      rgba(91,177,236,.66) 52%,
      rgba(121,173,218,.32) 76%,
      rgba(121,173,218,.16) 100%) !important;
  }
  .petshop-trial-cta-overlay{
    display:none !important;
  }
  .petshop-trial-cta-inner{
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
    align-items:start !important;
    justify-items:center !important;
  }
  .petshop-trial-copy{
    width:100% !important;
    max-width:100% !important;
  }
  .petshop-trial-eyebrow{
    margin:0 0 10px !important;
    font-size:11px !important;
    line-height:1.1 !important;
    letter-spacing:.10em !important;
  }
  .petshop-trial-copy h2{
    margin:0 0 14px !important;
    font-size:30px !important;
    line-height:.98 !important;
    letter-spacing:-.03em !important;
  }
  .petshop-trial-description{
    margin:0 0 18px !important;
    max-width:320px !important;
    font-size:14px !important;
    line-height:1.45 !important;
  }
  .petshop-trial-benefits{
    gap:13px !important;
    max-width:100% !important;
  }
  .petshop-trial-benefits li{
    gap:12px !important;
    align-items:flex-start !important;
  }
  .petshop-trial-benefit-icon{
    width:40px !important;
    height:40px !important;
    flex:0 0 40px !important;
  }
  .petshop-trial-benefit-icon svg{
    width:16px !important;
    height:16px !important;
  }
  .petshop-trial-benefits strong{
    margin-bottom:2px !important;
    font-size:13px !important;
    line-height:1.18 !important;
  }
  .petshop-trial-benefits span{
    font-size:12px !important;
    line-height:1.34 !important;
  }

  /* no mobile, remove o mockup intermediário para não quebrar a proporção do banner */
  .petshop-trial-visual{
    display:none !important;
  }

  .petshop-trial-form-card{
    width:calc(100% - 12px) !important;
    max-width:420px !important;
    margin:0 auto !important;
    justify-self:center !important;
    align-self:center !important;
    padding:20px 16px 18px !important;
    border-radius:24px !important;
    box-shadow:0 12px 30px rgba(11,31,66,.12) !important;
  }
  .petshop-trial-form-card h3{
    margin:0 0 10px !important;
    max-width:none !important;
    font-size:22px !important;
    line-height:1.06 !important;
  }
  .petshop-trial-form-card p{
    margin:0 0 14px !important;
    max-width:none !important;
    font-size:13px !important;
    line-height:1.4 !important;
  }
  .petshop-trial-form-grid{
    grid-template-columns:1fr !important;
    gap:11px !important;
  }
  .petshop-trial-form input{
    height:48px !important;
    padding:0 15px !important;
    border-radius:14px !important;
    font-size:14px !important;
  }
  .petshop-trial-submit{
    width:100% !important;
    min-height:52px !important;
    margin-top:12px !important;
    border-radius:15px !important;
    font-size:15px !important;
  }
  .petshop-trial-form-note{
    margin-top:12px !important;
    justify-content:center !important;
    text-align:center !important;
    font-size:11px !important;
    line-height:1.3 !important;
  }
}

@media (max-width: 390px){
  .hero-art{
    height:220px !important;
    object-position:87% 45% !important;
  }
  .petshop-trial-copy h2{
    font-size:28px !important;
  }
  .petshop-trial-form-card{
    width:calc(100% - 8px) !important;
  }
  .petshop-trial-form-card h3{
    font-size:21px !important;
  }
}


/* v202 — ajustes finais solicitados: CTA centralizado e rodapé mobile estilo referência */
@media (max-width: 575.98px){
  .petshop-trial-form-card{
    margin:0 auto !important;
    width:min(100%, 456px) !important;
    max-width:456px !important;
    padding:24px 22px 22px !important;
    text-align:center !important;
  }
  .petshop-trial-form-card h3,
  .petshop-trial-form-card p{
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }
  .petshop-trial-form-card h3{
    max-width:290px !important;
    font-size:24px !important;
    line-height:1.08 !important;
    margin-bottom:14px !important;
  }
  .petshop-trial-form-card p{
    max-width:320px !important;
    font-size:14px !important;
    line-height:1.45 !important;
    margin-bottom:16px !important;
  }
  .petshop-trial-form-grid{
    gap:14px !important;
  }
  .petshop-trial-form input{
    height:56px !important;
    text-align:left !important;
  }
  .petshop-trial-submit{
    min-height:58px !important;
    font-size:17px !important;
  }
  .petshop-trial-form-note{
    max-width:290px !important;
    margin:14px auto 0 !important;
  }

  .qbit-footer{
    background:#0d4f84 !important;
    padding:34px 0 38px !important;
  }
  .qbit-footer-inner{
    width:calc(100% - 32px) !important;
  }
  .qbit-footer-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
  }
  .qbit-footer-brand{
    max-width:none !important;
    margin-bottom:18px !important;
  }
  .qbit-footer-logo{
    width:126px !important;
    margin-bottom:14px !important;
  }
  .qbit-footer-description{
    max-width:265px !important;
    margin-bottom:14px !important;
    font-size:14px !important;
    line-height:1.55 !important;
    color:rgba(255,255,255,.9) !important;
  }
  .qbit-footer-social{
    gap:12px !important;
    margin-bottom:8px !important;
  }
  .qbit-footer-social a,
  .qbit-footer-social svg{
    width:22px !important;
    height:22px !important;
  }

  .footer-accordion-item{
    border-top:1px solid rgba(255,255,255,.14) !important;
    padding-top:0 !important;
    margin-top:0 !important;
  }
  .footer-accordion-item:last-child{
    border-bottom:1px solid rgba(255,255,255,.14) !important;
  }
  .footer-accordion-toggle{
    appearance:none !important;
    -webkit-appearance:none !important;
    border:0 !important;
    background:transparent !important;
    width:100% !important;
    padding:22px 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    font-family:'Poppins',sans-serif !important;
    font-size:15px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    color:#ffffff !important;
    text-align:left !important;
    box-shadow:none !important;
  }
  .footer-accordion-toggle svg{
    width:18px !important;
    height:18px !important;
    flex:0 0 18px !important;
    transition:transform .22s ease !important;
  }
  .footer-accordion-item.is-open .footer-accordion-toggle svg{
    transform:rotate(180deg) !important;
  }
  .footer-accordion-panel{
    max-height:0;
    overflow:hidden;
    transition:max-height .28s ease;
  }
  .footer-accordion-panel ul{
    padding:0 0 18px !important;
  }
  .footer-accordion-panel li{
    margin:0 0 12px !important;
  }
  .footer-accordion-panel li:last-child{
    margin-bottom:0 !important;
  }
  .footer-accordion-panel a{
    font-size:14px !important;
    line-height:1.45 !important;
    color:rgba(255,255,255,.92) !important;
  }
  .footer-accordion-panel .qbit-footer-contact a,
  .qbit-footer-contact .footer-accordion-panel a,
  .qbit-footer-contact a{
    gap:10px !important;
  }
  .qbit-footer-col > h3{display:none !important;}
}

@media (min-width: 576px){
  .footer-accordion-toggle{
    border:0;
    background:transparent;
    padding:0;
    display:block;
    font:inherit;
    color:inherit;
    text-align:left;
    width:auto;
    pointer-events:none;
  }
  .footer-accordion-toggle svg{display:none !important;}
  .footer-accordion-panel{max-height:none !important;overflow:visible !important;}
}

/* v202.1 — estilo do título do rodapé preservado no desktop */
.footer-accordion-toggle{
  font-family:'Poppins',sans-serif;
  font-weight:700;
  color:#ffffff;
}
@media (min-width:576px){
  .footer-accordion-toggle{
    margin:0 0 13px !important;
    font-size:13px !important;
    line-height:1.2 !important;
  }
  .footer-accordion-panel ul{padding:0 !important;}
}

/* v203 — mobile CTA centralizado + prevenção de overflow lateral */
html, body{
  max-width:100%;
  overflow-x:hidden;
}

@media (max-width: 767.98px){
  body,
  .site-wrapper,
  .page-wrapper,
  main,
  section{
    max-width:100%;
    overflow-x:hidden;
  }

  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl,
  .container-fluid{
    max-width:100%;
  }

  /* diminui proporcionalmente o botão/menu sanduíche para não vazar */
  .navbar-toggler{
    width:46px !important;
    height:42px !important;
    min-width:46px !important;
    border-radius:12px !important;
    flex:0 0 46px !important;
  }
  .navbar-toggler-icon{
    width:22px !important;
    height:18px !important;
    background-size:22px 18px !important;
  }

  /* card do formulário menor, centralizado e mais equilibrado */
  .petshop-trial-cta{
    padding:20px 12px 14px !important;
  }
  .petshop-trial-cta-inner{
    gap:18px !important;
  }
  .petshop-trial-form-card{
    width:min(100%, 440px) !important;
    max-width:440px !important;
    margin:0 auto !important;
    justify-self:center !important;
    padding:22px 16px 20px !important;
    border-radius:20px !important;
  }
  .petshop-trial-form-card h3{
    max-width:100% !important;
    margin:0 auto 12px !important;
    font-size:24px !important;
    line-height:1.05 !important;
    text-align:center !important;
  }
  .petshop-trial-form-card p{
    max-width:360px !important;
    margin:0 auto 14px !important;
    font-size:14px !important;
    line-height:1.45 !important;
    text-align:center !important;
  }
  .petshop-trial-form-grid{
    gap:10px !important;
  }
  .petshop-trial-form input{
    height:48px !important;
    font-size:14px !important;
    border-radius:14px !important;
    padding:0 16px !important;
  }
  .petshop-trial-submit{
    min-height:56px !important;
    font-size:16px !important;
    border-radius:16px !important;
    margin-top:14px !important;
  }
  .petshop-trial-form-note{
    max-width:250px !important;
    margin:14px auto 0 !important;
    font-size:12px !important;
    line-height:1.35 !important;
  }

  /* evita qualquer sobra lateral gerada por cards e imagens no mobile */
  .hero,
  .petshop-trial-cta,
  .product-tour,
  .resources-highlight-section,
  .qbit-footer{
    overflow-x:hidden !important;
  }
}

/* v204 — correção final mobile: elimina corte lateral direito e reduz CTA/rodapé proporcionalmente */
@media (max-width:575.98px){
  html,body{
    width:100% !important;
    max-width:100vw !important;
    overflow-x:clip !important;
  }

  body,
  .site-wrapper,
  .page-wrapper,
  main,
  section,
  footer{
    width:100% !important;
    max-width:100vw !important;
    overflow-x:clip !important;
  }

  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl,
  .container-fluid{
    width:100% !important;
    max-width:100% !important;
    padding-left:16px !important;
    padding-right:16px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

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

  /* CTA */
  .petshop-trial-cta{
    width:100% !important;
    max-width:100vw !important;
    padding:18px 10px 14px !important;
    background-position:center top !important;
    overflow:hidden !important;
  }
  .petshop-trial-cta-inner{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:18px !important;
    margin:0 auto !important;
  }
  .petshop-trial-copy,
  .petshop-trial-visual,
  .petshop-trial-form-card{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    justify-self:center !important;
  }
  .petshop-trial-form-card{
    width:calc(100% - 8px) !important;
    max-width:420px !important;
    margin:0 auto !important;
    padding:18px 14px 18px !important;
    border-radius:20px !important;
  }
  .petshop-trial-form,
  .petshop-trial-form-grid{
    width:100% !important;
    min-width:0 !important;
  }
  .petshop-trial-form-card h3{
    font-size:22px !important;
    line-height:1.05 !important;
    max-width:260px !important;
    margin:0 auto 12px !important;
    text-align:center !important;
  }
  .petshop-trial-form-card p{
    max-width:270px !important;
    margin:0 auto 14px !important;
    font-size:13px !important;
    line-height:1.42 !important;
    text-align:center !important;
  }
  .petshop-trial-form input{
    width:100% !important;
    min-width:0 !important;
    height:46px !important;
    font-size:13px !important;
    padding:0 16px !important;
  }
  .petshop-trial-submit{
    width:100% !important;
    min-height:54px !important;
    font-size:15px !important;
  }
  .petshop-trial-form-note{
    max-width:220px !important;
    margin:14px auto 0 !important;
    text-align:center !important;
  }

  /* Rodapé */
  .qbit-footer{
    width:100% !important;
    max-width:100vw !important;
    overflow:hidden !important;
  }
  .qbit-footer-inner{
    width:calc(100% - 40px) !important;
    max-width:none !important;
    margin:0 auto !important;
    padding:0 !important;
  }
  .qbit-footer-grid{
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:24px !important;
  }
  .qbit-footer-brand,
  .qbit-footer-col,
  .footer-accordion-item,
  .footer-accordion-panel{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }
  .footer-accordion-toggle{
    width:100% !important;
    max-width:100% !important;
    padding:18px 0 !important;
    font-size:14px !important;
  }
  .footer-accordion-toggle span{
    display:block !important;
    min-width:0 !important;
  }
  .footer-accordion-toggle svg{
    width:16px !important;
    height:16px !important;
    flex:0 0 16px !important;
  }
  .footer-accordion-panel ul{
    width:100% !important;
    padding:0 0 16px !important;
  }
}

/* v205 — mobile: formulário CTA menor e realmente centralizado */
@media (max-width:575.98px){
  .petshop-trial-form-card{
    width:calc(100% - 36px) !important;
    max-width:360px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:16px 14px 16px !important;
    border-radius:18px !important;
  }

  .petshop-trial-form-card h3{
    max-width:230px !important;
    margin:0 auto 10px !important;
    font-size:20px !important;
    line-height:1.05 !important;
  }

  .petshop-trial-form-card p{
    max-width:250px !important;
    margin:0 auto 12px !important;
    font-size:12px !important;
    line-height:1.4 !important;
  }

  .petshop-trial-form-grid{
    gap:9px !important;
  }

  .petshop-trial-form input{
    height:42px !important;
    padding:0 14px !important;
    border-radius:12px !important;
    font-size:12px !important;
  }

  .petshop-trial-submit{
    min-height:48px !important;
    margin-top:11px !important;
    border-radius:13px !important;
    font-size:14px !important;
  }

  .petshop-trial-form-note{
    max-width:200px !important;
    margin:11px auto 0 !important;
    font-size:10.5px !important;
    line-height:1.3 !important;
  }

  .petshop-trial-form-note svg{
    width:13px !important;
    height:13px !important;
    flex:0 0 13px !important;
  }
}

/* v206 — ajustes finais mobile: sem corte lateral, botões do hero menores e CTA mais compacto */
@media (max-width: 575.98px){
  html,
  body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  body,
  .site-header,
  .hero,
  .petshop-trial-cta,
  .qbit-footer,
  main,
  section{
    max-width:100vw !important;
    overflow-x:hidden !important;
  }

  .hero-container,
  .hero-copy,
  .hero-actions,
  .petshop-trial-cta-inner,
  .petshop-trial-form-card,
  .qbit-footer-inner,
  .qbit-footer-grid{
    min-width:0 !important;
  }

  /* Botões do banner principal */
  .hero-actions{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    gap:10px !important;
  }

  .hero-actions .btn-primary-qbit,
  .hero-actions .btn-outline-qbit{
    width:calc(100% - 12px) !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    min-height:52px !important;
    height:52px !important;
    padding:0 40px 0 18px !important;
    border-radius:10px !important;
    font-size:14px !important;
    line-height:1.2 !important;
    text-align:center !important;
    justify-content:center !important;
    white-space:normal !important;
  }

  .hero-actions .btn-primary-qbit::after,
  .hero-actions .btn-outline-qbit::after{
    right:16px !important;
    font-size:19px !important;
  }

  /* Card do formulário CTA */
  .petshop-trial-cta{
    padding:18px 12px 16px !important;
  }

  .petshop-trial-form-card{
    width:calc(100% - 28px) !important;
    max-width:332px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:14px 14px 14px !important;
    border-radius:18px !important;
  }

  .petshop-trial-form-card h3{
    max-width:210px !important;
    font-size:18px !important;
    line-height:1.02 !important;
    margin:0 auto 10px !important;
    text-align:center !important;
  }

  .petshop-trial-form-card p{
    max-width:240px !important;
    font-size:11.5px !important;
    line-height:1.38 !important;
    margin:0 auto 12px !important;
    text-align:center !important;
  }

  .petshop-trial-form-grid{
    gap:8px !important;
  }

  .petshop-trial-form input{
    height:40px !important;
    padding:0 14px !important;
    border-radius:12px !important;
    font-size:12px !important;
  }

  .petshop-trial-submit{
    min-height:44px !important;
    height:44px !important;
    margin-top:10px !important;
    border-radius:12px !important;
    font-size:13px !important;
    padding:0 16px !important;
  }

  .petshop-trial-form-note{
    max-width:190px !important;
    font-size:10px !important;
    line-height:1.28 !important;
    margin:10px auto 0 !important;
    justify-content:center !important;
  }

  .petshop-trial-form-note svg{
    width:12px !important;
    height:12px !important;
    flex:0 0 12px !important;
  }

  /* Rodapé com respiro para não cortar na lateral direita */
  .qbit-footer-inner{
    width:calc(100% - 52px) !important;
    max-width:332px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .footer-accordion-toggle{
    padding:16px 0 !important;
  }
}