.pricing{
  --panel:#121418;--text:#fff;--muted:#fff;--gap:28px;
  padding:clamp(24px,4vw,40px) 16px;color:var(--text);
  font-family: "Mulish",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.pricing__grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);
  max-width:1200px;margin:0 auto
}

.pricing-card{
  --accent:var(--accent);
  --on-accent:#17191c;
  --card-bg-start:#26203b;
  --card-bg-end:#121418;
  --card-bg-angle:145deg;
  background:linear-gradient(var(--card-bg-angle), var(--card-bg-start), var(--card-bg-end));

  border-radius:16px;
  padding:clamp(18px,2.4vw,26px);display:flex;flex-direction:column;
  box-shadow:0 0 0 1px rgba(0,0,0,.3),0 6px 30px rgba(0,0,0,.25)
}
.pricing-card.is-featured{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(0,0,0,.35),0 12px 48px rgba(0,0,0,.35)}

.pricing-card__head{display:grid;gap:8px}
.pricing-card__category{font:400 22px/1.2 color:var(--text)}
.pricing-card__name{margin:0;font:900 clamp(30px,3.5vw,42px)/1 "Mulish",sans-serif}
.pricing-card__tier{color:var(--accent)}
.pricing-card__summary{font-size:16px;line-height:1.6;color:var(--muted);margin:0}

.pricing-card__features{list-style:none;margin:6px 0 8px;padding:0;display:grid;gap:12px}
.pricing-card__feature{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;padding:8px;}
.pricing-card__feature.is-emphasis{background:color-mix(in srgb,var(--accent),transparent 88%)}
.pricing-card__icon{display:inline-grid;place-items:center;color:var(--accent)}
.pricing-card__icon svg{display:block}
.pricing-card__feature-text{font-size:16px;line-height:1.2;color:var(--text)}

.pricing-card__price{
  margin-top:auto;
  display:flex;
  align-items:baseline;
  gap:8px 10px;
  padding-top:14px;
  border-top:3px solid color-mix(in srgb,var(--accent),transparent 60%);
}

.pricing-card__amount{
  font-weight:900; font-size:clamp(36px,4vw,48px)/1.1;
  letter-spacing:.2px;
  display:inline-flex;
  align-items:baseline;
}

.pricing-card__symbol{ margin-right:4px }

.pricing-card__currency{
  font-weight:900; font-size:clamp(18px,1.4vw,22px)/1;
  color:var(--text);
}

.pricing-card__suffix{
  flex-basis:100%;
  margin-top:2px;
  font-size:16px;
  color:var(--muted);
}

.pricing-card__cta{margin:8px 0 0}
.pricing-card__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:var(--btn-height-md, 46px);
  padding:0 var(--btn-px-md, 24px);
  font-size:16px;
  line-height:1;
  font-weight:700;
  background:#000;
  margin:5px auto 0;
  width:max-content;
  border-radius:var(--btn-radius-pill, 10px);
  color:var(--accent);
  text-decoration:none;
  transition:background-color .2s ease, color .2s ease, border-color .2s ease;
  border: 1px solid var(--accent);
}

/* aplicar colores por card */
.pricing-card[style*="--accent"] .pricing-card__tier{color:var(--accent)}
.pricing-card[style*="--accent"] .pricing-card__icon{color:var(--accent)}
.pricing-card[style*="--accent"] .pricing-card__price{border-top-color:color-mix(in srgb,var(--accent),transparent 60%)}
.pricing-card[style*="--accent"] .pricing-card__button:hover{background-color:#000; border: 1px solid var(--accent); color: var(--accent); text-decoration:none;}
.pricing-card[style*="--accent"] .pricing-card__button:focus{background-color:#000; border: 1px solid var(--accent); color: var(--accent); text-decoration:none;}

@media (max-width:1199px){.pricing__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:768px){
  .pricing-card__price{margin: 0 auto; flex-wrap: nowrap;align-items: center;}
  .pricing__grid{grid-template-columns:1fr;gap:14px}
  .pricing{padding:1rem 0;}
  .pricing-card{padding:16px;border-radius:10px;border-width:2px}
  .pricing-card__head{align-items:flex-start;text-align:left;}
  .pricing-card__summary{text-align:left;}
  .pricing-card__button{width:100%;max-width:360px}
}