/* =============================================================
   icons-v2.css — Solar duotone icon system
   Seletores atualizados para solar:...-bold-duotone
   Azul da marca (#1B2438) preservado em textos/estrutura.
   ============================================================= */

/* ── 1. Dimensão e forma dos containers de ícone ─────────── */
.prod-ico {
  background: transparent !important;
  /* box-shadow set per-product in page styles */
  border: none !important;
  width: 120px !important;
  height: 120px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s !important;
}
.prod-ico img {
  width: 120px !important;
  height: 120px !important;
  object-fit: contain !important;
}

/* Ícone Solar duotone — tamanho generoso */
.prod-ico iconify-icon {
  font-size: 36px !important;
  width: 36px !important;
  height: 36px !important;
  max-width: 36px !important;
  max-height: 36px !important;
}

/* Benefit icons — sized for SVG illustrations */
.benefit-ico {
  width: 110px !important;
  height: 110px !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
.benefit-ico img {
  width: 110px !important;
  height: 110px !important;
  object-fit: contain !important;
}

.benefit-ico iconify-icon {
  font-size: 26px !important;
  width: 26px !important;
  height: 26px !important;
  max-width: 26px !important;
  max-height: 26px !important;
}

/* Coverage icons */
.cov-ico {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.cov-ico iconify-icon {
  font-size: 24px !important;
  width: 24px !important;
  height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
}

/* ── 2. Cores por produto — .prod-ico (:has()) ────────────── */

/* Seguro Auto — laranja */
.prod-ico:has(iconify-icon[icon="tabler:car"]) {
  background: linear-gradient(145deg, #fff7ed 0%, #ffedd5 100%) !important;
  border: 1.5px solid rgba(249,115,22,.22) !important;
  box-shadow: 0 6px 20px rgba(249,115,22,.15) !important;
}
.prod-ico:has(iconify-icon[icon="tabler:car"]) iconify-icon { color: #ea6d0b !important; }

/* Seguro Moto — roxo */
.prod-ico:has(iconify-icon[icon="solar:scooter-bold-duotone"]) {
  background: linear-gradient(145deg, #faf5ff 0%, #ede9fe 100%) !important;
  border: 1.5px solid rgba(124,58,237,.22) !important;
  box-shadow: 0 6px 20px rgba(124,58,237,.13) !important;
}
.prod-ico:has(iconify-icon[icon="solar:scooter-bold-duotone"]) iconify-icon { color: #7c3aed !important; }

/* Seguro Caminhão — teal */
.prod-ico:has(iconify-icon[icon="tabler:truck"]) {
  background: linear-gradient(145deg, #f0fdfa 0%, #ccfbf1 100%) !important;
  border: 1.5px solid rgba(13,148,136,.22) !important;
  box-shadow: 0 6px 20px rgba(13,148,136,.13) !important;
}
.prod-ico:has(iconify-icon[icon="tabler:truck"]) iconify-icon { color: #0d9488 !important; }

/* Plano de Saúde — rosa */
.prod-ico:has(iconify-icon[icon="solar:heart-bold-duotone"]) {
  background: linear-gradient(145deg, #fff1f2 0%, #fecdd3 100%) !important;
  border: 1.5px solid rgba(244,63,94,.22) !important;
  box-shadow: 0 6px 20px rgba(244,63,94,.13) !important;
}
.prod-ico:has(iconify-icon[icon="solar:heart-bold-duotone"]) iconify-icon { color: #e11d48 !important; }

/* Seguro Viagem — azul-céu */
.prod-ico:has(iconify-icon[icon="tabler:plane-departure"]) {
  background: linear-gradient(145deg, #f0f9ff 0%, #bae6fd 100%) !important;
  border: 1.5px solid rgba(14,165,233,.22) !important;
  box-shadow: 0 6px 20px rgba(14,165,233,.13) !important;
}
.prod-ico:has(iconify-icon[icon="tabler:plane-departure"]) iconify-icon { color: #0284c7 !important; }

/* Consórcio — âmbar */
.prod-ico:has(iconify-icon[icon="solar:wallet-money-bold-duotone"]) {
  background: linear-gradient(145deg, #fffbeb 0%, #fde68a 100%) !important;
  border: 1.5px solid rgba(217,119,6,.22) !important;
  box-shadow: 0 6px 20px rgba(217,119,6,.13) !important;
}
.prod-ico:has(iconify-icon[icon="solar:wallet-money-bold-duotone"]) iconify-icon { color: #b45309 !important; }

/* ── 3. Hover: scale e sombra sem mudar para navy ─────────── */
.prod-card:hover .prod-ico {
  transform: scale(1.1) translateY(-3px) !important;
}

/* Manter cores no hover (cancela regra antiga de navy) */
.prod-card:hover .prod-ico:has(iconify-icon[icon="tabler:car"]) {
  background: linear-gradient(145deg, #fff7ed 0%, #ffedd5 100%) !important;
  box-shadow: 0 10px 28px rgba(249,115,22,.22) !important;
}
.prod-card:hover .prod-ico:has(iconify-icon[icon="tabler:car"]) iconify-icon { color: #ea6d0b !important; }

.prod-card:hover .prod-ico:has(iconify-icon[icon="solar:scooter-bold-duotone"]) {
  background: linear-gradient(145deg, #faf5ff 0%, #ede9fe 100%) !important;
  box-shadow: 0 10px 28px rgba(124,58,237,.2) !important;
}
.prod-card:hover .prod-ico:has(iconify-icon[icon="solar:scooter-bold-duotone"]) iconify-icon { color: #7c3aed !important; }

.prod-card:hover .prod-ico:has(iconify-icon[icon="tabler:truck"]) {
  background: linear-gradient(145deg, #f0fdfa 0%, #ccfbf1 100%) !important;
  box-shadow: 0 10px 28px rgba(13,148,136,.2) !important;
}
.prod-card:hover .prod-ico:has(iconify-icon[icon="tabler:truck"]) iconify-icon { color: #0d9488 !important; }

.prod-card:hover .prod-ico:has(iconify-icon[icon="solar:heart-bold-duotone"]) {
  background: linear-gradient(145deg, #fff1f2 0%, #fecdd3 100%) !important;
  box-shadow: 0 10px 28px rgba(244,63,94,.2) !important;
}
.prod-card:hover .prod-ico:has(iconify-icon[icon="solar:heart-bold-duotone"]) iconify-icon { color: #e11d48 !important; }

.prod-card:hover .prod-ico:has(iconify-icon[icon="tabler:plane-departure"]) {
  background: linear-gradient(145deg, #f0f9ff 0%, #bae6fd 100%) !important;
  box-shadow: 0 10px 28px rgba(14,165,233,.2) !important;
}
.prod-card:hover .prod-ico:has(iconify-icon[icon="tabler:plane-departure"]) iconify-icon { color: #0284c7 !important; }

.prod-card:hover .prod-ico:has(iconify-icon[icon="solar:wallet-money-bold-duotone"]) {
  background: linear-gradient(145deg, #fffbeb 0%, #fde68a 100%) !important;
  box-shadow: 0 10px 28px rgba(217,119,6,.2) !important;
}
.prod-card:hover .prod-ico:has(iconify-icon[icon="solar:wallet-money-bold-duotone"]) iconify-icon { color: #b45309 !important; }

/* ── 4. Borda-topo do card por produto no hover ───────────── */
.prod-card:has(.prod-ico iconify-icon[icon="tabler:car"]):hover       { border-top-color: #f97316 !important; }
.prod-card:has(.prod-ico iconify-icon[icon="solar:scooter-bold-duotone"]):hover    { border-top-color: #7c3aed !important; }
.prod-card:has(.prod-ico iconify-icon[icon="tabler:truck"]):hover   { border-top-color: #0d9488 !important; }
.prod-card:has(.prod-ico iconify-icon[icon="solar:heart-bold-duotone"]):hover      { border-top-color: #e11d48 !important; }
.prod-card:has(.prod-ico iconify-icon[icon="tabler:plane-departure"]):hover   { border-top-color: #0ea5e9 !important; }
.prod-card:has(.prod-ico iconify-icon[icon="solar:wallet-money-bold-duotone"]):hover { border-top-color: #b45309 !important; }

/* ── 5. Benefit icons — cores por categoria ───────────────── */

/* Comparar seguradoras → azul */
.benefit-ico:has(iconify-icon[icon="solar:magnifer-bold-duotone"]) {
  background: linear-gradient(145deg, #eff6ff 0%, #dbeafe 100%) !important;
  border: 1.5px solid rgba(59,130,246,.2) !important;
}
.benefit-ico:has(iconify-icon[icon="solar:magnifer-bold-duotone"]) iconify-icon { color: #2563eb !important; }

/* Atendimento humano → navy */
.benefit-ico:has(iconify-icon[icon="solar:user-bold-duotone"]) {
  background: linear-gradient(145deg, #f0f4ff 0%, #e0e9ff 100%) !important;
  border: 1.5px solid rgba(27,36,56,.18) !important;
}
.benefit-ico:has(iconify-icon[icon="solar:user-bold-duotone"]) iconify-icon { color: #1b2438 !important; }

/* Rapidez → âmbar */
.benefit-ico:has(iconify-icon[icon="solar:bolt-bold-duotone"]) {
  background: linear-gradient(145deg, #fffbeb 0%, #fef3c7 100%) !important;
  border: 1.5px solid rgba(217,119,6,.2) !important;
}
.benefit-ico:has(iconify-icon[icon="solar:bolt-bold-duotone"]) iconify-icon { color: #b45309 !important; }

/* Suporte sinistro → dourado */
.benefit-ico:has(iconify-icon[icon="solar:cup-star-bold-duotone"]) {
  background: linear-gradient(145deg, #fffbeb 0%, #fde68a 100%) !important;
  border: 1.5px solid rgba(217,119,6,.25) !important;
}
.benefit-ico:has(iconify-icon[icon="solar:cup-star-bold-duotone"]) iconify-icon { color: #92400e !important; }

/* Parcelamento → teal */
.benefit-ico:has(iconify-icon[icon="solar:card-bold-duotone"]) {
  background: linear-gradient(145deg, #f0fdfa 0%, #ccfbf1 100%) !important;
  border: 1.5px solid rgba(13,148,136,.2) !important;
}
.benefit-ico:has(iconify-icon[icon="solar:card-bold-duotone"]) iconify-icon { color: #0d9488 !important; }

/* Vistoria online → roxo */
.benefit-ico:has(iconify-icon[icon="solar:video-frame-bold-duotone"]) {
  background: linear-gradient(145deg, #faf5ff 0%, #ede9fe 100%) !important;
  border: 1.5px solid rgba(124,58,237,.2) !important;
}
.benefit-ico:has(iconify-icon[icon="solar:video-frame-bold-duotone"]) iconify-icon { color: #7c3aed !important; }

/* Hover lift nos benefit cards */
.benefit-card:hover .benefit-ico {
  transform: scale(1.08) !important;
}

/* ── 6. Coverage icons (seguro-auto e similares) ──────────── */
.cov-ico:has(iconify-icon[icon="tabler:car"])          { background: linear-gradient(145deg,#fff7ed,#ffedd5) !important; border:1.5px solid rgba(249,115,22,.2) !important; }
.cov-ico:has(iconify-icon[icon="tabler:car"]) iconify-icon { color: #ea6d0b !important; }

.cov-ico:has(iconify-icon[icon="solar:lock-bold-duotone"])          { background: linear-gradient(145deg,#f8faff,#e0e9ff) !important; border:1.5px solid rgba(27,36,56,.18) !important; }
.cov-ico:has(iconify-icon[icon="solar:lock-bold-duotone"]) iconify-icon { color: #1b2438 !important; }

.cov-ico:has(iconify-icon[icon="solar:fire-bold-duotone"])          { background: linear-gradient(145deg,#fff7ed,#fed7aa) !important; border:1.5px solid rgba(234,88,12,.2) !important; }
.cov-ico:has(iconify-icon[icon="solar:fire-bold-duotone"]) iconify-icon { color: #ea580c !important; }

.cov-ico:has(iconify-icon[icon="solar:cloud-bold-duotone"])         { background: linear-gradient(145deg,#f0f9ff,#bae6fd) !important; border:1.5px solid rgba(14,165,233,.2) !important; }
.cov-ico:has(iconify-icon[icon="solar:cloud-bold-duotone"]) iconify-icon { color: #0284c7 !important; }

.cov-ico:has(iconify-icon[icon="solar:users-group-rounded-bold-duotone"]) { background: linear-gradient(145deg,#faf5ff,#ede9fe) !important; border:1.5px solid rgba(124,58,237,.2) !important; }
.cov-ico:has(iconify-icon[icon="solar:users-group-rounded-bold-duotone"]) iconify-icon { color: #7c3aed !important; }

.cov-ico:has(iconify-icon[icon="solar:settings-minimalistic-bold-duotone"]) { background: linear-gradient(145deg,#f0fdfa,#ccfbf1) !important; border:1.5px solid rgba(13,148,136,.2) !important; }
.cov-ico:has(iconify-icon[icon="solar:settings-minimalistic-bold-duotone"]) iconify-icon { color: #0d9488 !important; }

.cov-ico:has(iconify-icon[icon="solar:eye-bold-duotone"])           { background: linear-gradient(145deg,#fffbeb,#fef3c7) !important; border:1.5px solid rgba(217,119,6,.2) !important; }
.cov-ico:has(iconify-icon[icon="solar:eye-bold-duotone"]) iconify-icon { color: #b45309 !important; }

.cov-ico:has(iconify-icon[icon="tabler:car-crash"])     { background: linear-gradient(145deg,#fff1f2,#fecdd3) !important; border:1.5px solid rgba(244,63,94,.2) !important; }
.cov-ico:has(iconify-icon[icon="tabler:car-crash"]) iconify-icon { color: #e11d48 !important; }

/* Colisão em páginas de moto/caminhão/frota — triângulo de perigo */
.cov-ico:has(iconify-icon[icon="solar:danger-triangle-bold-duotone"]) { background: linear-gradient(145deg,#fff1f2,#fecdd3) !important; border:1.5px solid rgba(244,63,94,.2) !important; }
.cov-ico:has(iconify-icon[icon="solar:danger-triangle-bold-duotone"]) iconify-icon { color: #e11d48 !important; }

/* Carga transportada (caminhão) — caixa âmbar */
.cov-ico:has(iconify-icon[icon="tabler:package"])       { background: linear-gradient(145deg,#fffbeb,#fef3c7) !important; border:1.5px solid rgba(217,119,6,.2) !important; }
.cov-ico:has(iconify-icon[icon="tabler:package"]) iconify-icon { color: #b45309 !important; }

/* Headphones (atendimento / assistência) */
.cov-ico:has(iconify-icon[icon="solar:headphones-round-sound-bold-duotone"]) { background: linear-gradient(145deg,#f0f4ff,#e0e9ff) !important; border:1.5px solid rgba(27,36,56,.18) !important; }
.cov-ico:has(iconify-icon[icon="solar:headphones-round-sound-bold-duotone"]) iconify-icon { color: #1b2438 !important; }

/* Casco / cobertura compreensiva — verde */
.cov-ico:has(iconify-icon[icon="solar:shield-check-bold-duotone"]) { background: linear-gradient(145deg,#f0fdf4,#dcfce7) !important; border:1.5px solid rgba(22,163,74,.2) !important; }
.cov-ico:has(iconify-icon[icon="solar:shield-check-bold-duotone"]) iconify-icon { color: #15803D !important; }

/* Vidros e janelas — azul */
.cov-ico:has(iconify-icon[icon="tabler:window"])        { background: linear-gradient(145deg,#f0f9ff,#bae6fd) !important; border:1.5px solid rgba(14,165,233,.2) !important; }
.cov-ico:has(iconify-icon[icon="tabler:window"]) iconify-icon { color: #0284c7 !important; }

/* ── 7. Espaçamento extra nos .prod-card ──────────────────── */
.prod-card { padding-top: 32px !important; }