/* ===== Extras para Tarifas + Sobre nosotros (Ilde Psicología) ===== */
/* Reutiliza variables y clases de styles.css y pages.css. No duplica colores. */

/* Aviso de precios orientativos (caja destacada bajo la rejilla de tarifas) */
.pricing-note--box{
  max-width:var(--maxw);
  margin:1.75rem auto 0;
  background:var(--accent-wash);
  border:1px solid var(--border-2);
  border-radius:var(--radius-sm);
  padding:1rem 1.25rem;
  display:flex;
  gap:.7rem;
  align-items:flex-start;
  font-size:.92rem;
  color:var(--ink-2);
  line-height:1.55;
}
.pricing-note--box svg{flex:none;width:20px;height:20px;color:var(--accent-strong);margin-top:2px}
.pricing-note--box strong{color:var(--ink)}

/* Bloque "Cómo trabajamos" — rejilla de pasos numerados (reutiliza .lp-step) */
.work-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.5rem;
  margin-top:2rem;
}
.work-steps .lp-step{margin:0}
@media (max-width:860px){.work-steps{grid-template-columns:1fr}}

/* Banda de enlaces internos (equipo / servicios) — variante clara sobre fondo wash */
.link-band{
  background:var(--deep);
  color:#eaf2ef;
  border-radius:var(--radius);
  padding:clamp(2rem,4vw,3rem) clamp(1.5rem,4vw,3rem);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
  flex-wrap:wrap;
}
.link-band h2{color:#fff;margin:0}
.link-band p{color:#cfe0db;margin:.5rem 0 0;max-width:48ch}
.link-band__actions{display:flex;gap:1rem;flex-wrap:wrap}
@media (max-width:680px){
  .link-band{flex-direction:column;align-items:flex-start;text-align:left}
}

/* FAQ de tarifas: reutiliza el patrón .lp-faq de styles.css con un ancho contenido */
.faq-narrow{max-width:760px;margin-inline:auto}

/* Pequeños refuerzos de la rejilla de tarifas en pantallas medias */
@media (max-width:1080px) and (min-width:761px){
  .pricing-grid{grid-template-columns:repeat(2,1fr)}
}