/* Visual treatment for the three existing homepage entry links. */
body.landing-refresh a.button.tp-primary-action {
  --action-top: #168dff;
  --action-bottom: #075abc;
  --action-rim: #64c3ff;
  --action-glow: #b5e6ff;
  --action-ink: #fff;
  --action-icon-bg: #54baf0;
  --action-arrow-bg: #daefff;
  --action-arrow-ink: #0759ac;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  width: 100%;
  max-width: 450px;
  min-height: 82px;
  padding: 12px 16px;
  border: 3px solid var(--action-rim);
  border-radius: 38px;
  background: linear-gradient(165deg, var(--action-top), var(--action-bottom));
  color: var(--action-ink);
  box-shadow: inset 0 2px 2px #ffffff55, 0 0 0 5px #fff, 0 0 0 7px var(--action-glow), 0 8px 24px var(--action-glow);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
  text-decoration: none;
  transition: transform .16s ease, filter .16s ease;
}
body.landing-refresh a.button.tp-primary-action--mission {
  --action-top: #ffd76a;
  --action-bottom: #ffb72a;
  --action-rim: #ffe284;
  --action-glow: #ffe8b0;
  --action-ink: #083866;
  --action-icon-bg: #fffdf3;
  --action-arrow-bg: #fff7dd;
  --action-arrow-ink: #24445a;
}
body.landing-refresh a.button.tp-primary-action--city {
  --action-top: #05c9ad;
  --action-bottom: #078780;
  --action-rim: #58efcf;
  --action-glow: #b8f5e6;
  --action-icon-bg: #abf8e0;
  --action-arrow-bg: #d6fff1;
  --action-arrow-ink: #087b76;
}
body.landing-refresh .tp-action-label { flex: 1; min-width: 0; }
body.landing-refresh .tp-action-icon,
body.landing-refresh .tp-action-arrow {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
}
body.landing-refresh .tp-action-icon {
  width: 50px;
  height: 50px;
  background: var(--action-icon-bg);
}
body.landing-refresh .tp-action-arrow {
  width: 42px;
  height: 42px;
  background: var(--action-arrow-bg);
  color: var(--action-arrow-ink);
}
body.landing-refresh a.button.tp-primary-action .tp-action-icon svg { width: 29px; height: 29px; }
body.landing-refresh a.button.tp-primary-action .tp-action-arrow svg { width: 26px; height: 26px; }
body.landing-refresh a.button.tp-primary-action--mission .tp-action-icon svg { color: #e99a00; fill: currentColor; }
body.landing-refresh a.button.tp-primary-action--city .tp-action-icon svg { color: #078d83; }
body.landing-refresh a.button.tp-primary-action:hover { transform: translateY(-2px); filter: brightness(1.04); }
body.landing-refresh a.button.tp-primary-action:active { transform: translateY(1px); }
body.landing-refresh a.button.tp-primary-action:focus-visible { outline: 3px solid #163d6e; outline-offset: 10px; }
body.landing-refresh #inicio .hero-actions,
body.landing-refresh #ciudad-laboral .city-promo-actions { gap: 20px; }
/* The city identifier remains a non-interactive badge. */
body.landing-refresh #ciudad-laboral .city-promo-badge.tp-city-badge {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 100%;
  min-height: 82px;
  margin: 0 0 24px;
  padding: 8px 10px;
  border: 3px solid #76e9cf;
  border-radius: 48px;
  background: linear-gradient(110deg, #f8fffd 45%, #d8f8ee);
  color: #075c67;
  box-shadow: inset 0 1px 3px #fff, 0 0 0 4px #fff, 0 0 0 6px #bbfae9, 0 0 20px 4px #77ebcc66;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
}
body.landing-refresh #ciudad-laboral .tp-city-badge-icon,
body.landing-refresh #ciudad-laboral .tp-city-badge-arrow {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  box-shadow: none;
}
body.landing-refresh #ciudad-laboral .tp-city-badge-icon {
  width: 58px;
  height: 58px;
  background: #b1efdd;
  color: #077b81;
}
body.landing-refresh #ciudad-laboral .tp-city-badge-icon svg { width: 36px; height: 36px; }
body.landing-refresh #ciudad-laboral .tp-city-badge-label {
  flex: 1;
  min-width: 0;
  width: auto;
  height: auto;
  padding-left: 12px;
  border-left: 2px solid #a5e9d7;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #075c67;
}
body.landing-refresh #ciudad-laboral .tp-city-badge-arrow {
  width: 44px;
  height: 44px;
  background: #f6fffc;
  color: #059b87;
}
body.landing-refresh #ciudad-laboral .tp-city-badge-arrow svg { width: 28px; height: 28px; }
@media (max-width: 600px) {
  body.landing-refresh #ciudad-laboral .city-promo-badge.tp-city-badge { gap: 8px; font-size: 16px; padding: 8px; }
  body.landing-refresh #ciudad-laboral .tp-city-badge-icon { width: 44px; height: 44px; }
  body.landing-refresh #ciudad-laboral .tp-city-badge-icon svg { width: 28px; height: 28px; }
  body.landing-refresh #ciudad-laboral .tp-city-badge-label { padding-left: 8px; }
  body.landing-refresh #ciudad-laboral .tp-city-badge-arrow { width: 32px; height: 32px; }
  body.landing-refresh #ciudad-laboral .tp-city-badge-arrow svg { width: 22px; height: 22px; }
}
@media (max-width: 400px) {
  body.landing-refresh a.button.tp-primary-action { gap: 9px; padding: 10px; min-height: 76px; font-size: 16px; }
  body.landing-refresh .tp-action-icon { width: 40px; height: 40px; }
  body.landing-refresh .tp-action-arrow { width: 34px; height: 34px; }
}
@media (prefers-reduced-motion: reduce) {
  body.landing-refresh a.button.tp-primary-action { transition: none; }
  body.landing-refresh a.button.tp-primary-action:hover,
  body.landing-refresh a.button.tp-primary-action:active { transform: none; }
}