/* Estilos globales para mobile (<= 767px). */
/* ajustando pantralla de partituras categorias*/
.ast-container.clase-contenedor-categorias {
	padding-left: 20px !important;
	padding-right:20px !important;
}
img.fas.fa-shopping-cart {
    height: 25px;
}
a.carrito-woocommerce {
    position: relative;
    margin-left: 40px;
}

/************************************************/
/*Pagina de partituras categoria*/
/************************************************/
/*.ast-woocommerce-container.clase-contenedor-categorias 
ul.products.columns-2 > li > a >*/ 
/* h2.woocommerce-loop-category__title{
    margin-left: 50px !important;
}*/
.ast-woocommerce-container.clase-contenedor-categorias h2.woocommerce-loop-category__title {
   	margin-left: 15px !important;
	max-width: 50% !important;  
}
.cat-card-bottom-details {
    margin-top: 15px;
}
/* **********************************************/
/*pagina del home */
/************************************************/
.partiturasDestacadasHome h2.woocommerce-loop-category__title {
    margin-bottom: 10px !important;
}
.partiturasDestacadasHome ul.products.columns-4 a{
	width:100%;
}
.partiturasDestacadasHome .cat-card-bottom-details {
    bottom: 90px !important;
}


/***************************************************/
/*diseno de pagina categorias*/
/***************************************************/
.ast-woocommerce-container.clase-contenedor-productos ul.products.columns-2 img {
    width: 100% !important;
   
}

.ast-container.clase-contenedor-productos div#primary, 
.ast-container.clase-contenedor-productos div#secondary{
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/*********************************/
/* ajuste en producto individual*/
/*********************************/
.ast-container.clase-producto-individual {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.ast-container.clase-producto-individual img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    display: block;
    margin: 0 auto !important;
    width: 80% !important;
}

/*********************************/
/* ajuste en checkout*/
/*********************************/
form.checkout.woocommerce-checkout h3#order_review_heading{
	margin-top: 0px !important;
}

/* ajuste en el menu hamburguesa*/
/* 1. Fondo azul cian y forma cuadrada para el botón de Beaver Builder al abrirse */
button.fl-menu-mobile-toggle.fl-active,
button.fl-menu-mobile-toggle[aria-expanded="true"] {
    background-color: #55152A !important; 
    border-radius: 0px !important;       
    padding: 10px 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;             
    height: 42px !important;
}

/* 2. Ocultar el icono SVG original del menú hamburguesa */
button.fl-menu-mobile-toggle.fl-active .fl-menu-icon,
button.fl-menu-mobile-toggle[aria-expanded="true"] .fl-menu-icon {
    display: none !important;
}

/* 3. Dibujar la 'X' blanca de cierre en su lugar */
button.fl-menu-mobile-toggle.fl-active::after,
button.fl-menu-mobile-toggle[aria-expanded="true"]::after {
    content: "\2715" !important; /* Icono de la X */
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: bold !important;
    line-height: 1 !important;
}

button.fl-menu-mobile-toggle.hamburger.fl-content-ui-button.fl-active{
	margin-top:-5px !important;
}


/* ajuste de la imahgen en partioturas*/
/* 1. Contenedor principal del producto */
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        padding-bottom: 30px !important;
    }
    
    /* 2. Contenedor de la imagen */
    .woocommerce ul.products li.product .astra-shop-thumbnail-wrap,
    .woocommerce ul.products li.product .astra-shop-thumbnail-wrap a {
        position: static !important; 
        display: block !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* 3. La imagen en sí misma */
    .woocommerce ul.products li.product .astra-shop-thumbnail-wrap img {
        position: static !important; /* Esto evita que flote por encima de las cosas */
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
    }
    
    /* 4. Contenedor del texto (Título, precio, etc.) */
    .woocommerce ul.products li.product .astra-shop-summary-wrap {
        position: static !important; /* Obliga al texto a quedarse debajo de la imagen */
        display: block !important;
        height: auto !important;
        margin-top: 15px !important; /* Espacio de separación con la partitura */
        transform: none !important;
        background-color: transparent !important;
    }

/* menu */
ul#menu-main-menu-1 {
    margin-top: 10px;
}

/* pagina partituras card ajuste en el diseno de la card*/
li.product.product-category a img {
    object-fit: fill !important;
}

/*ajuste de tamano del contenedor padding*/
.ast-woocommerce-container.clase-contenedor-categorias {
    padding-left: 20px;
    padding-right: 20px;
}
/* ajuste en el contenedor de productos */
.ast-woocommerce-container.clase-contenedor-productos {
   padding-left: 20px;
    padding-right: 20px;
}

/* ajuste en pagina partituras */
h1.woocommerce-products-header__title.page-title {
    text-align: center;
}
.term-description {
    text-align: center;
}


/* Evita que las imágenes de la galería principal se recorten o hagan zoom */
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img,
.woocommerce-product-gallery__wrapper .flex-active-slide img {
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
    max-height: 500px !important; /* Ajusta la altura máxima si lo necesitas */
    transform: none !important; /* Cancela cualquier efecto de escala/zoom */
}

.flex-viewport {
    height: 363.094px;
}