.unidcar-benefits {
  --unidcar-navy: #10235d;
  --unidcar-blue: #0b43c8;
  --unidcar-cyan: #08a8dd;
  --unidcar-green: #0e9e5c;
  --unidcar-red: #d83138;
  --unidcar-ink: #17233f;
  --unidcar-muted: #667085;
  --unidcar-line: #e6eaf2;
  --unidcar-bg: #f6f8fc;
  color: var(--unidcar-ink);
  font-family: inherit;
  margin: 0 auto;
  max-width: 1240px;
  width: 100%;
}

.unidcar-benefits *, .unidcar-benefits *::before, .unidcar-benefits *::after { box-sizing: border-box; }
.unidcar-benefits button, .unidcar-benefits input, .unidcar-benefits select { font: inherit; }
.unidcar-benefits svg { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }

.unidcar-benefits__hero {
  align-items: center;
  background:
    radial-gradient(circle at 90% 10%, rgba(8,168,221,.28), transparent 34%),
    linear-gradient(130deg, #071a4d 0%, #0b43c8 62%, #0d73cf 100%);
  border-radius: 28px;
  color: #fff;
  display: flex;
  gap: 32px;
  justify-content: space-between;
  margin-bottom: 28px;
  overflow: hidden;
  padding: 44px 48px;
  position: relative;
}

.unidcar-benefits__hero::after {
  border: 28px solid rgba(255,255,255,.08);
  border-radius: 50%;
  content: "";
  height: 210px;
  position: absolute;
  right: -70px;
  top: -80px;
  width: 210px;
}

.unidcar-benefits__hero-copy { max-width: 760px; position: relative; z-index: 1; }
.unidcar-benefits__eyebrow { color: #85e8ff; display: block; font-size: 12px; font-weight: 800; letter-spacing: .16em; margin-bottom: 10px; text-transform: uppercase; }
.unidcar-benefits__hero h2 { color: #fff; font-size: clamp(30px, 4vw, 48px); font-weight: 800; letter-spacing: -.035em; line-height: 1.08; margin: 0 0 12px; }
.unidcar-benefits__hero p { color: rgba(255,255,255,.82); font-size: 16px; line-height: 1.65; margin: 0; max-width: 620px; }
.unidcar-benefits__counter { align-items: center; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2); border-radius: 20px; display: flex; flex: 0 0 auto; gap: 12px; min-width: 178px; padding: 18px 20px; position: relative; z-index: 1; }
.unidcar-benefits__counter strong { color: #fff; font-size: 36px; letter-spacing: -.04em; line-height: 1; }
.unidcar-benefits__counter span { color: rgba(255,255,255,.78); font-size: 12px; font-weight: 700; letter-spacing: .04em; line-height: 1.35; text-transform: uppercase; }

.unidcar-benefits__filters { background: #fff; border: 1px solid var(--unidcar-line); border-radius: 18px; box-shadow: 0 10px 34px rgba(18,42,87,.07); display: grid; gap: 12px; grid-template-columns: minmax(0,1fr) minmax(210px,300px); margin-bottom: 16px; padding: 12px; }
.unidcar-benefits__search { align-items: center; display: flex; position: relative; }
.unidcar-benefits__search svg { color: #75809a; height: 20px; left: 16px; pointer-events: none; position: absolute; width: 20px; }
.unidcar-benefits__search input, .unidcar-benefits__select-wrap select { appearance: none; background: var(--unidcar-bg); border: 1px solid transparent; border-radius: 12px; color: var(--unidcar-ink); font-size: 15px; height: 50px; outline: none; transition: border-color .2s, box-shadow .2s, background .2s; width: 100%; }
.unidcar-benefits__search input { padding: 0 16px 0 48px; }
.unidcar-benefits__select-wrap { position: relative; }
.unidcar-benefits__select-wrap::after { border-bottom: 2px solid var(--unidcar-blue); border-right: 2px solid var(--unidcar-blue); content: ""; height: 8px; pointer-events: none; position: absolute; right: 18px; top: 19px; transform: rotate(45deg); width: 8px; }
.unidcar-benefits__select-wrap select { cursor: pointer; padding: 0 42px 0 16px; }
.unidcar-benefits__search input:focus, .unidcar-benefits__select-wrap select:focus { background: #fff; border-color: var(--unidcar-cyan); box-shadow: 0 0 0 4px rgba(8,168,221,.12); }

.unidcar-benefits__categories { display: flex; flex-wrap: wrap; gap: 9px; margin: 0 0 24px; }
.unidcar-benefits__categories button { align-items: center; background: #fff; border: 1px solid var(--unidcar-line); border-radius: 999px; color: #526079; cursor: pointer; display: inline-flex; font-size: 13px; font-weight: 700; gap: 7px; min-height: 40px; padding: 8px 15px; transition: color .2s, border-color .2s, background .2s, transform .2s; }
.unidcar-benefits__categories button svg { height: 17px; width: 17px; }
.unidcar-benefits__categories button:hover { border-color: #b9c8eb; color: var(--unidcar-blue); transform: translateY(-1px); }
.unidcar-benefits__categories button.is-active { background: var(--unidcar-blue); border-color: var(--unidcar-blue); box-shadow: 0 6px 16px rgba(11,67,200,.2); color: #fff; }

.unidcar-benefits__grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0,1fr)); }
.unidcar-benefit-card { background: #fff; border: 1px solid var(--unidcar-line); border-radius: 20px; box-shadow: 0 8px 24px rgba(24,45,84,.06); display: flex; flex-direction: column; min-height: 280px; overflow: hidden; padding: 22px; position: relative; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.unidcar-benefit-card::before { background: linear-gradient(90deg,var(--unidcar-blue),var(--unidcar-cyan),var(--unidcar-green)); content: ""; height: 3px; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: opacity .25s; }
.unidcar-benefit-card:hover { border-color: #cbd7ed; box-shadow: 0 18px 42px rgba(24,45,84,.12); transform: translateY(-4px); }
.unidcar-benefit-card:hover::before { opacity: 1; }
.unidcar-benefit-card[hidden] { display: none; }
.unidcar-benefit-card__top { align-items: flex-start; display: flex; gap: 8px; justify-content: space-between; margin-bottom: 18px; }
.unidcar-benefit-card__category { align-items: center; background: #edf3ff; border-radius: 999px; color: var(--unidcar-blue); display: inline-flex; font-size: 11px; font-weight: 800; gap: 5px; letter-spacing: .04em; padding: 7px 9px; text-transform: uppercase; }
.unidcar-benefit-card__category svg { height: 14px; width: 14px; }
.unidcar-benefit-card__category--saude { background: #eaf8f1; color: var(--unidcar-green); }
.unidcar-benefit-card__category--veiculo { background: #edf3ff; color: var(--unidcar-blue); }
.unidcar-benefit-card__category--residencia { background: #e9f8fc; color: #0780aa; }
.unidcar-benefit-card__category--familia { background: #fff0f1; color: var(--unidcar-red); }
.unidcar-benefit-card__city { color: #7b8498; font-size: 11px; font-weight: 700; padding-top: 7px; text-align: right; text-transform: uppercase; }
.unidcar-benefit-card h3 { color: var(--unidcar-navy); font-size: 20px; font-weight: 800; letter-spacing: -.02em; line-height: 1.25; margin: 0 0 16px; }
.unidcar-benefit-card__benefit { border-left: 3px solid var(--unidcar-cyan); margin-bottom: 20px; padding-left: 12px; }
.unidcar-benefit-card__benefit span { color: #8b94a8; display: block; font-size: 10px; font-weight: 800; letter-spacing: .08em; margin-bottom: 4px; text-transform: uppercase; }
.unidcar-benefit-card__benefit p { color: #46526a; font-size: 14px; line-height: 1.55; margin: 0; }
.unidcar-benefit-card__phone { align-items: center; border-top: 1px solid var(--unidcar-line); color: var(--unidcar-blue); display: flex; font-size: 14px; font-weight: 800; gap: 8px; margin-top: auto; padding-top: 15px; text-decoration: none !important; }
.unidcar-benefit-card__phone:hover { color: var(--unidcar-green); }
.unidcar-benefit-card__phone svg { height: 17px; width: 17px; }
.unidcar-benefit-card__phone--empty { color: var(--unidcar-muted); }

.unidcar-benefits__empty { align-items: center; background: var(--unidcar-bg); border: 1px dashed #c8d1e2; border-radius: 20px; display: flex; flex-direction: column; grid-column: 1/-1; padding: 54px 20px; text-align: center; }
.unidcar-benefits__empty[hidden] { display: none; }
.unidcar-benefits__empty svg { color: var(--unidcar-blue); height: 38px; margin-bottom: 12px; width: 38px; }
.unidcar-benefits__empty h3 { color: var(--unidcar-navy); font-size: 20px; margin: 0 0 5px; }
.unidcar-benefits__empty p { color: var(--unidcar-muted); font-size: 14px; margin: 0 0 16px; }
.unidcar-benefits__empty button { background: var(--unidcar-blue); border: 0; border-radius: 10px; color: #fff; cursor: pointer; font-size: 13px; font-weight: 800; padding: 10px 15px; }
.unidcar-benefits__empty--static { margin-top: 20px; }
.unidcar-benefits__note { color: #7b8498; font-size: 12px; line-height: 1.6; margin: 22px 4px 0; text-align: center; }
.unidcar-benefits .screen-reader-text { clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

@media (max-width: 960px) {
  .unidcar-benefits__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .unidcar-benefits__hero { padding: 38px 34px; }
}

@media (max-width: 640px) {
  .unidcar-benefits__hero { align-items: flex-start; border-radius: 20px; flex-direction: column; gap: 22px; padding: 30px 24px; }
  .unidcar-benefits__hero h2 { font-size: 32px; }
  .unidcar-benefits__counter { min-width: 0; width: 100%; }
  .unidcar-benefits__filters { grid-template-columns: 1fr; }
  .unidcar-benefits__categories { flex-wrap: nowrap; margin-left: -2px; margin-right: -2px; overflow-x: auto; padding: 2px 2px 8px; scrollbar-width: thin; }
  .unidcar-benefits__categories button { flex: 0 0 auto; }
  .unidcar-benefits__grid { grid-template-columns: 1fr; }
  .unidcar-benefit-card { min-height: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .unidcar-benefit-card, .unidcar-benefits__categories button { transition: none; }
}