@import url("social-v192.css");

/* Publicación con imagen normal */
.v140-post .post-image-shell{
    position:relative;
    width:100%;
    background:#eef2f6;
    overflow:hidden
}
.v140-post .post-image-shell .post-image{
    width:100%;
    max-height:560px;
    min-height:0;
    object-fit:contain;
    background:#eef2f6
}
.v140-post .post-image-fallback{
    min-height:220px;
    place-items:center;
    align-content:center;
    gap:5px;
    text-align:center;
    color:#7a8798;
    background:linear-gradient(145deg,#f2f5f9,#e9eef5)
}
.v140-post .post-image-fallback>span{font-size:2rem}
.v140-post .post-image-fallback>b{color:#415166}
.v140-post .post-image-fallback>small{max-width:330px}

/* StoryMotion dentro del feed: portada compacta y texto legible */
.v140-post .story-post{
    min-height:320px;
    max-height:450px
}
.v140-post .story-post>img{
    height:450px;
    object-fit:cover
}
.v140-post .story-post .overlay{
    padding:20px 22px;
    background:linear-gradient(
        transparent 25%,
        rgba(4,14,28,.46) 48%,
        rgba(4,14,28,.96) 100%
    )
}
.v140-post .story-post .overlay p{
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    max-width:92%;
    margin:5px 0 12px;
    line-height:1.45
}

/* Ficha /historia.php más compacta */
.story-landing-shell{
    width:min(1080px,calc(100% - 32px));
    margin:24px auto 70px
}
.story-landing-hero{
    grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);
    min-height:470px;
    border-radius:22px
}
.story-landing-art{
    min-height:470px;
    max-height:520px
}
.story-landing-art>img{
    width:100%;
    height:100%;
    min-height:470px;
    max-height:520px;
    object-fit:cover
}
.story-art-fallback{
    min-height:470px;
    max-height:520px
}
.story-art-error{
    height:100%
}
.story-landing-copy{
    padding:34px 38px
}
.story-landing-copy h1{
    font-size:clamp(2.15rem,4.3vw,3.65rem);
    margin:7px 0 14px
}
.story-author-card{
    margin-bottom:14px
}
.story-synopsis{
    font-size:.96rem;
    line-height:1.58;
    margin-bottom:18px;
    display:-webkit-box;
    -webkit-line-clamp:7;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.story-landing-meta{
    margin-top:17px;
    padding-top:14px
}
.story-discovery-row{
    padding-top:22px
}

/* /story.php: usar portada real, no bloque SM genérico */
.story-cover{
    min-height:470px
}
.story-cover-art{
    min-height:470px;
    overflow:hidden
}
.story-cover-art>img{
    width:100%;
    height:100%;
    min-height:470px;
    object-fit:cover;
    display:block
}
.story-cover-fallback{
    width:100%;
    min-height:470px;
    display:grid;
    place-items:center;
    background:radial-gradient(circle at 50% 40%,#4c85bd,#142b4b 70%)
}
.story-cover-fallback span{
    width:100px;
    height:100px;
    border-radius:28px;
    background:#fff;
    color:#10233f;
    display:grid;
    place-items:center;
    font-size:1.9rem;
    font-weight:900
}

@media(max-width:850px){
    .story-landing-hero{grid-template-columns:1fr}
    .story-landing-art,
    .story-landing-art>img,
    .story-art-fallback{
        min-height:360px;
        height:360px
    }
    .story-landing-copy{padding:25px 22px}
}
@media(max-width:560px){
    .story-landing-shell{width:100%;margin:8px auto 70px}
    .story-landing-art,
    .story-landing-art>img,
    .story-art-fallback{
        min-height:300px;
        height:300px
    }
    .story-synopsis{-webkit-line-clamp:6}
    .v140-post .story-post,
    .v140-post .story-post>img{
        height:360px;
        max-height:360px
    }
}

/* v1.9.5: evitar presentación del icono roto/alt del navegador */
.v140-post .post-image-shell{
    min-height:220px;
    display:grid;
    place-items:center
}
.v140-post .post-image-shell .post-image{
    display:block;
    width:100%;
    min-height:220px;
    max-height:560px;
    object-fit:contain
}
.v140-post .post-image-shell:has(.post-image[style*="display: none"]){
    background:#eef2f6
}