/* ===================================================== CORRECCIÓN DE ESTRUCTURA DE NOTICIAS El grid pertenece únicamente a imagen + contenido. El detalle técnico, proceso y significado deben ir debajo ocupando todo el ancho. ===================================================== */ .nutriseg-noticias article.ns-noticia { display: block !important; width: 100%; max-width: none; margin-bottom: 55px; } .nutriseg-noticias article.ns-noticia > .ns-noticia-grid { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(24px, 4vw, 52px); align-items: center; width: 100%; } .nutriseg-noticias article.ns-noticia > .ns-detalle, .nutriseg-noticias article.ns-noticia > .ns-proceso, .nutriseg-noticias article.ns-noticia > .ns-significado, .nutriseg-noticias article.ns-noticia > .ns-fuente { width: 100%; max-width: none; } @media (max-width: 800px) { .nutriseg-noticias article.ns-noticia > .ns-noticia-grid { grid-template-columns: 1fr; gap: 25px; } /* ========================================================= ESTRUCTURA CORRECTA DE LAS NOTICIAS ========================================================= */ .nutriseg-noticias article.ns-noticia { display: block !important; width: 100% !important; max-width: none !important; margin-bottom: 55px; } .nutriseg-noticias article.ns-noticia > .ns-noticia-grid { display: grid !important; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(24px, 4vw, 52px); align-items: start; width: 100%; } /* Todo lo que viene después de la noticia ocupa todo el ancho */ .nutriseg-noticias article.ns-noticia > .ns-detalle, .nutriseg-noticias article.ns-noticia > .ns-proceso, .nutriseg-noticias article.ns-noticia > .ns-significado, .nutriseg-noticias article.ns-noticia > .ns-fuente { width: 100% !important; max-width: none !important; grid-column: auto; } /* Noticias que no tengan imagen */ .nutriseg-noticias article.ns-noticia > .ns-noticia-grid > .ns-noticia-content:only-child { grid-column: 1 / -1; } /* Imagen */ .nutriseg-noticias .ns-noticia-image { width: 100%; margin: 0; } .nutriseg-noticias .ns-noticia-image img { display: block; width: 100%; height: auto; } /* Móvil */ @media (max-width: 800px) { .nutriseg-noticias article.ns-noticia > .ns-noticia-grid { grid-template-columns: 1fr; gap: 25px; } .nutriseg-noticias article.ns-noticia > .ns-noticia-grid > .ns-noticia-content { grid-column: 1 / -1; } }