/* Co-branding exception: preserve Puntos purple and existing journey accents. */
body.puntos-cobrand-page .servicios-card-icon {
  flex:0 0 auto;
  width:64px;
  height:64px;
  margin-inline:auto;
}
body.puntos-cobrand-page .servicios-card-icon img {
  display:block;
  width:48px;
  height:48px;
  object-fit:contain;
}
body.puntos-cobrand-page :is(.servicios-button,.servicios-card-links a) {
  --puntos-action-accent:#8cff01;
  --puntos-action-tint:rgba(140,255,1,.12);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  min-height:56px;
  max-width:100%;
  padding:16px 24px;
  border:1px solid var(--puntos-action-accent);
  border-radius:18px;
  background:linear-gradient(145deg,var(--puntos-action-tint),rgba(0,0,0,.94)),rgba(0,0,0,.88);
  color:var(--puntos-action-accent)!important;
  font:800 18px/1.3 Magnetik,Arial,sans-serif;
  text-decoration:none;
  text-align:center;
  white-space:normal;
  overflow-wrap:break-word;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 var(--puntos-action-tint),0 10px 24px rgba(0,0,0,.18);
  backdrop-filter:blur(18px) saturate(150%);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  transition:transform .2s ease,box-shadow .2s ease;
}
body.puntos-cobrand-page .servicios-card-links .servicios-link--buy {
  --puntos-action-accent:#03b2ff;
  --puntos-action-tint:rgba(3,178,255,.15);
}
body.puntos-cobrand-page :is(.servicios-button,.servicios-card-links a):hover {
  border-color:var(--puntos-action-accent);
  color:var(--puntos-action-accent)!important;
  transform:translateY(-2px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 12px 28px rgba(0,0,0,.25);
}
body.puntos-cobrand-page :is(.servicios-button,.servicios-card-links a):focus-visible {
  outline:2px solid var(--puntos-action-accent);
  outline-offset:4px;
}
body.puntos-cobrand-page .alliance-benefits-section {background:#000;color:#fff;}
body.puntos-cobrand-page .alliance-benefits-section::before {content:none;}
body.puntos-cobrand-page .alliance-benefits-header :is(h2,p) {color:#fff;}
body.puntos-cobrand-page .alliance-logo-set figure {background:linear-gradient(145deg,#fff,#eee);}
@media(max-width:420px) {
  body.puntos-cobrand-page .servicios-card-links {flex-direction:column;}
  body.puntos-cobrand-page .servicios-card-links a {width:100%;}
}
@media(prefers-reduced-motion:reduce) {
  body.puntos-cobrand-page :is(.servicios-button,.servicios-card-links a) {transition:none;transform:none;}
}
