/*
 * CCJ Home V318
 * - Accesos rápidos: texto blanco blindado en todas las versiones/estados.
 * - APP/PWA móvil: Guardar cambios compacto.
 * - Fotos del Muro: altura controlada para evitar scroll excesivo.
 */

/* 1) Los diez accesos rápidos deben ser blancos siempre, incluso visited/hover/focus. */
body.jc-ccj-route .jc-ccj5-homebar__nav a,
body.jc-ccj-route .jc-ccj5-homebar__nav a:link,
body.jc-ccj-route .jc-ccj5-homebar__nav a:visited,
body.jc-ccj-route .jc-ccj5-homebar__nav a:hover,
body.jc-ccj-route .jc-ccj5-homebar__nav a:focus,
body.jc-ccj-route .jc-ccj5-homebar__nav a:focus-visible,
body.jc-ccj-route .jc-ccj5-homebar__nav a:active,
body.jc-ccj-route .jc-ccj5-homebar__nav a *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 2px rgba(0,38,102,.58)!important;
}

/* 2) Guardar cambios también compacto en APP/PWA móvil. */
@media (max-width:760px){
  html.jc-pwa-standalone body.jc-ccj-route .jc-ccj5-layout--v317 .jc-ccj5-profile__mobile-save,
  body.jc-native-app.jc-ccj-route .jc-ccj5-layout--v317 .jc-ccj5-profile__mobile-save{
    width:auto!important;
    min-width:118px!important;
    min-height:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:8px 0 0 auto!important;
    padding:0 15px!important;
    border:0!important;
    border-radius:999px!important;
    background:#003399!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 5px 12px rgba(0,51,153,.18)!important;
    font-size:10.5px!important;
    font-weight:900!important;
    line-height:1!important;
  }
}

/* 3) Fotos del Muro: una imagen nunca debe dominar toda la pantalla. */
body.jc-ccj-route .jc-ccj5-post__media,
body.jc-ccj-route .jc-community-wall-media{
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#eef3f7;
}
body.jc-ccj-route .jc-ccj5-post__media img,
body.jc-ccj-route .jc-community-wall-media img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:420px!important;
  object-fit:contain!important;
  object-position:center!important;
}
@media (max-width:1024px){
  body.jc-ccj-route .jc-ccj5-post__media img,
  body.jc-ccj-route .jc-community-wall-media img{max-height:340px!important}
}
@media (max-width:760px){
  body.jc-ccj-route .jc-ccj5-post__media img,
  body.jc-ccj-route .jc-community-wall-media img{max-height:260px!important}
}