.elementor-26 .elementor-element.elementor-element-017f4c3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:140px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS *//* --- ESTILOS DJS PREMIUM NEÓN --- */

/* Títulos de sección */
.rem-section-title {
    color: #fff;
    font-family: 'Readex Pro', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 2.2rem;
    margin-bottom: 40px;
    -webkit-text-stroke: 1px #000;
    text-shadow: 0 0 15px rgba(109, 78, 236, 0.8);
}

/* Grid de DJs */
.dj-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 25px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Tarjeta DJ */
.dj-card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background: #000;
    border: 2px solid rgba(109, 78, 236, 0.2);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.dj-card-inner {
    position: relative;
    aspect-ratio: 1 / 1.2; /* Formato vertical tipo cartel */
}

.dj-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(100%) brightness(0.6); /* Enigmático para TBC */
    transition: all 0.5s ease;
}

/* Info del DJ */
.dj-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);
    text-align: center;
}

.dj-name {
    color: #fff !important;
    font-size: 1.6rem !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    margin: 0 !important;
    -webkit-text-stroke: 1px #000;
    text-shadow: 0 0 10px rgba(109, 78, 236, 1);
}

.dj-status {
    display: block;
    color: rgba(255,255,255,0.6);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 5px;
}

/* --- EFECTO MISTERIO (TBC) --- */
.dj-card.tbc {
    animation: tbc-pulse 3s infinite alternate;
}

@keyframes tbc-pulse {
    from { border-color: rgba(109, 78, 236, 0.2); box-shadow: 0 0 5px rgba(109, 78, 236, 0.1); }
    to { border-color: rgba(109, 78, 236, 0.6); box-shadow: 0 0 20px rgba(109, 78, 236, 0.3); }
}

/* Hover en DJ (Cuando ya tengan foto) */
.dj-card:hover {
    transform: translateY(-10px) scale(1.02);
    border-color: rgba(109, 78, 236, 1);
    box-shadow: 0 15px 30px rgba(109, 78, 236, 0.5);
}

.dj-card:hover img {
    filter: grayscale(0%) brightness(1);
    transform: scale(1.1);
}

/* --- RESPONSIVE --- */
@media (max-width: 767px) {
    .dj-grid {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); /* 2 columnas en móvil */
        gap: 15px;
    }
    .dj-name { font-size: 1.1rem !important; }
    .rem-section-title { font-size: 1.6rem; }
}/* End custom CSS */