/* ==============================
   Estilos para la página de producto WooCommerce
   Incluye: grid de producto, imágenes, info, buybox,
   top bar, breadcrumb y ajustes responsivos
   ============================== */
   @import "product-image/product-image.css";
   @import "product-dropdown/product-dropdown.css";
   @import "comprados-juntos/comprados-juntos.css";
   @import "acordeon-descripciones-producto/acordeon-descripciones-producto.css";
   @import "add-to-cart/add-to-cart.css";
   @import "boton-de-compartir/boton-de-compartir.css";
   @import "contenido-aplus/contenido-aplus.css";
   @import "descripcion-corta/descripcion-corta.css";
   @import "estrellas-valoracion/estrellas-valoracion.css";
   @import "fichas-tecnicas-producto/fichas-tecnicas-producto.css";
   @import "price/price.css";
   @import "resenas-de-producto/resenas-de-producto.css";
   @import "caracteristicas-del-producto/caracteristicas-del-producto.css";

.product-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-areas:
        "images buy"
        "info buy";
    gap: 3rem;
    padding: 20px;
    max-width: 1400px;
}

.woocommerce-breadcrumb {
    display: none;
}

.product-top-bar-content .woocommerce-breadcrumb {
    display: block;
}

.woocommerce div.product {
    margin-bottom: 0;
    position: relative;
    display: flex;
    justify-content: center;
}


.product-images { grid-area: images; }
.product-buybox { grid-area: buy; }
.product-info   { grid-area: info; }

@media (max-width: 768px) {
  .product-grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "images"
      "buy"
      "info";
      gap: 2rem;
  }
}

main#main {
    max-width: 100%;
}

.product-top-bar {
    width: 100%;
    background: #d4b0371f;
    display: flex;
    justify-content: flex-start; /* izquierda */
}

.product-top-bar-content {
    width: 100%;
    max-width: 1400px;
    padding: 10px 20px; /* opcional */
}

/* ya NO aquí */
nav.woocommerce-breadcrumb {
    max-width: unset;
}

.product-top-bar {
    display: flex;
    justify-content: center;
}

.woocommerce .woocommerce-breadcrumb {
    margin: 0 0 0em !important;
}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
    display: flex;
    flex-direction: row;
}

form.cart {
    display: flex!important;
}

@media (max-width: 575px) {
.site-main {
        padding-inline-end: 0px!important;
        padding-inline-start: 0px!important;
    }
}

/* ==============================
   Estilos para mensajes de WooCommerce
   Incluye: mensajes, errores, info y botones de acción
   ============================== */
.woocommerce-message {
    border-top-color: #ffffff;
}
.woocommerce-notices-wrapper {
    background: #f6f5f8!important;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 10px 20px 10px 51px!important;
    margin: 0 auto !important;
    position: relative;
    background-color: #f6f5f800!important;
    color: #515151;
    border-top: 3px solid #ffffff;
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
    max-width: 1400px;
}

a.button.wc-forward {
    border-radius: 25px!important;
    background: #bbbbbb!important;
    color: #040404!important;
    font-size: 14px!important;
}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
    display: flex;
    flex-direction: row!important;
}