/* =========================================================
   PSSP HOME — BLOCO COMERCIAL + SIMULADOR 50/50
   Arquivo externo: /wp-content/uploads/pssp/css/pssp-home-comparador.css
   ========================================================= */

body.home #simulacao-planos .pssphome-choice,
body.home #simulacao-planos .pssphome-choice * {
  box-sizing: border-box;
}

body.home #simulacao-planos .pssphome-choice {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 58px 0 64px !important;
  overflow: visible !important;
}

body.home #simulacao-planos .pssphome-choice::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 50% !important;
  width: 100vw !important;
  transform: translateX(-50%) !important;
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,.95) 0%,
      rgba(255,255,255,.88) 28%,
      rgba(239,248,254,.54) 54%,
      rgba(226,244,255,.24) 100%
    ),
    url("/wp-content/uploads/pssp-simulador/pssp-sim-hero-bg.webp")
    center center / cover no-repeat !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

body.home #simulacao-planos .pssphome-choice__wrap {
  position: relative !important;
  z-index: 1 !important;
  width: min(1460px, calc(100% - 42px)) !important;
  max-width: 1460px !important;
  margin: 0 auto !important;
}

body.home #simulacao-planos .pssphome-choice__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 30px !important;
  align-items: stretch !important;
  grid-auto-rows: 1fr !important;
}

/* =========================================================
   COLUNA ESQUERDA — APRESENTAÇÃO COMERCIAL
   ========================================================= */

body.home #simulacao-planos .pssphome-choice__commercial {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 650px !important;
  height: 100% !important;
  padding: 0 6px 0 4px !important;
}

body.home #simulacao-planos .pssphome-choice__commercial-badge {
  display: inline-flex !important;
  align-items: center !important;
  align-self: flex-start !important;
  gap: 9px !important;
  min-height: 34px !important;
  margin: 0 0 22px !important;
  padding: 8px 14px !important;
  border: 1px solid rgba(45,156,114,.14) !important;
  border-radius: 999px !important;
  background: rgba(231,248,239,.92) !important;
  color: #128650 !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .065em !important;
  text-transform: uppercase !important;
  box-shadow: 0 8px 22px rgba(33,87,68,.04) !important;
}

body.home #simulacao-planos .pssphome-choice__commercial-badge::before {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 auto !important;
  border-radius: 50% !important;
  background: #20c978 !important;
  box-shadow: 0 0 0 6px rgba(32,201,120,.10) !important;
}

body.home #simulacao-planos .pssphome-choice__commercial h2 {
  max-width: 690px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #0b3266 !important;
  font-size: clamp(43px,3.5vw,58px) !important;
  font-weight: 800 !important;
  line-height: 1.03 !important;
  letter-spacing: -.042em !important;
  text-transform: none !important;
}

body.home #simulacao-planos .pssphome-choice__commercial h2 span {
  display: block !important;
  margin-top: 5px !important;
  color: #1474e8 !important;
}

body.home #simulacao-planos .pssphome-choice__commercial-lead {
  max-width: 680px !important;
  margin: 22px 0 0 !important;
  color: #4f6f95 !important;
  font-size: 17px !important;
  line-height: 1.68 !important;
}

/* Benefícios */
body.home #simulacao-planos .pssphome-choice__benefits {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 20px 30px !important;
  margin-top: 30px !important;
  margin-bottom: 46px !important;
}

body.home #simulacao-planos .pssphome-choice__benefit {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
  min-height: 64px !important;
}

body.home #simulacao-planos .pssphome-choice__benefit-icon {
  position: relative !important;
  display: block !important;
  flex: 0 0 52px !important;
  width: 52px !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(46,139,211,.10) !important;
  border-radius: 50% !important;
  background: rgba(234,246,255,.95) !important;
  color: #1175e7 !important;
  box-shadow: inset 0 0 0 1px rgba(40,139,211,.035) !important;
  line-height: 0 !important;
  overflow: hidden !important;
}

body.home #simulacao-planos .pssphome-choice__benefit-icon svg {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  transform: translate(-50%, -50%) !important;
  transform-origin: center center !important;
}

body.home #simulacao-planos .pssphome-choice__benefit > div {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 52px !important;
}

body.home #simulacao-planos .pssphome-choice__benefit strong {
  display: block !important;
  margin: 0 !important;
  color: #173f74 !important;
  font-size: 14.5px !important;
  font-weight: 900 !important;
  line-height: 1.24 !important;
}

body.home #simulacao-planos .pssphome-choice__benefit span {
  display: block !important;
  margin-top: 4px !important;
  color: #5c7898 !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
}

/* Caixa das operadoras */
body.home #simulacao-planos .pssphome-choice__operators {
  margin-top: 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(202,221,234,.82) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.72) !important;
  box-shadow: 0 17px 42px rgba(31,72,103,.075), inset 0 1px 0 rgba(255,255,255,.95) !important;
  backdrop-filter: blur(9px) saturate(105%) !important;
  -webkit-backdrop-filter: blur(9px) saturate(105%) !important;
}

body.home #simulacao-planos .pssphome-choice__operators-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 13px !important;
}

body.home #simulacao-planos .pssphome-choice__operators-head strong {
  color: #173f74 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
}

body.home #simulacao-planos .pssphome-choice__operators-head span {
  color: #71869b !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

body.home #simulacao-planos .pssphome-choice__operators-grid {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 9px !important;
}

body.home #simulacao-planos .pssphome-choice__operator {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  height: 76px !important;
  padding: 8px !important;
  overflow: hidden !important;
  border: 1px solid rgba(205,220,231,.88) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.91) !important;
  box-shadow: 0 8px 20px rgba(24,65,98,.045), inset 0 1px 0 rgba(255,255,255,.98) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

body.home #simulacao-planos .pssphome-choice__operator:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(140,187,217,.70) !important;
  box-shadow: 0 12px 26px rgba(24,65,98,.09), inset 0 1px 0 rgba(255,255,255,.98) !important;
}

body.home #simulacao-planos .pssphome-choice__operator img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 152px !important;
  max-height: 60px !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* =========================================================
   COLUNA DIREITA — SIMULADOR
   ========================================================= */

body.home #simulacao-planos .pssphome-choice__simulator {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 640px !important;
  padding: 30px 28px 22px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.26) !important;
  border-radius: 28px !important;
  background:
    linear-gradient(
      180deg,
      rgba(115,191,244,.92) 0%,
      rgba(105,183,239,.90) 52%,
      rgba(120,190,242,.88) 100%
    ) !important;
  box-shadow:
    0 18px 40px rgba(35,103,166,.10),
    inset 0 1px 0 rgba(255,255,255,.20) !important;
  backdrop-filter: blur(2px) !important;
  -webkit-backdrop-filter: blur(2px) !important;
  color: #fff !important;
}

body.home #simulacao-planos .pssphome-choice__simulator::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  border-radius: 28px !important;
  background:
    radial-gradient(
      circle at 18% 22%,
      rgba(255,255,255,.12) 0,
      rgba(255,255,255,.12) 26%,
      transparent 27%
    ),
    radial-gradient(
      circle at 84% 14%,
      rgba(255,255,255,.10) 0,
      rgba(255,255,255,.10) 14%,
      transparent 15%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,.03) 0%,
      rgba(255,255,255,0) 100%
    ) !important;
  pointer-events: none !important;
}

body.home #simulacao-planos .pssphome-choice__simulator > * {
  position: relative !important;
  z-index: 2 !important;
}

/* TÍTULO */
body.home #simulacao-planos .pssphome-choice__simulator h3 {
  margin: 0 0 22px !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  text-align: center !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* PROGRESSO */
body.home #simulacao-planos .pssphome-choice__progress {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 0 !important;
  margin: 0 0 20px !important;
  align-items: start !important;
}

body.home #simulacao-planos .pssphome-choice__progress::before {
  content: "" !important;
  position: absolute !important;
  left: 11% !important;
  right: 11% !important;
  top: 21px !important;
  height: 2px !important;
  background: rgba(255,255,255,.35) !important;
}

body.home #simulacao-planos .pssphome-choice__progress-item {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  text-align: center !important;
}

body.home #simulacao-planos .pssphome-choice__progress-num {
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 auto 8px !important;
  border: 1px solid rgba(255,255,255,.70) !important;
  border-radius: 50% !important;
  background: rgba(35,153,223,.96) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.home #simulacao-planos .pssphome-choice__progress-item:first-child .pssphome-choice__progress-num {
  border-color: #1fd56f !important;
  background: #1fce6b !important;
  box-shadow: 0 8px 18px rgba(25,184,98,.28) !important;
}

body.home #simulacao-planos .pssphome-choice__progress-label {
  display: block !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: center !important;
}

/* PAINEL INTERNO */
body.home #simulacao-planos .pssphome-choice__simulator-flow {
  display: grid !important;
  gap: 0 !important;
  margin: 8px 0 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: 21px !important;
  background: rgba(245,251,255,.56) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

body.home #simulacao-planos .pssphome-choice__simulator-step {
  display: grid !important;
  grid-template-columns: 42px minmax(0,1fr) !important;
  gap: 14px !important;
  align-items: center !important;
  min-height: 72px !important;
  padding: 11px 8px !important;
  border-bottom: 1px solid rgba(180,205,222,.42) !important;
}

body.home #simulacao-planos .pssphome-choice__simulator-step:last-child {
  border-bottom: 0 !important;
}

body.home #simulacao-planos .pssphome-choice__simulator-stepnum {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.75) !important;
  color: #1676eb !important;
  line-height: 0 !important;
}

body.home #simulacao-planos .pssphome-choice__simulator-stepnum svg {
  position: static !important;
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.home #simulacao-planos .pssphome-choice__simulator-step strong {
  display: block !important;
  color: #123c72 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

body.home #simulacao-planos .pssphome-choice__simulator-step span:not(.pssphome-choice__simulator-stepnum) {
  display: block !important;
  margin-top: 3px !important;
  color: #647e99 !important;
  font-size: 11.8px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

/* CTA */
body.home #simulacao-planos .pssphome-choice__simulator-btn,
body.home #simulacao-planos .pssphome-choice__simulator-btn:link,
body.home #simulacao-planos .pssphome-choice__simulator-btn:visited {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 64px !important;
  margin-top: 18px !important;
  padding: 14px 18px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background:
    linear-gradient(
      135deg,
      #24d26f 0%,
      #17c85f 100%
    ) !important;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  box-shadow: 0 12px 26px rgba(11,145,84,.20) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

body.home #simulacao-planos .pssphome-choice__simulator-btn:hover {
  transform: translateY(-2px) !important;
  color: #fff !important;
  box-shadow: 0 16px 30px rgba(11,145,84,.24) !important;
}

body.home #simulacao-planos .pssphome-choice__simulator-btn span {
  font-size: 21px !important;
  line-height: 1 !important;
}

/* SEGURANÇA */
body.home #simulacao-planos .pssphome-choice__simulator-note {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin-top: 11px !important;
  color: rgba(255,255,255,.96) !important;
  font-size: 10.8px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-align: center !important;
}

body.home #simulacao-planos .pssphome-choice__simulator-note svg {
  width: 13px !important;
  height: 13px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
}

@media (max-width: 1150px) {
  body.home #simulacao-planos .pssphome-choice__grid {
    gap: 22px !important;
  }

  body.home #simulacao-planos .pssphome-choice__commercial h2 {
    font-size: clamp(40px,4vw,52px) !important;
  }

  body.home #simulacao-planos .pssphome-choice__operators-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  body.home #simulacao-planos .pssphome-choice__commercial,
  body.home #simulacao-planos .pssphome-choice__simulator {
    min-height: 700px !important;
  }
}

@media (max-width: 989px) {
  body.home #simulacao-planos .pssphome-choice {
    padding: 44px 0 50px !important;
  }

  body.home #simulacao-planos .pssphome-choice__grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  body.home #simulacao-planos .pssphome-choice__commercial,
  body.home #simulacao-planos .pssphome-choice__simulator {
    min-height: 0 !important;
  }

  body.home #simulacao-planos .pssphome-choice__commercial {
    padding-right: 0 !important;
  }

  body.home #simulacao-planos .pssphome-choice__benefits {
    margin-bottom: 38px !important;
  }

  body.home #simulacao-planos .pssphome-choice__operators {
    margin-top: 0 !important;
  }

  body.home #simulacao-planos .pssphome-choice__operators-grid {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  }
}

@media (max-width: 767px) {
  body.home #simulacao-planos .pssphome-choice {
    padding: 34px 0 40px !important;
  }

  body.home #simulacao-planos .pssphome-choice__wrap {
    width: min(1460px, calc(100% - 22px)) !important;
  }

  body.home #simulacao-planos .pssphome-choice__commercial {
    padding: 0 !important;
  }

  body.home #simulacao-planos .pssphome-choice__commercial h2 {
    font-size: clamp(36px,10.5vw,46px) !important;
  }

  body.home #simulacao-planos .pssphome-choice__commercial-lead {
    font-size: 15.5px !important;
  }

  body.home #simulacao-planos .pssphome-choice__benefits {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    margin-bottom: 30px !important;
  }

  body.home #simulacao-planos .pssphome-choice__benefit {
    gap: 12px !important;
    min-height: 58px !important;
  }

  body.home #simulacao-planos .pssphome-choice__benefit-icon {
    flex-basis: 48px !important;
    width: 48px !important;
    height: 48px !important;
  }

  body.home #simulacao-planos .pssphome-choice__operators {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  body.home #simulacao-planos .pssphome-choice__operators-head {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 4px !important;
  }

  body.home #simulacao-planos .pssphome-choice__operators-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  body.home #simulacao-planos .pssphome-choice__operator {
    height: 70px !important;
  }

  body.home #simulacao-planos .pssphome-choice__simulator {
    padding: 22px 18px 20px !important;
    border-radius: 22px !important;
  }

  body.home #simulacao-planos .pssphome-choice__simulator-top {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body.home #simulacao-planos .pssphome-choice__simulator h3 {
    font-size: 32px !important;
  }

  body.home #simulacao-planos .pssphome-choice__progress-label {
    font-size: 9.5px !important;
  }

  body.home #simulacao-planos .pssphome-choice__progress-num {
    width: 36px !important;
    height: 36px !important;
    font-size: 12px !important;
  }

  body.home #simulacao-planos .pssphome-choice__progress::before {
    top: 18px !important;
  }

  body.home #simulacao-planos .pssphome-choice__simulator-flow {
    padding: 10px !important;
    border-radius: 17px !important;
  }

  body.home #simulacao-planos .pssphome-choice__simulator-step {
    grid-template-columns: 38px minmax(0,1fr) !important;
    gap: 10px !important;
    min-height: 60px !important;
    padding: 8px 6px !important;
  }

  body.home #simulacao-planos .pssphome-choice__simulator-stepnum {
    width: 36px !important;
    height: 36px !important;
  }
}


/* FULL WIDTH REAL DA COLOR SECTION */
body.home #simulacao-planos.avia-section,
body.home #simulacao-planos .av-section-color-overlay-wrap,
body.home #simulacao-planos .av-section-color-overlay,
body.home #simulacao-planos > .container,
body.home #simulacao-planos .content,
body.home #simulacao-planos .entry-content-wrapper {
  overflow: visible !important;
  background-color: transparent !important;
}

body.home #simulacao-planos {
  position: relative !important;
  overflow: visible !important;
}