/*headings*/
.artistas-wrap h1 {font-size: 26px;}
.artistas-wrap h2 {font-size: 18px;}
.artistas-wrap h3 {font-size: 16px;}
.artistas-wrap h1, h2, h3 {text-transform: uppercase; color: var(--negro); font-family: Impact,Arial,Helvetica,sans-serif; margin:0; padding:0; font-weight:400; clear: both;}

/*layout*/
.artistas-wrap {width: 1250px; margin: 0 auto; padding: 0 26px 26px 26px;}
@media (max-width: 1200px) {.artistas-wrap {width: 100%;} }
/* 5-column responsive list */
.artistas-lista {display: flex; flex-wrap: wrap; gap: 20px;}
.artistas-lista.grid5 {display: flex; Flex-wrap: wrap; justify-content: space-between; column-gap: 20px; Row-gap: 0.2em; margin-top: 2em;}
.artistas-lista.grid5 .artistas-nombres {flex: 1 1 calc(20% - 20px); /* 5 columns */min-width: 200px;}

/*leyendas*/
.leyenda-all {font-size: 1.4em; vertical-align: middle; white-space: nowrap; margin-right: .1em;}
.leyenda-aut {color: var(--negro); margin-right:.1em;}
.leyenda-bio {color: var(--azul); margin-right: .1em;}
.leyenda-cre {color: var(--verde); margin-right:.1em;}
.leyenda-enl {color: var(--rosado-oscuro); margin-right:.1em;}
.leyenda-fun {color: var(--gris-oscuro); margin-right: .1em;}
.leyenda-gen {color: var(--morado); margin-right: .1em;}
.leyenda-img {color: var(--rojo); margin-right: .1em;}
.leyenda-ins {color: var(--gris-oscuro); margin-right: .1em;}
.leyenda-log {color: var(--morado); margin-right: .1em;}
.leyenda-mie {color: var(--ocre); margin-right: .1em;}
.leyenda-mie {color: var(--morado-claro); margin-right: .1em;}
.leyenda-nac {color: var(--naranja); margin-right: .1em;}
.leyenda-wrap {display: flex; gap: 1em; align-items: center; margin: 1em 0; padding: 0; flex-wrap: wrap;}

/*letter menu*/
.artistas-menu {display: flex; flex-wrap: wrap; justify-content: start; margin: 0 0 12px 0; background: #657f9b;}
.artistas-menu-letras {margin: 10px; text-decoration: none; color: lightblue;}
.artistas-menu-letras:hover {color: var(--amarillo)!important; border-bottom: none;}
.artistas-menu-letras.active-letra {font-weight: bold;color: var(--amarillo);}

/*render*/
.artistas-nombres {display: inline-block; width: 50%; margin-bottom: 8px; color: #555; vertical-align: top; white-space: break-spaces;}
.artistas-nombres a {text-decoration: none; color: var(--azul)!important; border-bottom: 1px dotted var(--azul);}
.artistas-nombres a:hover {color: var(--rojo)!important; text-decoration: none!important;}
@media (max-width: 600px) {.artistas-nombres {width: 100%;} }

/*pagination*/
.pagination {background: #b8b8b8; margin: 12px 0 0 0; padding: 10px; text-align: center;}
.pagination a:hover {color: var(--amarillo)!important;}
.current {font-weight: bold;}