Concorde
BETA
Volver al catálogo
01

Perfil — espaciado entre «Cerrar Sesión» y «Centro de Ayuda» muy justo

17 jul 2026
Producción
Producción — Perfil — espaciado entre «Cerrar Sesión» y «Centro de Ayuda» muy justo
Concorde
Concorde — Perfil — espaciado entre «Cerrar Sesión» y «Centro de Ayuda» muy justo

Qué está mal

El botón «Cerrar Sesión» queda demasiado cerca del banner «Centro de Ayuda»: falta aire entre ambos.

El «Centro de Ayuda» se empuja al fondo con mt-auto, sin un margen dedicado respecto al botón.

Cómo se corrige

Añadir un margen/gap explícito entre el botón «Cerrar Sesión» y el banner «Centro de Ayuda».

En Concorde hay separación clara entre ambos, igualarla.

Código producción
// PROD — el banner se empuja con mt-auto, sin gap propio con el botón
<button className="button-secondary !min-w-[200px]">Cerrar Sesión</button>

{/* Centro de Ayuda empujado al fondo, pegado al botón */}
<div className="mt-auto w-full px-4 pb-4">
  <section>…Centro de Ayuda…</section>
</div>
Código Concorde
// Concorde — separación explícita entre el botón y el banner
<button className="psec">Cerrar Sesión</button>

{/* margen/gap dedicado antes del Centro de Ayuda */}
<div style={{ marginTop: 32 }}>   {/* ← aire entre botón y banner */}
  <section>…Centro de Ayuda…</section>
</div>