/* Página: websac */

.cw-page[data-route="websac"] .pd-segs {
  grid-template-columns: repeat(7,1fr) !important;
}

@media (max-width:1100px) {
  .cw-page[data-route="websac"] .pd-segs {
    grid-template-columns: repeat(4,1fr) !important;
  }
}

@media (max-width:640px) {
  .cw-page[data-route="websac"] .pd-segs {
    grid-template-columns: repeat(2,1fr) !important;
  }
}

section.ws-dif {
  padding-top: clamp(40px,3.6vw,60px) !important;
  padding-bottom: clamp(40px,3.6vw,60px) !important;
}

.ws-dif .pd-head {
  margin-bottom: clamp(20px,2vw,30px) !important;
}

.ws-dif .pd-cards {
  gap: clamp(12px,1.2vw,18px) !important;
  margin-top: 0 !important;
}

.ws-dif .pd-card {
  display: grid !important;
  grid-template-columns: 52px 1fr;
  column-gap: 16px;
  row-gap: 3px;
  align-items: center;
  padding: 18px 20px !important;
  min-height: 0 !important;
}

.ws-dif .pd-card .pd-ic {
  grid-row: 1/3;
  width: 52px !important;
  height: 52px !important;
  margin: 0 !important;
}

.ws-dif .pd-card b {
  margin: 0 !important;
  align-self: end;
  font-size: 1.06rem;
}

.ws-dif .pd-card p {
  margin: 0 !important;
  align-self: start;
  font-size: .92rem !important;
  line-height: 1.4 !important;
}

#ws-precos {
  padding-top: clamp(40px,3.6vw,60px) !important;
  padding-bottom: clamp(40px,3.6vw,60px) !important;
}

#ws-precos .pd-two {
  align-items: center !important;
}

#ws-precos .pd-head {
  margin-bottom: clamp(16px,1.6vw,22px) !important;
}

#ws-precos .pd-cards {
  gap: 12px !important;
  margin-top: 0 !important;
}

#ws-precos .pd-card {
  display: grid !important;
  grid-template-columns: 44px 1fr;
  column-gap: 14px;
  row-gap: 2px;
  align-items: center;
  padding: 14px 16px !important;
  min-height: 0 !important;
}

#ws-precos .pd-card .pd-ic {
  grid-row: 1/3;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
}

#ws-precos .pd-card b {
  margin: 0 !important;
  align-self: end;
  font-size: 1rem;
}

#ws-precos .pd-card p {
  margin: 0 !important;
  align-self: start;
  font-size: .88rem !important;
  line-height: 1.4 !important;
}

#ws-precos .pd-photo {
  margin-top: 0 !important;
}

#ws-bi {
  padding-top: clamp(40px,3.6vw,60px) !important;
  padding-bottom: clamp(40px,3.6vw,60px) !important;
}

#ws-bi .pd-head {
  margin-bottom: clamp(20px,2vw,30px) !important;
}

#ws-bi .pd-cards {
  gap: clamp(12px,1.2vw,18px) !important;
  margin-top: 0 !important;
}

#ws-bi .pd-card {
  display: grid !important;
  grid-template-columns: 52px 1fr;
  column-gap: 16px;
  row-gap: 3px;
  align-items: center;
  padding: 18px 20px !important;
  min-height: 0 !important;
}

#ws-bi .pd-card .pd-ic {
  grid-row: 1/3;
  width: 52px !important;
  height: 52px !important;
  margin: 0 !important;
}

#ws-bi .pd-card b {
  margin: 0 !important;
  align-self: end;
  font-size: 1.06rem;
}

#ws-bi .pd-card p {
  margin: 0 !important;
  align-self: start;
  font-size: .92rem !important;
  line-height: 1.4 !important;
}

#ws-bi .pd-band {
  margin-top: clamp(20px,2vw,28px) !important;
}

#ws-estoque {
  padding-top: clamp(40px,3.6vw,60px) !important;
  padding-bottom: clamp(40px,3.6vw,60px) !important;
}

#ws-estoque .pd-head {
  margin-bottom: clamp(20px,2vw,30px) !important;
}

#ws-estoque .pd-cards {
  gap: clamp(12px,1.2vw,18px) !important;
  margin-top: 0 !important;
}

#ws-estoque .pd-card {
  display: grid !important;
  grid-template-columns: 52px 1fr;
  column-gap: 16px;
  row-gap: 3px;
  align-items: center;
  padding: 18px 20px !important;
  min-height: 0 !important;
}

#ws-estoque .pd-card .pd-ic {
  grid-row: 1/3;
  width: 52px !important;
  height: 52px !important;
  margin: 0 !important;
}

#ws-estoque .pd-card b {
  margin: 0 !important;
  align-self: end;
  font-size: 1.06rem;
}

#ws-estoque .pd-card p {
  margin: 0 !important;
  align-self: start;
  font-size: .92rem !important;
  line-height: 1.4 !important;
}

#ws-fin {
  padding-top: clamp(40px,3.6vw,60px) !important;
  padding-bottom: clamp(40px,3.6vw,60px) !important;
}

#ws-fin .pd-head {
  max-width: none !important;
  margin-bottom: clamp(20px,2vw,30px) !important;
}

#ws-fin .pd-head p {
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#ws-fin .pd-panels {
  gap: clamp(14px,1.4vw,22px) !important;
  margin-top: 0 !important;
}

#ws-fin .pd-panel {
  padding: clamp(18px,1.6vw,24px) clamp(20px,1.8vw,28px) !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  column-gap: 22px;
  row-gap: 0;
}

#ws-fin .pd-panel-h {
  grid-column: 1/-1;
  margin-bottom: 6px !important;
  padding-bottom: 12px !important;
}

#ws-fin .pd-panel-h span {
  width: 42px !important;
  height: 42px !important;
}

#ws-fin .pd-row {
  padding: 12px 0 !important;
  border-bottom: 1px dashed #E1ECF2;
}

#ws-fin .pd-row:nth-last-child(-n+2) {
  border-bottom: 0;
}

@media (max-width:640px) {
  #ws-fin .pd-panel {
    grid-template-columns: 1fr;
  }
  #ws-fin .pd-row:nth-last-child(2) {
    border-bottom: 1px dashed #E1ECF2;
  }
}

#ws-estoque .pd-head,
#ws-estoque .pd-head p {
  max-width: none !important;
}

@media (max-width:900px) {
  #ws-estoque .pd-head p br {
    display: none;
  }
}

.cy>.pd-head,
.cy>.pd-head p {
  max-width: none !important;
}

#ws-compras .ws-cp-top {
  align-items: center !important;
}

#ws-compras .pd-head h2 {
  font-size: clamp(2.2rem,3.6vw,3.6rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -.04em;
}

#ws-compras .pd-head p {
  font-size: clamp(1rem,1.2vw,1.2rem) !important;
}

.ws-cp-img {
  margin-top: 0 !important;
}

.ws-cp {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: clamp(12px,1.2vw,18px);
  margin-top: clamp(28px,2.6vw,40px);
}

.ws-cp-i {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  border-radius: 16px;
  border: 1.5px solid rgba(110,240,220,.24);
  background: linear-gradient(165deg,rgba(10,52,64,.6),rgba(3,26,38,.85));
  transition: border-color .2s;
}

.ws-cp-i:hover {
  border-color: rgba(182,232,94,.5);
}

.ws-cp-i span {
  flex: none;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(182,232,94,.1);
  border: 1px solid rgba(182,232,94,.25);
  color: #B6E85E;
}

.ws-cp-i b {
  display: block;
  font-family: Manrope,sans-serif;
  color: #fff;
  font-size: 1.06rem;
  margin-bottom: 3px;
}

.ws-cp-i p {
  margin: 0 !important;
  font-size: .92rem !important;
  line-height: 1.4 !important;
  color: #AFC4CF;
}

.ws-cp-tag {
  display: flex;
  align-items: center;
  gap: 22px;
  margin: clamp(34px,3vw,48px) 0 clamp(10px,1vw,16px) !important;
  color: #B6E85E;
  font-family: Manrope,sans-serif;
  font-weight: 700;
  font-size: clamp(1rem,1.2vw,1.2rem);
  text-align: center;
}

.ws-cp-tag::before,
.ws-cp-tag::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg,rgba(110,240,220,0),rgba(110,240,220,.45));
}

.ws-cp-tag::after {
  background: linear-gradient(90deg,rgba(110,240,220,.45),rgba(110,240,220,0));
}

@media (max-width:1000px) {
  .ws-cp {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width:640px) {
  .ws-cp {
    grid-template-columns: 1fr;
  }
  .ws-cp-tag::before,
  .ws-cp-tag::after {
    display: none;
  }
  .ws-cp-tag {
    justify-content: center;
  }
}

#ws-ia .pd-two {
  grid-template-columns: minmax(0,1fr) minmax(0,1.15fr) !important;
  gap: clamp(28px,3vw,56px) !important;
  align-items: center !important;
}

#ws-ia .pd-head h2 {
  font-size: clamp(2.2rem,3.6vw,3.6rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -.04em;
}

#ws-ia .pd-head p {
  font-size: clamp(1rem,1.15vw,1.18rem) !important;
  color: #14315A !important;
}

#ws-ia .pd-asks li {
  font-size: clamp(1rem,1.15vw,1.15rem);
}

#ws-ia .pd-asks li svg {
  color: #4CAF1F;
  width: 24px;
  height: 24px;
}

.ws-iaright {
  display: flex;
  flex-direction: column;
  gap: clamp(22px,2vw,30px);
}

.ws-iawrap {
  margin: 0 5% !important;
}

.ws-iac {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: clamp(10px,1vw,16px);
}

.ws-iac-i {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 14px;
  background: #fff;
  border: 1px solid #DCEBF3;
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(30,90,140,.08);
}

.ws-iac-i span {
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: #E3F5EE;
  color: #1E7C5A;
}

.ws-iac-i b {
  font-family: Manrope,sans-serif;
  font-size: clamp(.92rem,1vw,1.05rem);
  white-space: nowrap;
  color: #0E2A4A;
  line-height: 1.2;
}

@media (max-width:1180px) {
  .ws-iac-i b {
    white-space: normal;
  }
}

@media (max-width:900px) {
  #ws-ia .pd-two {
    grid-template-columns: 1fr !important;
  }
  .ws-iac {
    grid-template-columns: 1fr;
  }
  .ws-iawrap {
    margin: 0 4% !important;
  }
}

#ws-ia .pd-two {
  align-items: start;
}

#ws-ia .pd-head h2 {
  line-height: 1.1;
}

.ws-iawrap {
  display: block;
  margin-top: 8px;
}

.ws-iashot {
  border-radius: 14px 14px 0 0 !important;
  border: 10px solid #0E2533 !important;
  border-bottom-width: 12px !important;
  box-shadow: 0 30px 70px rgba(5,40,60,.25) !important;
}

.ws-iashot img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

.ws-lap {
  height: 16px;
  margin: 0 -6%;
  background: linear-gradient(180deg,#C9D6DF,#9DB0BD);
  border-radius: 0 0 18px 18px;
  box-shadow: 0 18px 30px rgba(5,40,60,.18);
}

.ws-lap::before {
  content: "";
  display: block;
  width: 18%;
  height: 6px;
  margin: 0 auto;
  background: #8EA2B0;
  border-radius: 0 0 8px 8px;
}

@media (max-width:900px) {
  .ws-iawrap {
    margin: 12px 4% 0;
  }
  .ws-iashot {
    border-width: 6px !important;
    border-bottom-width: 8px !important;
  }
  .ws-lap {
    height: 10px;
  }
}

.ws-dif {
  background: radial-gradient(ellipse 55% 60% at 50% 0%,rgba(20,110,110,.28),rgba(4,27,42,0) 70%),linear-gradient(180deg,#031E2B,#04222F) !important;
}

.ws-dif .pd-head h2 {
  line-height: 1.12;
}

.ws-dif .pd-card {
  background: linear-gradient(165deg,rgba(10,58,68,.55),rgba(3,26,38,.85)) !important;
  border: 1.5px solid rgba(110,240,220,.22) !important;
  transition: border-color .2s,transform .2s;
}

.ws-dif .pd-card:hover {
  border-color: rgba(182,232,94,.55) !important;
  transform: translateY(-3px);
}

.ws-dif .pd-ic {
  background: rgba(182,232,94,.12) !important;
  border: 1.5px solid rgba(182,232,94,.5) !important;
  color: #B6E85E !important;
  box-shadow: 0 0 18px rgba(182,232,94,.28),inset 0 0 10px rgba(182,232,94,.15);
}

.cw-page[data-route="websac"] .pd-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201600%20520%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%220%22%20x2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%232BE0D0%22%20stop-opacity%3D%220%22/%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%232BE0D0%22%20stop-opacity%3D%22.55%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B6E85E%22%20stop-opacity%3D%22.0%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20x2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%236EF0DC%22%20stop-opacity%3D%220%22/%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%236EF0DC%22%20stop-opacity%3D%22.35%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236EF0DC%22%20stop-opacity%3D%220%22/%3E%3C/linearGradient%3E%3Cfilter%20id%3D%22g%22%3E%3CfeGaussianBlur%20stdDeviation%3D%222.2%22/%3E%3C/filter%3E%3C/defs%3E%0A%3Cpath%20d%3D%22M-40%20500%20C%20420%20430%20900%20470%201640%20360%22%20stroke%3D%22url%28%23a%29%22%20stroke-width%3D%222.2%22%20fill%3D%22none%22%20filter%3D%22url%28%23g%29%22/%3E%0A%3Cpath%20d%3D%22M-40%20500%20C%20420%20430%20900%20470%201640%20360%22%20stroke%3D%22url%28%23a%29%22%20stroke-width%3D%221%22%20fill%3D%22none%22/%3E%0A%3Cpath%20d%3D%22M0%2070%20C%20300%2040%20520%2020%20760%200%22%20stroke%3D%22url%28%23b%29%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22/%3E%0A%3Cpath%20d%3D%22M600%20520%20C%20900%20480%201250%20430%201640%20440%22%20stroke%3D%22url%28%23b%29%22%20stroke-width%3D%221%22%20fill%3D%22none%22/%3E%3C/svg%3E") center/100% 100% no-repeat;
  pointer-events: none;
  z-index: 0;
}

.cw-page[data-route="websac"] .pd-hero-in {
  z-index: 2;
}

.cw-page[data-route="websac"] .pd-hero {
  background: radial-gradient(ellipse 60% 85% at 72% 50%,rgba(10,70,88,.55) 0%,rgba(10,70,88,0) 70%),linear-gradient(100deg,#031E2B 0%,#042A3A 40%,#05333F 70%,#06343F 100%) !important;
}

.cw-page[data-route="websac"] .pd-hero-img {
  width: 62% !important;
  right: 0 !important;
}

.cw-page[data-route="websac"] .pd-hero-img img {
  -webkit-mask-image: none !important;
  mask-image: none !important;
  object-fit: contain !important;
  object-position: right center;
}

.cw-page[data-route="websac"] .ar-hero-lines {
  opacity: .9 !important;
}

.cw-page[data-route="websac"] .pd-logo-ws {
  position: relative;
  z-index: 1;
  height: auto !important;
  width: clamp(240px,20vw,330px) !important;
  max-width: 80vw !important;
}

.cw-page[data-route="websac"] .pd-brand {
  position: relative;
  width: max-content;
  max-width: 100%;
}

.cw-page[data-route="websac"] .pd-brand::before {
  content: "";
  position: absolute;
  inset: -26px -60px -20px -60px;
  background: radial-gradient(closest-side,rgba(236,245,255,.92) 0%,rgba(214,232,248,.6) 45%,rgba(190,220,245,.18) 75%,rgba(190,220,245,0) 100%);
  z-index: 0;
  pointer-events: none;
}

.cw-page[data-route="websac"] .pd-brand {
  margin-bottom: clamp(22px,2vw,32px) !important;
}

.cw-page[data-route="websac"] .pd-sub-p:empty {
  display: none;
}

.cw-page[data-route="websac"] .pd-hero .pd-chips {
  margin-top: clamp(22px,2vw,30px) !important;
  gap: 10px 22px !important;
}

.cw-page[data-route="websac"] .pd-hero .pd-chips li {
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  font-size: 14px !important;
  gap: 8px;
}

.cw-page[data-route="websac"] .pd-hero .pd-chips li span {
  width: 18px !important;
  height: 18px !important;
}

.cw-page[data-route="websac"] .pd-hero {
  min-height: clamp(420px,32vw,540px) !important;
}

.cy {
  margin-top: clamp(56px,5vw,96px);
  padding-top: clamp(48px,4.4vw,80px);
  border-top: 1px solid rgba(110,240,220,.18);
}

.cy-phs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(16px,1.6vw,28px);
}

@media (max-width:1100px) {
  .cy-phs {
    grid-template-columns: 1fr;
  }
}

.cy-ph {
  padding: 18px;
  border-radius: 24px;
  border: 1.5px solid rgba(110,240,220,.22);
  background: rgba(4,30,42,.45);
}

.cy-ph-h {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 2px 4px 16px;
  color: #fff;
  font-family: Manrope,sans-serif;
  font-weight: 800;
  font-size: 1.08rem;
}

.cy-ph-h span {
  padding: 4px 10px;
  border-radius: 99px;
  background: #B6E85E;
  color: #061224;
  font-size: 11.5px;
  letter-spacing: .12em;
}

.cy-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  position: relative;
}

@media (max-width:620px) {
  .cy-steps {
    grid-template-columns: 1fr;
  }
  .cy-steps::before {
    display: none;
  }
}

.cy-st {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px;
  border-radius: 18px;
  border: 1.5px solid rgba(110,240,220,.28);
  background: linear-gradient(165deg,rgba(10,52,64,.85),rgba(3,26,38,.95));
}

.cy-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}

.cy-ic {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(182,232,94,.12);
  color: #B6E85E;
  border: 1px solid rgba(182,232,94,.3);
}

.cy-n {
  font-family: Manrope,sans-serif;
  font-weight: 800;
  font-size: 1.8rem;
  line-height: 1;
  color: rgba(110,240,220,.35);
}

.cy-st h3 {
  margin: 0;
  color: #fff;
  font-family: Manrope,sans-serif;
  font-size: 1rem;
  line-height: 1.3;
}

.cy-st p {
  margin: 0 !important;
  font-size: .92rem !important;
  line-height: 1.5 !important;
  color: #BFD0DA;
}

.cy-last {
  border-color: #B6E85E;
  box-shadow: 0 0 0 3px rgba(182,232,94,.15),0 0 30px rgba(182,232,94,.15);
}

.cy-last .cy-ic {
  background: #B6E85E;
  color: #061224;
}

.cy-last .cy-n {
  color: #B6E85E;
}

.cy-res {
  margin-top: clamp(16px,1.6vw,28px);
  padding: clamp(20px,2vw,30px);
  border-radius: 24px;
  border: 1.5px solid rgba(182,232,94,.45);
  background: linear-gradient(135deg,rgba(182,232,94,.1),rgba(31,216,184,.05));
}

.cy-res-h {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}

.cy-res-ic {
  flex: none;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #B6E85E;
  color: #061224;
}

.cy-res-h small {
  display: block;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .14em;
  color: #B6E85E;
}

.cy-res-h b {
  display: block;
  color: #fff;
  font-family: Manrope,sans-serif;
  font-size: clamp(1.05rem,1.3vw,1.3rem);
}

.cy-outs {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 12px;
}

@media (max-width:1100px) {
  .cy-outs {
    grid-template-columns: repeat(3,1fr);
  }
}

@media (max-width:620px) {
  .cy-outs {
    grid-template-columns: 1fr;
  }
}

.cy-out {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px;
  border-radius: 16px;
  background: rgba(4,30,42,.6);
  border: 1px solid rgba(110,240,220,.22);
}

.cy-out > span {
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(182,232,94,.14);
  color: #B6E85E;
}

.cy-out b {
  display: block;
  color: #fff;
  font-family: Manrope,sans-serif;
  font-size: 1rem;
}

.cy-out p {
  margin: 2px 0 0 !important;
  font-size: .88rem !important;
  line-height: 1.45 !important;
  color: #BFD0DA;
}

@media (max-width:900px) {
  .cw-page[data-route="websac"] .pd-hero-img {
    width: 100% !important;
    height: 270px !important;
  }
  .cw-page[data-route="websac"] .pd-hero-img img {
    object-position: center !important;
    width: 100% !important;
    max-width: none !important;
    transform: scale(1.15);
  }
}