/* =============================================
   REMIX AUDIO GRID - Estilo Oscuro Premium
   Color primario: #D90C0C
   Fuente: Sora
   ============================================= */

.remix-grid-wrapper {
    font-family: 'Sora', system-ui, -apple-system, sans-serif;
    background: #151515;
    padding: 10px 10px;
    border-radius: 20px;
    
    margin-bottom: 60px;
}

/* ==================== FILTROS ==================== */
.filters-section {
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
    margin-bottom: 35px;
    background: #1a1a1a;
    padding: 24px 28px;
    border-radius: 16px;
    border: 1px solid #222;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
    align-items: center;
}

.remix-search {
    flex: 1;
    min-width: 280px;
    background: #222;
    border: 2px solid #333;
    color: #fff;
    padding: 16px 20px;
    border-radius: 50px;
    font-size: 15px;
    transition: all 0.3s ease;
}

.remix-search:focus {
    border-color: #D90C0C;
    box-shadow: 0 0 0 4px rgba(217, 12, 12, 0.2);
}

/* ==================== TÍTULO DE LA TABLA ==================== */
.remix-table-title {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 80px 0;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    position: relative;
}

.remix-table-title::after {
    content: '';
    display: block;
    width: 90px;
    height: 4px;
    background: #D90C0C;
    margin: 14px auto 0;
    border-radius: 3px;
}

/* Responsive para el título */
@media (max-width: 768px) {
    .remix-table-title {
        font-size: 24px;
        margin-bottom: 28px;
    }
    
    .remix-table-title::after {
        width: 70px;
        height: 3px;
    }
}


.remix-select {
    min-width: 220px;
    background: #222;
    border: 2px solid #333;
    color: #fff;
    padding: 16px 20px;
    border-radius: 50px;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.remix-select:focus {
    border-color: #D90C0C;
    box-shadow: 0 0 0 4px rgba(217, 12, 12, 0.2);
}

.reset-btn {
    background: #D90C0C;
    color: #fff;
    border: none;
    padding: 16px 32px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.reset-btn:hover {
    background: #fff;
    color: #D90C0C;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(217, 12, 12, 0.4);
}

/* ==================== TABLA ==================== */
.remix-table {
    width: 100%;
    border-collapse: collapse;
    background: #1a1a1a;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
    min-width: 1100px;
}

.remix-table th {
    background: #202020;
    color: #afafaf;
    padding: 18px 16px;
    font-size: 12.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    text-align: left;
    white-space: nowrap;
    border-bottom: 3px solid #D90C0C;
}

.remix-table td {
    padding: 15px 14px;
    border-bottom: 1px solid #292929;
    font-size: 14px;
    color: #eee;
    vertical-align: middle;
}

/* Ancho de columnas */
.remix-table th:nth-child(1), .remix-table td:nth-child(1) { width: 70px; text-align: center; }   /* PLAY */
.remix-table th:nth-child(2), .remix-table td:nth-child(2) { width: 14%; }                        /* REMIXER */
.remix-table th:nth-child(3), .remix-table td:nth-child(3) { width: 26%; }                        /* TITLE */
.remix-table th:nth-child(4), .remix-table td:nth-child(4) { width: 14%; }                        /* VERSION */
.remix-table th:nth-child(5), .remix-table td:nth-child(5) { width: 8%; text-align: center; }     /* BPM */
.remix-table th:nth-child(6), .remix-table td:nth-child(6) { width: 12%; }                        /* GENRE */
.remix-table th:nth-child(7), .remix-table td:nth-child(7) { width: 10%; }                        /* DATE */
.remix-table th:nth-child(8), .remix-table td:nth-child(8) { width: 14%; text-align: center; }    /* PURCHASE */

.remix-row:hover {
    background: #252525 !important;
    transition: background 0.25s ease;
}

/* Fila reproduciendo */
.remix-row.now-playing {
    background: rgba(217, 12, 12, 0.15) !important;
    border-left: 6px solid #D90C0C;
    position: relative;
}

.remix-row.now-playing td {
    color: #fff;
}

/* ==================== BOTÓN PLAY EN LA TABLA - COMPORTAMIENTO EXACTO ==================== */
.play-cell {
    text-align: center;
    width: 72px;
}

.play-btn.round-play {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.35s ease;
    font-size: 24px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}

/* ==================== ESTADO NORMAL ==================== */
.play-btn.round-play {
    background: #D90C0C;
    color: #ffffff;
}

.play-btn.round-play:hover {
    background: #ffffff;
    color: #D90C0C;
}

/* ==================== ESTADO REPRODUCIENDO ==================== */
.remix-row.now-playing .play-btn.round-play {
    background: #D90C0C;
    color: #ffffff;
    box-shadow: 0 0 28px rgba(217, 12, 12, 0.8);
}

.remix-row.now-playing .play-btn.round-play:hover {
    background: #ffffff;
    color: #D90C0C;
}

/* ==================== ICONOS ==================== */
.play-btn.round-play .play-icon,
.play-btn.round-play .pause-icon {
    transition: all 0.3s ease;
}

/* Por defecto mostrar play */
.play-btn.round-play .play-icon {
    display: inline-block;
}
.play-btn.round-play .pause-icon {
    display: none;
}

/* Cuando está reproduciendo */
.remix-row.now-playing .play-btn.round-play .play-icon {
    display: none;
}
.remix-row.now-playing .play-btn.round-play .pause-icon {
    display: inline-block;
    color: #ffffff;           /* pausa blanco */
}

/* Hover mientras reproduciendo */
.remix-row.now-playing .play-btn.round-play:hover .pause-icon {
    color: #D90C0C;           /* pausa rojo */
}

/* ==================== ESTADO PAUSADO (después de pausar) ==================== */
/* Cuando está pausado pero la fila sigue marcada como now-playing */
.remix-row.now-playing.paused .play-btn.round-play {
    background: #D90C0C;
    color: #ffffff;
}

.remix-row.now-playing.paused .play-btn.round-play .pause-icon {
    display: none;
}

.remix-row.now-playing.paused .play-btn.round-play .play-icon {
    display: inline-block;
    color: #ffffff;
}

/* Hover en estado pausado */
.remix-row.now-playing.paused .play-btn.round-play:hover {
    background: #ffffff;
    color: #D90C0C;
}

.remix-row.now-playing.paused .play-btn.round-play:hover .play-icon {
    color: #D90C0C;
}

/* Fila activa */
.remix-row.now-playing {
    background: rgba(217, 12, 12, 0.16) !important;
    border-left: 6px solid #D90C0C;
}
/* ==================== REPRODUCTOR STICKY - Ancho 1270px ==================== */
/* ==================== REPRODUCTOR STICKY - OCULTO AL INICIO ==================== */
.sticky-audio-player {
    position: fixed;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1270px;
    background: #181818;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.9);
    z-index: 9999;
    overflow: hidden;
    border-top: 3px solid #D90C0C;
    font-family: 'Sora', system-ui, sans-serif;
    
    /* Oculto por defecto */
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(100px);   /* Empieza un poco abajo */
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Cuando está activo (reproduciendo) */
.sticky-audio-player.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.player-container {
    display: flex;
    align-items: center;
    padding: 16px 30px;
    gap: 25px;
}
/* Cuando está pausado pero visible */
.sticky-audio-player.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}


/* ==================== INFO DEL REPRODUCTOR (Título + DJ) ==================== */
.player-left {
    flex: 1;
    min-width: 0;
}

.player-title {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
}

.player-dj {
    font-size: 13.5px;
    color: #aaaaaa;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Ajuste cuando no hay DJ */
.player-dj:empty {
    display: none;
}

.player-title {
    font-size: 15.5px;
    font-weight: 600;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
}

/* Controles - más pequeños */
.player-center {
    display: flex;
    align-items: center;
    gap: 14px;
}

.player-btn.small {
    width: 38px;
    height: 38px;
    background: #222;
    border: 1px solid #444;
    border-radius: 10px;
    color: #D90C0C;
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.player-btn.small:hover {
    background: #333;
    color: #fff;
    transform: scale(1.08);
}

.play-pause-btn {
    width: 58px;
    height: 58px;
    background: #D90C0C;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;           /* Icono más pequeño */
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 25px rgba(217, 12, 12, 0.65);
    transition: all 0.3s ease;
}

.play-pause-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 0 35px rgba(217, 12, 12, 0.85);
}

/* Tiempo y Volumen */
.player-right {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
}

.player-time {
    font-size: 13px;
    color: #bbb;
    font-family: sora;
    min-width: 92px;
    text-align: right;
}

/* Barra de progreso */
.progress-container {
    height: 5px;
    background: #2a2a2a;
    cursor: pointer;
    margin: 0 30px 12px;
    border-radius: 3px;
    position: relative;
}

.progress-filled {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: linear-gradient(to right, #D90C0C, #ff5555);
    border-radius: 3px;
    transition: width 0.1s linear;
}

/* Volumen más discreto */
#volume-slider {
    width: 110px;
    accent-color: #D90C0C;
    cursor: pointer;
}

/* Responsive */
@media (max-width: 992px) {
    .player-container {
        padding: 14px 22px;
        gap: 18px;
    }
    .play-pause-btn {
        width: 52px;
        height: 52px;
        font-size: 22px;
    }
}

@media (max-width: 680px) {
    .player-right {
        display: none;
    }
    .player-container {
        padding: 14px 18px;
    }
    .play-pause-btn {
        width: 48px;
        height: 48px;
        font-size: 20px;
    }
}


/* =============================================
   PAGINACIÓN - CUADRITOS + RESPONSIVE
   ============================================= */
.remix-pagination {
    margin: 60px 0 40px;
    display: flex;
    justify-content: center;
    width: 100%;
}

.pagination-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #1a1a1a;
    padding: 14px 24px;
    border-radius: 50px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
    border: 1px solid #222;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100%;
}

/* Flechas */
.pagination-arrow {
    width: 48px;
    height: 48px;
    background: #D90C0C;
    border: none;
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.pagination-arrow:hover:not(:disabled) {
    background: #ffffff;
    color: #D90C0C;
    transform: scale(1.08);
}

.pagination-arrow:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

/* Números */
.page-numbers {
    display: flex;
    gap: 7px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.page-num {
    min-width: 42px;
    height: 42px;
    background: #222;
    border: 1px solid #333;
    border-radius: 10px;
    color: #ddd;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.page-num:hover {
    background: #333;
    color: #fff;
}

.page-num.active {
    background: #D90C0C;
    color: #fff;
    box-shadow: 0 0 0 4px rgba(217, 12, 12, 0.3);
}

.dots {
    color: #777;
    padding: 0 10px;
    font-size: 18px;
}

/* =============================================
   MÓVIL - DOS FILAS CUANDO HAY MUCHOS NÚMEROS
   ============================================= */
@media (max-width: 600px) {
    .pagination-wrapper {
        padding: 12px 16px;
        gap: 8px;
    }

    .page-num, .pagination-arrow {
        min-width: 38px;
        height: 38px;
        font-size: 14px;
        border-radius: 8px;
    }

    /* Forzar dos filas cuando hay muchos números */
    .page-numbers {
        flex-wrap: wrap;
        gap: 6px;
        justify-content: center;
        max-width: 280px;
    }

    .dots {
        padding: 0 6px;
    }
}

/* Tablet y más grandes */
@media (min-width: 601px) {
    .page-numbers {
        flex-wrap: nowrap;
    }
}
/* =============================================
   RESPONSIVE GENERAL
   ============================================= */

@media (max-width: 1024px) {
    .remix-table {
        min-width: 900px;
    }
}

@media (max-width: 768px) {
    .filters-section {
        flex-direction: column;
        align-items: stretch;
    }
    
    .remix-search, .remix-select {
        min-width: 100%;
    }

    .remix-table th:nth-child(4), .remix-table td:nth-child(4),  /* VERSION */
    .remix-table th:nth-child(5), .remix-table td:nth-child(5),  /* BPM */
    .remix-table th:nth-child(6), .remix-table td:nth-child(6) { /* GENRE */
        display: none;
    }
    
    .sticky-audio-player {
        max-width: 96%;
    }
    
    .player-container {
        padding: 14px 20px;
        gap: 15px;
    }
}

/* =============================================
   MÓVIL PEQUEÑO (≤ 500px)
   ============================================= */
@media (max-width: 500px) {

    /* Tabla - Solo PLAY | TITLE | PURCHASE */
    .remix-table th:nth-child(2), .remix-table td:nth-child(2),   /* REMIXER */
    .remix-table th:nth-child(4), .remix-table td:nth-child(4),   /* VERSION */
    .remix-table th:nth-child(5), .remix-table td:nth-child(5),   /* BPM */
    .remix-table th:nth-child(6), .remix-table td:nth-child(6),   /* GENRE */
    .remix-table th:nth-child(7), .remix-table td:nth-child(7) {  /* DATE */
        display: none !important;
    }

    .remix-table {
        min-width: 100% !important;
        table-layout: fixed;
    }

    /* Columnas visibles */
    .remix-table th:nth-child(1), .remix-table td:nth-child(1) { /* PLAY */
        width: 18% !important;
        padding: 14px 6px !important;
    }

    .remix-table th:nth-child(3), .remix-table td:nth-child(3) { /* TITLE */
        width: 52% !important;
        padding: 14px 10px !important;
        font-size: 14.8px;
        line-height: 1.4;
    }

    .remix-table th:nth-child(8), .remix-table td:nth-child(8) { /* PURCHASE */
        width: 30% !important;
        padding: 14px 8px !important;
    }

    /* Botón PLAY */
    .play-btn.round-play {
        width: 50px;
        height: 50px;
        font-size: 23px;
    }

    /* Botones EDD */
    .edd-add-to-cart,
    .edd-submit {
        width: 100% !important;
        padding: 14px 12px !important;
        font-size: 13.5px;
        min-height: 50px;
        border-radius: 10px;
    }

    /* Filtros */
    .filters-section {
        flex-direction: column;
        gap: 14px;
        padding: 22px 20px;
    }

    .remix-search, .remix-select {
        padding: 16px 18px;
        font-size: 15.5px;
    }

    .reset-btn {
        padding: 16px;
        font-size: 15px;
    }

    /* Paginación en móvil */
    .pagination-wrapper {
        padding: 12px 16px;
        gap: 6px;
    }

    .page-num, .pagination-arrow {
        min-width: 38px;
        height: 38px;
        font-size: 14px;
        border-radius: 8px !important;
    }
}

/* =============================================
   TABLET / IPAD (501px - 1024px)
   ============================================= */
@media (min-width: 501px) and (max-width: 1024px) {

    .remix-grid-wrapper {
        padding: 35px 25px;
    }

    .remix-table th {
        padding: 16px 12px;
        font-size: 12.8px;
    }

    .remix-table td {
        padding: 16px 12px;
        font-size: 14.8px;
    }

    .play-btn.round-play {
        width: 56px;
        height: 56px;
        font-size: 25px;
    }

    .filters-section {
        gap: 18px;
        padding: 24px 28px;
    }

    .remix-search {
        min-width: 320px;
    }
}

/* =============================================
   PANTALLAS GRANDES (IPAD PRO y más)
   ============================================= */
@media (min-width: 1025px) {
    .sticky-audio-player {
        max-width: 1270px;
    }
}










/* ==================== ESTILOS PARA SELECT (FILTROS) ==================== */
.remix-select {
    background: #222;
    border: 2px solid #333;
    color: #ffffff;
    padding: 16px 20px;
    border-radius: 50px;
    font-size: 15px;
    font-family: 'Sora', system-ui, sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23D90C0C' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 12px;
}

.remix-select:focus {
    border-color: #D90C0C;
    box-shadow: 0 0 0 4px rgba(217, 12, 12, 0.25);
    outline: none;
}

/* Estilo del dropdown (opciones) */
.remix-select option {
    background: #1a1a1a;
    color: #ffffff;
    padding: 12px 20px;
    font-size: 15px;
}

/* Hover en opciones */
.remix-select option:hover {
    background: #D90C0C;
    color: #ffffff;
}

/* Para navegadores que no soportan bien el estilo del select */
.remix-select::-ms-expand {
    display: none;
}




/* ==================== OCULTAR LOGIN EDD PARA USUARIOS NO LOGUEADOS ==================== */

/* Oculta el mensaje de "Log In" en la tabla cuando el usuario no está logueado */
body:not(.logged-in) .edd-aa-login-wrapper,
body:not(.logged-in) .edd-aa-login-link {
    display: none !important;
}



/* ==================== SELECT - HOVER ROJO FORZADO ==================== */

.remix-select {
    background: #222 !important;
    border: 2px solid #444 !important;
    color: #ffffff !important;
    padding: 16px 20px !important;
    border-radius: 50px !important;
    font-size: 15px !important;
}

/* Opciones normales */
.remix-select option {
    background: #1a1a1a !important;
    color: #ffffff !important;
    padding: 14px 20px !important;
}

/* Hover + Focus + Selected - Rojo fuerte */
.remix-select option:hover,
.remix-select option:focus,
.remix-select option:active,
.remix-select option:checked {
    background: #D90C0C !important;
    color: #ffffff !important;
}

/* Soporte adicional para navegadores (Firefox, Edge, etc.) */
.remix-select:focus option:checked {
    background: #D90C0C !important;
    color: #ffffff !important;
}





/* ==================== BOTÓN DE COMPRA EDD - SIMPLE Y POR DEFAULT ==================== */

.edd-add-to-cart,
.edd-submit,
[type="submit"].edd-submit {
    background: #D90C0C !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 8px 10px !important;     /* Menos alto y ancho */
    font-size: 13px !important;      /* Tamaño normal */
    font-weight: 600 !important;
    cursor: pointer;
    transition: all 0.35s ease;
    box-shadow: 0 4px 12px rgba(217, 12, 12, 0.4);
    min-height: 20px;                  /* Más compacto */
    width: auto !important;            /* No tan ancho */
    max-width: 100%;
    text-align: center;
    white-space: nowrap;
}

/* Hover */
.edd-add-to-cart:hover,
.edd-submit:hover,
[type="submit"].edd-submit:hover {
    background: #ffffff !important;
    color: #D90C0C !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(217, 12, 12, 0.5);
}

/* ==================== RESPONSIVE MÓVIL ==================== */

/* Móviles medianos (480px - 411px) */
@media (max-width: 480px) {
    .edd-add-to-cart,
    .edd-submit,
    [type="submit"].edd-submit {
        padding: 8px 10px !important;
        font-size: 13px !important;
        min-height: 35px;
    }
}

/* Móviles pequeños (410px) */
@media (max-width: 410px) {
    .edd-add-to-cart,
    .edd-submit,
    [type="submit"].edd-submit {
        padding: 7px 8px !important;
        font-size: 12px !important;
        min-height: 35px;
        border-radius: 8px !important;
    }
}

/* Muy pequeño (387px y menos) */
@media (max-width: 387px) {
    .edd-add-to-cart,
    .edd-submit,
    [type="submit"].edd-submit {
        padding: 9px 12px !important;
        font-size: 13px !important;
        min-height: 42px;
    }
}





/* Animación de latido para el botón activo */
@keyframes playPulse {
    0% { box-shadow: 0 0 0 0 rgba(217, 12, 12, 0.7); }
    70% { box-shadow: 0 0 0 15px rgba(217, 12, 12, 0); }
    100% { box-shadow: 0 0 0 0 rgba(217, 12, 12, 0); }
}

.remix-row.now-playing .play-btn.round-play {
    animation: playPulse 2s infinite;
}

/* Si se pausa la canción, detenemos el latido */
.remix-row.now-playing.paused .play-btn.round-play {
    animation: none;
}



/* Animación de entrada suave para las filas AJAX */
@keyframes rowFadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.remix-row {
    animation: rowFadeIn 0.4s ease forwards;
}


/* Scrollbar Premium para navegadores Webkit (Chrome, Safari, Edge) */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: #151515; 
}
::-webkit-scrollbar-thumb {
    background: #333; 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #D90C0C; 
}

.remix-table th {
    background: #202020;
    color: #afafaf;
    padding: 18px 16px;
    font-size: 12.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    text-align: left;
    white-space: nowrap;
    border-bottom: 3px solid #D90C0C;
    
    /* NUEVO: Cabecera pegajosa */
    position: sticky;
    top: 0;
    z-index: 10;
}

/* Estilo para los enlaces de los DJs en las tablas */
.remixer-link {
    color: #eee; /* Color casi blanco igual que el texto normal */
    text-decoration: none; /* Sin subrayado */
    font-weight: 600;
    transition: all 0.3s ease;
    display: inline-block;
}

.remixer-link:hover {
    color: #D90C0C; /* El rojo de Beatlatin al pasar el mouse */
    transform: translateX(3px); /* Un pequeño movimiento a la derecha */
}


/* Limpieza quirúrgica del guion en el botón de EDD */
.edd-add-to-cart-label {
    display: inline-block;
    overflow: hidden;
    /* Ajustamos el ancho para que el guion quede fuera de vista */
    /* 5ch suele ser suficiente para precios tipo $X.XX */
    max-width: 4.8ch; 
    white-space: nowrap;
    vertical-align: bottom;
    text-align: left;
}

/* Ajuste para que el botón no se vea apretado */
.edd-submit {
    min-width: 65px;
    padding: 8px 10px !important;
}