/* ---------- HERO ---------- */
.hero-planes 
{
  background: linear-gradient(135deg, #F54D29, #ca4d31);
  color: white;
  text-align: center;
  padding: 40px 20px 70px;
}

.hero-planes h1 
{
  font-size: 2.8rem;
  margin-bottom: 15px;
  font-weight: 700;
}

.hero-planes p 
{
  font-size: 1.2rem;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
}

/* ---------- SECCIÓN DE PLANES ---------- */
section.planes 
{
  background: #f6f9fc;
  padding: 60px 0;
}

.planes-intro 
{
  text-align: center;
  margin-bottom: 40px;
}

.planes-intro h2 {
  color: #1e2a35;
  font-size: 2.2rem;
  margin-bottom: 10px;
}

.planes-intro p 
{
  color: #555;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.7;
}