/* Global resets y elementos base */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
html {
  height: 100%;
  overflow-x: hidden;
}
body {
    height: 100%;
    font-size: clamp(1rem, 0.9rem + 0.5vw, 1.125rem);
    overflow-x: hidden;
    min-height: 100%;
}

.wp-site-blocks *:focus {
    outline: 2px solid;
    outline-offset: 0.125rem;
}

.separador {
    width: clamp(280px, 70%, 100%);
    max-width: 100%;
}

footer.wp-block-template-part {
    margin-block-start: 0;
}

div.wp-site-blocks main {
    min-height: clamp(50vh, 60vh, 70vh);
    padding-inline: clamp(1rem, 2vw, 2rem);
}

.parrafo-nosotros {
    width: min(70%, 100%);
    max-width: 65ch;
    line-height: 1.6;
}

/*
 * Anula el centrado del precio SÓLO en la página del carrito
 */

/* Solución 1: Si está centrado con text-align */
body.woocommerce-cart .price.wc-block-components-product-price {
    text-align: left !important; /* O 'inherit' o 'initial' */
}

.productos {
    padding: clamp(0.625rem, 2vw, 1.5rem) !important;
}

/* Media queries para ajustes específicos */
@media (max-width: 768px) {
    .separador,
    .parrafo-nosotros {
        width: 90%;
    }
}

@media (max-width: 480px) {
    .separador,
    .parrafo-nosotros {
        width: 95%;
    }
}