menu Inicio chevron_right

Ángel García Dj

Biografía

Álbum

play_arrow playlist_add shopping_cart €12,5+IVA COMPRAR COMPLETO (INCLUYE BONUS DE REGALO)
prueba - Newmember Records Vol.25 (NR060)
10 Pistas | 2025
play_arrow playlist_add shopping_cart €12,50+IVA COMPRAR COMPLETO (INCLUYE BONUS DE REGALO)
prueba - Newmember Records Vol.22 (Completo + 2 Bonus) [NR053]
10 Pistas | 2024
play_arrow playlist_add shopping_cart €12,50+IVA COMPRAR COMPLETO (INCLUYE BONUS DE REGALO)
prueba - Newmember Records Vol.21 (Completo + 2 Bonus) [NR051]
10 Pistas | 2024
play_arrow playlist_add shopping_cart €12,50+IVA COMPRAR COMPLETO (INCLUYE BONUS DE REGALO)
prueba - Newmember Records Vol.19 (Completo + 2 Bonus)[NR046]
10 Pistas | 2023
play_arrow playlist_add shopping_cart €6,25+IVA Comprar Completo (Incluye Bonus de regalo)
prueba - Ángel García Dj – Bazooka EP (Completo + 1 Bonus) [NR045]
5 Pistas | 2023
play_arrow playlist_add shopping_cart €12,50+IVA COMPRAR COMPLETO (INCLUYE BONUS DE REGALO)
prueba - Newmember Records Vol.18 (Completo + 2 Bonus) [NR044]
10 Pistas | 2023
play_arrow playlist_add shopping_cart €12,50+IVA COMPRAR COMPLETO (INCLUYE BONUS DE REGALO)
prueba - Newmember Records Vol.17 (Completo + 2 Bonus) [NR041]
11 Pistas | 2023
play_arrow playlist_add shopping_cart €12,50+IVA COMPRAR COMPLETO (INCLUYE BONUS DE REGALO)
prueba - Newmember Records Vol.16 (Completo + 2 Bonus) [NR038]
10 Pistas | 2023
play_arrow playlist_add shopping_cart €6,25+IVA Comprar Completo (Incluye Bonus de regalo)
prueba - Ángel García Dj – Madness Waves EP (Completo + 1 Bonus) [NR036]
5 Pistas | 2022
play_arrow playlist_add shopping_cart €12,50+IVA COMPRAR COMPLETO (INCLUYE BONUS DE REGALO)
prueba - Newmember Records Vol.15 (Completo + 2 Bonus) [NR034]
10 Pistas | 2022
play_arrow playlist_add shopping_cart €12,50+IVA COMPRAR COMPLETO (INCLUYE BONUS DE REGALO)
prueba - Newmember Records Vol.14 (Completo + 2 Bonus) [NR031]
10 Pistas | 2022
play_arrow playlist_add shopping_cart €12,50+IVA COMPRAR COMPLETO (INCLUYE BONUS DE REGALO)
prueba - Newmember Records Vol.13 (Completo + 2 Bonus) [NR029]
10 Pistas | 2022

Pistas

  • play_circle_filled
    Ángel García Dj – Get It Ángel García Dj Newstyle event 25/08/2023 local_offer " Formato Mp3 & Wav "
    add_shopping_cart
    Add to Wishlist
    • /* Estilos generales */ * { box-sizing: border-box; } .prod-row-item { display: flex; flex-direction: row; align-items: stretch; width: 100%; position: relative; overflow: hidden; padding: 0 !important; /* Elimina todo el padding */ margin-bottom: 0 !important; /* Elimina margin-bottom */ border-bottom: 1px solid #333; } /* Modificación para los ítems de release */ .prod-row-item.item-is-release { border-bottom: none !important; /* Elimina la línea de separación */ } .release-playlist-container { padding: 0; margin: 0 0 15px 0; list-style: none; } .woocommerce ul.products li.product { border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } /* Ajuste para centrar verticalmente el contenido principal del release */ .prod-row-main-content-wrapper { display: flex; flex-direction: row; align-items: stretch; /* Para que las columnas se estiren a la misma altura */ width: 100%; gap: 15px; padding: 5px; /* Padding uniforme de 5px en todos los lados */ } .prod-row-image-col { flex-shrink: 0; position: relative; display: flex; align-items: center; /* Centra contenido verticalmente */ justify-content: center; /* Centra contenido horizontalmente */ background-color: #111; height: 100%; /* Asegura que la columna de la imagen se estire */ } .prod-row-image-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1; } .prod-row-image-link-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; } /* Ajuste para que la información del producto ocupe todo el espacio disponible */ .product-info-container { flex-grow: 1; min-width: 0; text-align: left; /* Alinea el contenido a la izquierda */ display: flex; flex-direction: column; /* Asegura que los elementos internos se apilen */ justify-content: center; /* Centra el contenido internamente si es posible */ z-index: 10; } .prod-row-actions-col { width: auto; flex-shrink: 0; text-align: right; display: flex; align-items: center; /* Centra verticalmente las acciones */ justify-content: flex-end; padding-left: 10px; z-index: 15; } .prod-row-actions-wrapper { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; } .item-is-single { /* padding: 0; */ /* Se mantiene sin padding */ } .item-is-single .prod-row-image-col { min-width: 80px; /* ¡AJUSTADO! Ancho mínimo para single track en PC */ min-height: 80px; /* ¡AJUSTADO! Altura mínima para single track en PC */ width: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ height: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ } .item-is-single .prod-row-play-icon { font-size: 50px; } .item-is-single .prod-row-main-content-wrapper { align-items: center; } .item-is-release { /* min-height: 150px; */ /* Se mantiene sin min-height para el contenedor principal */ } .item-is-release .prod-row-image-col { min-width: 150px; /* Ancho mínimo para release */ min-height: 150px; /* Altura mínima para release */ width: 150px; /* Se mantiene para asegurar el tamaño inicial */ height: 150px; /* Se mantiene para asegurar el tamaño inicial */ } .prod-row-image-col .qt-play { z-index: 12; } /* Ajuste para la descripción ahora directamente en .product-info-container */ .prod-row-description { white-space: normal; color: #ccc !important; font-size: 13px; line-height: 1.5; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ } .prod-row-description p { margin: 0 0 0.5em 0 !important; padding: 0 !important; } /* ANOTACIÓN: REGLAS MÁS FUERTES PARA EMOJIS */ /* Reset general para TODOS los emojis para evitar comportamientos inesperados */ img.emoji { height: 1em !important; width: 1em !important; margin: 0 !important; padding: 0 !important; vertical-align: baseline !important; /* Alineación estándar con texto */ display: inline-block !important; /* Asegura que se comporte como bloque en línea */ position: static !important; /* Fundamental para evitar posicionamiento absoluto no deseado */ top: auto !important; left: auto !important; transform: none !important; /* Desactiva cualquier transformación */ opacity: 1 !important; /* Asegura que no se oscurezca */ z-index: auto !important; /* Resetea el z-index */ border: none !important; box-shadow: none !important; } /* Estilos específicos para emojis dentro de la descripción (pueden ser ligeramente más grandes) */ .prod-row-description p img.emoji, .prod-row-description img.emoji, .info-modal-body p img.emoji, .info-modal-body img.emoji { height: 1.2em !important; /* Ligeramente más grande para que se vean bien */ width: 1.2em !important; margin: 0 .07em !important; /* Mantiene un pequeño margen lateral */ vertical-align: -0.2em !important; /* Ajuste fino para la alineación visual */ } /* ANOTACIÓN: Asegura el color y visibilidad del icono de play en single tracks (si aplica) */ .prod-row-play-icon { opacity: 1 !important; /* Asegura que el icono no se oscurezca */ color: #ffffff !important; /* Fuerza el color blanco */ text-shadow: 0 0 10px rgba(0,0,0,0.5) !important; z-index: 15 !important; /* Asegura que esté por encima de todo */ position: relative !important; /* Necesario para que z-index funcione */ } /* Por defecto, el botón de info no se muestra en escritorio */ .prod-info-trigger { display: none; } /* Media query para dispositivos móviles (hasta 767px de ancho) */ @media (max-width: 767px) { /* Muestra el botón de info en móviles */ .prod-info-trigger { display: inline-flex; } /* Oculta la descripción en móviles */ .prod-row-description { display: none; } /* ¡NUEVO! Oculta la descripción */ .item-is-release .prod-row-image-col { width: 120px; height: 120px; } .item-is-single .prod-row-image-col { width: 80px; height: 80px; } .prod-row-main-content-wrapper { gap: 10px; } } /* Media query para pantallas de escritorio (desde 768px de ancho) */ @media (min-width: 768px) { /* Asegura que la descripción se muestre en escritorio */ .prod-row-description { display: block; } } .prod-row-play-icon { opacity: 0.85; color: #ffffff; text-shadow: 0 0 10px rgba(0,0,0,0.5); } .prod-row-title { color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; margin-bottom: 0; /* Elimina el margen inferior */ line-height: 1.2; display: block; } .prod-row-metas { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary .material-icons { font-size: 14px; vertical-align: -2px; margin-right: 2px; } .prod-row-tag a { text-decoration: none; } .prod-row-cat-link { color: #39c0de !important; text-decoration: none; } .prod-row-metas a:hover, .prod-row-cat-link:hover { text-decoration: underline; } .prod-row-separator { color: #555; margin: 0 4px; } .prod-row-description h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .prod-row-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: #170131; border-radius: 4px; color: #ffffff; text-decoration: none; transition: all 0.2s ease; } .prod-row-icon-btn:hover { background-color: #2A0A4A; } .prod-row-icon-btn .material-icons { font-size: 26px; } .prod-row-icon-btn.in-cart { color: lightgreen; } .prod-row-icon-btn.sold-out { color: red; opacity: 0.6; cursor: not-allowed; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button { background: none!important; border: none!important; padding: 0!important; margin: 0!important; box-shadow: none!important; color: inherit!important; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button i { font-family: 'Material Icons'!important; font-size: 26px!important; } .prod-row-wishlist-wrapper .tinvwl-product-in-list, .prod-row-wishlist-wrapper .tinvwl-product-in-list:hover { color: lightgreen!important; } .info-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; display: flex; align-items: center; justify-content: center; } .info-modal-content { background: #1a1a1a; padding: 20px; border-radius: 5px; max-width: 90%; width: 500px; position: relative; box-shadow: 0 5px 15px rgba(0,0,0,0.5); } .info-modal-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #444; padding-bottom: 10px; margin-bottom: 15px; } .info-modal-header h4 { margin: 0; color: #fff; font-size: 18px; } .info-modal-close { background: none; border: none; color: #fff; font-size: 24px; cursor: pointer; line-height: 1; padding: 0; } .info-modal-body { color: #ccc; font-size: 14px; line-height: 1.6; max-height: 70vh; overflow-y: auto; } .info-modal-body p img.emoji { height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; display: inline-block !important; border: none !important; box-shadow: none !important; padding: 0 !important; } .info-modal-body h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .info-modal-body .search-highlight { background-color: yellow; color: #000; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-adv { position: absolute; top: 0; left: 0; height: 100%; z-index: 5; width: 0%; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-det { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; cursor: pointer; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-minicue { display: none; } jQuery(document).ready(function($) { // La funcionalidad de carrito ya no se gestiona aquí. // El script ahora solo maneja la lógica del modal de descripción. $('.prod-info-trigger').on('click', function(e) { e.preventDefault(); var title = $(this).data('product-title'); var content = $(this).data('description-content'); var modalHtml = `

    ${title}

    ${content}
    `; $('body').append(modalHtml); function closeModal() { $('.info-modal-overlay').remove(); $(document).off('keyup.modal'); } $('.info-modal-close').on('click', closeModal); $('.info-modal-overlay').on('click', function(event) { if (event.target === this) { closeModal(); } }); $(document).on('keyup.modal', function(e) { if (e.key === "Escape") { closeModal(); } }); }); });
  • play_circle_filled
    Ángel García Dj & Dj Rosell – End Of The Road Ángel García Dj Dance event 25/08/2023 local_offer " Formato Mp3 & Wav "
    add_shopping_cart
    Add to Wishlist
    • /* Estilos generales */ * { box-sizing: border-box; } .prod-row-item { display: flex; flex-direction: row; align-items: stretch; width: 100%; position: relative; overflow: hidden; padding: 0 !important; /* Elimina todo el padding */ margin-bottom: 0 !important; /* Elimina margin-bottom */ border-bottom: 1px solid #333; } /* Modificación para los ítems de release */ .prod-row-item.item-is-release { border-bottom: none !important; /* Elimina la línea de separación */ } .release-playlist-container { padding: 0; margin: 0 0 15px 0; list-style: none; } .woocommerce ul.products li.product { border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } /* Ajuste para centrar verticalmente el contenido principal del release */ .prod-row-main-content-wrapper { display: flex; flex-direction: row; align-items: stretch; /* Para que las columnas se estiren a la misma altura */ width: 100%; gap: 15px; padding: 5px; /* Padding uniforme de 5px en todos los lados */ } .prod-row-image-col { flex-shrink: 0; position: relative; display: flex; align-items: center; /* Centra contenido verticalmente */ justify-content: center; /* Centra contenido horizontalmente */ background-color: #111; height: 100%; /* Asegura que la columna de la imagen se estire */ } .prod-row-image-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1; } .prod-row-image-link-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; } /* Ajuste para que la información del producto ocupe todo el espacio disponible */ .product-info-container { flex-grow: 1; min-width: 0; text-align: left; /* Alinea el contenido a la izquierda */ display: flex; flex-direction: column; /* Asegura que los elementos internos se apilen */ justify-content: center; /* Centra el contenido internamente si es posible */ z-index: 10; } .prod-row-actions-col { width: auto; flex-shrink: 0; text-align: right; display: flex; align-items: center; /* Centra verticalmente las acciones */ justify-content: flex-end; padding-left: 10px; z-index: 15; } .prod-row-actions-wrapper { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; } .item-is-single { /* padding: 0; */ /* Se mantiene sin padding */ } .item-is-single .prod-row-image-col { min-width: 80px; /* ¡AJUSTADO! Ancho mínimo para single track en PC */ min-height: 80px; /* ¡AJUSTADO! Altura mínima para single track en PC */ width: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ height: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ } .item-is-single .prod-row-play-icon { font-size: 50px; } .item-is-single .prod-row-main-content-wrapper { align-items: center; } .item-is-release { /* min-height: 150px; */ /* Se mantiene sin min-height para el contenedor principal */ } .item-is-release .prod-row-image-col { min-width: 150px; /* Ancho mínimo para release */ min-height: 150px; /* Altura mínima para release */ width: 150px; /* Se mantiene para asegurar el tamaño inicial */ height: 150px; /* Se mantiene para asegurar el tamaño inicial */ } .prod-row-image-col .qt-play { z-index: 12; } /* Ajuste para la descripción ahora directamente en .product-info-container */ .prod-row-description { white-space: normal; color: #ccc !important; font-size: 13px; line-height: 1.5; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ } .prod-row-description p { margin: 0 0 0.5em 0 !important; padding: 0 !important; } /* ANOTACIÓN: REGLAS MÁS FUERTES PARA EMOJIS */ /* Reset general para TODOS los emojis para evitar comportamientos inesperados */ img.emoji { height: 1em !important; width: 1em !important; margin: 0 !important; padding: 0 !important; vertical-align: baseline !important; /* Alineación estándar con texto */ display: inline-block !important; /* Asegura que se comporte como bloque en línea */ position: static !important; /* Fundamental para evitar posicionamiento absoluto no deseado */ top: auto !important; left: auto !important; transform: none !important; /* Desactiva cualquier transformación */ opacity: 1 !important; /* Asegura que no se oscurezca */ z-index: auto !important; /* Resetea el z-index */ border: none !important; box-shadow: none !important; } /* Estilos específicos para emojis dentro de la descripción (pueden ser ligeramente más grandes) */ .prod-row-description p img.emoji, .prod-row-description img.emoji, .info-modal-body p img.emoji, .info-modal-body img.emoji { height: 1.2em !important; /* Ligeramente más grande para que se vean bien */ width: 1.2em !important; margin: 0 .07em !important; /* Mantiene un pequeño margen lateral */ vertical-align: -0.2em !important; /* Ajuste fino para la alineación visual */ } /* ANOTACIÓN: Asegura el color y visibilidad del icono de play en single tracks (si aplica) */ .prod-row-play-icon { opacity: 1 !important; /* Asegura que el icono no se oscurezca */ color: #ffffff !important; /* Fuerza el color blanco */ text-shadow: 0 0 10px rgba(0,0,0,0.5) !important; z-index: 15 !important; /* Asegura que esté por encima de todo */ position: relative !important; /* Necesario para que z-index funcione */ } /* Por defecto, el botón de info no se muestra en escritorio */ .prod-info-trigger { display: none; } /* Media query para dispositivos móviles (hasta 767px de ancho) */ @media (max-width: 767px) { /* Muestra el botón de info en móviles */ .prod-info-trigger { display: inline-flex; } /* Oculta la descripción en móviles */ .prod-row-description { display: none; } /* ¡NUEVO! Oculta la descripción */ .item-is-release .prod-row-image-col { width: 120px; height: 120px; } .item-is-single .prod-row-image-col { width: 80px; height: 80px; } .prod-row-main-content-wrapper { gap: 10px; } } /* Media query para pantallas de escritorio (desde 768px de ancho) */ @media (min-width: 768px) { /* Asegura que la descripción se muestre en escritorio */ .prod-row-description { display: block; } } .prod-row-play-icon { opacity: 0.85; color: #ffffff; text-shadow: 0 0 10px rgba(0,0,0,0.5); } .prod-row-title { color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; margin-bottom: 0; /* Elimina el margen inferior */ line-height: 1.2; display: block; } .prod-row-metas { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary .material-icons { font-size: 14px; vertical-align: -2px; margin-right: 2px; } .prod-row-tag a { text-decoration: none; } .prod-row-cat-link { color: #39c0de !important; text-decoration: none; } .prod-row-metas a:hover, .prod-row-cat-link:hover { text-decoration: underline; } .prod-row-separator { color: #555; margin: 0 4px; } .prod-row-description h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .prod-row-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: #170131; border-radius: 4px; color: #ffffff; text-decoration: none; transition: all 0.2s ease; } .prod-row-icon-btn:hover { background-color: #2A0A4A; } .prod-row-icon-btn .material-icons { font-size: 26px; } .prod-row-icon-btn.in-cart { color: lightgreen; } .prod-row-icon-btn.sold-out { color: red; opacity: 0.6; cursor: not-allowed; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button { background: none!important; border: none!important; padding: 0!important; margin: 0!important; box-shadow: none!important; color: inherit!important; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button i { font-family: 'Material Icons'!important; font-size: 26px!important; } .prod-row-wishlist-wrapper .tinvwl-product-in-list, .prod-row-wishlist-wrapper .tinvwl-product-in-list:hover { color: lightgreen!important; } .info-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; display: flex; align-items: center; justify-content: center; } .info-modal-content { background: #1a1a1a; padding: 20px; border-radius: 5px; max-width: 90%; width: 500px; position: relative; box-shadow: 0 5px 15px rgba(0,0,0,0.5); } .info-modal-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #444; padding-bottom: 10px; margin-bottom: 15px; } .info-modal-header h4 { margin: 0; color: #fff; font-size: 18px; } .info-modal-close { background: none; border: none; color: #fff; font-size: 24px; cursor: pointer; line-height: 1; padding: 0; } .info-modal-body { color: #ccc; font-size: 14px; line-height: 1.6; max-height: 70vh; overflow-y: auto; } .info-modal-body p img.emoji { height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; display: inline-block !important; border: none !important; box-shadow: none !important; padding: 0 !important; } .info-modal-body h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .info-modal-body .search-highlight { background-color: yellow; color: #000; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-adv { position: absolute; top: 0; left: 0; height: 100%; z-index: 5; width: 0%; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-det { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; cursor: pointer; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-minicue { display: none; } jQuery(document).ready(function($) { // La funcionalidad de carrito ya no se gestiona aquí. // El script ahora solo maneja la lógica del modal de descripción. $('.prod-info-trigger').on('click', function(e) { e.preventDefault(); var title = $(this).data('product-title'); var content = $(this).data('description-content'); var modalHtml = `

    ${title}

    ${content}
    `; $('body').append(modalHtml); function closeModal() { $('.info-modal-overlay').remove(); $(document).off('keyup.modal'); } $('.info-modal-close').on('click', closeModal); $('.info-modal-overlay').on('click', function(event) { if (event.target === this) { closeModal(); } }); $(document).on('keyup.modal', function(e) { if (e.key === "Escape") { closeModal(); } }); }); });
  • play_circle_filled
    Ángel García Dj – Da Beat Ángel García Dj Newstyle event 25/08/2023 local_offer " Formato Mp3 & Wav "
    add_shopping_cart
    Add to Wishlist
    • /* Estilos generales */ * { box-sizing: border-box; } .prod-row-item { display: flex; flex-direction: row; align-items: stretch; width: 100%; position: relative; overflow: hidden; padding: 0 !important; /* Elimina todo el padding */ margin-bottom: 0 !important; /* Elimina margin-bottom */ border-bottom: 1px solid #333; } /* Modificación para los ítems de release */ .prod-row-item.item-is-release { border-bottom: none !important; /* Elimina la línea de separación */ } .release-playlist-container { padding: 0; margin: 0 0 15px 0; list-style: none; } .woocommerce ul.products li.product { border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } /* Ajuste para centrar verticalmente el contenido principal del release */ .prod-row-main-content-wrapper { display: flex; flex-direction: row; align-items: stretch; /* Para que las columnas se estiren a la misma altura */ width: 100%; gap: 15px; padding: 5px; /* Padding uniforme de 5px en todos los lados */ } .prod-row-image-col { flex-shrink: 0; position: relative; display: flex; align-items: center; /* Centra contenido verticalmente */ justify-content: center; /* Centra contenido horizontalmente */ background-color: #111; height: 100%; /* Asegura que la columna de la imagen se estire */ } .prod-row-image-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1; } .prod-row-image-link-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; } /* Ajuste para que la información del producto ocupe todo el espacio disponible */ .product-info-container { flex-grow: 1; min-width: 0; text-align: left; /* Alinea el contenido a la izquierda */ display: flex; flex-direction: column; /* Asegura que los elementos internos se apilen */ justify-content: center; /* Centra el contenido internamente si es posible */ z-index: 10; } .prod-row-actions-col { width: auto; flex-shrink: 0; text-align: right; display: flex; align-items: center; /* Centra verticalmente las acciones */ justify-content: flex-end; padding-left: 10px; z-index: 15; } .prod-row-actions-wrapper { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; } .item-is-single { /* padding: 0; */ /* Se mantiene sin padding */ } .item-is-single .prod-row-image-col { min-width: 80px; /* ¡AJUSTADO! Ancho mínimo para single track en PC */ min-height: 80px; /* ¡AJUSTADO! Altura mínima para single track en PC */ width: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ height: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ } .item-is-single .prod-row-play-icon { font-size: 50px; } .item-is-single .prod-row-main-content-wrapper { align-items: center; } .item-is-release { /* min-height: 150px; */ /* Se mantiene sin min-height para el contenedor principal */ } .item-is-release .prod-row-image-col { min-width: 150px; /* Ancho mínimo para release */ min-height: 150px; /* Altura mínima para release */ width: 150px; /* Se mantiene para asegurar el tamaño inicial */ height: 150px; /* Se mantiene para asegurar el tamaño inicial */ } .prod-row-image-col .qt-play { z-index: 12; } /* Ajuste para la descripción ahora directamente en .product-info-container */ .prod-row-description { white-space: normal; color: #ccc !important; font-size: 13px; line-height: 1.5; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ } .prod-row-description p { margin: 0 0 0.5em 0 !important; padding: 0 !important; } /* ANOTACIÓN: REGLAS MÁS FUERTES PARA EMOJIS */ /* Reset general para TODOS los emojis para evitar comportamientos inesperados */ img.emoji { height: 1em !important; width: 1em !important; margin: 0 !important; padding: 0 !important; vertical-align: baseline !important; /* Alineación estándar con texto */ display: inline-block !important; /* Asegura que se comporte como bloque en línea */ position: static !important; /* Fundamental para evitar posicionamiento absoluto no deseado */ top: auto !important; left: auto !important; transform: none !important; /* Desactiva cualquier transformación */ opacity: 1 !important; /* Asegura que no se oscurezca */ z-index: auto !important; /* Resetea el z-index */ border: none !important; box-shadow: none !important; } /* Estilos específicos para emojis dentro de la descripción (pueden ser ligeramente más grandes) */ .prod-row-description p img.emoji, .prod-row-description img.emoji, .info-modal-body p img.emoji, .info-modal-body img.emoji { height: 1.2em !important; /* Ligeramente más grande para que se vean bien */ width: 1.2em !important; margin: 0 .07em !important; /* Mantiene un pequeño margen lateral */ vertical-align: -0.2em !important; /* Ajuste fino para la alineación visual */ } /* ANOTACIÓN: Asegura el color y visibilidad del icono de play en single tracks (si aplica) */ .prod-row-play-icon { opacity: 1 !important; /* Asegura que el icono no se oscurezca */ color: #ffffff !important; /* Fuerza el color blanco */ text-shadow: 0 0 10px rgba(0,0,0,0.5) !important; z-index: 15 !important; /* Asegura que esté por encima de todo */ position: relative !important; /* Necesario para que z-index funcione */ } /* Por defecto, el botón de info no se muestra en escritorio */ .prod-info-trigger { display: none; } /* Media query para dispositivos móviles (hasta 767px de ancho) */ @media (max-width: 767px) { /* Muestra el botón de info en móviles */ .prod-info-trigger { display: inline-flex; } /* Oculta la descripción en móviles */ .prod-row-description { display: none; } /* ¡NUEVO! Oculta la descripción */ .item-is-release .prod-row-image-col { width: 120px; height: 120px; } .item-is-single .prod-row-image-col { width: 80px; height: 80px; } .prod-row-main-content-wrapper { gap: 10px; } } /* Media query para pantallas de escritorio (desde 768px de ancho) */ @media (min-width: 768px) { /* Asegura que la descripción se muestre en escritorio */ .prod-row-description { display: block; } } .prod-row-play-icon { opacity: 0.85; color: #ffffff; text-shadow: 0 0 10px rgba(0,0,0,0.5); } .prod-row-title { color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; margin-bottom: 0; /* Elimina el margen inferior */ line-height: 1.2; display: block; } .prod-row-metas { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary .material-icons { font-size: 14px; vertical-align: -2px; margin-right: 2px; } .prod-row-tag a { text-decoration: none; } .prod-row-cat-link { color: #39c0de !important; text-decoration: none; } .prod-row-metas a:hover, .prod-row-cat-link:hover { text-decoration: underline; } .prod-row-separator { color: #555; margin: 0 4px; } .prod-row-description h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .prod-row-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: #170131; border-radius: 4px; color: #ffffff; text-decoration: none; transition: all 0.2s ease; } .prod-row-icon-btn:hover { background-color: #2A0A4A; } .prod-row-icon-btn .material-icons { font-size: 26px; } .prod-row-icon-btn.in-cart { color: lightgreen; } .prod-row-icon-btn.sold-out { color: red; opacity: 0.6; cursor: not-allowed; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button { background: none!important; border: none!important; padding: 0!important; margin: 0!important; box-shadow: none!important; color: inherit!important; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button i { font-family: 'Material Icons'!important; font-size: 26px!important; } .prod-row-wishlist-wrapper .tinvwl-product-in-list, .prod-row-wishlist-wrapper .tinvwl-product-in-list:hover { color: lightgreen!important; } .info-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; display: flex; align-items: center; justify-content: center; } .info-modal-content { background: #1a1a1a; padding: 20px; border-radius: 5px; max-width: 90%; width: 500px; position: relative; box-shadow: 0 5px 15px rgba(0,0,0,0.5); } .info-modal-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #444; padding-bottom: 10px; margin-bottom: 15px; } .info-modal-header h4 { margin: 0; color: #fff; font-size: 18px; } .info-modal-close { background: none; border: none; color: #fff; font-size: 24px; cursor: pointer; line-height: 1; padding: 0; } .info-modal-body { color: #ccc; font-size: 14px; line-height: 1.6; max-height: 70vh; overflow-y: auto; } .info-modal-body p img.emoji { height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; display: inline-block !important; border: none !important; box-shadow: none !important; padding: 0 !important; } .info-modal-body h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .info-modal-body .search-highlight { background-color: yellow; color: #000; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-adv { position: absolute; top: 0; left: 0; height: 100%; z-index: 5; width: 0%; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-det { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; cursor: pointer; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-minicue { display: none; } jQuery(document).ready(function($) { // La funcionalidad de carrito ya no se gestiona aquí. // El script ahora solo maneja la lógica del modal de descripción. $('.prod-info-trigger').on('click', function(e) { e.preventDefault(); var title = $(this).data('product-title'); var content = $(this).data('description-content'); var modalHtml = `

    ${title}

    ${content}
    `; $('body').append(modalHtml); function closeModal() { $('.info-modal-overlay').remove(); $(document).off('keyup.modal'); } $('.info-modal-close').on('click', closeModal); $('.info-modal-overlay').on('click', function(event) { if (event.target === this) { closeModal(); } }); $(document).on('keyup.modal', function(e) { if (e.key === "Escape") { closeModal(); } }); }); });
  • play_circle_filled
    Ángel García Dj – Bazooka Ángel García Dj Newstyle event 25/08/2023 local_offer " Formato Mp3 & Wav "
    add_shopping_cart
    Add to Wishlist
    • /* Estilos generales */ * { box-sizing: border-box; } .prod-row-item { display: flex; flex-direction: row; align-items: stretch; width: 100%; position: relative; overflow: hidden; padding: 0 !important; /* Elimina todo el padding */ margin-bottom: 0 !important; /* Elimina margin-bottom */ border-bottom: 1px solid #333; } /* Modificación para los ítems de release */ .prod-row-item.item-is-release { border-bottom: none !important; /* Elimina la línea de separación */ } .release-playlist-container { padding: 0; margin: 0 0 15px 0; list-style: none; } .woocommerce ul.products li.product { border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } /* Ajuste para centrar verticalmente el contenido principal del release */ .prod-row-main-content-wrapper { display: flex; flex-direction: row; align-items: stretch; /* Para que las columnas se estiren a la misma altura */ width: 100%; gap: 15px; padding: 5px; /* Padding uniforme de 5px en todos los lados */ } .prod-row-image-col { flex-shrink: 0; position: relative; display: flex; align-items: center; /* Centra contenido verticalmente */ justify-content: center; /* Centra contenido horizontalmente */ background-color: #111; height: 100%; /* Asegura que la columna de la imagen se estire */ } .prod-row-image-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1; } .prod-row-image-link-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; } /* Ajuste para que la información del producto ocupe todo el espacio disponible */ .product-info-container { flex-grow: 1; min-width: 0; text-align: left; /* Alinea el contenido a la izquierda */ display: flex; flex-direction: column; /* Asegura que los elementos internos se apilen */ justify-content: center; /* Centra el contenido internamente si es posible */ z-index: 10; } .prod-row-actions-col { width: auto; flex-shrink: 0; text-align: right; display: flex; align-items: center; /* Centra verticalmente las acciones */ justify-content: flex-end; padding-left: 10px; z-index: 15; } .prod-row-actions-wrapper { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; } .item-is-single { /* padding: 0; */ /* Se mantiene sin padding */ } .item-is-single .prod-row-image-col { min-width: 80px; /* ¡AJUSTADO! Ancho mínimo para single track en PC */ min-height: 80px; /* ¡AJUSTADO! Altura mínima para single track en PC */ width: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ height: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ } .item-is-single .prod-row-play-icon { font-size: 50px; } .item-is-single .prod-row-main-content-wrapper { align-items: center; } .item-is-release { /* min-height: 150px; */ /* Se mantiene sin min-height para el contenedor principal */ } .item-is-release .prod-row-image-col { min-width: 150px; /* Ancho mínimo para release */ min-height: 150px; /* Altura mínima para release */ width: 150px; /* Se mantiene para asegurar el tamaño inicial */ height: 150px; /* Se mantiene para asegurar el tamaño inicial */ } .prod-row-image-col .qt-play { z-index: 12; } /* Ajuste para la descripción ahora directamente en .product-info-container */ .prod-row-description { white-space: normal; color: #ccc !important; font-size: 13px; line-height: 1.5; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ } .prod-row-description p { margin: 0 0 0.5em 0 !important; padding: 0 !important; } /* ANOTACIÓN: REGLAS MÁS FUERTES PARA EMOJIS */ /* Reset general para TODOS los emojis para evitar comportamientos inesperados */ img.emoji { height: 1em !important; width: 1em !important; margin: 0 !important; padding: 0 !important; vertical-align: baseline !important; /* Alineación estándar con texto */ display: inline-block !important; /* Asegura que se comporte como bloque en línea */ position: static !important; /* Fundamental para evitar posicionamiento absoluto no deseado */ top: auto !important; left: auto !important; transform: none !important; /* Desactiva cualquier transformación */ opacity: 1 !important; /* Asegura que no se oscurezca */ z-index: auto !important; /* Resetea el z-index */ border: none !important; box-shadow: none !important; } /* Estilos específicos para emojis dentro de la descripción (pueden ser ligeramente más grandes) */ .prod-row-description p img.emoji, .prod-row-description img.emoji, .info-modal-body p img.emoji, .info-modal-body img.emoji { height: 1.2em !important; /* Ligeramente más grande para que se vean bien */ width: 1.2em !important; margin: 0 .07em !important; /* Mantiene un pequeño margen lateral */ vertical-align: -0.2em !important; /* Ajuste fino para la alineación visual */ } /* ANOTACIÓN: Asegura el color y visibilidad del icono de play en single tracks (si aplica) */ .prod-row-play-icon { opacity: 1 !important; /* Asegura que el icono no se oscurezca */ color: #ffffff !important; /* Fuerza el color blanco */ text-shadow: 0 0 10px rgba(0,0,0,0.5) !important; z-index: 15 !important; /* Asegura que esté por encima de todo */ position: relative !important; /* Necesario para que z-index funcione */ } /* Por defecto, el botón de info no se muestra en escritorio */ .prod-info-trigger { display: none; } /* Media query para dispositivos móviles (hasta 767px de ancho) */ @media (max-width: 767px) { /* Muestra el botón de info en móviles */ .prod-info-trigger { display: inline-flex; } /* Oculta la descripción en móviles */ .prod-row-description { display: none; } /* ¡NUEVO! Oculta la descripción */ .item-is-release .prod-row-image-col { width: 120px; height: 120px; } .item-is-single .prod-row-image-col { width: 80px; height: 80px; } .prod-row-main-content-wrapper { gap: 10px; } } /* Media query para pantallas de escritorio (desde 768px de ancho) */ @media (min-width: 768px) { /* Asegura que la descripción se muestre en escritorio */ .prod-row-description { display: block; } } .prod-row-play-icon { opacity: 0.85; color: #ffffff; text-shadow: 0 0 10px rgba(0,0,0,0.5); } .prod-row-title { color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; margin-bottom: 0; /* Elimina el margen inferior */ line-height: 1.2; display: block; } .prod-row-metas { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary .material-icons { font-size: 14px; vertical-align: -2px; margin-right: 2px; } .prod-row-tag a { text-decoration: none; } .prod-row-cat-link { color: #39c0de !important; text-decoration: none; } .prod-row-metas a:hover, .prod-row-cat-link:hover { text-decoration: underline; } .prod-row-separator { color: #555; margin: 0 4px; } .prod-row-description h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .prod-row-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: #170131; border-radius: 4px; color: #ffffff; text-decoration: none; transition: all 0.2s ease; } .prod-row-icon-btn:hover { background-color: #2A0A4A; } .prod-row-icon-btn .material-icons { font-size: 26px; } .prod-row-icon-btn.in-cart { color: lightgreen; } .prod-row-icon-btn.sold-out { color: red; opacity: 0.6; cursor: not-allowed; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button { background: none!important; border: none!important; padding: 0!important; margin: 0!important; box-shadow: none!important; color: inherit!important; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button i { font-family: 'Material Icons'!important; font-size: 26px!important; } .prod-row-wishlist-wrapper .tinvwl-product-in-list, .prod-row-wishlist-wrapper .tinvwl-product-in-list:hover { color: lightgreen!important; } .info-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; display: flex; align-items: center; justify-content: center; } .info-modal-content { background: #1a1a1a; padding: 20px; border-radius: 5px; max-width: 90%; width: 500px; position: relative; box-shadow: 0 5px 15px rgba(0,0,0,0.5); } .info-modal-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #444; padding-bottom: 10px; margin-bottom: 15px; } .info-modal-header h4 { margin: 0; color: #fff; font-size: 18px; } .info-modal-close { background: none; border: none; color: #fff; font-size: 24px; cursor: pointer; line-height: 1; padding: 0; } .info-modal-body { color: #ccc; font-size: 14px; line-height: 1.6; max-height: 70vh; overflow-y: auto; } .info-modal-body p img.emoji { height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; display: inline-block !important; border: none !important; box-shadow: none !important; padding: 0 !important; } .info-modal-body h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .info-modal-body .search-highlight { background-color: yellow; color: #000; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-adv { position: absolute; top: 0; left: 0; height: 100%; z-index: 5; width: 0%; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-det { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; cursor: pointer; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-minicue { display: none; } jQuery(document).ready(function($) { // La funcionalidad de carrito ya no se gestiona aquí. // El script ahora solo maneja la lógica del modal de descripción. $('.prod-info-trigger').on('click', function(e) { e.preventDefault(); var title = $(this).data('product-title'); var content = $(this).data('description-content'); var modalHtml = `

    ${title}

    ${content}
    `; $('body').append(modalHtml); function closeModal() { $('.info-modal-overlay').remove(); $(document).off('keyup.modal'); } $('.info-modal-close').on('click', closeModal); $('.info-modal-overlay').on('click', function(event) { if (event.target === this) { closeModal(); } }); $(document).on('keyup.modal', function(e) { if (e.key === "Escape") { closeModal(); } }); }); });
  • play_circle_filled
    Ángel García Dj & Dj Rosell – Like a Flame Ángel García Dj Hardcore event 25/08/2023 local_offer " Formato Mp3 & Wav "
    add_shopping_cart
    Add to Wishlist
    • /* Estilos generales */ * { box-sizing: border-box; } .prod-row-item { display: flex; flex-direction: row; align-items: stretch; width: 100%; position: relative; overflow: hidden; padding: 0 !important; /* Elimina todo el padding */ margin-bottom: 0 !important; /* Elimina margin-bottom */ border-bottom: 1px solid #333; } /* Modificación para los ítems de release */ .prod-row-item.item-is-release { border-bottom: none !important; /* Elimina la línea de separación */ } .release-playlist-container { padding: 0; margin: 0 0 15px 0; list-style: none; } .woocommerce ul.products li.product { border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } /* Ajuste para centrar verticalmente el contenido principal del release */ .prod-row-main-content-wrapper { display: flex; flex-direction: row; align-items: stretch; /* Para que las columnas se estiren a la misma altura */ width: 100%; gap: 15px; padding: 5px; /* Padding uniforme de 5px en todos los lados */ } .prod-row-image-col { flex-shrink: 0; position: relative; display: flex; align-items: center; /* Centra contenido verticalmente */ justify-content: center; /* Centra contenido horizontalmente */ background-color: #111; height: 100%; /* Asegura que la columna de la imagen se estire */ } .prod-row-image-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1; } .prod-row-image-link-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; } /* Ajuste para que la información del producto ocupe todo el espacio disponible */ .product-info-container { flex-grow: 1; min-width: 0; text-align: left; /* Alinea el contenido a la izquierda */ display: flex; flex-direction: column; /* Asegura que los elementos internos se apilen */ justify-content: center; /* Centra el contenido internamente si es posible */ z-index: 10; } .prod-row-actions-col { width: auto; flex-shrink: 0; text-align: right; display: flex; align-items: center; /* Centra verticalmente las acciones */ justify-content: flex-end; padding-left: 10px; z-index: 15; } .prod-row-actions-wrapper { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; } .item-is-single { /* padding: 0; */ /* Se mantiene sin padding */ } .item-is-single .prod-row-image-col { min-width: 80px; /* ¡AJUSTADO! Ancho mínimo para single track en PC */ min-height: 80px; /* ¡AJUSTADO! Altura mínima para single track en PC */ width: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ height: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ } .item-is-single .prod-row-play-icon { font-size: 50px; } .item-is-single .prod-row-main-content-wrapper { align-items: center; } .item-is-release { /* min-height: 150px; */ /* Se mantiene sin min-height para el contenedor principal */ } .item-is-release .prod-row-image-col { min-width: 150px; /* Ancho mínimo para release */ min-height: 150px; /* Altura mínima para release */ width: 150px; /* Se mantiene para asegurar el tamaño inicial */ height: 150px; /* Se mantiene para asegurar el tamaño inicial */ } .prod-row-image-col .qt-play { z-index: 12; } /* Ajuste para la descripción ahora directamente en .product-info-container */ .prod-row-description { white-space: normal; color: #ccc !important; font-size: 13px; line-height: 1.5; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ } .prod-row-description p { margin: 0 0 0.5em 0 !important; padding: 0 !important; } /* ANOTACIÓN: REGLAS MÁS FUERTES PARA EMOJIS */ /* Reset general para TODOS los emojis para evitar comportamientos inesperados */ img.emoji { height: 1em !important; width: 1em !important; margin: 0 !important; padding: 0 !important; vertical-align: baseline !important; /* Alineación estándar con texto */ display: inline-block !important; /* Asegura que se comporte como bloque en línea */ position: static !important; /* Fundamental para evitar posicionamiento absoluto no deseado */ top: auto !important; left: auto !important; transform: none !important; /* Desactiva cualquier transformación */ opacity: 1 !important; /* Asegura que no se oscurezca */ z-index: auto !important; /* Resetea el z-index */ border: none !important; box-shadow: none !important; } /* Estilos específicos para emojis dentro de la descripción (pueden ser ligeramente más grandes) */ .prod-row-description p img.emoji, .prod-row-description img.emoji, .info-modal-body p img.emoji, .info-modal-body img.emoji { height: 1.2em !important; /* Ligeramente más grande para que se vean bien */ width: 1.2em !important; margin: 0 .07em !important; /* Mantiene un pequeño margen lateral */ vertical-align: -0.2em !important; /* Ajuste fino para la alineación visual */ } /* ANOTACIÓN: Asegura el color y visibilidad del icono de play en single tracks (si aplica) */ .prod-row-play-icon { opacity: 1 !important; /* Asegura que el icono no se oscurezca */ color: #ffffff !important; /* Fuerza el color blanco */ text-shadow: 0 0 10px rgba(0,0,0,0.5) !important; z-index: 15 !important; /* Asegura que esté por encima de todo */ position: relative !important; /* Necesario para que z-index funcione */ } /* Por defecto, el botón de info no se muestra en escritorio */ .prod-info-trigger { display: none; } /* Media query para dispositivos móviles (hasta 767px de ancho) */ @media (max-width: 767px) { /* Muestra el botón de info en móviles */ .prod-info-trigger { display: inline-flex; } /* Oculta la descripción en móviles */ .prod-row-description { display: none; } /* ¡NUEVO! Oculta la descripción */ .item-is-release .prod-row-image-col { width: 120px; height: 120px; } .item-is-single .prod-row-image-col { width: 80px; height: 80px; } .prod-row-main-content-wrapper { gap: 10px; } } /* Media query para pantallas de escritorio (desde 768px de ancho) */ @media (min-width: 768px) { /* Asegura que la descripción se muestre en escritorio */ .prod-row-description { display: block; } } .prod-row-play-icon { opacity: 0.85; color: #ffffff; text-shadow: 0 0 10px rgba(0,0,0,0.5); } .prod-row-title { color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; margin-bottom: 0; /* Elimina el margen inferior */ line-height: 1.2; display: block; } .prod-row-metas { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary .material-icons { font-size: 14px; vertical-align: -2px; margin-right: 2px; } .prod-row-tag a { text-decoration: none; } .prod-row-cat-link { color: #39c0de !important; text-decoration: none; } .prod-row-metas a:hover, .prod-row-cat-link:hover { text-decoration: underline; } .prod-row-separator { color: #555; margin: 0 4px; } .prod-row-description h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .prod-row-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: #170131; border-radius: 4px; color: #ffffff; text-decoration: none; transition: all 0.2s ease; } .prod-row-icon-btn:hover { background-color: #2A0A4A; } .prod-row-icon-btn .material-icons { font-size: 26px; } .prod-row-icon-btn.in-cart { color: lightgreen; } .prod-row-icon-btn.sold-out { color: red; opacity: 0.6; cursor: not-allowed; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button { background: none!important; border: none!important; padding: 0!important; margin: 0!important; box-shadow: none!important; color: inherit!important; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button i { font-family: 'Material Icons'!important; font-size: 26px!important; } .prod-row-wishlist-wrapper .tinvwl-product-in-list, .prod-row-wishlist-wrapper .tinvwl-product-in-list:hover { color: lightgreen!important; } .info-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; display: flex; align-items: center; justify-content: center; } .info-modal-content { background: #1a1a1a; padding: 20px; border-radius: 5px; max-width: 90%; width: 500px; position: relative; box-shadow: 0 5px 15px rgba(0,0,0,0.5); } .info-modal-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #444; padding-bottom: 10px; margin-bottom: 15px; } .info-modal-header h4 { margin: 0; color: #fff; font-size: 18px; } .info-modal-close { background: none; border: none; color: #fff; font-size: 24px; cursor: pointer; line-height: 1; padding: 0; } .info-modal-body { color: #ccc; font-size: 14px; line-height: 1.6; max-height: 70vh; overflow-y: auto; } .info-modal-body p img.emoji { height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; display: inline-block !important; border: none !important; box-shadow: none !important; padding: 0 !important; } .info-modal-body h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .info-modal-body .search-highlight { background-color: yellow; color: #000; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-adv { position: absolute; top: 0; left: 0; height: 100%; z-index: 5; width: 0%; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-det { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; cursor: pointer; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-minicue { display: none; } jQuery(document).ready(function($) { // La funcionalidad de carrito ya no se gestiona aquí. // El script ahora solo maneja la lógica del modal de descripción. $('.prod-info-trigger').on('click', function(e) { e.preventDefault(); var title = $(this).data('product-title'); var content = $(this).data('description-content'); var modalHtml = `

    ${title}

    ${content}
    `; $('body').append(modalHtml); function closeModal() { $('.info-modal-overlay').remove(); $(document).off('keyup.modal'); } $('.info-modal-close').on('click', closeModal); $('.info-modal-overlay').on('click', function(event) { if (event.target === this) { closeModal(); } }); $(document).on('keyup.modal', function(e) { if (e.key === "Escape") { closeModal(); } }); }); });
  • play_circle_filled
    Dj Oskar & Ángel García Dj – Never Stop Ángel García Dj Newstyle event 07/04/2023 local_offer " Formato Mp3 & Wav "
    add_shopping_cart
    Add to Wishlist
    • /* Estilos generales */ * { box-sizing: border-box; } .prod-row-item { display: flex; flex-direction: row; align-items: stretch; width: 100%; position: relative; overflow: hidden; padding: 0 !important; /* Elimina todo el padding */ margin-bottom: 0 !important; /* Elimina margin-bottom */ border-bottom: 1px solid #333; } /* Modificación para los ítems de release */ .prod-row-item.item-is-release { border-bottom: none !important; /* Elimina la línea de separación */ } .release-playlist-container { padding: 0; margin: 0 0 15px 0; list-style: none; } .woocommerce ul.products li.product { border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } /* Ajuste para centrar verticalmente el contenido principal del release */ .prod-row-main-content-wrapper { display: flex; flex-direction: row; align-items: stretch; /* Para que las columnas se estiren a la misma altura */ width: 100%; gap: 15px; padding: 5px; /* Padding uniforme de 5px en todos los lados */ } .prod-row-image-col { flex-shrink: 0; position: relative; display: flex; align-items: center; /* Centra contenido verticalmente */ justify-content: center; /* Centra contenido horizontalmente */ background-color: #111; height: 100%; /* Asegura que la columna de la imagen se estire */ } .prod-row-image-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1; } .prod-row-image-link-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; } /* Ajuste para que la información del producto ocupe todo el espacio disponible */ .product-info-container { flex-grow: 1; min-width: 0; text-align: left; /* Alinea el contenido a la izquierda */ display: flex; flex-direction: column; /* Asegura que los elementos internos se apilen */ justify-content: center; /* Centra el contenido internamente si es posible */ z-index: 10; } .prod-row-actions-col { width: auto; flex-shrink: 0; text-align: right; display: flex; align-items: center; /* Centra verticalmente las acciones */ justify-content: flex-end; padding-left: 10px; z-index: 15; } .prod-row-actions-wrapper { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; } .item-is-single { /* padding: 0; */ /* Se mantiene sin padding */ } .item-is-single .prod-row-image-col { min-width: 80px; /* ¡AJUSTADO! Ancho mínimo para single track en PC */ min-height: 80px; /* ¡AJUSTADO! Altura mínima para single track en PC */ width: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ height: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ } .item-is-single .prod-row-play-icon { font-size: 50px; } .item-is-single .prod-row-main-content-wrapper { align-items: center; } .item-is-release { /* min-height: 150px; */ /* Se mantiene sin min-height para el contenedor principal */ } .item-is-release .prod-row-image-col { min-width: 150px; /* Ancho mínimo para release */ min-height: 150px; /* Altura mínima para release */ width: 150px; /* Se mantiene para asegurar el tamaño inicial */ height: 150px; /* Se mantiene para asegurar el tamaño inicial */ } .prod-row-image-col .qt-play { z-index: 12; } /* Ajuste para la descripción ahora directamente en .product-info-container */ .prod-row-description { white-space: normal; color: #ccc !important; font-size: 13px; line-height: 1.5; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ } .prod-row-description p { margin: 0 0 0.5em 0 !important; padding: 0 !important; } /* ANOTACIÓN: REGLAS MÁS FUERTES PARA EMOJIS */ /* Reset general para TODOS los emojis para evitar comportamientos inesperados */ img.emoji { height: 1em !important; width: 1em !important; margin: 0 !important; padding: 0 !important; vertical-align: baseline !important; /* Alineación estándar con texto */ display: inline-block !important; /* Asegura que se comporte como bloque en línea */ position: static !important; /* Fundamental para evitar posicionamiento absoluto no deseado */ top: auto !important; left: auto !important; transform: none !important; /* Desactiva cualquier transformación */ opacity: 1 !important; /* Asegura que no se oscurezca */ z-index: auto !important; /* Resetea el z-index */ border: none !important; box-shadow: none !important; } /* Estilos específicos para emojis dentro de la descripción (pueden ser ligeramente más grandes) */ .prod-row-description p img.emoji, .prod-row-description img.emoji, .info-modal-body p img.emoji, .info-modal-body img.emoji { height: 1.2em !important; /* Ligeramente más grande para que se vean bien */ width: 1.2em !important; margin: 0 .07em !important; /* Mantiene un pequeño margen lateral */ vertical-align: -0.2em !important; /* Ajuste fino para la alineación visual */ } /* ANOTACIÓN: Asegura el color y visibilidad del icono de play en single tracks (si aplica) */ .prod-row-play-icon { opacity: 1 !important; /* Asegura que el icono no se oscurezca */ color: #ffffff !important; /* Fuerza el color blanco */ text-shadow: 0 0 10px rgba(0,0,0,0.5) !important; z-index: 15 !important; /* Asegura que esté por encima de todo */ position: relative !important; /* Necesario para que z-index funcione */ } /* Por defecto, el botón de info no se muestra en escritorio */ .prod-info-trigger { display: none; } /* Media query para dispositivos móviles (hasta 767px de ancho) */ @media (max-width: 767px) { /* Muestra el botón de info en móviles */ .prod-info-trigger { display: inline-flex; } /* Oculta la descripción en móviles */ .prod-row-description { display: none; } /* ¡NUEVO! Oculta la descripción */ .item-is-release .prod-row-image-col { width: 120px; height: 120px; } .item-is-single .prod-row-image-col { width: 80px; height: 80px; } .prod-row-main-content-wrapper { gap: 10px; } } /* Media query para pantallas de escritorio (desde 768px de ancho) */ @media (min-width: 768px) { /* Asegura que la descripción se muestre en escritorio */ .prod-row-description { display: block; } } .prod-row-play-icon { opacity: 0.85; color: #ffffff; text-shadow: 0 0 10px rgba(0,0,0,0.5); } .prod-row-title { color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; margin-bottom: 0; /* Elimina el margen inferior */ line-height: 1.2; display: block; } .prod-row-metas { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary .material-icons { font-size: 14px; vertical-align: -2px; margin-right: 2px; } .prod-row-tag a { text-decoration: none; } .prod-row-cat-link { color: #39c0de !important; text-decoration: none; } .prod-row-metas a:hover, .prod-row-cat-link:hover { text-decoration: underline; } .prod-row-separator { color: #555; margin: 0 4px; } .prod-row-description h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .prod-row-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: #170131; border-radius: 4px; color: #ffffff; text-decoration: none; transition: all 0.2s ease; } .prod-row-icon-btn:hover { background-color: #2A0A4A; } .prod-row-icon-btn .material-icons { font-size: 26px; } .prod-row-icon-btn.in-cart { color: lightgreen; } .prod-row-icon-btn.sold-out { color: red; opacity: 0.6; cursor: not-allowed; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button { background: none!important; border: none!important; padding: 0!important; margin: 0!important; box-shadow: none!important; color: inherit!important; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button i { font-family: 'Material Icons'!important; font-size: 26px!important; } .prod-row-wishlist-wrapper .tinvwl-product-in-list, .prod-row-wishlist-wrapper .tinvwl-product-in-list:hover { color: lightgreen!important; } .info-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; display: flex; align-items: center; justify-content: center; } .info-modal-content { background: #1a1a1a; padding: 20px; border-radius: 5px; max-width: 90%; width: 500px; position: relative; box-shadow: 0 5px 15px rgba(0,0,0,0.5); } .info-modal-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #444; padding-bottom: 10px; margin-bottom: 15px; } .info-modal-header h4 { margin: 0; color: #fff; font-size: 18px; } .info-modal-close { background: none; border: none; color: #fff; font-size: 24px; cursor: pointer; line-height: 1; padding: 0; } .info-modal-body { color: #ccc; font-size: 14px; line-height: 1.6; max-height: 70vh; overflow-y: auto; } .info-modal-body p img.emoji { height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; display: inline-block !important; border: none !important; box-shadow: none !important; padding: 0 !important; } .info-modal-body h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .info-modal-body .search-highlight { background-color: yellow; color: #000; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-adv { position: absolute; top: 0; left: 0; height: 100%; z-index: 5; width: 0%; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-det { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; cursor: pointer; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-minicue { display: none; } jQuery(document).ready(function($) { // La funcionalidad de carrito ya no se gestiona aquí. // El script ahora solo maneja la lógica del modal de descripción. $('.prod-info-trigger').on('click', function(e) { e.preventDefault(); var title = $(this).data('product-title'); var content = $(this).data('description-content'); var modalHtml = `

    ${title}

    ${content}
    `; $('body').append(modalHtml); function closeModal() { $('.info-modal-overlay').remove(); $(document).off('keyup.modal'); } $('.info-modal-close').on('click', closeModal); $('.info-modal-overlay').on('click', function(event) { if (event.target === this) { closeModal(); } }); $(document).on('keyup.modal', function(e) { if (e.key === "Escape") { closeModal(); } }); }); });
  • play_circle_filled
    Ángel García Dj & Dj Oskar – Blinding Lights (Spanish Version) Ángel García Dj Dance event 27/01/2023 local_offer " Formato Mp3 & Wav "
    add_shopping_cart
    Add to Wishlist
    • /* Estilos generales */ * { box-sizing: border-box; } .prod-row-item { display: flex; flex-direction: row; align-items: stretch; width: 100%; position: relative; overflow: hidden; padding: 0 !important; /* Elimina todo el padding */ margin-bottom: 0 !important; /* Elimina margin-bottom */ border-bottom: 1px solid #333; } /* Modificación para los ítems de release */ .prod-row-item.item-is-release { border-bottom: none !important; /* Elimina la línea de separación */ } .release-playlist-container { padding: 0; margin: 0 0 15px 0; list-style: none; } .woocommerce ul.products li.product { border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } /* Ajuste para centrar verticalmente el contenido principal del release */ .prod-row-main-content-wrapper { display: flex; flex-direction: row; align-items: stretch; /* Para que las columnas se estiren a la misma altura */ width: 100%; gap: 15px; padding: 5px; /* Padding uniforme de 5px en todos los lados */ } .prod-row-image-col { flex-shrink: 0; position: relative; display: flex; align-items: center; /* Centra contenido verticalmente */ justify-content: center; /* Centra contenido horizontalmente */ background-color: #111; height: 100%; /* Asegura que la columna de la imagen se estire */ } .prod-row-image-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1; } .prod-row-image-link-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; } /* Ajuste para que la información del producto ocupe todo el espacio disponible */ .product-info-container { flex-grow: 1; min-width: 0; text-align: left; /* Alinea el contenido a la izquierda */ display: flex; flex-direction: column; /* Asegura que los elementos internos se apilen */ justify-content: center; /* Centra el contenido internamente si es posible */ z-index: 10; } .prod-row-actions-col { width: auto; flex-shrink: 0; text-align: right; display: flex; align-items: center; /* Centra verticalmente las acciones */ justify-content: flex-end; padding-left: 10px; z-index: 15; } .prod-row-actions-wrapper { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; } .item-is-single { /* padding: 0; */ /* Se mantiene sin padding */ } .item-is-single .prod-row-image-col { min-width: 80px; /* ¡AJUSTADO! Ancho mínimo para single track en PC */ min-height: 80px; /* ¡AJUSTADO! Altura mínima para single track en PC */ width: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ height: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ } .item-is-single .prod-row-play-icon { font-size: 50px; } .item-is-single .prod-row-main-content-wrapper { align-items: center; } .item-is-release { /* min-height: 150px; */ /* Se mantiene sin min-height para el contenedor principal */ } .item-is-release .prod-row-image-col { min-width: 150px; /* Ancho mínimo para release */ min-height: 150px; /* Altura mínima para release */ width: 150px; /* Se mantiene para asegurar el tamaño inicial */ height: 150px; /* Se mantiene para asegurar el tamaño inicial */ } .prod-row-image-col .qt-play { z-index: 12; } /* Ajuste para la descripción ahora directamente en .product-info-container */ .prod-row-description { white-space: normal; color: #ccc !important; font-size: 13px; line-height: 1.5; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ } .prod-row-description p { margin: 0 0 0.5em 0 !important; padding: 0 !important; } /* ANOTACIÓN: REGLAS MÁS FUERTES PARA EMOJIS */ /* Reset general para TODOS los emojis para evitar comportamientos inesperados */ img.emoji { height: 1em !important; width: 1em !important; margin: 0 !important; padding: 0 !important; vertical-align: baseline !important; /* Alineación estándar con texto */ display: inline-block !important; /* Asegura que se comporte como bloque en línea */ position: static !important; /* Fundamental para evitar posicionamiento absoluto no deseado */ top: auto !important; left: auto !important; transform: none !important; /* Desactiva cualquier transformación */ opacity: 1 !important; /* Asegura que no se oscurezca */ z-index: auto !important; /* Resetea el z-index */ border: none !important; box-shadow: none !important; } /* Estilos específicos para emojis dentro de la descripción (pueden ser ligeramente más grandes) */ .prod-row-description p img.emoji, .prod-row-description img.emoji, .info-modal-body p img.emoji, .info-modal-body img.emoji { height: 1.2em !important; /* Ligeramente más grande para que se vean bien */ width: 1.2em !important; margin: 0 .07em !important; /* Mantiene un pequeño margen lateral */ vertical-align: -0.2em !important; /* Ajuste fino para la alineación visual */ } /* ANOTACIÓN: Asegura el color y visibilidad del icono de play en single tracks (si aplica) */ .prod-row-play-icon { opacity: 1 !important; /* Asegura que el icono no se oscurezca */ color: #ffffff !important; /* Fuerza el color blanco */ text-shadow: 0 0 10px rgba(0,0,0,0.5) !important; z-index: 15 !important; /* Asegura que esté por encima de todo */ position: relative !important; /* Necesario para que z-index funcione */ } /* Por defecto, el botón de info no se muestra en escritorio */ .prod-info-trigger { display: none; } /* Media query para dispositivos móviles (hasta 767px de ancho) */ @media (max-width: 767px) { /* Muestra el botón de info en móviles */ .prod-info-trigger { display: inline-flex; } /* Oculta la descripción en móviles */ .prod-row-description { display: none; } /* ¡NUEVO! Oculta la descripción */ .item-is-release .prod-row-image-col { width: 120px; height: 120px; } .item-is-single .prod-row-image-col { width: 80px; height: 80px; } .prod-row-main-content-wrapper { gap: 10px; } } /* Media query para pantallas de escritorio (desde 768px de ancho) */ @media (min-width: 768px) { /* Asegura que la descripción se muestre en escritorio */ .prod-row-description { display: block; } } .prod-row-play-icon { opacity: 0.85; color: #ffffff; text-shadow: 0 0 10px rgba(0,0,0,0.5); } .prod-row-title { color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; margin-bottom: 0; /* Elimina el margen inferior */ line-height: 1.2; display: block; } .prod-row-metas { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary .material-icons { font-size: 14px; vertical-align: -2px; margin-right: 2px; } .prod-row-tag a { text-decoration: none; } .prod-row-cat-link { color: #39c0de !important; text-decoration: none; } .prod-row-metas a:hover, .prod-row-cat-link:hover { text-decoration: underline; } .prod-row-separator { color: #555; margin: 0 4px; } .prod-row-description h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .prod-row-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: #170131; border-radius: 4px; color: #ffffff; text-decoration: none; transition: all 0.2s ease; } .prod-row-icon-btn:hover { background-color: #2A0A4A; } .prod-row-icon-btn .material-icons { font-size: 26px; } .prod-row-icon-btn.in-cart { color: lightgreen; } .prod-row-icon-btn.sold-out { color: red; opacity: 0.6; cursor: not-allowed; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button { background: none!important; border: none!important; padding: 0!important; margin: 0!important; box-shadow: none!important; color: inherit!important; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button i { font-family: 'Material Icons'!important; font-size: 26px!important; } .prod-row-wishlist-wrapper .tinvwl-product-in-list, .prod-row-wishlist-wrapper .tinvwl-product-in-list:hover { color: lightgreen!important; } .info-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; display: flex; align-items: center; justify-content: center; } .info-modal-content { background: #1a1a1a; padding: 20px; border-radius: 5px; max-width: 90%; width: 500px; position: relative; box-shadow: 0 5px 15px rgba(0,0,0,0.5); } .info-modal-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #444; padding-bottom: 10px; margin-bottom: 15px; } .info-modal-header h4 { margin: 0; color: #fff; font-size: 18px; } .info-modal-close { background: none; border: none; color: #fff; font-size: 24px; cursor: pointer; line-height: 1; padding: 0; } .info-modal-body { color: #ccc; font-size: 14px; line-height: 1.6; max-height: 70vh; overflow-y: auto; } .info-modal-body p img.emoji { height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; display: inline-block !important; border: none !important; box-shadow: none !important; padding: 0 !important; } .info-modal-body h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .info-modal-body .search-highlight { background-color: yellow; color: #000; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-adv { position: absolute; top: 0; left: 0; height: 100%; z-index: 5; width: 0%; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-det { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; cursor: pointer; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-minicue { display: none; } jQuery(document).ready(function($) { // La funcionalidad de carrito ya no se gestiona aquí. // El script ahora solo maneja la lógica del modal de descripción. $('.prod-info-trigger').on('click', function(e) { e.preventDefault(); var title = $(this).data('product-title'); var content = $(this).data('description-content'); var modalHtml = `

    ${title}

    ${content}
    `; $('body').append(modalHtml); function closeModal() { $('.info-modal-overlay').remove(); $(document).off('keyup.modal'); } $('.info-modal-close').on('click', closeModal); $('.info-modal-overlay').on('click', function(event) { if (event.target === this) { closeModal(); } }); $(document).on('keyup.modal', function(e) { if (e.key === "Escape") { closeModal(); } }); }); });
  • play_circle_filled
    Ángel García Dj & Dj Rosell – Madness Waves Ángel García Dj Hardcore event 02/12/2022 local_offer " Formato Mp3 & Wav "
    add_shopping_cart
    Add to Wishlist
    • /* Estilos generales */ * { box-sizing: border-box; } .prod-row-item { display: flex; flex-direction: row; align-items: stretch; width: 100%; position: relative; overflow: hidden; padding: 0 !important; /* Elimina todo el padding */ margin-bottom: 0 !important; /* Elimina margin-bottom */ border-bottom: 1px solid #333; } /* Modificación para los ítems de release */ .prod-row-item.item-is-release { border-bottom: none !important; /* Elimina la línea de separación */ } .release-playlist-container { padding: 0; margin: 0 0 15px 0; list-style: none; } .woocommerce ul.products li.product { border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } /* Ajuste para centrar verticalmente el contenido principal del release */ .prod-row-main-content-wrapper { display: flex; flex-direction: row; align-items: stretch; /* Para que las columnas se estiren a la misma altura */ width: 100%; gap: 15px; padding: 5px; /* Padding uniforme de 5px en todos los lados */ } .prod-row-image-col { flex-shrink: 0; position: relative; display: flex; align-items: center; /* Centra contenido verticalmente */ justify-content: center; /* Centra contenido horizontalmente */ background-color: #111; height: 100%; /* Asegura que la columna de la imagen se estire */ } .prod-row-image-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1; } .prod-row-image-link-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; } /* Ajuste para que la información del producto ocupe todo el espacio disponible */ .product-info-container { flex-grow: 1; min-width: 0; text-align: left; /* Alinea el contenido a la izquierda */ display: flex; flex-direction: column; /* Asegura que los elementos internos se apilen */ justify-content: center; /* Centra el contenido internamente si es posible */ z-index: 10; } .prod-row-actions-col { width: auto; flex-shrink: 0; text-align: right; display: flex; align-items: center; /* Centra verticalmente las acciones */ justify-content: flex-end; padding-left: 10px; z-index: 15; } .prod-row-actions-wrapper { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; } .item-is-single { /* padding: 0; */ /* Se mantiene sin padding */ } .item-is-single .prod-row-image-col { min-width: 80px; /* ¡AJUSTADO! Ancho mínimo para single track en PC */ min-height: 80px; /* ¡AJUSTADO! Altura mínima para single track en PC */ width: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ height: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ } .item-is-single .prod-row-play-icon { font-size: 50px; } .item-is-single .prod-row-main-content-wrapper { align-items: center; } .item-is-release { /* min-height: 150px; */ /* Se mantiene sin min-height para el contenedor principal */ } .item-is-release .prod-row-image-col { min-width: 150px; /* Ancho mínimo para release */ min-height: 150px; /* Altura mínima para release */ width: 150px; /* Se mantiene para asegurar el tamaño inicial */ height: 150px; /* Se mantiene para asegurar el tamaño inicial */ } .prod-row-image-col .qt-play { z-index: 12; } /* Ajuste para la descripción ahora directamente en .product-info-container */ .prod-row-description { white-space: normal; color: #ccc !important; font-size: 13px; line-height: 1.5; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ } .prod-row-description p { margin: 0 0 0.5em 0 !important; padding: 0 !important; } /* ANOTACIÓN: REGLAS MÁS FUERTES PARA EMOJIS */ /* Reset general para TODOS los emojis para evitar comportamientos inesperados */ img.emoji { height: 1em !important; width: 1em !important; margin: 0 !important; padding: 0 !important; vertical-align: baseline !important; /* Alineación estándar con texto */ display: inline-block !important; /* Asegura que se comporte como bloque en línea */ position: static !important; /* Fundamental para evitar posicionamiento absoluto no deseado */ top: auto !important; left: auto !important; transform: none !important; /* Desactiva cualquier transformación */ opacity: 1 !important; /* Asegura que no se oscurezca */ z-index: auto !important; /* Resetea el z-index */ border: none !important; box-shadow: none !important; } /* Estilos específicos para emojis dentro de la descripción (pueden ser ligeramente más grandes) */ .prod-row-description p img.emoji, .prod-row-description img.emoji, .info-modal-body p img.emoji, .info-modal-body img.emoji { height: 1.2em !important; /* Ligeramente más grande para que se vean bien */ width: 1.2em !important; margin: 0 .07em !important; /* Mantiene un pequeño margen lateral */ vertical-align: -0.2em !important; /* Ajuste fino para la alineación visual */ } /* ANOTACIÓN: Asegura el color y visibilidad del icono de play en single tracks (si aplica) */ .prod-row-play-icon { opacity: 1 !important; /* Asegura que el icono no se oscurezca */ color: #ffffff !important; /* Fuerza el color blanco */ text-shadow: 0 0 10px rgba(0,0,0,0.5) !important; z-index: 15 !important; /* Asegura que esté por encima de todo */ position: relative !important; /* Necesario para que z-index funcione */ } /* Por defecto, el botón de info no se muestra en escritorio */ .prod-info-trigger { display: none; } /* Media query para dispositivos móviles (hasta 767px de ancho) */ @media (max-width: 767px) { /* Muestra el botón de info en móviles */ .prod-info-trigger { display: inline-flex; } /* Oculta la descripción en móviles */ .prod-row-description { display: none; } /* ¡NUEVO! Oculta la descripción */ .item-is-release .prod-row-image-col { width: 120px; height: 120px; } .item-is-single .prod-row-image-col { width: 80px; height: 80px; } .prod-row-main-content-wrapper { gap: 10px; } } /* Media query para pantallas de escritorio (desde 768px de ancho) */ @media (min-width: 768px) { /* Asegura que la descripción se muestre en escritorio */ .prod-row-description { display: block; } } .prod-row-play-icon { opacity: 0.85; color: #ffffff; text-shadow: 0 0 10px rgba(0,0,0,0.5); } .prod-row-title { color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; margin-bottom: 0; /* Elimina el margen inferior */ line-height: 1.2; display: block; } .prod-row-metas { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary .material-icons { font-size: 14px; vertical-align: -2px; margin-right: 2px; } .prod-row-tag a { text-decoration: none; } .prod-row-cat-link { color: #39c0de !important; text-decoration: none; } .prod-row-metas a:hover, .prod-row-cat-link:hover { text-decoration: underline; } .prod-row-separator { color: #555; margin: 0 4px; } .prod-row-description h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .prod-row-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: #170131; border-radius: 4px; color: #ffffff; text-decoration: none; transition: all 0.2s ease; } .prod-row-icon-btn:hover { background-color: #2A0A4A; } .prod-row-icon-btn .material-icons { font-size: 26px; } .prod-row-icon-btn.in-cart { color: lightgreen; } .prod-row-icon-btn.sold-out { color: red; opacity: 0.6; cursor: not-allowed; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button { background: none!important; border: none!important; padding: 0!important; margin: 0!important; box-shadow: none!important; color: inherit!important; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button i { font-family: 'Material Icons'!important; font-size: 26px!important; } .prod-row-wishlist-wrapper .tinvwl-product-in-list, .prod-row-wishlist-wrapper .tinvwl-product-in-list:hover { color: lightgreen!important; } .info-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; display: flex; align-items: center; justify-content: center; } .info-modal-content { background: #1a1a1a; padding: 20px; border-radius: 5px; max-width: 90%; width: 500px; position: relative; box-shadow: 0 5px 15px rgba(0,0,0,0.5); } .info-modal-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #444; padding-bottom: 10px; margin-bottom: 15px; } .info-modal-header h4 { margin: 0; color: #fff; font-size: 18px; } .info-modal-close { background: none; border: none; color: #fff; font-size: 24px; cursor: pointer; line-height: 1; padding: 0; } .info-modal-body { color: #ccc; font-size: 14px; line-height: 1.6; max-height: 70vh; overflow-y: auto; } .info-modal-body p img.emoji { height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; display: inline-block !important; border: none !important; box-shadow: none !important; padding: 0 !important; } .info-modal-body h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .info-modal-body .search-highlight { background-color: yellow; color: #000; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-adv { position: absolute; top: 0; left: 0; height: 100%; z-index: 5; width: 0%; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-det { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; cursor: pointer; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-minicue { display: none; } jQuery(document).ready(function($) { // La funcionalidad de carrito ya no se gestiona aquí. // El script ahora solo maneja la lógica del modal de descripción. $('.prod-info-trigger').on('click', function(e) { e.preventDefault(); var title = $(this).data('product-title'); var content = $(this).data('description-content'); var modalHtml = `

    ${title}

    ${content}
    `; $('body').append(modalHtml); function closeModal() { $('.info-modal-overlay').remove(); $(document).off('keyup.modal'); } $('.info-modal-close').on('click', closeModal); $('.info-modal-overlay').on('click', function(event) { if (event.target === this) { closeModal(); } }); $(document).on('keyup.modal', function(e) { if (e.key === "Escape") { closeModal(); } }); }); });
  • play_circle_filled
    Ángel García Dj – Blue Ángel García Dj Dance event 02/12/2022 local_offer " Formato Mp3 & Wav "
    add_shopping_cart
    Add to Wishlist
    • /* Estilos generales */ * { box-sizing: border-box; } .prod-row-item { display: flex; flex-direction: row; align-items: stretch; width: 100%; position: relative; overflow: hidden; padding: 0 !important; /* Elimina todo el padding */ margin-bottom: 0 !important; /* Elimina margin-bottom */ border-bottom: 1px solid #333; } /* Modificación para los ítems de release */ .prod-row-item.item-is-release { border-bottom: none !important; /* Elimina la línea de separación */ } .release-playlist-container { padding: 0; margin: 0 0 15px 0; list-style: none; } .woocommerce ul.products li.product { border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } /* Ajuste para centrar verticalmente el contenido principal del release */ .prod-row-main-content-wrapper { display: flex; flex-direction: row; align-items: stretch; /* Para que las columnas se estiren a la misma altura */ width: 100%; gap: 15px; padding: 5px; /* Padding uniforme de 5px en todos los lados */ } .prod-row-image-col { flex-shrink: 0; position: relative; display: flex; align-items: center; /* Centra contenido verticalmente */ justify-content: center; /* Centra contenido horizontalmente */ background-color: #111; height: 100%; /* Asegura que la columna de la imagen se estire */ } .prod-row-image-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1; } .prod-row-image-link-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; } /* Ajuste para que la información del producto ocupe todo el espacio disponible */ .product-info-container { flex-grow: 1; min-width: 0; text-align: left; /* Alinea el contenido a la izquierda */ display: flex; flex-direction: column; /* Asegura que los elementos internos se apilen */ justify-content: center; /* Centra el contenido internamente si es posible */ z-index: 10; } .prod-row-actions-col { width: auto; flex-shrink: 0; text-align: right; display: flex; align-items: center; /* Centra verticalmente las acciones */ justify-content: flex-end; padding-left: 10px; z-index: 15; } .prod-row-actions-wrapper { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; } .item-is-single { /* padding: 0; */ /* Se mantiene sin padding */ } .item-is-single .prod-row-image-col { min-width: 80px; /* ¡AJUSTADO! Ancho mínimo para single track en PC */ min-height: 80px; /* ¡AJUSTADO! Altura mínima para single track en PC */ width: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ height: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ } .item-is-single .prod-row-play-icon { font-size: 50px; } .item-is-single .prod-row-main-content-wrapper { align-items: center; } .item-is-release { /* min-height: 150px; */ /* Se mantiene sin min-height para el contenedor principal */ } .item-is-release .prod-row-image-col { min-width: 150px; /* Ancho mínimo para release */ min-height: 150px; /* Altura mínima para release */ width: 150px; /* Se mantiene para asegurar el tamaño inicial */ height: 150px; /* Se mantiene para asegurar el tamaño inicial */ } .prod-row-image-col .qt-play { z-index: 12; } /* Ajuste para la descripción ahora directamente en .product-info-container */ .prod-row-description { white-space: normal; color: #ccc !important; font-size: 13px; line-height: 1.5; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ } .prod-row-description p { margin: 0 0 0.5em 0 !important; padding: 0 !important; } /* ANOTACIÓN: REGLAS MÁS FUERTES PARA EMOJIS */ /* Reset general para TODOS los emojis para evitar comportamientos inesperados */ img.emoji { height: 1em !important; width: 1em !important; margin: 0 !important; padding: 0 !important; vertical-align: baseline !important; /* Alineación estándar con texto */ display: inline-block !important; /* Asegura que se comporte como bloque en línea */ position: static !important; /* Fundamental para evitar posicionamiento absoluto no deseado */ top: auto !important; left: auto !important; transform: none !important; /* Desactiva cualquier transformación */ opacity: 1 !important; /* Asegura que no se oscurezca */ z-index: auto !important; /* Resetea el z-index */ border: none !important; box-shadow: none !important; } /* Estilos específicos para emojis dentro de la descripción (pueden ser ligeramente más grandes) */ .prod-row-description p img.emoji, .prod-row-description img.emoji, .info-modal-body p img.emoji, .info-modal-body img.emoji { height: 1.2em !important; /* Ligeramente más grande para que se vean bien */ width: 1.2em !important; margin: 0 .07em !important; /* Mantiene un pequeño margen lateral */ vertical-align: -0.2em !important; /* Ajuste fino para la alineación visual */ } /* ANOTACIÓN: Asegura el color y visibilidad del icono de play en single tracks (si aplica) */ .prod-row-play-icon { opacity: 1 !important; /* Asegura que el icono no se oscurezca */ color: #ffffff !important; /* Fuerza el color blanco */ text-shadow: 0 0 10px rgba(0,0,0,0.5) !important; z-index: 15 !important; /* Asegura que esté por encima de todo */ position: relative !important; /* Necesario para que z-index funcione */ } /* Por defecto, el botón de info no se muestra en escritorio */ .prod-info-trigger { display: none; } /* Media query para dispositivos móviles (hasta 767px de ancho) */ @media (max-width: 767px) { /* Muestra el botón de info en móviles */ .prod-info-trigger { display: inline-flex; } /* Oculta la descripción en móviles */ .prod-row-description { display: none; } /* ¡NUEVO! Oculta la descripción */ .item-is-release .prod-row-image-col { width: 120px; height: 120px; } .item-is-single .prod-row-image-col { width: 80px; height: 80px; } .prod-row-main-content-wrapper { gap: 10px; } } /* Media query para pantallas de escritorio (desde 768px de ancho) */ @media (min-width: 768px) { /* Asegura que la descripción se muestre en escritorio */ .prod-row-description { display: block; } } .prod-row-play-icon { opacity: 0.85; color: #ffffff; text-shadow: 0 0 10px rgba(0,0,0,0.5); } .prod-row-title { color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; margin-bottom: 0; /* Elimina el margen inferior */ line-height: 1.2; display: block; } .prod-row-metas { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary .material-icons { font-size: 14px; vertical-align: -2px; margin-right: 2px; } .prod-row-tag a { text-decoration: none; } .prod-row-cat-link { color: #39c0de !important; text-decoration: none; } .prod-row-metas a:hover, .prod-row-cat-link:hover { text-decoration: underline; } .prod-row-separator { color: #555; margin: 0 4px; } .prod-row-description h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .prod-row-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: #170131; border-radius: 4px; color: #ffffff; text-decoration: none; transition: all 0.2s ease; } .prod-row-icon-btn:hover { background-color: #2A0A4A; } .prod-row-icon-btn .material-icons { font-size: 26px; } .prod-row-icon-btn.in-cart { color: lightgreen; } .prod-row-icon-btn.sold-out { color: red; opacity: 0.6; cursor: not-allowed; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button { background: none!important; border: none!important; padding: 0!important; margin: 0!important; box-shadow: none!important; color: inherit!important; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button i { font-family: 'Material Icons'!important; font-size: 26px!important; } .prod-row-wishlist-wrapper .tinvwl-product-in-list, .prod-row-wishlist-wrapper .tinvwl-product-in-list:hover { color: lightgreen!important; } .info-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; display: flex; align-items: center; justify-content: center; } .info-modal-content { background: #1a1a1a; padding: 20px; border-radius: 5px; max-width: 90%; width: 500px; position: relative; box-shadow: 0 5px 15px rgba(0,0,0,0.5); } .info-modal-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #444; padding-bottom: 10px; margin-bottom: 15px; } .info-modal-header h4 { margin: 0; color: #fff; font-size: 18px; } .info-modal-close { background: none; border: none; color: #fff; font-size: 24px; cursor: pointer; line-height: 1; padding: 0; } .info-modal-body { color: #ccc; font-size: 14px; line-height: 1.6; max-height: 70vh; overflow-y: auto; } .info-modal-body p img.emoji { height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; display: inline-block !important; border: none !important; box-shadow: none !important; padding: 0 !important; } .info-modal-body h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .info-modal-body .search-highlight { background-color: yellow; color: #000; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-adv { position: absolute; top: 0; left: 0; height: 100%; z-index: 5; width: 0%; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-det { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; cursor: pointer; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-minicue { display: none; } jQuery(document).ready(function($) { // La funcionalidad de carrito ya no se gestiona aquí. // El script ahora solo maneja la lógica del modal de descripción. $('.prod-info-trigger').on('click', function(e) { e.preventDefault(); var title = $(this).data('product-title'); var content = $(this).data('description-content'); var modalHtml = `

    ${title}

    ${content}
    `; $('body').append(modalHtml); function closeModal() { $('.info-modal-overlay').remove(); $(document).off('keyup.modal'); } $('.info-modal-close').on('click', closeModal); $('.info-modal-overlay').on('click', function(event) { if (event.target === this) { closeModal(); } }); $(document).on('keyup.modal', function(e) { if (e.key === "Escape") { closeModal(); } }); }); });
  • play_circle_filled
    Ángel García Dj – MOR-1 Ángel García Dj Newstyle event 02/12/2022 local_offer " Formato Mp3 & Wav "
    add_shopping_cart
    Add to Wishlist
    • /* Estilos generales */ * { box-sizing: border-box; } .prod-row-item { display: flex; flex-direction: row; align-items: stretch; width: 100%; position: relative; overflow: hidden; padding: 0 !important; /* Elimina todo el padding */ margin-bottom: 0 !important; /* Elimina margin-bottom */ border-bottom: 1px solid #333; } /* Modificación para los ítems de release */ .prod-row-item.item-is-release { border-bottom: none !important; /* Elimina la línea de separación */ } .release-playlist-container { padding: 0; margin: 0 0 15px 0; list-style: none; } .woocommerce ul.products li.product { border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } /* Ajuste para centrar verticalmente el contenido principal del release */ .prod-row-main-content-wrapper { display: flex; flex-direction: row; align-items: stretch; /* Para que las columnas se estiren a la misma altura */ width: 100%; gap: 15px; padding: 5px; /* Padding uniforme de 5px en todos los lados */ } .prod-row-image-col { flex-shrink: 0; position: relative; display: flex; align-items: center; /* Centra contenido verticalmente */ justify-content: center; /* Centra contenido horizontalmente */ background-color: #111; height: 100%; /* Asegura que la columna de la imagen se estire */ } .prod-row-image-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1; } .prod-row-image-link-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; } /* Ajuste para que la información del producto ocupe todo el espacio disponible */ .product-info-container { flex-grow: 1; min-width: 0; text-align: left; /* Alinea el contenido a la izquierda */ display: flex; flex-direction: column; /* Asegura que los elementos internos se apilen */ justify-content: center; /* Centra el contenido internamente si es posible */ z-index: 10; } .prod-row-actions-col { width: auto; flex-shrink: 0; text-align: right; display: flex; align-items: center; /* Centra verticalmente las acciones */ justify-content: flex-end; padding-left: 10px; z-index: 15; } .prod-row-actions-wrapper { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; } .item-is-single { /* padding: 0; */ /* Se mantiene sin padding */ } .item-is-single .prod-row-image-col { min-width: 80px; /* ¡AJUSTADO! Ancho mínimo para single track en PC */ min-height: 80px; /* ¡AJUSTADO! Altura mínima para single track en PC */ width: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ height: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ } .item-is-single .prod-row-play-icon { font-size: 50px; } .item-is-single .prod-row-main-content-wrapper { align-items: center; } .item-is-release { /* min-height: 150px; */ /* Se mantiene sin min-height para el contenedor principal */ } .item-is-release .prod-row-image-col { min-width: 150px; /* Ancho mínimo para release */ min-height: 150px; /* Altura mínima para release */ width: 150px; /* Se mantiene para asegurar el tamaño inicial */ height: 150px; /* Se mantiene para asegurar el tamaño inicial */ } .prod-row-image-col .qt-play { z-index: 12; } /* Ajuste para la descripción ahora directamente en .product-info-container */ .prod-row-description { white-space: normal; color: #ccc !important; font-size: 13px; line-height: 1.5; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ } .prod-row-description p { margin: 0 0 0.5em 0 !important; padding: 0 !important; } /* ANOTACIÓN: REGLAS MÁS FUERTES PARA EMOJIS */ /* Reset general para TODOS los emojis para evitar comportamientos inesperados */ img.emoji { height: 1em !important; width: 1em !important; margin: 0 !important; padding: 0 !important; vertical-align: baseline !important; /* Alineación estándar con texto */ display: inline-block !important; /* Asegura que se comporte como bloque en línea */ position: static !important; /* Fundamental para evitar posicionamiento absoluto no deseado */ top: auto !important; left: auto !important; transform: none !important; /* Desactiva cualquier transformación */ opacity: 1 !important; /* Asegura que no se oscurezca */ z-index: auto !important; /* Resetea el z-index */ border: none !important; box-shadow: none !important; } /* Estilos específicos para emojis dentro de la descripción (pueden ser ligeramente más grandes) */ .prod-row-description p img.emoji, .prod-row-description img.emoji, .info-modal-body p img.emoji, .info-modal-body img.emoji { height: 1.2em !important; /* Ligeramente más grande para que se vean bien */ width: 1.2em !important; margin: 0 .07em !important; /* Mantiene un pequeño margen lateral */ vertical-align: -0.2em !important; /* Ajuste fino para la alineación visual */ } /* ANOTACIÓN: Asegura el color y visibilidad del icono de play en single tracks (si aplica) */ .prod-row-play-icon { opacity: 1 !important; /* Asegura que el icono no se oscurezca */ color: #ffffff !important; /* Fuerza el color blanco */ text-shadow: 0 0 10px rgba(0,0,0,0.5) !important; z-index: 15 !important; /* Asegura que esté por encima de todo */ position: relative !important; /* Necesario para que z-index funcione */ } /* Por defecto, el botón de info no se muestra en escritorio */ .prod-info-trigger { display: none; } /* Media query para dispositivos móviles (hasta 767px de ancho) */ @media (max-width: 767px) { /* Muestra el botón de info en móviles */ .prod-info-trigger { display: inline-flex; } /* Oculta la descripción en móviles */ .prod-row-description { display: none; } /* ¡NUEVO! Oculta la descripción */ .item-is-release .prod-row-image-col { width: 120px; height: 120px; } .item-is-single .prod-row-image-col { width: 80px; height: 80px; } .prod-row-main-content-wrapper { gap: 10px; } } /* Media query para pantallas de escritorio (desde 768px de ancho) */ @media (min-width: 768px) { /* Asegura que la descripción se muestre en escritorio */ .prod-row-description { display: block; } } .prod-row-play-icon { opacity: 0.85; color: #ffffff; text-shadow: 0 0 10px rgba(0,0,0,0.5); } .prod-row-title { color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; margin-bottom: 0; /* Elimina el margen inferior */ line-height: 1.2; display: block; } .prod-row-metas { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary .material-icons { font-size: 14px; vertical-align: -2px; margin-right: 2px; } .prod-row-tag a { text-decoration: none; } .prod-row-cat-link { color: #39c0de !important; text-decoration: none; } .prod-row-metas a:hover, .prod-row-cat-link:hover { text-decoration: underline; } .prod-row-separator { color: #555; margin: 0 4px; } .prod-row-description h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .prod-row-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: #170131; border-radius: 4px; color: #ffffff; text-decoration: none; transition: all 0.2s ease; } .prod-row-icon-btn:hover { background-color: #2A0A4A; } .prod-row-icon-btn .material-icons { font-size: 26px; } .prod-row-icon-btn.in-cart { color: lightgreen; } .prod-row-icon-btn.sold-out { color: red; opacity: 0.6; cursor: not-allowed; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button { background: none!important; border: none!important; padding: 0!important; margin: 0!important; box-shadow: none!important; color: inherit!important; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button i { font-family: 'Material Icons'!important; font-size: 26px!important; } .prod-row-wishlist-wrapper .tinvwl-product-in-list, .prod-row-wishlist-wrapper .tinvwl-product-in-list:hover { color: lightgreen!important; } .info-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; display: flex; align-items: center; justify-content: center; } .info-modal-content { background: #1a1a1a; padding: 20px; border-radius: 5px; max-width: 90%; width: 500px; position: relative; box-shadow: 0 5px 15px rgba(0,0,0,0.5); } .info-modal-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #444; padding-bottom: 10px; margin-bottom: 15px; } .info-modal-header h4 { margin: 0; color: #fff; font-size: 18px; } .info-modal-close { background: none; border: none; color: #fff; font-size: 24px; cursor: pointer; line-height: 1; padding: 0; } .info-modal-body { color: #ccc; font-size: 14px; line-height: 1.6; max-height: 70vh; overflow-y: auto; } .info-modal-body p img.emoji { height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; display: inline-block !important; border: none !important; box-shadow: none !important; padding: 0 !important; } .info-modal-body h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .info-modal-body .search-highlight { background-color: yellow; color: #000; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-adv { position: absolute; top: 0; left: 0; height: 100%; z-index: 5; width: 0%; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-det { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; cursor: pointer; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-minicue { display: none; } jQuery(document).ready(function($) { // La funcionalidad de carrito ya no se gestiona aquí. // El script ahora solo maneja la lógica del modal de descripción. $('.prod-info-trigger').on('click', function(e) { e.preventDefault(); var title = $(this).data('product-title'); var content = $(this).data('description-content'); var modalHtml = `

    ${title}

    ${content}
    `; $('body').append(modalHtml); function closeModal() { $('.info-modal-overlay').remove(); $(document).off('keyup.modal'); } $('.info-modal-close').on('click', closeModal); $('.info-modal-overlay').on('click', function(event) { if (event.target === this) { closeModal(); } }); $(document).on('keyup.modal', function(e) { if (e.key === "Escape") { closeModal(); } }); }); });
  • play_circle_filled
    Ángel García Dj & Dj Rosell – Da Cricket Ángel García Dj Newstyle, U.S. Hardhouse event 02/12/2022 local_offer " Formato Mp3 & Wav "
    add_shopping_cart
    Add to Wishlist
    • /* Estilos generales */ * { box-sizing: border-box; } .prod-row-item { display: flex; flex-direction: row; align-items: stretch; width: 100%; position: relative; overflow: hidden; padding: 0 !important; /* Elimina todo el padding */ margin-bottom: 0 !important; /* Elimina margin-bottom */ border-bottom: 1px solid #333; } /* Modificación para los ítems de release */ .prod-row-item.item-is-release { border-bottom: none !important; /* Elimina la línea de separación */ } .release-playlist-container { padding: 0; margin: 0 0 15px 0; list-style: none; } .woocommerce ul.products li.product { border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } /* Ajuste para centrar verticalmente el contenido principal del release */ .prod-row-main-content-wrapper { display: flex; flex-direction: row; align-items: stretch; /* Para que las columnas se estiren a la misma altura */ width: 100%; gap: 15px; padding: 5px; /* Padding uniforme de 5px en todos los lados */ } .prod-row-image-col { flex-shrink: 0; position: relative; display: flex; align-items: center; /* Centra contenido verticalmente */ justify-content: center; /* Centra contenido horizontalmente */ background-color: #111; height: 100%; /* Asegura que la columna de la imagen se estire */ } .prod-row-image-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1; } .prod-row-image-link-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; } /* Ajuste para que la información del producto ocupe todo el espacio disponible */ .product-info-container { flex-grow: 1; min-width: 0; text-align: left; /* Alinea el contenido a la izquierda */ display: flex; flex-direction: column; /* Asegura que los elementos internos se apilen */ justify-content: center; /* Centra el contenido internamente si es posible */ z-index: 10; } .prod-row-actions-col { width: auto; flex-shrink: 0; text-align: right; display: flex; align-items: center; /* Centra verticalmente las acciones */ justify-content: flex-end; padding-left: 10px; z-index: 15; } .prod-row-actions-wrapper { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; } .item-is-single { /* padding: 0; */ /* Se mantiene sin padding */ } .item-is-single .prod-row-image-col { min-width: 80px; /* ¡AJUSTADO! Ancho mínimo para single track en PC */ min-height: 80px; /* ¡AJUSTADO! Altura mínima para single track en PC */ width: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ height: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ } .item-is-single .prod-row-play-icon { font-size: 50px; } .item-is-single .prod-row-main-content-wrapper { align-items: center; } .item-is-release { /* min-height: 150px; */ /* Se mantiene sin min-height para el contenedor principal */ } .item-is-release .prod-row-image-col { min-width: 150px; /* Ancho mínimo para release */ min-height: 150px; /* Altura mínima para release */ width: 150px; /* Se mantiene para asegurar el tamaño inicial */ height: 150px; /* Se mantiene para asegurar el tamaño inicial */ } .prod-row-image-col .qt-play { z-index: 12; } /* Ajuste para la descripción ahora directamente en .product-info-container */ .prod-row-description { white-space: normal; color: #ccc !important; font-size: 13px; line-height: 1.5; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ } .prod-row-description p { margin: 0 0 0.5em 0 !important; padding: 0 !important; } /* ANOTACIÓN: REGLAS MÁS FUERTES PARA EMOJIS */ /* Reset general para TODOS los emojis para evitar comportamientos inesperados */ img.emoji { height: 1em !important; width: 1em !important; margin: 0 !important; padding: 0 !important; vertical-align: baseline !important; /* Alineación estándar con texto */ display: inline-block !important; /* Asegura que se comporte como bloque en línea */ position: static !important; /* Fundamental para evitar posicionamiento absoluto no deseado */ top: auto !important; left: auto !important; transform: none !important; /* Desactiva cualquier transformación */ opacity: 1 !important; /* Asegura que no se oscurezca */ z-index: auto !important; /* Resetea el z-index */ border: none !important; box-shadow: none !important; } /* Estilos específicos para emojis dentro de la descripción (pueden ser ligeramente más grandes) */ .prod-row-description p img.emoji, .prod-row-description img.emoji, .info-modal-body p img.emoji, .info-modal-body img.emoji { height: 1.2em !important; /* Ligeramente más grande para que se vean bien */ width: 1.2em !important; margin: 0 .07em !important; /* Mantiene un pequeño margen lateral */ vertical-align: -0.2em !important; /* Ajuste fino para la alineación visual */ } /* ANOTACIÓN: Asegura el color y visibilidad del icono de play en single tracks (si aplica) */ .prod-row-play-icon { opacity: 1 !important; /* Asegura que el icono no se oscurezca */ color: #ffffff !important; /* Fuerza el color blanco */ text-shadow: 0 0 10px rgba(0,0,0,0.5) !important; z-index: 15 !important; /* Asegura que esté por encima de todo */ position: relative !important; /* Necesario para que z-index funcione */ } /* Por defecto, el botón de info no se muestra en escritorio */ .prod-info-trigger { display: none; } /* Media query para dispositivos móviles (hasta 767px de ancho) */ @media (max-width: 767px) { /* Muestra el botón de info en móviles */ .prod-info-trigger { display: inline-flex; } /* Oculta la descripción en móviles */ .prod-row-description { display: none; } /* ¡NUEVO! Oculta la descripción */ .item-is-release .prod-row-image-col { width: 120px; height: 120px; } .item-is-single .prod-row-image-col { width: 80px; height: 80px; } .prod-row-main-content-wrapper { gap: 10px; } } /* Media query para pantallas de escritorio (desde 768px de ancho) */ @media (min-width: 768px) { /* Asegura que la descripción se muestre en escritorio */ .prod-row-description { display: block; } } .prod-row-play-icon { opacity: 0.85; color: #ffffff; text-shadow: 0 0 10px rgba(0,0,0,0.5); } .prod-row-title { color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; margin-bottom: 0; /* Elimina el margen inferior */ line-height: 1.2; display: block; } .prod-row-metas { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary .material-icons { font-size: 14px; vertical-align: -2px; margin-right: 2px; } .prod-row-tag a { text-decoration: none; } .prod-row-cat-link { color: #39c0de !important; text-decoration: none; } .prod-row-metas a:hover, .prod-row-cat-link:hover { text-decoration: underline; } .prod-row-separator { color: #555; margin: 0 4px; } .prod-row-description h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .prod-row-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: #170131; border-radius: 4px; color: #ffffff; text-decoration: none; transition: all 0.2s ease; } .prod-row-icon-btn:hover { background-color: #2A0A4A; } .prod-row-icon-btn .material-icons { font-size: 26px; } .prod-row-icon-btn.in-cart { color: lightgreen; } .prod-row-icon-btn.sold-out { color: red; opacity: 0.6; cursor: not-allowed; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button { background: none!important; border: none!important; padding: 0!important; margin: 0!important; box-shadow: none!important; color: inherit!important; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button i { font-family: 'Material Icons'!important; font-size: 26px!important; } .prod-row-wishlist-wrapper .tinvwl-product-in-list, .prod-row-wishlist-wrapper .tinvwl-product-in-list:hover { color: lightgreen!important; } .info-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; display: flex; align-items: center; justify-content: center; } .info-modal-content { background: #1a1a1a; padding: 20px; border-radius: 5px; max-width: 90%; width: 500px; position: relative; box-shadow: 0 5px 15px rgba(0,0,0,0.5); } .info-modal-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #444; padding-bottom: 10px; margin-bottom: 15px; } .info-modal-header h4 { margin: 0; color: #fff; font-size: 18px; } .info-modal-close { background: none; border: none; color: #fff; font-size: 24px; cursor: pointer; line-height: 1; padding: 0; } .info-modal-body { color: #ccc; font-size: 14px; line-height: 1.6; max-height: 70vh; overflow-y: auto; } .info-modal-body p img.emoji { height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; display: inline-block !important; border: none !important; box-shadow: none !important; padding: 0 !important; } .info-modal-body h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .info-modal-body .search-highlight { background-color: yellow; color: #000; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-adv { position: absolute; top: 0; left: 0; height: 100%; z-index: 5; width: 0%; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-det { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; cursor: pointer; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-minicue { display: none; } jQuery(document).ready(function($) { // La funcionalidad de carrito ya no se gestiona aquí. // El script ahora solo maneja la lógica del modal de descripción. $('.prod-info-trigger').on('click', function(e) { e.preventDefault(); var title = $(this).data('product-title'); var content = $(this).data('description-content'); var modalHtml = `

    ${title}

    ${content}
    `; $('body').append(modalHtml); function closeModal() { $('.info-modal-overlay').remove(); $(document).off('keyup.modal'); } $('.info-modal-close').on('click', closeModal); $('.info-modal-overlay').on('click', function(event) { if (event.target === this) { closeModal(); } }); $(document).on('keyup.modal', function(e) { if (e.key === "Escape") { closeModal(); } }); }); });
  • play_circle_filled
    Ángel García Dj & Dj Rosell – Pixaboy Ángel García Dj Newstyle event 02/12/2022 local_offer " Formato Mp3 & Wav "
    add_shopping_cart
    Add to Wishlist
    • /* Estilos generales */ * { box-sizing: border-box; } .prod-row-item { display: flex; flex-direction: row; align-items: stretch; width: 100%; position: relative; overflow: hidden; padding: 0 !important; /* Elimina todo el padding */ margin-bottom: 0 !important; /* Elimina margin-bottom */ border-bottom: 1px solid #333; } /* Modificación para los ítems de release */ .prod-row-item.item-is-release { border-bottom: none !important; /* Elimina la línea de separación */ } .release-playlist-container { padding: 0; margin: 0 0 15px 0; list-style: none; } .woocommerce ul.products li.product { border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } /* Ajuste para centrar verticalmente el contenido principal del release */ .prod-row-main-content-wrapper { display: flex; flex-direction: row; align-items: stretch; /* Para que las columnas se estiren a la misma altura */ width: 100%; gap: 15px; padding: 5px; /* Padding uniforme de 5px en todos los lados */ } .prod-row-image-col { flex-shrink: 0; position: relative; display: flex; align-items: center; /* Centra contenido verticalmente */ justify-content: center; /* Centra contenido horizontalmente */ background-color: #111; height: 100%; /* Asegura que la columna de la imagen se estire */ } .prod-row-image-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1; } .prod-row-image-link-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; } /* Ajuste para que la información del producto ocupe todo el espacio disponible */ .product-info-container { flex-grow: 1; min-width: 0; text-align: left; /* Alinea el contenido a la izquierda */ display: flex; flex-direction: column; /* Asegura que los elementos internos se apilen */ justify-content: center; /* Centra el contenido internamente si es posible */ z-index: 10; } .prod-row-actions-col { width: auto; flex-shrink: 0; text-align: right; display: flex; align-items: center; /* Centra verticalmente las acciones */ justify-content: flex-end; padding-left: 10px; z-index: 15; } .prod-row-actions-wrapper { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; } .item-is-single { /* padding: 0; */ /* Se mantiene sin padding */ } .item-is-single .prod-row-image-col { min-width: 80px; /* ¡AJUSTADO! Ancho mínimo para single track en PC */ min-height: 80px; /* ¡AJUSTADO! Altura mínima para single track en PC */ width: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ height: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ } .item-is-single .prod-row-play-icon { font-size: 50px; } .item-is-single .prod-row-main-content-wrapper { align-items: center; } .item-is-release { /* min-height: 150px; */ /* Se mantiene sin min-height para el contenedor principal */ } .item-is-release .prod-row-image-col { min-width: 150px; /* Ancho mínimo para release */ min-height: 150px; /* Altura mínima para release */ width: 150px; /* Se mantiene para asegurar el tamaño inicial */ height: 150px; /* Se mantiene para asegurar el tamaño inicial */ } .prod-row-image-col .qt-play { z-index: 12; } /* Ajuste para la descripción ahora directamente en .product-info-container */ .prod-row-description { white-space: normal; color: #ccc !important; font-size: 13px; line-height: 1.5; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ } .prod-row-description p { margin: 0 0 0.5em 0 !important; padding: 0 !important; } /* ANOTACIÓN: REGLAS MÁS FUERTES PARA EMOJIS */ /* Reset general para TODOS los emojis para evitar comportamientos inesperados */ img.emoji { height: 1em !important; width: 1em !important; margin: 0 !important; padding: 0 !important; vertical-align: baseline !important; /* Alineación estándar con texto */ display: inline-block !important; /* Asegura que se comporte como bloque en línea */ position: static !important; /* Fundamental para evitar posicionamiento absoluto no deseado */ top: auto !important; left: auto !important; transform: none !important; /* Desactiva cualquier transformación */ opacity: 1 !important; /* Asegura que no se oscurezca */ z-index: auto !important; /* Resetea el z-index */ border: none !important; box-shadow: none !important; } /* Estilos específicos para emojis dentro de la descripción (pueden ser ligeramente más grandes) */ .prod-row-description p img.emoji, .prod-row-description img.emoji, .info-modal-body p img.emoji, .info-modal-body img.emoji { height: 1.2em !important; /* Ligeramente más grande para que se vean bien */ width: 1.2em !important; margin: 0 .07em !important; /* Mantiene un pequeño margen lateral */ vertical-align: -0.2em !important; /* Ajuste fino para la alineación visual */ } /* ANOTACIÓN: Asegura el color y visibilidad del icono de play en single tracks (si aplica) */ .prod-row-play-icon { opacity: 1 !important; /* Asegura que el icono no se oscurezca */ color: #ffffff !important; /* Fuerza el color blanco */ text-shadow: 0 0 10px rgba(0,0,0,0.5) !important; z-index: 15 !important; /* Asegura que esté por encima de todo */ position: relative !important; /* Necesario para que z-index funcione */ } /* Por defecto, el botón de info no se muestra en escritorio */ .prod-info-trigger { display: none; } /* Media query para dispositivos móviles (hasta 767px de ancho) */ @media (max-width: 767px) { /* Muestra el botón de info en móviles */ .prod-info-trigger { display: inline-flex; } /* Oculta la descripción en móviles */ .prod-row-description { display: none; } /* ¡NUEVO! Oculta la descripción */ .item-is-release .prod-row-image-col { width: 120px; height: 120px; } .item-is-single .prod-row-image-col { width: 80px; height: 80px; } .prod-row-main-content-wrapper { gap: 10px; } } /* Media query para pantallas de escritorio (desde 768px de ancho) */ @media (min-width: 768px) { /* Asegura que la descripción se muestre en escritorio */ .prod-row-description { display: block; } } .prod-row-play-icon { opacity: 0.85; color: #ffffff; text-shadow: 0 0 10px rgba(0,0,0,0.5); } .prod-row-title { color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; margin-bottom: 0; /* Elimina el margen inferior */ line-height: 1.2; display: block; } .prod-row-metas { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary .material-icons { font-size: 14px; vertical-align: -2px; margin-right: 2px; } .prod-row-tag a { text-decoration: none; } .prod-row-cat-link { color: #39c0de !important; text-decoration: none; } .prod-row-metas a:hover, .prod-row-cat-link:hover { text-decoration: underline; } .prod-row-separator { color: #555; margin: 0 4px; } .prod-row-description h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .prod-row-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: #170131; border-radius: 4px; color: #ffffff; text-decoration: none; transition: all 0.2s ease; } .prod-row-icon-btn:hover { background-color: #2A0A4A; } .prod-row-icon-btn .material-icons { font-size: 26px; } .prod-row-icon-btn.in-cart { color: lightgreen; } .prod-row-icon-btn.sold-out { color: red; opacity: 0.6; cursor: not-allowed; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button { background: none!important; border: none!important; padding: 0!important; margin: 0!important; box-shadow: none!important; color: inherit!important; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button i { font-family: 'Material Icons'!important; font-size: 26px!important; } .prod-row-wishlist-wrapper .tinvwl-product-in-list, .prod-row-wishlist-wrapper .tinvwl-product-in-list:hover { color: lightgreen!important; } .info-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; display: flex; align-items: center; justify-content: center; } .info-modal-content { background: #1a1a1a; padding: 20px; border-radius: 5px; max-width: 90%; width: 500px; position: relative; box-shadow: 0 5px 15px rgba(0,0,0,0.5); } .info-modal-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #444; padding-bottom: 10px; margin-bottom: 15px; } .info-modal-header h4 { margin: 0; color: #fff; font-size: 18px; } .info-modal-close { background: none; border: none; color: #fff; font-size: 24px; cursor: pointer; line-height: 1; padding: 0; } .info-modal-body { color: #ccc; font-size: 14px; line-height: 1.6; max-height: 70vh; overflow-y: auto; } .info-modal-body p img.emoji { height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; display: inline-block !important; border: none !important; box-shadow: none !important; padding: 0 !important; } .info-modal-body h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .info-modal-body .search-highlight { background-color: yellow; color: #000; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-adv { position: absolute; top: 0; left: 0; height: 100%; z-index: 5; width: 0%; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-det { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; cursor: pointer; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-minicue { display: none; } jQuery(document).ready(function($) { // La funcionalidad de carrito ya no se gestiona aquí. // El script ahora solo maneja la lógica del modal de descripción. $('.prod-info-trigger').on('click', function(e) { e.preventDefault(); var title = $(this).data('product-title'); var content = $(this).data('description-content'); var modalHtml = `

    ${title}

    ${content}
    `; $('body').append(modalHtml); function closeModal() { $('.info-modal-overlay').remove(); $(document).off('keyup.modal'); } $('.info-modal-close').on('click', closeModal); $('.info-modal-overlay').on('click', function(event) { if (event.target === this) { closeModal(); } }); $(document).on('keyup.modal', function(e) { if (e.key === "Escape") { closeModal(); } }); }); });
  • play_circle_filled
    Dj Thomas & Ángel García Dj – Reload Ángel García Dj Dance event 07/10/2022 local_offer " Formato Mp3 & Wav "
    add_shopping_cart
    Add to Wishlist
    • /* Estilos generales */ * { box-sizing: border-box; } .prod-row-item { display: flex; flex-direction: row; align-items: stretch; width: 100%; position: relative; overflow: hidden; padding: 0 !important; /* Elimina todo el padding */ margin-bottom: 0 !important; /* Elimina margin-bottom */ border-bottom: 1px solid #333; } /* Modificación para los ítems de release */ .prod-row-item.item-is-release { border-bottom: none !important; /* Elimina la línea de separación */ } .release-playlist-container { padding: 0; margin: 0 0 15px 0; list-style: none; } .woocommerce ul.products li.product { border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } /* Ajuste para centrar verticalmente el contenido principal del release */ .prod-row-main-content-wrapper { display: flex; flex-direction: row; align-items: stretch; /* Para que las columnas se estiren a la misma altura */ width: 100%; gap: 15px; padding: 5px; /* Padding uniforme de 5px en todos los lados */ } .prod-row-image-col { flex-shrink: 0; position: relative; display: flex; align-items: center; /* Centra contenido verticalmente */ justify-content: center; /* Centra contenido horizontalmente */ background-color: #111; height: 100%; /* Asegura que la columna de la imagen se estire */ } .prod-row-image-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1; } .prod-row-image-link-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; } /* Ajuste para que la información del producto ocupe todo el espacio disponible */ .product-info-container { flex-grow: 1; min-width: 0; text-align: left; /* Alinea el contenido a la izquierda */ display: flex; flex-direction: column; /* Asegura que los elementos internos se apilen */ justify-content: center; /* Centra el contenido internamente si es posible */ z-index: 10; } .prod-row-actions-col { width: auto; flex-shrink: 0; text-align: right; display: flex; align-items: center; /* Centra verticalmente las acciones */ justify-content: flex-end; padding-left: 10px; z-index: 15; } .prod-row-actions-wrapper { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; } .item-is-single { /* padding: 0; */ /* Se mantiene sin padding */ } .item-is-single .prod-row-image-col { min-width: 80px; /* ¡AJUSTADO! Ancho mínimo para single track en PC */ min-height: 80px; /* ¡AJUSTADO! Altura mínima para single track en PC */ width: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ height: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ } .item-is-single .prod-row-play-icon { font-size: 50px; } .item-is-single .prod-row-main-content-wrapper { align-items: center; } .item-is-release { /* min-height: 150px; */ /* Se mantiene sin min-height para el contenedor principal */ } .item-is-release .prod-row-image-col { min-width: 150px; /* Ancho mínimo para release */ min-height: 150px; /* Altura mínima para release */ width: 150px; /* Se mantiene para asegurar el tamaño inicial */ height: 150px; /* Se mantiene para asegurar el tamaño inicial */ } .prod-row-image-col .qt-play { z-index: 12; } /* Ajuste para la descripción ahora directamente en .product-info-container */ .prod-row-description { white-space: normal; color: #ccc !important; font-size: 13px; line-height: 1.5; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ } .prod-row-description p { margin: 0 0 0.5em 0 !important; padding: 0 !important; } /* ANOTACIÓN: REGLAS MÁS FUERTES PARA EMOJIS */ /* Reset general para TODOS los emojis para evitar comportamientos inesperados */ img.emoji { height: 1em !important; width: 1em !important; margin: 0 !important; padding: 0 !important; vertical-align: baseline !important; /* Alineación estándar con texto */ display: inline-block !important; /* Asegura que se comporte como bloque en línea */ position: static !important; /* Fundamental para evitar posicionamiento absoluto no deseado */ top: auto !important; left: auto !important; transform: none !important; /* Desactiva cualquier transformación */ opacity: 1 !important; /* Asegura que no se oscurezca */ z-index: auto !important; /* Resetea el z-index */ border: none !important; box-shadow: none !important; } /* Estilos específicos para emojis dentro de la descripción (pueden ser ligeramente más grandes) */ .prod-row-description p img.emoji, .prod-row-description img.emoji, .info-modal-body p img.emoji, .info-modal-body img.emoji { height: 1.2em !important; /* Ligeramente más grande para que se vean bien */ width: 1.2em !important; margin: 0 .07em !important; /* Mantiene un pequeño margen lateral */ vertical-align: -0.2em !important; /* Ajuste fino para la alineación visual */ } /* ANOTACIÓN: Asegura el color y visibilidad del icono de play en single tracks (si aplica) */ .prod-row-play-icon { opacity: 1 !important; /* Asegura que el icono no se oscurezca */ color: #ffffff !important; /* Fuerza el color blanco */ text-shadow: 0 0 10px rgba(0,0,0,0.5) !important; z-index: 15 !important; /* Asegura que esté por encima de todo */ position: relative !important; /* Necesario para que z-index funcione */ } /* Por defecto, el botón de info no se muestra en escritorio */ .prod-info-trigger { display: none; } /* Media query para dispositivos móviles (hasta 767px de ancho) */ @media (max-width: 767px) { /* Muestra el botón de info en móviles */ .prod-info-trigger { display: inline-flex; } /* Oculta la descripción en móviles */ .prod-row-description { display: none; } /* ¡NUEVO! Oculta la descripción */ .item-is-release .prod-row-image-col { width: 120px; height: 120px; } .item-is-single .prod-row-image-col { width: 80px; height: 80px; } .prod-row-main-content-wrapper { gap: 10px; } } /* Media query para pantallas de escritorio (desde 768px de ancho) */ @media (min-width: 768px) { /* Asegura que la descripción se muestre en escritorio */ .prod-row-description { display: block; } } .prod-row-play-icon { opacity: 0.85; color: #ffffff; text-shadow: 0 0 10px rgba(0,0,0,0.5); } .prod-row-title { color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; margin-bottom: 0; /* Elimina el margen inferior */ line-height: 1.2; display: block; } .prod-row-metas { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary .material-icons { font-size: 14px; vertical-align: -2px; margin-right: 2px; } .prod-row-tag a { text-decoration: none; } .prod-row-cat-link { color: #39c0de !important; text-decoration: none; } .prod-row-metas a:hover, .prod-row-cat-link:hover { text-decoration: underline; } .prod-row-separator { color: #555; margin: 0 4px; } .prod-row-description h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .prod-row-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: #170131; border-radius: 4px; color: #ffffff; text-decoration: none; transition: all 0.2s ease; } .prod-row-icon-btn:hover { background-color: #2A0A4A; } .prod-row-icon-btn .material-icons { font-size: 26px; } .prod-row-icon-btn.in-cart { color: lightgreen; } .prod-row-icon-btn.sold-out { color: red; opacity: 0.6; cursor: not-allowed; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button { background: none!important; border: none!important; padding: 0!important; margin: 0!important; box-shadow: none!important; color: inherit!important; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button i { font-family: 'Material Icons'!important; font-size: 26px!important; } .prod-row-wishlist-wrapper .tinvwl-product-in-list, .prod-row-wishlist-wrapper .tinvwl-product-in-list:hover { color: lightgreen!important; } .info-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; display: flex; align-items: center; justify-content: center; } .info-modal-content { background: #1a1a1a; padding: 20px; border-radius: 5px; max-width: 90%; width: 500px; position: relative; box-shadow: 0 5px 15px rgba(0,0,0,0.5); } .info-modal-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #444; padding-bottom: 10px; margin-bottom: 15px; } .info-modal-header h4 { margin: 0; color: #fff; font-size: 18px; } .info-modal-close { background: none; border: none; color: #fff; font-size: 24px; cursor: pointer; line-height: 1; padding: 0; } .info-modal-body { color: #ccc; font-size: 14px; line-height: 1.6; max-height: 70vh; overflow-y: auto; } .info-modal-body p img.emoji { height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; display: inline-block !important; border: none !important; box-shadow: none !important; padding: 0 !important; } .info-modal-body h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .info-modal-body .search-highlight { background-color: yellow; color: #000; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-adv { position: absolute; top: 0; left: 0; height: 100%; z-index: 5; width: 0%; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-det { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; cursor: pointer; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-minicue { display: none; } jQuery(document).ready(function($) { // La funcionalidad de carrito ya no se gestiona aquí. // El script ahora solo maneja la lógica del modal de descripción. $('.prod-info-trigger').on('click', function(e) { e.preventDefault(); var title = $(this).data('product-title'); var content = $(this).data('description-content'); var modalHtml = `

    ${title}

    ${content}
    `; $('body').append(modalHtml); function closeModal() { $('.info-modal-overlay').remove(); $(document).off('keyup.modal'); } $('.info-modal-close').on('click', closeModal); $('.info-modal-overlay').on('click', function(event) { if (event.target === this) { closeModal(); } }); $(document).on('keyup.modal', function(e) { if (e.key === "Escape") { closeModal(); } }); }); });
  • play_circle_filled
    FrancesDj & Ángel García Dj – Green Street Ángel García Dj Newstyle event 01/07/2022 local_offer " Formato Mp3 & Wav "
    add_shopping_cart
    Add to Wishlist
    • /* Estilos generales */ * { box-sizing: border-box; } .prod-row-item { display: flex; flex-direction: row; align-items: stretch; width: 100%; position: relative; overflow: hidden; padding: 0 !important; /* Elimina todo el padding */ margin-bottom: 0 !important; /* Elimina margin-bottom */ border-bottom: 1px solid #333; } /* Modificación para los ítems de release */ .prod-row-item.item-is-release { border-bottom: none !important; /* Elimina la línea de separación */ } .release-playlist-container { padding: 0; margin: 0 0 15px 0; list-style: none; } .woocommerce ul.products li.product { border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } /* Ajuste para centrar verticalmente el contenido principal del release */ .prod-row-main-content-wrapper { display: flex; flex-direction: row; align-items: stretch; /* Para que las columnas se estiren a la misma altura */ width: 100%; gap: 15px; padding: 5px; /* Padding uniforme de 5px en todos los lados */ } .prod-row-image-col { flex-shrink: 0; position: relative; display: flex; align-items: center; /* Centra contenido verticalmente */ justify-content: center; /* Centra contenido horizontalmente */ background-color: #111; height: 100%; /* Asegura que la columna de la imagen se estire */ } .prod-row-image-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1; } .prod-row-image-link-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; } /* Ajuste para que la información del producto ocupe todo el espacio disponible */ .product-info-container { flex-grow: 1; min-width: 0; text-align: left; /* Alinea el contenido a la izquierda */ display: flex; flex-direction: column; /* Asegura que los elementos internos se apilen */ justify-content: center; /* Centra el contenido internamente si es posible */ z-index: 10; } .prod-row-actions-col { width: auto; flex-shrink: 0; text-align: right; display: flex; align-items: center; /* Centra verticalmente las acciones */ justify-content: flex-end; padding-left: 10px; z-index: 15; } .prod-row-actions-wrapper { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; } .item-is-single { /* padding: 0; */ /* Se mantiene sin padding */ } .item-is-single .prod-row-image-col { min-width: 80px; /* ¡AJUSTADO! Ancho mínimo para single track en PC */ min-height: 80px; /* ¡AJUSTADO! Altura mínima para single track en PC */ width: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ height: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ } .item-is-single .prod-row-play-icon { font-size: 50px; } .item-is-single .prod-row-main-content-wrapper { align-items: center; } .item-is-release { /* min-height: 150px; */ /* Se mantiene sin min-height para el contenedor principal */ } .item-is-release .prod-row-image-col { min-width: 150px; /* Ancho mínimo para release */ min-height: 150px; /* Altura mínima para release */ width: 150px; /* Se mantiene para asegurar el tamaño inicial */ height: 150px; /* Se mantiene para asegurar el tamaño inicial */ } .prod-row-image-col .qt-play { z-index: 12; } /* Ajuste para la descripción ahora directamente en .product-info-container */ .prod-row-description { white-space: normal; color: #ccc !important; font-size: 13px; line-height: 1.5; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ } .prod-row-description p { margin: 0 0 0.5em 0 !important; padding: 0 !important; } /* ANOTACIÓN: REGLAS MÁS FUERTES PARA EMOJIS */ /* Reset general para TODOS los emojis para evitar comportamientos inesperados */ img.emoji { height: 1em !important; width: 1em !important; margin: 0 !important; padding: 0 !important; vertical-align: baseline !important; /* Alineación estándar con texto */ display: inline-block !important; /* Asegura que se comporte como bloque en línea */ position: static !important; /* Fundamental para evitar posicionamiento absoluto no deseado */ top: auto !important; left: auto !important; transform: none !important; /* Desactiva cualquier transformación */ opacity: 1 !important; /* Asegura que no se oscurezca */ z-index: auto !important; /* Resetea el z-index */ border: none !important; box-shadow: none !important; } /* Estilos específicos para emojis dentro de la descripción (pueden ser ligeramente más grandes) */ .prod-row-description p img.emoji, .prod-row-description img.emoji, .info-modal-body p img.emoji, .info-modal-body img.emoji { height: 1.2em !important; /* Ligeramente más grande para que se vean bien */ width: 1.2em !important; margin: 0 .07em !important; /* Mantiene un pequeño margen lateral */ vertical-align: -0.2em !important; /* Ajuste fino para la alineación visual */ } /* ANOTACIÓN: Asegura el color y visibilidad del icono de play en single tracks (si aplica) */ .prod-row-play-icon { opacity: 1 !important; /* Asegura que el icono no se oscurezca */ color: #ffffff !important; /* Fuerza el color blanco */ text-shadow: 0 0 10px rgba(0,0,0,0.5) !important; z-index: 15 !important; /* Asegura que esté por encima de todo */ position: relative !important; /* Necesario para que z-index funcione */ } /* Por defecto, el botón de info no se muestra en escritorio */ .prod-info-trigger { display: none; } /* Media query para dispositivos móviles (hasta 767px de ancho) */ @media (max-width: 767px) { /* Muestra el botón de info en móviles */ .prod-info-trigger { display: inline-flex; } /* Oculta la descripción en móviles */ .prod-row-description { display: none; } /* ¡NUEVO! Oculta la descripción */ .item-is-release .prod-row-image-col { width: 120px; height: 120px; } .item-is-single .prod-row-image-col { width: 80px; height: 80px; } .prod-row-main-content-wrapper { gap: 10px; } } /* Media query para pantallas de escritorio (desde 768px de ancho) */ @media (min-width: 768px) { /* Asegura que la descripción se muestre en escritorio */ .prod-row-description { display: block; } } .prod-row-play-icon { opacity: 0.85; color: #ffffff; text-shadow: 0 0 10px rgba(0,0,0,0.5); } .prod-row-title { color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; margin-bottom: 0; /* Elimina el margen inferior */ line-height: 1.2; display: block; } .prod-row-metas { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary .material-icons { font-size: 14px; vertical-align: -2px; margin-right: 2px; } .prod-row-tag a { text-decoration: none; } .prod-row-cat-link { color: #39c0de !important; text-decoration: none; } .prod-row-metas a:hover, .prod-row-cat-link:hover { text-decoration: underline; } .prod-row-separator { color: #555; margin: 0 4px; } .prod-row-description h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .prod-row-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: #170131; border-radius: 4px; color: #ffffff; text-decoration: none; transition: all 0.2s ease; } .prod-row-icon-btn:hover { background-color: #2A0A4A; } .prod-row-icon-btn .material-icons { font-size: 26px; } .prod-row-icon-btn.in-cart { color: lightgreen; } .prod-row-icon-btn.sold-out { color: red; opacity: 0.6; cursor: not-allowed; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button { background: none!important; border: none!important; padding: 0!important; margin: 0!important; box-shadow: none!important; color: inherit!important; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button i { font-family: 'Material Icons'!important; font-size: 26px!important; } .prod-row-wishlist-wrapper .tinvwl-product-in-list, .prod-row-wishlist-wrapper .tinvwl-product-in-list:hover { color: lightgreen!important; } .info-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; display: flex; align-items: center; justify-content: center; } .info-modal-content { background: #1a1a1a; padding: 20px; border-radius: 5px; max-width: 90%; width: 500px; position: relative; box-shadow: 0 5px 15px rgba(0,0,0,0.5); } .info-modal-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #444; padding-bottom: 10px; margin-bottom: 15px; } .info-modal-header h4 { margin: 0; color: #fff; font-size: 18px; } .info-modal-close { background: none; border: none; color: #fff; font-size: 24px; cursor: pointer; line-height: 1; padding: 0; } .info-modal-body { color: #ccc; font-size: 14px; line-height: 1.6; max-height: 70vh; overflow-y: auto; } .info-modal-body p img.emoji { height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; display: inline-block !important; border: none !important; box-shadow: none !important; padding: 0 !important; } .info-modal-body h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .info-modal-body .search-highlight { background-color: yellow; color: #000; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-adv { position: absolute; top: 0; left: 0; height: 100%; z-index: 5; width: 0%; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-det { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; cursor: pointer; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-minicue { display: none; } jQuery(document).ready(function($) { // La funcionalidad de carrito ya no se gestiona aquí. // El script ahora solo maneja la lógica del modal de descripción. $('.prod-info-trigger').on('click', function(e) { e.preventDefault(); var title = $(this).data('product-title'); var content = $(this).data('description-content'); var modalHtml = `

    ${title}

    ${content}
    `; $('body').append(modalHtml); function closeModal() { $('.info-modal-overlay').remove(); $(document).off('keyup.modal'); } $('.info-modal-close').on('click', closeModal); $('.info-modal-overlay').on('click', function(event) { if (event.target === this) { closeModal(); } }); $(document).on('keyup.modal', function(e) { if (e.key === "Escape") { closeModal(); } }); }); });
  • play_circle_filled
    Ángel García Dj ft. Alma Orozco – Run The Risk Ángel García Dj Dance event 06/05/2022 local_offer " Formato Mp3 & Wav "
    add_shopping_cart
    Add to Wishlist
    • /* Estilos generales */ * { box-sizing: border-box; } .prod-row-item { display: flex; flex-direction: row; align-items: stretch; width: 100%; position: relative; overflow: hidden; padding: 0 !important; /* Elimina todo el padding */ margin-bottom: 0 !important; /* Elimina margin-bottom */ border-bottom: 1px solid #333; } /* Modificación para los ítems de release */ .prod-row-item.item-is-release { border-bottom: none !important; /* Elimina la línea de separación */ } .release-playlist-container { padding: 0; margin: 0 0 15px 0; list-style: none; } .woocommerce ul.products li.product { border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } /* Ajuste para centrar verticalmente el contenido principal del release */ .prod-row-main-content-wrapper { display: flex; flex-direction: row; align-items: stretch; /* Para que las columnas se estiren a la misma altura */ width: 100%; gap: 15px; padding: 5px; /* Padding uniforme de 5px en todos los lados */ } .prod-row-image-col { flex-shrink: 0; position: relative; display: flex; align-items: center; /* Centra contenido verticalmente */ justify-content: center; /* Centra contenido horizontalmente */ background-color: #111; height: 100%; /* Asegura que la columna de la imagen se estire */ } .prod-row-image-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1; } .prod-row-image-link-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; } /* Ajuste para que la información del producto ocupe todo el espacio disponible */ .product-info-container { flex-grow: 1; min-width: 0; text-align: left; /* Alinea el contenido a la izquierda */ display: flex; flex-direction: column; /* Asegura que los elementos internos se apilen */ justify-content: center; /* Centra el contenido internamente si es posible */ z-index: 10; } .prod-row-actions-col { width: auto; flex-shrink: 0; text-align: right; display: flex; align-items: center; /* Centra verticalmente las acciones */ justify-content: flex-end; padding-left: 10px; z-index: 15; } .prod-row-actions-wrapper { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; } .item-is-single { /* padding: 0; */ /* Se mantiene sin padding */ } .item-is-single .prod-row-image-col { min-width: 80px; /* ¡AJUSTADO! Ancho mínimo para single track en PC */ min-height: 80px; /* ¡AJUSTADO! Altura mínima para single track en PC */ width: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ height: 80px; /* ¡AJUSTADO! Se mantiene para asegurar el tamaño inicial */ } .item-is-single .prod-row-play-icon { font-size: 50px; } .item-is-single .prod-row-main-content-wrapper { align-items: center; } .item-is-release { /* min-height: 150px; */ /* Se mantiene sin min-height para el contenedor principal */ } .item-is-release .prod-row-image-col { min-width: 150px; /* Ancho mínimo para release */ min-height: 150px; /* Altura mínima para release */ width: 150px; /* Se mantiene para asegurar el tamaño inicial */ height: 150px; /* Se mantiene para asegurar el tamaño inicial */ } .prod-row-image-col .qt-play { z-index: 12; } /* Ajuste para la descripción ahora directamente en .product-info-container */ .prod-row-description { white-space: normal; color: #ccc !important; font-size: 13px; line-height: 1.5; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ } .prod-row-description p { margin: 0 0 0.5em 0 !important; padding: 0 !important; } /* ANOTACIÓN: REGLAS MÁS FUERTES PARA EMOJIS */ /* Reset general para TODOS los emojis para evitar comportamientos inesperados */ img.emoji { height: 1em !important; width: 1em !important; margin: 0 !important; padding: 0 !important; vertical-align: baseline !important; /* Alineación estándar con texto */ display: inline-block !important; /* Asegura que se comporte como bloque en línea */ position: static !important; /* Fundamental para evitar posicionamiento absoluto no deseado */ top: auto !important; left: auto !important; transform: none !important; /* Desactiva cualquier transformación */ opacity: 1 !important; /* Asegura que no se oscurezca */ z-index: auto !important; /* Resetea el z-index */ border: none !important; box-shadow: none !important; } /* Estilos específicos para emojis dentro de la descripción (pueden ser ligeramente más grandes) */ .prod-row-description p img.emoji, .prod-row-description img.emoji, .info-modal-body p img.emoji, .info-modal-body img.emoji { height: 1.2em !important; /* Ligeramente más grande para que se vean bien */ width: 1.2em !important; margin: 0 .07em !important; /* Mantiene un pequeño margen lateral */ vertical-align: -0.2em !important; /* Ajuste fino para la alineación visual */ } /* ANOTACIÓN: Asegura el color y visibilidad del icono de play en single tracks (si aplica) */ .prod-row-play-icon { opacity: 1 !important; /* Asegura que el icono no se oscurezca */ color: #ffffff !important; /* Fuerza el color blanco */ text-shadow: 0 0 10px rgba(0,0,0,0.5) !important; z-index: 15 !important; /* Asegura que esté por encima de todo */ position: relative !important; /* Necesario para que z-index funcione */ } /* Por defecto, el botón de info no se muestra en escritorio */ .prod-info-trigger { display: none; } /* Media query para dispositivos móviles (hasta 767px de ancho) */ @media (max-width: 767px) { /* Muestra el botón de info en móviles */ .prod-info-trigger { display: inline-flex; } /* Oculta la descripción en móviles */ .prod-row-description { display: none; } /* ¡NUEVO! Oculta la descripción */ .item-is-release .prod-row-image-col { width: 120px; height: 120px; } .item-is-single .prod-row-image-col { width: 80px; height: 80px; } .prod-row-main-content-wrapper { gap: 10px; } } /* Media query para pantallas de escritorio (desde 768px de ancho) */ @media (min-width: 768px) { /* Asegura que la descripción se muestre en escritorio */ .prod-row-description { display: block; } } .prod-row-play-icon { opacity: 0.85; color: #ffffff; text-shadow: 0 0 10px rgba(0,0,0,0.5); } .prod-row-title { color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; margin-bottom: 0; /* Elimina el margen inferior */ line-height: 1.2; display: block; } .prod-row-metas { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary { font-size: 12px; line-height: 1.4; color: #ccc; margin-top: 0; /* Elimina el margen superior */ margin-bottom: 0; /* Elimina el margen inferior */ display: block; } .prod-row-metas-secondary .material-icons { font-size: 14px; vertical-align: -2px; margin-right: 2px; } .prod-row-tag a { text-decoration: none; } .prod-row-cat-link { color: #39c0de !important; text-decoration: none; } .prod-row-metas a:hover, .prod-row-cat-link:hover { text-decoration: underline; } .prod-row-separator { color: #555; margin: 0 4px; } .prod-row-description h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .prod-row-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: #170131; border-radius: 4px; color: #ffffff; text-decoration: none; transition: all 0.2s ease; } .prod-row-icon-btn:hover { background-color: #2A0A4A; } .prod-row-icon-btn .material-icons { font-size: 26px; } .prod-row-icon-btn.in-cart { color: lightgreen; } .prod-row-icon-btn.sold-out { color: red; opacity: 0.6; cursor: not-allowed; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button { background: none!important; border: none!important; padding: 0!important; margin: 0!important; box-shadow: none!important; color: inherit!important; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .prod-row-wishlist-wrapper .tinvwl_add_to_wishlist_button i { font-family: 'Material Icons'!important; font-size: 26px!important; } .prod-row-wishlist-wrapper .tinvwl-product-in-list, .prod-row-wishlist-wrapper .tinvwl-product-in-list:hover { color: lightgreen!important; } .info-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; display: flex; align-items: center; justify-content: center; } .info-modal-content { background: #1a1a1a; padding: 20px; border-radius: 5px; max-width: 90%; width: 500px; position: relative; box-shadow: 0 5px 15px rgba(0,0,0,0.5); } .info-modal-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #444; padding-bottom: 10px; margin-bottom: 15px; } .info-modal-header h4 { margin: 0; color: #fff; font-size: 18px; } .info-modal-close { background: none; border: none; color: #fff; font-size: 24px; cursor: pointer; line-height: 1; padding: 0; } .info-modal-body { color: #ccc; font-size: 14px; line-height: 1.6; max-height: 70vh; overflow-y: auto; } .info-modal-body p img.emoji { height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; display: inline-block !important; border: none !important; box-shadow: none !important; padding: 0 !important; } .info-modal-body h3 { font-size: 1.1em; color: #fff; margin: 10px 0 5px; } .info-modal-body .search-highlight { background-color: yellow; color: #000; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-adv { position: absolute; top: 0; left: 0; height: 100%; z-index: 5; width: 0%; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-det { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; cursor: pointer; } li.qtmusicplayer-trackitem.qtmusicplayer-played .qt-mplayer-track-minicue { display: none; } jQuery(document).ready(function($) { // La funcionalidad de carrito ya no se gestiona aquí. // El script ahora solo maneja la lógica del modal de descripción. $('.prod-info-trigger').on('click', function(e) { e.preventDefault(); var title = $(this).data('product-title'); var content = $(this).data('description-content'); var modalHtml = `

    ${title}

    ${content}
    `; $('body').append(modalHtml); function closeModal() { $('.info-modal-overlay').remove(); $(document).off('keyup.modal'); } $('.info-modal-close').on('click', closeModal); $('.info-modal-overlay').on('click', function(event) { if (event.target === this) { closeModal(); } }); $(document).on('keyup.modal', function(e) { if (e.key === "Escape") { closeModal(); } }); }); });

Contactos de reserva

Agencia: https://newmember-records.es/wp-admin/post-new.php?post_type=artist#

  • top10_playlist method="orders" excluir_palabras="remixes,vinilo" num_productos="20" meses="1" mostrar_titulo_categoria="true"]
Relacionado
Sensity World
Relacionado
DjGarry
Relacionado
Sergio Bass
Go to album
  • play_circle_filled

    Dj Rosell – I Want You

play_arrow skip_previous skip_next volume_down
playlist_play
0
    0
    Tú Carrito
    Tú carrito esta vacioVolver a la tienda
    Cerrar