/* Cofrecito v1.10.4 — thumbnails in user profile */
.v100-profile-story-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px
}
.profile-story-thumb-v1104{
    position:relative!important;
    min-height:220px;
    overflow:hidden;
    border-radius:16px;
    background:#10233f;
    text-decoration:none
}
.profile-story-thumb-v1104>img{
    position:absolute;
    inset:0;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block
}
.profile-story-shade-v1104{
    position:absolute;
    inset:0;
    background:linear-gradient(
        180deg,
        rgba(4,12,24,.04) 15%,
        rgba(4,12,24,.15) 52%,
        rgba(4,12,24,.86) 100%
    )
}
.profile-story-fallback-v1104{
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    background:radial-gradient(circle at 50% 35%,#3d78b4,#10233f 72%)
}
.profile-story-fallback-v1104>span{
    width:58px;
    height:58px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#fff;
    color:#10233f
}
.profile-story-thumb-v1104>small,
.profile-story-thumb-v1104>h3{
    position:absolute;
    z-index:2;
    left:15px;
    right:15px;
    color:#fff!important;
    text-shadow:0 2px 12px rgba(0,0,0,.45)
}
.profile-story-thumb-v1104>small{
    top:14px;
    left:auto;
    right:14px;
    width:max-content;
    padding:5px 8px;
    border-radius:999px;
    background:rgba(7,16,29,.72)
}
.profile-story-thumb-v1104>h3{
    bottom:15px;
    margin:0!important;
    font-size:1.05rem
}

/*
 * Activity feed now uses the same modern card as Home.
 * Limit width so images remain attractive and not oversized.
 */
.profile-feed-v1104{
    display:grid;
    gap:16px;
    max-width:900px
}
.profile-feed-v1104 .v140-post{
    width:100%;
    overflow:visible
}
.profile-feed-v1104 .post-image-shell{
    background:#eef2f6
}
.profile-feed-v1104 .post-image{
    width:100%;
    max-height:520px;
    object-fit:contain;
    background:#eef2f6
}
.profile-feed-v1104 .gallery{
    max-height:520px;
    overflow:hidden
}
.profile-feed-v1104 .story-post{
    min-height:330px;
    max-height:480px
}
.profile-feed-v1104 .story-post>img{
    height:480px;
    object-fit:cover
}

@media(max-width:850px){
    .v100-profile-story-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}
@media(max-width:560px){
    .v100-profile-story-grid{
        grid-template-columns:1fr
    }
    .profile-story-thumb-v1104{
        min-height:280px
    }
    .profile-feed-v1104 .post-image{
        max-height:430px
    }
}