/* Tarifas — estilos locales (sin tocar el sistema global) */

.tarifasActions{
  display:flex;
  flex-wrap:wrap;
  gap: .75rem;
  margin-top: 1rem;
}

.tarifasNote{
  margin: .9rem 0 0;
  color: var(--muted, #64748B);
  max-width: 70ch;
}

.tarifasGrid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--section-gap);
}

.priceCard{
  padding: 1.6rem;
}

.priceCard__title{
  margin: 0;
}

.priceCard__meta{
  margin: .45rem 0 0;
  color: var(--muted, #64748B);
}

.priceCard__value{
  margin: 1.05rem 0 .75rem;
  font-weight: 800;
  font-size: clamp(2rem, 3vw, 2.4rem);
  letter-spacing: -0.02em;
  color: var(--text, #0F172A);
}

.priceCard__text{
  margin: 0;
  color: var(--muted, #64748B);
  max-width: 60ch;
}

.priceMore{
  padding: 1.4rem 1.6rem;
}

.priceMore h2{
  margin: 0;
}

.priceList{
  list-style: none;
  padding: 0;
  margin: 1rem 0 0;
  display: grid;
  gap: .55rem;
  color: var(--muted, #64748B);
}

.priceList li{
  padding-left: 1.2rem;
  position: relative;
}

.priceList li::before{
  content: "•";
  position: absolute;
  left: 0;
  color: rgba(15,23,42,.45);
}

.tarifasCta{
  margin-top: 1.2rem;
}

@media (max-width: 900px){
  .tarifasGrid{
    grid-template-columns: 1fr;
  }
}