.elementor-kit-5{--e-global-color-primary:#000000;--e-global-color-secondary:#4D4D4D;--e-global-color-text:#444444;--e-global-color-accent:#ED712C;--e-global-color-7382599:#FFFAFA;--e-global-typography-primary-font-family:"Rubik";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Rubik";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Rubik";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Rubik";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;border-radius:10px 10px 10px 10px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{padding:5px 5px 5px 5px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.mp3-player span{
    display: none;
}

.mp3-player p{
    display: none;
}

.srp_miniplayer_metas{
display:none;
}

.totalTime{
    display:none;
}

.currentTime{
    display:none;
}

.button.ver-producto {
  text-decoration: none !important;
}


/* Contenedor general de la tarjeta */
.woocommerce ul.products li.product {
  padding: 0 !important;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}

/* Imagen pegada a los bordes */
.woocommerce ul.products li.product img {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Bloque de contenido (texto + botón) */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button {
  display: block;
  margin: 16px 0; /* separación vertical */
}

/* Padding lateral para todo el bloque */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price {
  padding: 0px 30px;
}

/* Botón alineado con el padding del contenido */
.woocommerce ul.products li.product .button {
  padding: 10px 30px; /* padding arriba/abajo y lados */
  margin: 0 30px 30px 30px; /* separa el botón del borde inferior */
  display: block;
  text-align: center;
  box-sizing: border-box; /* importante para que el padding no rompa la anchura */
}

/* Botón con gradiente */
.woocommerce ul.products li.product .button {
    padding: 10px 16px;      /* conserva el padding lateral */
    margin: 0 26px 30px 26px;
    display: block;
    text-align: center;
    box-sizing: border-box;
    
    /* Gradiente */
    background: linear-gradient(135deg, #E0280F, #FEBA07);
    color: #fff;             /* color del texto */
    border: none;            /* quitar borde si hay */
    border-radius: 6px;      /* opcional: bordes redondeados */
    transition: background 0.3s ease; /* efecto suave al hover */
}

/* Make sure the container hides overflow */
.woocommerce ul.products li.product {
  overflow: hidden; /* important so the image doesn’t spill out */
  border: 1px solid #ddd;
  border-radius: 10px;
  background: #fff;
}

/* Target the image */
.woocommerce ul.products li.product img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 1s ease; /* smooth animation */
}

/* Hover effect */
.woocommerce ul.products li.product:hover img {
  transform: scale(1.03); /* grow slightly */
}/* End custom CSS */