/* Esparta Brasil — composer mobile + comentários v338 */
.home338-comment-list{display:grid;gap:7px;margin-top:2px}
.home338-comment{display:flex;gap:6px;align-items:flex-start;font-size:12px;line-height:1.42;color:#cfd5de}
.home338-comment b{flex:0 0 auto;color:#f1f4f8}
.home338-comment span{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}
.home338-comment-empty{padding:6px 0;color:#7f8998;font-size:12px}
.home338-comments-toggle{display:inline-flex;align-items:center;justify-content:flex-start;margin:7px 0 2px;padding:4px 0;border:0;background:transparent;color:#aeb7c4;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.home338-comments-toggle:hover{color:#e4b135}
.home338-comments-toggle:disabled{opacity:.6;cursor:wait}

@media(max-width:700px){
  .home314-composer{
    margin:10px 0 15px!important;
    padding:12px!important;
    border-radius:16px!important;
  }
  .home314-compose-top{
    gap:10px!important;
    align-items:flex-start!important;
  }
  .home314-avatar{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
  }
  .home314-compose-top textarea{
    min-width:0!important;
    min-height:72px!important;
    padding:12px 14px!important;
    border-radius:16px!important;
    font-size:16px!important;
    line-height:1.4!important;
  }
  .home314-compose-bottom{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
    margin-top:10px!important;
    padding-top:10px!important;
  }
  .home314-compose-tools{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
  }
  .home314-photo{
    min-height:42px!important;
    padding:0 12px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.025)!important;
    white-space:nowrap!important;
  }
  .home314-photo span{font-size:17px!important}
  .home314-community{
    display:block!important;
    min-width:0!important;
    width:100%!important;
  }
  .home314-community>span{display:none!important}
  .home314-community select{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:42px!important;
    padding:0 10px!important;
    border-radius:11px!important;
    font-size:13px!important;
    text-overflow:ellipsis!important;
  }
  .home314-compose-send{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    width:100%!important;
  }
  .home314-status{
    display:block!important;
    max-width:none!important;
    min-height:14px!important;
    text-align:left!important;
    white-space:normal!important;
    overflow:visible!important;
    font-size:10.5px!important;
    line-height:1.3!important;
  }
  .home314-status:empty{display:none!important}
  .home314-composer [data-home-publish]{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    border-radius:11px!important;
    font-size:14px!important;
  }
  .home314-preview{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    padding-left:0!important;
    margin-top:10px!important;
  }
  .post .comments{
    padding-left:13px!important;
    padding-right:13px!important;
  }
  .home338-comments-toggle{
    min-height:34px;
    margin:4px 0;
    font-size:12px;
  }
  .commentForm{
    align-items:stretch!important;
  }
  .commentForm .input{
    min-width:0!important;
    font-size:16px!important;
  }
  .commentForm .btn{
    flex:0 0 auto!important;
  }
}

@media(max-width:380px){
  .home314-compose-tools{
    grid-template-columns:1fr!important;
  }
  .home314-photo{
    justify-content:center!important;
  }
}