/* Página de funciones: «Y además» (por temas), «Empezar» y «Privacidad». Mismos
   tokens que la portada: tarjetas oscuras, amarillo de la marca para los acentos. */
.mas-head { max-width: 720px; margin-bottom: clamp(24px, 3vw, 40px); }
.mas-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.mas-grupo {
  padding: clamp(22px, 2.4vw, 28px);
  border-radius: var(--r-xl);
  background: var(--tarjeta);
  box-shadow: var(--sombra);
}
.mas-grupo-t { margin: 0 0 16px; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--marca); }
.mas-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
.mas-t { margin: 0 0 3px; font-size: 17px; font-weight: 600; color: var(--tinta); }
.mas-d { margin: 0; font-size: 15px; line-height: 1.5; color: var(--tinta-suave); }

.empezar h2 { max-width: 760px; }
.empezar-pasos {
  list-style: none; margin: clamp(24px, 3vw, 36px) 0 0; padding: 0;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;
}
.empezar-pasos li { padding: 22px 24px; border-radius: var(--r-xl); background: var(--relleno-suave); }
.empezar-n {
  display: grid; place-items: center;
  width: 32px; height: 32px; border-radius: 50%;
  background: var(--marca); color: #181818; font-weight: 700; font-size: 15px;
  margin-bottom: 14px;
}
.empezar-t { margin: 0 0 4px; font-size: 17px; font-weight: 600; color: var(--tinta); }
.empezar-d { margin: 0; font-size: 15px; line-height: 1.5; color: var(--tinta-suave); }

.privacidad-head { max-width: 720px; }
.privacidad-head h2 { margin-bottom: 12px; }
.privacidad-grid {
  list-style: none; margin: clamp(24px, 3vw, 36px) 0 0; padding: 0;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;
}
.privacidad-card {
  padding: 22px 24px; border-radius: var(--r-xl);
  background: var(--tarjeta); box-shadow: inset 0 0 0 1px var(--linea);
}
.privacidad-t { margin: 0 0 6px; font-size: 17px; font-weight: 600; color: var(--tinta); }
.privacidad-d { margin: 0; font-size: 15px; line-height: 1.5; color: var(--tinta-suave); }
.privacidad-pie { margin: 18px 0 0; font-size: 14.5px; color: var(--tinta-suave); }
.privacidad-pie a { color: var(--adelante-texto); }

@media (max-width: 900px) {
  .mas-grid, .empezar-pasos, .privacidad-grid { grid-template-columns: 1fr; }
}