/* ============================================================
   ASESORÍA — lista de beneficios + tarjeta de conversión
   ============================================================ */

.get-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
}

/* Título de la columna izquierda */
.get-heading {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 2.3rem;
  font-weight: 600;
  margin: .8rem 0 1.4rem;
  color: var(--ink);
}

.get-list { list-style: none; display: flex; flex-direction: column; gap: 1.15rem }
.get-list li { display: flex; gap: 1rem; align-items: flex-start }
.get-list .ck {
  flex: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--gold);
  color: var(--navy-900);
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: .9rem;
  margin-top: 2px;
}
.get-list b    { display: block; font-size: 1.08rem; color: var(--ink) }
.get-list span { color: var(--slate); font-size: .97rem }

/* Tarjeta de precio */
.get-card {
  background: var(--navy-800);
  color: #fff;
  border-radius: 28px;
  padding: 2.6rem;
  box-shadow: var(--shadow);
  position: relative;
  overflow: hidden;
}
.get-card::after {
  content: "";
  position: absolute;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(200,155,60,.28), transparent 70%);
  right: -80px;
  bottom: -80px;
}
.get-card .tag    { position: relative }
.get-card h3      { font-size: 1.7rem; font-weight: 600; margin: 1rem 0 .6rem; position: relative; color: #fff }
.get-card p       { color: rgba(255,255,255,.82); position: relative; margin-bottom: 1.6rem }
.get-card .free   {
  font-family: 'Fraunces', serif;
  font-size: 2.6rem;
  color: var(--gold-soft);
  position: relative;
  display: flex;
  align-items: baseline;
  gap: .5rem;
}
.get-card .free s { font-size: 1.2rem; color: rgba(255,255,255,.45) }
.get-card .btn    { position: relative; width: 100%; justify-content: center; margin-top: 1.6rem }
.get-card small   { display: block; text-align: center; margin-top: .9rem; color: rgba(255,255,255,.6); position: relative }

@media (max-width: 860px) {
  .get-grid { grid-template-columns: 1fr }
}