/* Pontos de entrada do simulador (categoria, home, produto).
   Escopado nas próprias classes rw-calc-* para não colidir com o tema/Bootstrap. */

/* ===== FAIXA DA CATEGORIA (depois da grade de produtos) =====
   Fica FORA da .rw-plp__section do plugin de propósito: aquela classe traz
   border-top, que emoldurava a faixa com linhas em cima e embaixo. */
.rw-calc-faixa-wrap{padding:34px 0 6px}
.rw-calc-faixa-wrap + .rw-plp__section{border-top:0}

.rw-calc-faixa{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;
  background:linear-gradient(104deg,#123b82 0%,#164AA3 52%,#0072e9 100%);
  border:0;border-radius:8px;padding:20px 24px;text-decoration:none;
  box-shadow:0 6px 20px rgba(18,59,130,.13);
  transition:box-shadow .3s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1)}
.rw-calc-faixa:hover{box-shadow:0 12px 30px rgba(18,59,130,.22);transform:translateY(-2px)}
.rw-calc-faixa__ic{width:40px;height:40px;border-radius:9px;background:rgba(255,255,255,.14);
  display:grid;place-items:center;flex:0 0 auto}
.rw-calc-faixa__ic svg{stroke:#fff}
.rw-calc-faixa__txt strong{display:block;font-size:16px;font-weight:700;color:#fff;letter-spacing:-.2px;line-height:1.3}
.rw-calc-faixa__txt span{font-size:13.5px;color:rgba(255,255,255,.85);line-height:1.4}
.rw-calc-faixa__cta{display:inline-flex;align-items:center;gap:9px;background:#fff;color:#164AA3;
  padding:13px 22px;font-weight:700;font-size:14px;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;
  transition:background .3s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1)}
.rw-calc-faixa__cta svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}
.rw-calc-faixa:hover .rw-calc-faixa__cta{background:#eaf2ff;color:#123b82}
.rw-calc-faixa:hover .rw-calc-faixa__cta svg{transform:translateX(3px)}
.rw-calc-faixa:active .rw-calc-faixa__cta{transform:translateY(1px)}

@media(max-width:768px){
  .rw-calc-faixa-wrap{padding:26px 0 4px}
  .rw-calc-faixa{grid-template-columns:auto 1fr;gap:14px;padding:16px}
  .rw-calc-faixa__cta{grid-column:1/-1;margin-top:12px;width:100%;justify-content:center}
  .rw-calc-faixa__txt strong{font-size:15px}
}

/* ===== SEÇÃO DA HOME (entre "Mais procurados" e "Marcas parceiras") =====
   O tema aplica section{padding:80px 0}; esta tem ritmo próprio. */
/* margin-top: a seção "Mais procurados" termina com padding-bottom 0, então o
   botão "Ver todos" encostava direto na faixa azul. */
section.rw-calc-home{position:relative;overflow:hidden;padding:64px 0;margin-top:40px;
  background:linear-gradient(104deg,#123b82 0%,#164AA3 46%,#0072e9 100%);color:#fff}
.rw-calc-home__chev{position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:330px;height:330px;opacity:.07;z-index:1}
.rw-calc-home__in{position:relative;z-index:2;max-width:1120px;margin:0 auto;padding:0 40px;
  display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:center}
.rw-calc-home__selo{display:inline-block;background:#d72638;color:#fff;padding:6px 13px;border-radius:3px;
  font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:18px}
.rw-calc-home h2{font-size:2.6rem;line-height:1.08;font-weight:700;letter-spacing:-.6px;margin:0 0 14px;max-width:15ch;color:#fff}
.rw-calc-home h2 em{font-style:normal;color:#bfe0ff}
.rw-calc-home p{font-size:1.0625rem;color:rgba(255,255,255,.88);max-width:46ch;margin:0 0 26px}
.rw-calc-home__acao{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.rw-calc-home__btn{display:inline-flex;align-items:center;background:#fff;color:#164AA3;padding:15px 26px;
  font-size:1rem;font-weight:600;letter-spacing:.4px;text-transform:uppercase;text-decoration:none;
  transition:background .3s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1)}
.rw-calc-home__btn:hover{background:#eaf2ff;color:#123b82}
.rw-calc-home__btn:active{transform:translateY(1px)}
.rw-calc-home__nota{font-size:13.5px;color:rgba(255,255,255,.72)}
.rw-calc-home__card{background:#fff;border-radius:14px;padding:24px 26px;box-shadow:0 18px 44px rgba(18,59,130,.16);color:#26292b}
.rw-calc-home__lab{font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:#0072e9;font-weight:700;margin-bottom:9px}
.rw-calc-home__modelo{font-size:13px;color:#555;margin-bottom:16px;font-weight:500;line-height:1.35}
.rw-calc-home__num{font-size:3.1rem;font-weight:700;color:#164AA3;line-height:1;letter-spacing:-1.5px}
.rw-calc-home__num small{font-size:1.1rem;font-weight:600;color:#555;margin-left:6px;letter-spacing:0}
.rw-calc-home__curva{margin-top:16px;border-top:1px solid #e6ebf3;padding-top:14px}
.rw-calc-home__pes{display:flex;justify-content:space-between;font-size:12px;color:#7a7a7a;margin-top:8px}
.rw-calc-home__depois{margin-top:12px;padding-top:12px;border-top:1px solid #e6ebf3;font-size:13px;color:#555}
.rw-calc-home__depois b{color:#1a7a4f;font-weight:700}
/* deixa claro que o número é ilustrativo, não uma promessa para aquele modelo */
.rw-calc-home__disc{margin-top:10px;font-size:11.5px;line-height:1.45;color:#8a9199}

@media(max-width:768px){
  /* CTA da página de produto: o padding lateral de 40px não deixa o texto caber
     em 375px, e o .btn do Bootstrap impõe white-space:nowrap, então cortava.
     Seletor mais específico para vencer as duas regras sem !important. */
  .single-produto .btn-primary-enhanced{
    padding-left:14px;padding-right:14px;
    font-size:14px;letter-spacing:.2px;
    white-space:normal;line-height:1.3;text-align:center}
  /* o ícone é decorativo e custa 32px com o gap: sem ele o texto cabe em 1 linha */
  .single-produto .btn-primary-enhanced .btn-icon{display:none}
}

@media(max-width:900px){
  section.rw-calc-home{padding:44px 0;margin-top:28px}
  .rw-calc-home__in{grid-template-columns:1fr;gap:32px;padding:0 22px}
  .rw-calc-home h2{font-size:1.95rem;max-width:none}
  .rw-calc-home__chev{width:190px;right:-64px;opacity:.05}
}