/* ACTIVIDAD — estructura específica de la página.
   Los componentes generales mantienen la línea visual del Espacio del Artista. */

.activity{padding-top:42px;padding-bottom:72px}
.activity__head{margin-bottom:34px}
.activity__head h2,.activity-list-head h3{margin:0}

.activity-summary{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:28px;
}
.activity-group{
    border-top:1px solid rgba(255,255,255,.12);
    padding-top:18px;
}
.activity-group h3{margin:0 0 16px;font-weight:500}
.activity-options{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.activity-options a{display:block;text-decoration:none;color:inherit}
.activity-options strong{display:block;font-size:1.8rem;font-weight:400}
.activity-options span{display:block;margin-top:4px;color:var(--adt-text-muted);font-size:.86rem}

.activity-empty{color:var(--adt-text-dim)}


.activity-artist-works{
    margin-top:54px;
    padding-top:22px;
    border-top:1px solid rgba(255,255,255,.12);
}
.activity-artist-works>.eyebrow{margin:0 0 16px}
.activity-artist-works__row{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:18px;
}
.activity-artist-works__row a{display:block;min-width:0;text-decoration:none}
.activity-artist-works__row img{
    display:block;
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover;
}

/* Comentarios: dos columnas independientes. */
.activity-comments{
    display:block;
    column-count:2;
    column-gap:96px;
    max-width:none;
}
.activity-comments .activity-profile-comment{
    display:inline-block;
    width:100%;
    box-sizing:border-box;
    break-inside:avoid;
    -webkit-column-break-inside:avoid;
    margin:0 0 24px;
    border:1px solid rgba(255,255,255,.12);
    padding:18px;
}
.activity-comment__work{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:18px;
}
.activity-comment__work .profile-comment__artwork{
    flex:0 0 72px;
    width:72px;
    height:72px;
}
.activity-comment__work .profile-comment__artwork img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.activity-comment__text{margin-bottom:20px}
.activity-comment__author{
    display:flex;
    align-items:center;
    gap:12px;
}
.activity-comment__author .profile-comment__avatar{
    flex:0 0 40px;
    width:40px;
    height:40px;
}
.activity-comment__author .profile-comment__avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.activity-comment__author .profile-comment__author{margin:0}
.activity-profile-comment .profile-comment__author a,
.activity-profile-comment .profile-comment__work{
    color:inherit;
    text-decoration:none;
}

/* Personas: ficha histórica reinterpretada en tres columnas. */
.activity-people{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    max-width:none;
}
.activity-person{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:0;
    padding:10px;
    box-sizing:border-box;
    border:1px solid rgba(255,255,255,.10);
    color:inherit;
    text-decoration:none;
}
.activity-person>img{
    width:64px;
    height:82px;
    flex:0 0 64px;
    object-fit:cover;
}
.activity-person__info{
    display:flex;
    flex-direction:column;
    min-width:0;
}
.activity-person__info strong{
    margin-bottom:12px;
    line-height:1.15;
}
.activity-person__info small{
    display:block;
    color:var(--adt-text-muted);
    line-height:1.25;
}

/* Obras: mismo componente base de la portada. */
.activity-works{min-width:0}
.activity-work{min-width:0}


.activity-load-sentinel{height:1px;width:100%;pointer-events:none}

@media(max-width:1000px){
    .activity-people{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
    .activity-artist-works__row{grid-template-columns:repeat(3,minmax(0,1fr))}
    .activity-summary{grid-template-columns:1fr}
    .activity-comments{column-count:1;column-gap:0}
}

@media(max-width:560px){
    .activity-artist-works__row{grid-template-columns:repeat(2,minmax(0,1fr))}
    .activity{padding-top:28px}
    .activity-options{grid-template-columns:1fr 1fr}
    .activity-people{grid-template-columns:1fr}
    .activity-list-head{align-items:flex-start;flex-direction:column}
}

/* Separació comptadors / contingut */
.activity-summary {
    margin-bottom: 80px !important;
}