fix(critical-css): Increase badge min-height 32px→36px and add APU tables critical CSS

- Fix hero badge min-height from 32px to 36px (actual height is 35px)
- Add vertical-align: middle to badge for better alignment
- Add critical CSS for .analisis and .desglose tables:
  - table-layout: fixed to prevent reflow
  - overflow-x: auto for mobile horizontal scroll
- These changes target CLS 0.117 caused by hero badges

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
FrankZamora
2025-12-01 12:58:38 -06:00
parent 0ea874876e
commit 0b34317cc6

View File

@@ -404,8 +404,9 @@ function roi_output_hero_critical_css() {
margin-bottom: 0;
}
.hero-section__badge {
min-height: 32px;
min-height: 36px;
display: inline-block;
vertical-align: middle;
}
@media (max-width: 767.98px) {
.hero-section {
@@ -415,6 +416,16 @@ function roi_output_hero_critical_css() {
min-height: 2.5rem;
}
}
/* APU Tables Critical CSS - Prevent table reflow */
.analisis table, .desglose table {
table-layout: fixed;
width: 100%;
border-collapse: collapse;
}
.analisis, .desglose {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
';
// Minify CSS