hola agradezco tu respuesta, con tu código no logre lo esperado pero me acerco a una respuesta, si bien aun no comprendo que es lo que esta bloqueando el estilo de Gutenberg en la pagina principal shop y solo en esta pagina principal que esta relacionada con woocommerce porque en las otras pagina funciona normal me gastaría entender mi problema para desactivar lo que me esta afectando y así no tener que utilizar un estilo css con query para lograr lo que debería funcionar bien, bien estuve varias horas conversando con chatgpt y me dio un query que lo junte con otro complemento que tenia y me dio un resultado que esta bien aun que al intentar optimizar el código para que sea igual en todas las pantallas no lo logre al 100% pero en pantallas de notebook de 15 y celulares de 6 pulgadas no veo problemas, en algunas pantallas puede genera un leve margen superior muy pequeño. esta es la pagina que estoy recién construyendo: https://xn--cmaras360-01a.com/
.clasedelaimagen.alignfull {
width: 800%;
max-width: 100vw;
margin-left: calc(50% – 50vw);
z-index: 100;
margin-top: -4rem;
}
@media screen and (max-width: 768px) {
.clasedelaimagen.alignfull {
margin-top: calc(-4rem + 10%);
/* relación de aspecto 4:3 */
}
}
