/* css header-artits */
/* he cambiado el nombre de la clase de g--bannerHome--artits a g--banner-artists--home */

.g--banner-artists--home {
    background-image: url("../images/artists/bg-image-index.jpg");
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 3rem !important;
    height: 45vh;


}

.artist__titulo {
    font-family: 'KnockoutLiteweight';
    color: #fff;
    font-size: 100px;
    line-height: 65px;
    font-weight: bolder;
    /**????*/
}



@media (max-width: 1000px) {

    /**All movil**/
    .artist__titulo {
        font-family: 'KnockoutLiteweight';
        color: #fff;
        font-size: 64px;
        line-height: 35px;
        font-weight: bolder;
    }

    .g--banner-artists--home {
        background-image: url("../images/artists/bg-image-index.jpg");
        background-position: center;
        background-repeat: no-repeat;
        margin-top: 3rem !important;
        height: 33vh;
    }

    .user-info__text {
        color: white;
        font-size: 14px;
    }

}


@media (max-width: 1000px) {

    /**All movil**/
    .flex-column {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

}


.user-info__text {
    color: white;
    font-size: 16px;
}

.g--background-size-contain {
    background-size: contain;
}

.g--backround-size-cover-movil-l {
    background-size: cover !important;
}

.g--backround-size-cover-movil-m {
    background-size: cover !important;
}

.g--backround-size-cover-movil-s {
    background-size: cover !important;
}

.g--width-70-130-desktop {
    width: 70px;
}

.g--width-90-130-movil-s {
    width: 90px;
}

.g--width-120-130-movil-m {
    width: 120px;
}

.g--width-130-130-movil-l {
    width: 130px;
}

.g--box-div {
    background: #fff;
    border: 1.6px solid black;
    width: auto;
    padding: 7px 14px;
    font-weight: 500;
    font-size: 17px;
}

.g--box-div:hover {
    background: black;
    color: white;

}


/* css inicio-artists */

.text-line-height {

    line-height: 1.2;

}


@media (max-width: 1000px) {

    /**All movil**/
    .text-line-height {
        line-height: normal;
        text-align: justify;
    }

    .text--notice {
        width: fit-content;
        padding: 4px;
        background-color: black;
        color: white;
    }

    .g--margin-top-2 {
        margin-top: 6px !important;
    }

    .g--margin-top-4 {
        margin-top: 10px !important;
    }

    .g--margin-bottom-4 {
        margin-bottom: 10px !important;
    }

    .g--margin-bottom-2 {
        margin-bottom: 6px !important;
    }

    .g--font-text {
        font-family: 'Inter';
    }


}

.text--notice {
    width: fit-content;
    padding: 6px;
    background-color: black;
    color: white;
}


.g--banner-artists--footer {
    background-image: url("../images/artists/banner-footer-artist.jpg");
    height: 20vh;
    text-align: center;
}

.banner-title {
    line-height: 200px;
    color: white;
    font-family: 'KnockoutLiteweight';
    font-size: 34px;
}

.g--margin-top-4 {
    margin-top: 10px !important;
}

.g--margin-top-6 {
    margin-top: 16px !important;
}

.g--margin-top-11 {
    margin-top: 48px !important;
}

.g--margin-bottom-6 {
    margin-bottom: 16px !important;
}

.g--margin-bottom-4 {
    margin-bottom: 10px !important;
}



/**Resto páginas de botones***/
.g--box-div:hover {
    background: black;
    color: white;
}

.g--hover-bg-black:hover {
    background: black;
    color: white;
}


.bg--btn-width-200 {
    width: 190px;
    padding: 18px 50px;
}

.bg--btn-width-400 {
    width: 240px;
    padding: 18px 50px;
}

/**Resto páginas de botones***/
.g--box-div:hover {
    background: black;
    color: white;
}

.g--hover-bg-black:hover {
    background: black !important;
    color: white !important;
}


.bg--btn-width-200 {
    width: 190px;
    padding: 18px 50px;
}

.bg--btn-width-400 {
    width: 220px;
    padding: 18px 0px;
}

/**Fin Resto páginas de botones***/
.g--height-6vh {
    height: 6vh;
}

/**Fin Resto páginas de botones***/



/* css pagina venue */

.g--banner-artists-map {

    position: relative;
    display: inline-block;
    text-align: center;


}

.g--font-text--first {
    margin-bottom: -0.4rem !important;
}

.map-font-title {
    font-family: 'KnockoutLiteweight';
    color: #fff;
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.map-font-title--second {
    top: 62%;
}



.map-img-opacity {
    filter: brightness(60%);
}

.g--icon-map {
    position: absolute;
    top: 85%;
    left: 70%;
    font-family: 'Inter' !important;
    color: #fff;
}

@media (max-width: 1355px) {
    .menu-responsive {
        display: none !important;

    }

    .margin-bottom {
        margin-bottom: 96px;
    }

    .map-font-title--second {
        top: 70%;
    }

    .g--icon-map {
        top: 80%;
        left: 60%;
    }
}

.line-heght {
    line-height: 5px;
}

@media (max-width: 1355px) {
    .g--contact-responsive {
        flex-direction: column !important;
        align-items: center !important;
    }
}






/* array de padding y margines 
0px, 4px, 6x, 8px, 10px, 12px, 16px, 20px, 24px, 32px, 40px, 48px, 64px, 80px, 96px, 128px, 160px, 192px, 224px, 256px, 320px, 480px, 640px

tamaño fuente
12px, 14px, 16px, 18px, 20px, 24px, 30px, 36px, 48px, 64px *//* css header-artits */
/* he cambiado el nombre de la clase de g--bannerHome--artits a g--banner-artists--home */

.g--banner-artists--home {
    background-image: url("../images/artists/bg-image-index.jpg");
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 3rem !important;
    height: 45vh;


}

.artist__titulo {
    font-family: 'KnockoutLiteweight';
    color: #fff;
    font-size: 100px;
    line-height: 65px;
    font-weight: bolder;
    /**????*/
}



@media (max-width: 1000px) {

    /**All movil**/
    .artist__titulo {
        font-family: 'KnockoutLiteweight';
        color: #fff;
        font-size: 64px;
        line-height: 35px;
        font-weight: bolder;
    }

    .g--banner-artists--home {
        background-image: url("../images/artists/bg-image-index.jpg");
        background-position: center;
        background-repeat: no-repeat;
        margin-top: 3rem !important;
        height: 33vh;
    }

    .user-info__text {
        color: white;
        font-size: 14px;
    }

}


@media (max-width: 1000px) {

    /**All movil**/
    .flex-column {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

}


.user-info__text {
    color: white;
    font-size: 16px;
}

.g--background-size-contain {
    background-size: contain;
}

.g--backround-size-cover-movil-l {
    background-size: cover !important;
}

.g--backround-size-cover-movil-m {
    background-size: cover !important;
}

.g--backround-size-cover-movil-s {
    background-size: cover !important;
}

.g--width-70-130-desktop {
    width: 70px;
}

.g--width-90-130-movil-s {
    width: 90px;
}

.g--width-120-130-movil-m {
    width: 120px;
}

.g--width-130-130-movil-l {
    width: 130px;
}

.g--box-div {
    background: #fff;
    border: 1.6px solid black;
    width: auto;
    padding: 7px 14px;
    font-weight: 500;
    font-size: 17px;
}

.g--box-div:hover {
    background: black;
    color: white;

}


/* css inicio-artists */

.text-line-height {

    line-height: 1.2;

}


@media (max-width: 1000px) {

    /**All movil**/
    .text-line-height {
        line-height: normal;
        text-align: justify;
    }

    .text--notice {
        width: fit-content;
        padding: 4px;
        background-color: black;
        color: white;
    }

    .g--margin-top-2 {
        margin-top: 6px !important;
    }

    .g--margin-top-4 {
        margin-top: 10px !important;
    }

    .g--margin-bottom-4 {
        margin-bottom: 10px !important;
    }

    .g--margin-bottom-2 {
        margin-bottom: 6px !important;
    }

    .g--font-text {
        font-family: 'Inter';
    }


}

.text--notice {
    width: fit-content;
    padding: 6px;
    background-color: black;
    color: white;
}


.g--banner-artists--footer {
    background-image: url("../images/artists/banner-footer-artist.jpg");
    height: 20vh;
    text-align: center;
}

.banner-title {
    line-height: 200px;
    color: white;
    font-family: 'KnockoutLiteweight';
    font-size: 34px;
}

.g--margin-top-4 {
    margin-top: 10px !important;
}

.g--margin-top-6 {
    margin-top: 16px !important;
}

.g--margin-top-11 {
    margin-top: 48px !important;
}

.g--margin-bottom-6 {
    margin-bottom: 16px !important;
}

.g--margin-bottom-4 {
    margin-bottom: 10px !important;
}



/**Resto páginas de botones***/
.g--box-div:hover {
    background: black;
    color: white;
}

.g--hover-bg-black:hover {
    background: black;
    color: white;
}


.bg--btn-width-200 {
    width: 190px;
    padding: 18px 50px;
}

.bg--btn-width-400 {
    width: 240px;
    padding: 18px 50px;
}

/**Resto páginas de botones***/
.g--box-div:hover {
    background: black;
    color: white;
}

.g--hover-bg-black:hover {
    background: black !important;
    color: white !important;
}


.bg--btn-width-200 {
    width: 190px;
    padding: 18px 50px;
}

.bg--btn-width-400 {
    width: 220px;
    padding: 18px 0px;
}

/**Fin Resto páginas de botones***/
.g--height-6vh {
    height: 6vh;
}

/**Fin Resto páginas de botones***/



/* css pagina venue */

.g--banner-artists-map {

    position: relative;
    display: inline-block;
    text-align: center;


}

.g--font-text--first {
    margin-bottom: -0.4rem !important;
}

.map-font-title {
    font-family: 'KnockoutLiteweight';
    color: #fff;
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.map-font-title--second {
    top: 62%;
}



.map-img-opacity {
    filter: brightness(60%);
}

.g--icon-map {
    position: absolute;
    top: 85%;
    left: 70%;
    font-family: 'Inter' !important;
    color: #fff;
}

@media (max-width: 1355px) {
    .menu-responsive {
        display: none !important;

    }

    .margin-bottom {
        margin-bottom: 96px;
    }

    .map-font-title--second {
        top: 70%;
    }

    .g--icon-map {
        top: 80%;
        left: 60%;
    }
}

.line-heght {
    line-height: 5px;
}

@media (max-width: 1355px) {
    .g--contact-responsive {
        flex-direction: column !important;
        align-items: center !important;
    }
}






/* array de padding y margines 
0px, 4px, 6x, 8px, 10px, 12px, 16px, 20px, 24px, 32px, 40px, 48px, 64px, 80px, 96px, 128px, 160px, 192px, 224px, 256px, 320px, 480px, 640px

tamaño fuente
12px, 14px, 16px, 18px, 20px, 24px, 30px, 36px, 48px, 64px */