/* selector específico que fuerza a este landing */
body.marketplace-seller-sellerlist .wk-mp-header h1 {
    color: white !important;
    -webkit-animation: fuchsiaGlowSellerlist 3.5s infinite ease-in-out;
    animation: fuchsiaGlowSellerlist 3.5s infinite ease-in-out;
    /* evita texto invisible por z-index u opacidad heredada */
    opacity: 1 !important;
}

/* keyframes con nombre único para evitar colisiones */
@-webkit-keyframes fuchsiaGlowSellerlist {
    0% {
        text-shadow:
            0 0 6px rgba(255, 0, 170, 0.45),
            0 0 12px rgba(255, 0, 200, 0.35),
            0 0 18px rgba(255, 40, 240, 0.25);
    }

    50% {
        text-shadow:
            0 0 10px rgba(255, 0, 170, 0.6),
            0 0 18px rgba(255, 0, 200, 0.5),
            0 0 26px rgba(255, 40, 240, 0.38);
    }

    100% {
        text-shadow:
            0 0 6px rgba(255, 0, 170, 0.45),
            0 0 12px rgba(255, 0, 200, 0.35),
            0 0 18px rgba(255, 40, 240, 0.25);
    }
}

@keyframes fuchsiaGlowSellerlist {
    0% {
        text-shadow:
            0 0 6px rgba(255, 0, 170, 0.45),
            0 0 12px rgba(255, 0, 200, 0.35),
            0 0 18px rgba(255, 40, 240, 0.25);
    }

    50% {
        text-shadow:
            0 0 10px rgba(255, 0, 170, 0.6),
            0 0 18px rgba(255, 0, 200, 0.5),
            0 0 26px rgba(255, 40, 240, 0.38);
    }

    100% {
        text-shadow:
            0 0 6px rgba(255, 0, 170, 0.45),
            0 0 12px rgba(255, 0, 200, 0.35),
            0 0 18px rgba(255, 40, 240, 0.25);
    }
}

body.marketplace-seller-sellerlist .wk-mp-header h2,
h3 {
    background: linear-gradient(97deg, rgb(246 178 255) 0%, rgb(255 255 255) 50%, rgb(0 163 255) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* BOTÓN CREAR PERFIL */
body.marketplace-seller-sellerlist .wk-mp-banner .wk-mp-landing-button {
    font-size: 18px;
    padding: 10px 30px;
    border-radius: 40px;
    border: none;
    cursor: pointer;

    /* color del texto */
    color: #000000;
    font-weight: 600;

    /* degradado inicial */
    background: linear-gradient(90deg, #00a3ff, #ffffff, #66ccff);
    background-size: 200% 200%;

    /* animación suave */
    animation: discoGlow 5s ease-in-out infinite;

    /* glow suave */
    box-shadow: 0 0 10px rgba(184, 52, 236, 0.5);

    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* ANIMACIÓN */
@keyframes discoGlow {
    0% {
        background-position: 0% 50%;
        box-shadow: 0 0 12px rgba(189, 59, 171, 0.6);
    }

    50% {
        background-position: 100% 50%;
        box-shadow: 0 0 18px rgba(255, 105, 255, 0.6);
    }

    100% {
        background-position: 0% 50%;
        box-shadow: 0 0 12px rgba(102, 204, 255, 0.6);
    }
}

/* HOVER: MÁS BRILLO + AGRANDA SUAVE */
body.marketplace-seller-sellerlist .wk-mp-landing-button:hover {
    transform: scale(1.06);
    box-shadow: 0 0 25px rgba(238, 97, 238, 0.7);
    animation-duration: 2.5s;
}


/* BORDER TOP*/
.wk-marketplace-label {
    border-top: 1px solid #ff004d;
    animation: borderTopColors 2.5s linear infinite;
    margin-bottom: 30px;
}

.wk-mp-design.wk-mp-landingpage a button.button.wk-mp-landing-button {
    margin-bottom: 50PX;
}

@keyframes borderTopColors {
    0% {
        border-top-color: #ff004d;
    }

    25% {
        border-top-color: #0099ff;
    }

    50% {
        border-top-color: #00ff99;
    }

    75% {
        border-top-color: #ffcc00;
    }

    100% {
        border-top-color: #ff004d;
    }
}


body.marketplace-seller-sellerlist .wk-search .button {
    border-color: transparent;
    background: transparent;
}

body.marketplace-seller-sellerlist .wk-search .button :hover {
    border-color: transparent;
    background: transparent;
    color: #66ccff;
}

body.marketplace-seller-sellerlist input#sellersearch {
    border: 1px solid #00a3ff !important;
    margin-bottom: 45px;
}

body.marketplace-seller-sellerlist .wk-mp-sellerlist-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background: #011526;
}

body.marketplace-seller-sellerlist .wk-mp-sellerlist-container ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

body.marketplace-seller-sellerlist .wk-mp-sellerlist-container li {
    width: auto;
}

body.marketplace-seller-sellerlist .wk-sellerlist-divide2 {
    color: #ffcc00;
}

body.marketplace-seller-sellerlist .wk-sellerlist-divide2 a {
    color: #ffffff;
}

body.marketplace-seller-sellerlist .wk-sellerlist-divide2 a:hover {
    color: #ff8800;
}




/* MARKETPLACE INDEX INDEX */



/* BOTÓN CREAR PERFIL */
body.marketplace-index-index .wk-mp-landing-button {
    padding: 10px 30px;
    color: #000000;
    border: 1px solid black;
}


@keyframes discoGlow {
    0% {
        background-position: 0% 50%;
        box-shadow: 0 0 12px rgba(189, 59, 171, 0.6);
    }

    50% {
        background-position: 100% 50%;
        box-shadow: 0 0 18px rgba(255, 105, 255, 0.6);
    }

    100% {
        background-position: 0% 50%;
        box-shadow: 0 0 12px rgba(102, 204, 255, 0.6);
    }
}

/* HOVER: MÁS BRILLO + AGRANDA SUAVE */
body.marketplace-index-index .wk-mp-landing-button:hover {
    transform: scale(1.06);
    box-shadow: 0 0 25px rgba(238, 97, 238, 0.7);
    animation-duration: 2.5s;
}

body.marketplace-index-index .page-wrapper .columns .wk-mp-design .wk-mp-banner-container .wk-mp-banner {
    background-size: 70% 100% !important;
    background-position-x: right !important;
    background-color: #000000 !important;
}

body.marketplace-index-index .wk-mp-label3 h3 {
    color: #ffffff;
    -webkit-text-fill-color: rgb(255, 255, 255);
    margin-bottom: 30px;
}

body.marketplace-index-index .wk-mp-label3 {
    background-size: cover !important;
    background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(../images/cantantes.co-banner-inferior.png) no-repeat 74% 30%;
}

body.marketplace-index-index h1.wk-marketplace-label {
    color: #000000;
    margin-top: 30px;
}

body.marketplace-index-index .wk-mp-landing-about {
    margin-bottom: 45px;
}

body.marketplace-index-index .wk-mp-landing-button:hover {
    transform: scale(1.06);
    box-shadow: 0 0 25px rgba(238, 97, 238, 0.7);
    animation-duration: 2.5s;
}

body.marketplace-index-index .wk-mp-landing-sellers-container {
    background: #ffffff;
}

body.marketplace-index-index .columns a {
    color: #0d0d0d;
}

body.marketplace-index-index .columns a:hover {
    color: #0d0d0d;
}

body.marketplace-index-index .wk-mp-landing-sellers-wraper div {
    color: #00a3ff;
    border: none;
}

.body.marketplace-index-index .wk-mp-landing-sellers-wraper {
    border: none;
}

.marketplace-index-index .wk-mp-icon-wraper .wk-mp-icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    color: #011526;
    border-radius: 50%;
    margin-bottom: 20px;

    border: 1px solid #000000;

    animation: borderColorRotate 6s linear infinite;
}

@keyframes borderColorRotate {
    0% {
        border-color: #ff00bc;
    }

    33% {
        border-color: #011526;
    }

    66% {
        border-color: #0074dd;
    }

    100% {
        border-color: #ffb600;
    }
}


.marketplace-index-index .wk-mp-landing-sellers-wraper .wk-mp-landing-sellers-img1>a {
    display: none;
}

.marketplace-index-index .wk-mp-icon-wraper:nth-child(2) .wk-mp-icon:before {
    content: "" !important;
    /* Eliminar ícono FA */
}

.marketplace-index-index .wk-mp-icon-wraper:nth-child(2) .wk-mp-icon {
    background-image: url('../images/cantantes.co-icono-servicios.png');
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    width: 100px;
    height: 100px;
}

.marketplace-index-index .wk-mp-icon-wraper:nth-child(3) .wk-mp-icon:before {
    content: "" !important;
}

.marketplace-index-index .wk-mp-icon-wraper:nth-child(3) .wk-mp-icon {
    background-image: url('../images/cantantes.co-icono-musica.png');
    background-size: 35%;
    background-repeat: no-repeat;
    background-position: center;
    width: 100px;
    height: 100px;
}





@media (max-width: 768px) {
    /* Market index-index */

    body.marketplace-index-index .wk-mp-banner .wk-mp-header {
        height: 260px;
        background: linear-gradient(90deg, rgb(0 0 0 / 29%) 25%, rgb(0 0 0 / 68%) 77%, rgb(0 0 0 / 57%) 100%);
    }

    body.marketplace-index-index .wk-mp-banner .wk-mp-header h1 {
        font-size: 17px;
    }

    body.marketplace-index-index .wk-mp-banner .wk-mp-header h2,
    h3 {
        font-size: 13px;
    }



    .wk-mp-design.wk-mp-landingpage.wk-mp-landingpage-layout1 .wk-mp-label3-container .wk-mp-label3 a button.button.wk-mp-landing-button {
        font-size: 10px;
        height: 26px;
        padding: 0px;
        width: 140px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
        color: #011526;
    }

    .wk-mp-design.wk-mp-landingpage.wk-mp-landingpage-layout1 a button.button.wk-mp-landing-button {
        margin: auto;
        font-size: 10px;
        height: 26px;
        padding: 0px;
        width: 140px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        color: #011526;
    }

    .wk-mp-design.wk-mp-landingpage .wk-mp-header a button.button.wk-mp-landing-button {
        margin-bottom: -11PX;
        margin: inherit !important;
        font-size: 10px;
        height: 26px;
        padding: 0px;
        width: 140px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        color: #ffcc00 !important;
    }


    body.marketplace-index-index h1.wk-marketplace-label {
        font-size: 17px;
        text-align: center;
    }

    .marketplace-index-index .wk-mp-icon-wraper .wk-mp-icon {
        width: 100px !important;
        height: 100px !important;
    }

    body.marketplace-index-index .wk-mp-landingpage-one-icon-container .wk-marketplace-label-span {
        font-size: 12px;
    }

    /* tarjetas mobile market */
    .wk-mp-landing-sellers-container {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;

    }

    .wk-mp-landing-sellers-wraper {
        flex: 1;
        display: flex;
    }

    .wk-mp-landing-sellers {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .wk-mp-landing-sellers-details {
        margin-top: auto;
        /* empuja el texto hacia abajo */
    }


    body.marketplace-index-index .wk-mp-landing-sellers-wraper div {
        align-items: center;
    }

    body.marketplace-index-index .wk-mp-label3 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* Fin Market index-index */

    /* Marketplace-seller-sellerlist */
    body.marketplace-seller-sellerlist .columns .wk-mp-banner-container .wk-mp-banner {
        height: 360px;
        background-size: cover;
        background-position: top;
    }

    body.marketplace-seller-sellerlist .columns .wk-mp-banner-container .wk-mp-banner .wk-mp-header h1 {
        font-size: 30px;
    }

    body.marketplace-seller-sellerlist .columns .wk-mp-banner-container .wk-mp-banner .wk-mp-header h2 {
        font-size: 19px;
        text-align: end;
        color: #ffffff;
        -webkit-text-fill-color: #ffffff;
    }

    body.marketplace-seller-sellerlist .columns .wk-mp-banner-container .wk-mp-banner .wk-mp-header h3 {
        font-size: 17px;
        -webkit-text-fill-color: #ffffff;
        text-align: end;
    }

    body.marketplace-seller-sellerlist .columns .wk-mp-banner-container .wk-mp-banner .wk-mp-header p a .button.button.wk-mp-landing-button {
        color: #011526 !important;
        margin: 55px auto 18px !important;
    }

    body.marketplace-seller-sellerlist input#sellersearch {
        border: 1px solid #00a3ff !important;
        margin-bottom: 25px;
        color: #616161;
        -webkit-text-fill-color: #616161;
    }

    body.marketplace-seller-sellerlist .wk-search .button {
        border-color: #01152633;
        background: transparent;
        position: relative;
        height: 30px;
        padding: initial;
        margin-bottom: 57px;
    }

    /* Asegura que los <li> estén alineados y estiren su altura */
    body.marketplace-seller-sellerlist .wk-mp-sellerlist-container ul {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        /* opcional: espacio entre tarjetas */
        padding: 5px;
    }

    /* Cada tarjeta */
    body.marketplace-seller-sellerlist .wk-mp-sellerlist-container ul li {
        list-style: none;
        flex: 1 1 calc(50% - 20px);
        /* dos columnas */
        display: flex;
    }

    /* Hace que TODOS los .wk-mp-sellerlist-wrap tengan la misma altura */
    body.marketplace-seller-sellerlist .wk-mp-sellerlist-wrap {
        display: flex;
        flex-direction: row;
        width: 100%;
        padding: 15px;
        border: 1px solid #ccc;
        border-radius: 6px;

        /* La magia: permite que todos se estiren idénticos */
        flex: 1;
    }

    /* Para que la columna del texto crezca parejo */
    body.marketplace-seller-sellerlist .wk-sellerlist-divide2 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        /* mantiene el botón abajo */
        flex: 1;
    }

    body.marketplace-seller-sellerlist .wk-sellerlist-divide2 .button {
        width: 103px;
        font-size: 9px;
    }

    body.marketplace-seller-sellerlist .wk-mp-design.wk-mp-landingpage h1.wk-marketplace-label {
        font-size: 20px;
    }

    body.marketplace-seller-sellerlist .wk-mp-design.wk-mp-landingpage a button.button.wk-mp-landing-button  {
        font-size: 15px;
    }

    /* Fin Marketplace-seller-sellerlist */
}