/*Make Header Sticky*/
.main-header-bar {
    position: fixed;
    top: 0;
    width: 100%;
}

/*Adjust Content Padding*/
.site-content {
    padding-top: 80px;
}

/*Adjust Content Padding for Mobile*/
@media (max-width: 921px) {
    .site-content {
        padding-top: 84.35px;
    }
}

/*Adjust Content Padding for Mobile*/
@media (max-width: 544px) {
    .site-content {
        padding-top: 80px;
    }
}

/*Ocultar barra lateral de Woocommerce en página Mi Cuenta*/
.woocommerce-MyAccount-navigation {
display:none;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
}

/*Añadir margen negativo a pagina de Tienda (catalogo) de Woocommerce */
.woocommerce-products-header {
    margin-top: -110px;
}

/*Añadir margen negativo para mobiles a pagina de Tienda (catalogo) de Woocommerce */
@media (max-width: 767px) {
  .woocommerce-products-header {
    margin-top: -60px !important;
  }
}


/*Ocultar botón de añadir al carrito, selector de cantidad y existencias en productos de Woocommerce*/

.button.alt.single_add_to_cart_button {
    display: none;
}

.quantity {
    display: none;
}

.quantity[style*="display: block;"] {
    display: none !important;
}

.ast-stock-detail {
    display: none;
}

/*Ocultar banner de entradas relacionadas en productos de Woocommerce*/
#jp-relatedposts.jp-relatedposts {
    display: none !important;
}

/* Ajusta overlay fondo en columnas en hero de inicio home */
/* La sección recorta cualquier desborde */
.split-hero{
  position: relative;
  overflow: hidden;
}

/* Que contenedor y columnas ocupen el alto de la sección */
.split-hero .elementor-container,
.split-hero .elementor-column,
.split-hero .elementor-widget-wrap{
  height: 100%;
}

/* Quita relleno que infla el alto */
.split-hero .elementor-element-populated{
  padding: 0;
}

/* Prepara las columnas para overlay absoluto */
.split-hero .elementor-column{
  position: relative;
}

/* Overlay por columna */
.split-hero .split-left::before,
.split-hero .split-right::before{
  content: "";
  position: absolute;
  inset: 0;
  background: #00000040;   /* rgba(0,0,0,.25) */
  transition: background .25s ease;
  pointer-events: none;
}

/* Colores iniciales */
.split-hero .split-left::before{ background: #54595F26; } /* 25% negro */
.split-hero .split-right::before{ background: #0000002E; } /* 35% negro */

/* Hover */
.split-hero .split-left:hover::before{ background: #FAFBF17A; } /* rgba(255,255,255,.06) */
.split-hero .split-right:hover::before{ background: #00000087; } /* rgba(0,0,0,.55) */