Fix alignment in the final CTA section (right before the footer).
Issue:
The two buttons “Ver Actividades” and “Contactanos” are misaligned (different vertical alignment / baseline).
Required fix:
The issue is clear: the <Button> uses size="lg" with py-6 (which equates to a certain computed height), while the <a> has both h-14 and py-6 set simultaneously — conflicting height constraints causing misalignment. I'll normalize both to the same explicit height and remove the conflicting padding override from the <a>:
Both buttons now share an explicit h-14 height and identical px-8 horizontal padding, with all vertical padding overrides removed so height is governed solely by the fixed h-14. The flex container gains items-center to ensure vertical centering on both desktop and the stacked mobile layout.
Update the pricing summary component under “Detalle del precio”.
Remove completely the line:
“Cargo por servicio – USD 17”
Requirements:
Now I have everything I need. Three targeted changes: remove the serviceFee calculation, make total equal subtotal, and remove the JSX line.
Removed "Cargo por servicio" from both the price calculation logic and the JSX rendering. The serviceFee variable is gone entirely, total now equals subtotal directly, and the "Total" row continues to display the correct value without any layout gaps.
Update the pricing summary component under “Detalle del precio”.
Remove completely the line:
“Cargo por servicio – USD 17”
Requirements: