:root {
  --offer499-accent: #0099d5;
  --offer499-accent-deep: #006b94;
  --offer499-on-accent: #ffffff;
  --offer499-ink: #0f1011;
  --offer499-soft: #e7f8fe;
}

.offer499-home-promo {
  width: min(1120px, calc(100% - 32px));
  margin: clamp(1rem, 3vw, 2rem) auto 0;
}

.offer499-home-card {
  position: relative;
  padding: clamp(1.35rem, 3vw, 2rem);
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: clamp(1.25rem, 3vw, 2.5rem);
  border-radius: 18px;
  background: var(--offer499-soft);
  color: var(--offer499-ink);
}

.offer499-home-card::after {
  position: absolute;
  right: -5rem;
  bottom: -7rem;
  width: 14rem;
  height: 14rem;
  border-radius: 50%;
  background: rgba(0, 153, 213, .1);
  content: "";
  pointer-events: none;
}

.offer499-home-copy { position: relative; z-index: 1; }
.offer499-home-kicker {
  margin: 0 0 .55rem;
  display: flex;
  align-items: center;
  gap: .65rem;
  color: var(--offer499-accent-deep);
  font-size: .7rem;
  font-weight: 850;
  letter-spacing: .105em;
  text-transform: uppercase;
}
.offer499-home-kicker b {
  padding: .28rem .42rem;
  border-radius: 7px;
  background: var(--offer499-accent-deep);
  color: var(--offer499-on-accent);
  font-size: .67rem;
  letter-spacing: 0;
}
.offer499-home-copy h2 {
  max-width: 38rem;
  margin: 0;
  color: var(--offer499-ink);
  font-family: "SF Pro Display", Inter, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: clamp(1.7rem, 3.2vw, 2.65rem);
  font-weight: 670;
  letter-spacing: -.047em;
  line-height: 1.02;
}
.offer499-home-copy h2 strong { color: var(--offer499-accent-deep); font-weight: inherit; }
.offer499-home-description { margin: .65rem 0 0; color: #48535a; font-size: .9rem; line-height: 1.45; }
.offer499-home-deadline {
  margin: .7rem 0 0;
  display: flex;
  align-items: baseline;
  gap: .35rem;
  color: #536068;
  font-size: .72rem;
  font-weight: 720;
}
.offer499-home-deadline::before { width: 6px; height: 6px; border-radius: 50%; background: var(--offer499-accent); box-shadow: 0 0 0 5px rgba(0, 153, 213, .1); content: ""; }
.offer499-home-deadline strong { color: var(--offer499-accent-deep); font-size: .84rem; font-variant-numeric: tabular-nums; }
.offer499-home-deadline time { margin-left: .2rem; font-weight: 620; }

.offer499-home-price { min-width: 8.2rem; display: grid; justify-items: start; }
.offer499-home-price > span { color: #667078; font-size: .75rem; font-weight: 650; }
.offer499-home-price del { text-decoration-thickness: 1.4px; }
.offer499-home-price strong { color: var(--offer499-accent-deep); font-size: clamp(2.25rem, 4vw, 3.15rem); font-variant-numeric: tabular-nums; letter-spacing: -.065em; line-height: 1; }
.offer499-home-price strong small { font-size: .72rem; letter-spacing: 0; }
.offer499-home-price em { margin-top: .15rem; color: #455159; font-size: .72rem; font-style: normal; font-weight: 750; }

.offer499-home-link {
  position: relative;
  z-index: 1;
  min-height: 50px;
  padding: 0 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  border-radius: 11px;
  background: var(--offer499-ink);
  color: var(--offer499-on-accent) !important;
  font-size: .84rem;
  font-weight: 760;
  text-decoration: none;
  transition: background-color 180ms ease, transform 180ms ease;
}
.offer499-home-link:hover { background: var(--offer499-accent-deep); transform: translateY(-2px); }
.offer499-home-link svg { width: 17px; height: 17px; }

.offer499-web-promo { margin: 0 0 clamp(1.8rem, 4vw, 3rem); }
.offer499-web-promo > a {
  padding: 1rem 1.15rem;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto 20px;
  align-items: center;
  gap: 1rem;
  border-radius: 15px;
  background: var(--offer499-soft);
  color: var(--offer499-ink);
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease;
}
.offer499-web-promo > a:hover { transform: translateY(-2px); box-shadow: 0 16px 36px rgba(0, 93, 130, .12); }
.offer499-web-flag {
  color: var(--offer499-accent-deep);
  font-size: .66rem;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.offer499-web-copy { display: grid; gap: .2rem; }
.offer499-web-copy strong { font-size: .98rem; letter-spacing: -.02em; }
.offer499-web-copy small { color: #536068; font-size: .78rem; line-height: 1.35; }
.offer499-web-copy .offer499-web-deadline { margin-top: .15rem; color: var(--offer499-accent-deep); font-size: .68rem; font-weight: 760; }
.offer499-web-deadline b { font-variant-numeric: tabular-nums; }
.offer499-web-price { min-width: 6.7rem; display: grid; justify-items: end; }
.offer499-web-price del { color: #68727a; font-size: .7rem; }
.offer499-web-price b { color: var(--offer499-accent-deep); font-size: 1.55rem; font-variant-numeric: tabular-nums; letter-spacing: -.045em; line-height: 1; }
.offer499-web-price b small { font-size: .65rem; letter-spacing: 0; }
.offer499-web-promo > a > svg { width: 19px; height: 19px; color: var(--offer499-accent-deep); }

.offer499-home-link:focus-visible,
.offer499-web-promo > a:focus-visible { outline: 3px solid var(--offer499-accent-deep); outline-offset: 4px; }

html.dark .offer499-home-card,
html.dark .offer499-web-promo > a { background: #082733; color: #f4f7f8; }
html.dark .offer499-home-copy h2,
html.dark .offer499-web-copy strong { color: #f4f7f8; }
html.dark .offer499-home-copy h2 strong,
html.dark .offer499-home-kicker,
html.dark .offer499-home-price strong,
html.dark .offer499-web-flag,
html.dark .offer499-web-price b,
html.dark .offer499-web-promo > a > svg { color: var(--offer499-accent); }
html.dark .offer499-home-copy > p:last-child,
html.dark .offer499-home-price > span,
html.dark .offer499-home-price em,
html.dark .offer499-web-copy small,
html.dark .offer499-web-price del { color: #b9c8ce; }
html.dark .offer499-home-description,
html.dark .offer499-home-deadline { color: #b9c8ce; }
html.dark .offer499-home-deadline strong,
html.dark .offer499-web-copy .offer499-web-deadline { color: var(--offer499-accent); }

@media (max-width: 700px) {
  #tab-inicio > .offer499-home-promo { width: calc(100% - 32px) !important; margin: .9rem auto 0 !important; }
  .offer499-home-card {
    padding: 1.25rem;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    border-radius: 16px;
  }
  .offer499-home-copy { grid-column: 1 / -1; }
  .offer499-home-copy h2 { font-size: clamp(1.65rem, 8vw, 2.05rem); }
  .offer499-home-description { font-size: .83rem; }
  .offer499-home-deadline { flex-wrap: wrap; font-size: .69rem; }
  .offer499-home-deadline time { flex-basis: 100%; margin-left: 11px; }
  .offer499-home-price { min-width: 0; }
  .offer499-home-price strong { font-size: 2.35rem; }
  .offer499-home-link { min-height: 48px; padding-inline: .9rem; }

  .offer499-web-promo { margin-bottom: 1.7rem; }
  .offer499-web-promo > a {
    padding: 1rem;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .55rem 1rem;
    border-radius: 14px;
  }
  .offer499-web-flag { grid-column: 1; }
  .offer499-web-copy { grid-column: 1; }
  .offer499-web-price { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
  .offer499-web-promo > a > svg { display: none; }
}

@media (max-width: 350px) {
  .offer499-home-card { padding: 1.1rem; }
  .offer499-home-link { font-size: .78rem; }
  .offer499-web-promo > a { grid-template-columns: 1fr; }
  .offer499-web-price { grid-column: 1; grid-row: auto; justify-items: start; }
}

@media (prefers-reduced-motion: reduce) {
  .offer499-home-link,
  .offer499-web-promo > a { transition: none; }
}