/* Inicio: comunidad y escaparate para artistas. */
.home_comunidad * { margin-left:0; margin-right:0; box-sizing:border-box; }
.home_comunidad div, .home_comunidad span, .home_comunidad li { font-size:1em; }
.home_comunidad .home_comunidad_cabecera>div { flex:1; text-align:left; }
.top_jams_blocks .top_jams_position { width:100%; }
.top_jams_blocks .top_jams_jamster_name { width:100%; white-space:normal; }
.top_jams_blocks .top_jams_jamster_name span { margin:0; }
@media(min-width:48.01em) {
 .top_jams_blocks .top_jams_block_header { grid-template-columns:15% 1fr; column-gap:3%; }
 .top_jams_blocks .top_jams_block_icon { width:100%; }
 .top_jams_blocks .top_jams_block_icon img { width:65%; height:auto; }
 .top_jams_blocks .top_jams_jamster_name { grid-column:auto; }
}

.top_jams_blocks { width:94%; margin:0 3% 2em; column-gap:1%; grid-template-columns:1fr 1fr; }
.top_jams_blocks .top_jams_block { padding:2.6em 4% 2.2em; min-width:0; }
.home_jamster_avatar { height:2.3em; aspect-ratio:1; width:auto; border-radius:50%; object-fit:cover; flex-shrink:0; vertical-align:middle; }
.top_jams_jamster_name { display:flex; align-items:center; gap:5%; min-width:0; }
.top_jams_jamster_name span { overflow-wrap:anywhere; min-width:0; }
.home_jamster_identidad { display:inline-flex; align-items:center; gap:4%; margin:0 1.5% .35em 0; vertical-align:middle; }
.home_comunidad { width:94%; margin:0 3% 2em; box-sizing:border-box; border-radius:2em; font-family:'Poppins',sans-serif; color:#0b1042; overflow:hidden; box-shadow:0 .5em 2em rgba(20,20,40,.08); }
.home_nuevos { background:linear-gradient(120deg,#fff,#faf5ff); padding:2.5em 3%; border:.0625em solid #f1e5fa; }
.home_comunidad_cabecera { display:flex; align-items:center; gap:2%; margin-bottom:1.7em; }
.home_comunidad_cabecera>img { width:7%; height:auto; }
.home_comunidad h2 { font-size:2em; line-height:1.15; margin:0 0 .35em; font-weight:800; }
.home_comunidad_cabecera p { margin:0; }
.home_nuevos_lista { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.8em 1.5%; padding:0; margin:0; list-style:none; }
.home_nuevos_lista li { display:flex; align-items:center; gap:6%; padding:.7em 6%; min-width:0; background:#fff; border:.0625em solid #f5e7f1; border-radius:1em; }
.home_nuevos_lista img { width:30%; height:auto; aspect-ratio:1; border-radius:50%; object-fit:cover; }
.home_nuevos_lista span { font-size:.95em; font-weight:700; overflow-wrap:anywhere; min-width:0; }

/* Artistas: tres bloques abiertos, con tipografía y ritmo de la home. */
.home_comunidad.home_artistas { background:#fff; border-radius:0; box-shadow:none; overflow:visible; margin-bottom:4em; }
.home_artistas_bloque { display:grid; grid-template-columns:48% 48%; align-items:center; column-gap:4%; padding:3.6em 4%; }
.home_artistas_bloque>div { min-width:0; width:100%; }
.home_artistas_texto { text-align:left; }
.home_artistas .home_artistas_antetitulo, .home_artistas_numero { display:block; color:#ed1278; font-size:.9em; font-weight:700; letter-spacing:.1em; margin-bottom:1.1em; }
.home_artistas h2, .home_artistas h3 { color:#0b1042; font-size:2.8em; font-weight:700; line-height:1.16; margin:0 0 .7em; text-align:left; }
.home_artistas h2 strong { display:block; color:#ef147b; font-size:.8em; line-height:1.25; margin-top:.25em; }
.home_artistas h2::after, .home_artistas h3::after { content:''; display:block; width:12%; height:.12em; border-radius:2em; margin-top:.55em; background:linear-gradient(90deg,#ef147b,#ffae45); }
.home_artistas p { font-size:1.2em; line-height:1.75; margin:0 0 1.3em; text-align:left; }
.home_artistas h4 { color:#ef147b; font-size:1.5em; line-height:1.3; margin:1.1em 0 .5em; }
.home_artistas_imagen { position:relative; }
.home_artistas_imagen img { display:block; width:100%; height:auto; }
.home_artistas_bloque_equipo { background:linear-gradient(110deg,#fff5fa,#fffaf4); border-radius:2em; }
.home_artistas_bloque_equipo .home_artistas_imagen img { border-radius:0; }
.home_artistas_imagen>span { display:block; font-size:1.15em; font-weight:700; color:#ef147b; margin-top:1em; text-align:center; }
.home_artistas_claves { display:flex; flex-wrap:wrap; gap:.7em 3%; margin:1.5em 0; }
.home_artistas_claves span { background:#fff; border:.0625em solid #f6d5e6; border-radius:2em; padding:.65em 5%; color:#ed1278; font-weight:700; }
.home_artistas .home_artistas_nota { font-size:1em; color:#4f4e68; border-top:.0625em solid #ebdce5; padding-top:1.2em; }
.home_artistas_boton { display:inline-block; background:linear-gradient(110deg,#ef0877,#f73588); color:#fff; font-size:1.1em; font-weight:700; padding:1em 7%; border-radius:3em; text-decoration:none; }
.home_artistas_boton:hover { filter:brightness(1.08); }
.home_artistas_boton:focus-visible { outline:.15em solid #15113f; outline-offset:.25em; }
.home_artistas_grafica { display:flex; flex-direction:column; align-items:center; padding:0; }
.home_artistas_grafica img { display:block; width:100%; height:auto; margin:0 0 1.2em; border-radius:1.5em; }
.home_artistas_grafica p { width:100%; text-align:center; font-size:1.25em; line-height:1.3; color:#15113f; font-weight:700; margin:0; }
#home_proximas_jams { scroll-margin-top:10em; }
.top_jams_blocks .top_jams_block { width:100%; margin:0; }
.top_jams_blocks .top_jams_jamster_name .home_jamster_avatar { margin:0; }
.top_jams_blocks .top_jams_song_title { width:100%; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media(max-width:55em) {
 .home_nuevos_lista { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .home_artistas_bloque { padding:2.7em 4%; }
 .home_artistas h2, .home_artistas h3 { font-size:2.25em; }
}
@media(max-width:38em) {
 .top_jams_blocks { grid-template-columns:100%; row-gap:1.5em; }
 .top_jams_blocks .top_jams_block { padding:2em 4%; }
 .home_comunidad { font-size:1rem; }
 .home_nuevos { padding:1.4em 3%; }
 .home_comunidad h2 { font-size:1.65em; }
 .home_comunidad_cabecera { gap:4%; }
 .home_comunidad_cabecera>img { width:17%; }
 .home_nuevos_lista { font-size:1em; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.4em 1.5%; }
 .home_nuevos_lista li { padding:.45em 4%; gap:4%; border-radius:.8em; }
 .home_nuevos_lista span { font-size:.84em; line-height:1.2; flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow-wrap:normal; text-align:left; }
 .home_nuevos .home_comunidad_cabecera { margin-bottom:1em; }
 .home_nuevos .home_comunidad_cabecera h2 { font-size:1.45em; }
 .home_nuevos .home_comunidad_cabecera p { font-size:.95em; line-height:1.35; }
 .home_nuevos .home_comunidad_cabecera>img { width:14%; }
 .home_nuevos_lista img { width:28%; }
 .home_comunidad.home_artistas { margin-top:.4em; margin-bottom:1.2em; font-size:.8rem; }
 .home_artistas_bloque { grid-template-columns:100%; row-gap:.8em; padding:1.3em 5%; }
 .home_artistas_bloque_equipo .home_artistas_imagen { order:2; }
 .home_artistas h2, .home_artistas h3 { font-size:1.6em; margin-bottom:.45em; line-height:1.15; }
 .home_artistas h4 { font-size:1.2em; margin:.75em 0 .4em; }
 .home_artistas p { font-size:.98em; line-height:1.48; margin-bottom:.75em; }
 .home_artistas .home_artistas_nota { font-size:.9em; line-height:1.45; padding-top:.8em; }
 .home_artistas .home_artistas_antetitulo, .home_artistas .home_artistas_numero { font-size:.72em; letter-spacing:.08em; margin-bottom:.65em; }
 .home_artistas .home_artistas_boton { font-size:.9em; padding:.75em 6%; text-align:center; }
 .home_artistas .home_artistas_grafica p { font-size:.9em; line-height:1.35; margin-bottom:0; }
 .home_artistas_claves { gap:.5em 2%; margin:.8em 0; }
 .home_artistas_claves span { font-size:.82em; padding:.45em 4%; }
 .home_artistas h2::after, .home_artistas h3::after { margin-top:.35em; }
 .home_artistas_imagen>span { font-size:.9em; margin-top:.5em; }
 .home_artistas_grafica img { margin-bottom:.55em; }
}
.home_artistas .home_artistas_boton, .home_artistas .home_artistas_boton:link, .home_artistas .home_artistas_boton:visited { color:#fff; }

/* Máscara compartida: borde irregular en los cuatro lados, sin recortar textos. */
.home_artistas_imagen img { border-radius:0; -webkit-mask-image:url("/imagenes/home-borde-pincel-v2.svg"); mask-image:url("/imagenes/home-borde-pincel-v2.svg"); -webkit-mask-size:100% 100%; mask-size:100% 100%; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; }

.home_artistas_grafica img { border-radius:0; -webkit-mask-image:url("/imagenes/home-ruta-borde-organico-v1.svg"); mask-image:url("/imagenes/home-ruta-borde-organico-v1.svg"); -webkit-mask-size:100% 100%; mask-size:100% 100%; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; }

/* Participantes de cada jam en una unica fila horizontal. */
.home_lista_jams_extra>span:has(>.home_jamster_identidad){display:flex;align-items:center;flex-wrap:nowrap;gap:3%;overflow-x:auto;max-width:100%;padding-bottom:.3em;}
.home_lista_jams_extra .home_jamster_identidad{display:inline-flex;flex:0 0 auto;align-items:center;gap:4%;margin:0;white-space:nowrap;}
.home_lista_jams_extra .home_jamster_identidad>span{display:inline;width:auto;white-space:nowrap;}

/* Cabeceras y filas comparten medidas reales de columna. */
@media(min-width:48.01em){
.top_jams_blocks .top_jams_table_head,.top_jams_blocks .top_jams_table_row{box-sizing:border-box;width:100%;padding-left:2.3%;padding-right:2.3%;column-gap:1.5%;font-size:.96em;}
.top_jams_blocks .top_jams_table_head{border:.0625em solid transparent;}
.top_jams_blocks .top_jams_table_songs .top_jams_table_head,.top_jams_blocks .top_jams_table_songs .top_jams_table_row{grid-template-columns:8% 44% 20% 8% 14%;}
.top_jams_blocks .top_jams_table_jamsters .top_jams_table_head,.top_jams_blocks .top_jams_table_jamsters .top_jams_table_row{grid-template-columns:8% 29% 9% 13% 9% 24.5%;}
.top_jams_blocks .top_jams_table_head>div,.top_jams_blocks .top_jams_table_row>div{width:100%;min-width:0;margin:0;transform:none;justify-self:stretch;}
.top_jams_blocks .top_jams_col_position,.top_jams_blocks .top_jams_col_times,.top_jams_blocks .top_jams_col_jams_played,.top_jams_blocks .top_jams_col_songs_played{text-align:center;}
.top_jams_blocks .top_jams_col_song,.top_jams_blocks .top_jams_col_author,.top_jams_blocks .top_jams_col_jamster,.top_jams_blocks .top_jams_song_author{text-align:left;}
}

/* Movil: participantes compactos y completos en dos columnas. */
@media(max-width:48em),only screen and (max-device-width:30em){
html body .home_lista_jams_extra>span:has(>.home_jamster_identidad){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.65em 4%;overflow:visible;font:small/1.3 Arial,sans-serif;text-align:left;}
html body .home_lista_jams_extra .home_jamster_identidad{display:flex;min-width:0;width:100%;gap:5%;white-space:normal;font:inherit;text-align:left;}
html body .home_lista_jams_extra .home_jamster_identidad>.home_jamster_avatar{width:20%;height:2em;max-width:20%;object-fit:contain;margin:0;}
html body .home_lista_jams_extra .home_jamster_identidad>span{flex:1;min-width:0;font:inherit;text-align:left;white-space:normal;overflow-wrap:anywhere;}
}
