/*
 * CCJ Home V316
 * - Fuera de APP/PWA móvil: una sola columna, orden Mi Perfil -> Escribir en el Muro -> Muro.
 * - APP/PWA móvil <=760px: conserva el orden visual V314 (Compositor -> Muro -> Mi Perfil).
 * - Accesos rápidos: paleta azul exacta ida/vuelta indicada por el usuario.
 */

/* Paleta única de azules: 1..5 y 6..10 en orden inverso. */
body.jc-ccj-route .jc-ccj5-homebar__row--one .is-near{background:#003399!important;border-color:#003399!important;color:#fff!important}
body.jc-ccj-route .jc-ccj5-homebar__row--one .is-room{background:#9999ff!important;border-color:#9999ff!important;color:#111827!important}
body.jc-ccj-route .jc-ccj5-homebar__row--one .is-wall{background:#6666cc!important;border-color:#6666cc!important;color:#fff!important}
body.jc-ccj-route .jc-ccj5-homebar__row--one .is-new{background:#6666ff!important;border-color:#6666ff!important;color:#fff!important}
body.jc-ccj-route .jc-ccj5-homebar__row--one .is-places{background:#ccccff!important;border-color:#ccccff!important;color:#172033!important}
body.jc-ccj-route .jc-ccj5-homebar__row--two .is-business{background:#ccccff!important;border-color:#ccccff!important;color:#172033!important}
body.jc-ccj-route .jc-ccj5-homebar__row--two .is-messages{background:#6666ff!important;border-color:#6666ff!important;color:#fff!important}
body.jc-ccj-route .jc-ccj5-homebar__row--two .is-music{background:#6666cc!important;border-color:#6666cc!important;color:#fff!important}
body.jc-ccj-route .jc-ccj5-homebar__row--two .is-outdoors{background:#9999ff!important;border-color:#9999ff!important;color:#111827!important}
body.jc-ccj-route .jc-ccj5-homebar__row--two .is-sports{background:#003399!important;border-color:#003399!important;color:#fff!important}
body.jc-ccj-route .jc-ccj5-homebar__nav a:hover,
body.jc-ccj-route .jc-ccj5-homebar__nav a:focus-visible{filter:brightness(.96);transform:translateY(-1px)}

/* Nueva autoridad estructural: una sola columna para todas las experiencias no exceptuadas. */
body.jc-ccj-route .jc-ccj5-layout--home.jc-ccj5-layout--v316{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  align-items:stretch!important;
}
body.jc-ccj-route .jc-ccj5-layout--home.jc-ccj5-layout--v316 > .jc-ccj5-profile{order:1!important;width:100%!important;max-width:none!important;min-width:0!important}
body.jc-ccj-route .jc-ccj5-layout--home.jc-ccj5-layout--v316 > .jc-ccj5-column--left{order:2!important;width:100%!important;max-width:none!important;min-width:0!important}
body.jc-ccj-route .jc-ccj5-layout--home.jc-ccj5-layout--v316 > .jc-ccj5-column--left > .jc-ccj5-compose{width:100%!important;max-width:none!important;min-width:0!important}
body.jc-ccj-route .jc-ccj5-layout--home.jc-ccj5-layout--v316 > .jc-ccj5-wall{order:3!important;width:100%!important;max-width:none!important;min-width:0!important}
body.jc-ccj-route .jc-ccj5-layout--home.jc-ccj5-layout--v316 > .jc-ccj5-wall .jc-ccj5-feed{max-height:none!important;overflow:visible!important;padding-right:0!important}

/* Perfil rápido compacto fuera de APP/PWA móvil. Los intereses permanecen en DOM para preservar valores. */
body.jc-ccj-route .jc-ccj5-layout--v316 .jc-ccj5-profile__full-mobile{display:none}
body.jc-ccj-route .jc-ccj5-layout--v316 .jc-ccj5-profile__full-desktop{display:inline}
body.jc-ccj-route .jc-ccj5-layout--v316 .jc-ccj5-profile__full{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 13px;border-radius:999px;background:#eef3ff;border:1px solid #cfdcff;color:#003399;font-weight:800;white-space:nowrap}
body.jc-ccj-route .jc-ccj5-layout--v316 .jc-ccj5-profile__eyebrow,
body.jc-ccj-route .jc-ccj5-layout--v316 .jc-ccj5-profile__interests{display:none!important}

/* APP/PWA móvil: conserva el orden y contenido visual previo. */
@media (max-width:760px){
  html.jc-pwa-standalone body.jc-ccj-route .jc-ccj5-layout--home.jc-ccj5-layout--v316 > .jc-ccj5-column--left,
  body.jc-native-app.jc-ccj-route .jc-ccj5-layout--home.jc-ccj5-layout--v316 > .jc-ccj5-column--left{order:1!important}
  html.jc-pwa-standalone body.jc-ccj-route .jc-ccj5-layout--home.jc-ccj5-layout--v316 > .jc-ccj5-wall,
  body.jc-native-app.jc-ccj-route .jc-ccj5-layout--home.jc-ccj5-layout--v316 > .jc-ccj5-wall{order:2!important}
  html.jc-pwa-standalone body.jc-ccj-route .jc-ccj5-layout--home.jc-ccj5-layout--v316 > .jc-ccj5-profile,
  body.jc-native-app.jc-ccj-route .jc-ccj5-layout--home.jc-ccj5-layout--v316 > .jc-ccj5-profile{order:3!important}

  html.jc-pwa-standalone body.jc-ccj-route .jc-ccj5-layout--v316 .jc-ccj5-profile__eyebrow,
  body.jc-native-app.jc-ccj-route .jc-ccj5-layout--v316 .jc-ccj5-profile__eyebrow{display:inline!important}
  html.jc-pwa-standalone body.jc-ccj-route .jc-ccj5-layout--v316 .jc-ccj5-profile__interests,
  body.jc-native-app.jc-ccj-route .jc-ccj5-layout--v316 .jc-ccj5-profile__interests{display:block!important}
  html.jc-pwa-standalone body.jc-ccj-route .jc-ccj5-layout--v316 .jc-ccj5-profile__full-desktop,
  body.jc-native-app.jc-ccj-route .jc-ccj5-layout--v316 .jc-ccj5-profile__full-desktop{display:none!important}
  html.jc-pwa-standalone body.jc-ccj-route .jc-ccj5-layout--v316 .jc-ccj5-profile__full-mobile,
  body.jc-native-app.jc-ccj-route .jc-ccj5-layout--v316 .jc-ccj5-profile__full-mobile{display:inline!important}
}