diff --git a/Assets/Css/critical-bootstrap.css b/Assets/Css/critical-bootstrap.css index 48905be8..4b1cdbb1 100644 --- a/Assets/Css/critical-bootstrap.css +++ b/Assets/Css/critical-bootstrap.css @@ -1066,3 +1066,41 @@ article ins.adsbygoogle { min-height: 100px; } } + +/* ========================================================================== + CLS PREVENTION - Featured Image + PageSpeed Issue: main-content y container CLS 0.121 + 0.099 + Solución: Reservar espacio para imagen con aspect-ratio + ========================================================================== */ +.featured-image-container { + aspect-ratio: 16 / 9; + position: relative; + background-color: #f0f0f0; + border-radius: 12px; + overflow: hidden; + margin-top: 1rem; + margin-bottom: 2rem; +} +.featured-image-container img { + width: 100%; + height: 100%; + object-fit: cover; + display: block; + position: absolute; + top: 0; + left: 0; +} + +/* ========================================================================== + CLS PREVENTION - Post Content + PageSpeed Issue: article.post-content CLS 0.028 + Solución: min-height para contenido principal + ========================================================================== */ +.post-content { + min-height: 300px; +} +@media (max-width: 767.98px) { + .post-content { + min-height: 200px; + } +}