/*
 * CCJ Home V311
 * Escritorio / Windows / navegador >= 761 px:
 * - Escribir en el Muro + Mi perfil en la primera fila.
 * - Muro debajo, a ancho completo y en una sola columna.
 * - APP/PWA móvil <=760 px conserva el layout V310 sin cambios.
 */

@media (min-width:761px){
  body.jc-ccj-route .jc-ccj5-layout--home{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:18px!important;
    align-items:stretch!important;
  }

  body.jc-ccj-route .jc-ccj5-layout--home>.jc-ccj5-column--left{
    grid-column:1!important;
    grid-row:1!important;
    align-self:stretch!important;
    min-width:0!important;
  }

  body.jc-ccj-route .jc-ccj5-layout--home>.jc-ccj5-column--left>.jc-ccj5-compose{
    height:100%!important;
  }

  /* Liberamos Muro y Mi perfil del contenedor derecho para ubicarlos en la grilla principal. */
  body.jc-ccj-route .jc-ccj5-layout--home>.jc-ccj5-column--right{
    display:contents!important;
  }

  body.jc-ccj-route .jc-ccj5-layout--home .jc-ccj5-profile{
    grid-column:2!important;
    grid-row:1!important;
    align-self:stretch!important;
    height:100%!important;
    min-width:0!important;
  }

  body.jc-ccj-route .jc-ccj5-layout--home .jc-ccj5-wall{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
  }

  body.jc-ccj-route .jc-ccj5-layout--home .jc-ccj5-feed{
    max-height:none!important;
    overflow:visible!important;
    padding-right:0!important;
  }

  body.jc-ccj-route .jc-ccj5-layout--home .jc-ccj5-post{
    width:100%!important;
  }
}

/* Publicación recién creada: confirmación visual solo en la experiencia >=761 px. */
@media (min-width:761px){
  body.jc-ccj-route .jc-ccj5-post.is-just-published{
    animation:jcCcj311Published 1.35s ease-out 1;
  }
}
@keyframes jcCcj311Published{
  0%{border-color:#4ba7df;background:#eef8ff;box-shadow:0 0 0 4px rgba(23,105,224,.16)}
  55%{border-color:#8bc9eb;background:#f7fcff;box-shadow:0 0 0 2px rgba(23,105,224,.08)}
  100%{border-color:#e2e9f0;background:#fff;box-shadow:none}
}
@media (min-width:761px) and (prefers-reduced-motion:reduce){
  body.jc-ccj-route .jc-ccj5-post.is-just-published{animation:none;outline:2px solid rgba(23,105,224,.22);outline-offset:2px}
}