/*
 * CCJ Home V309
 * - Accesos rápidos: paleta azul progresiva de izquierda a derecha.
 * - Cápsulas ~5% más angostas, conservando altura y legibilidad.
 * - "En línea" permanece gris; solo el contador usa verde con presencia.
 */

body.jc-ccj-route .jc-ccj5-homebar__nav .is-near{--ccj5-pill:#063a73;--ccj5-pill2:#042b58}
body.jc-ccj-route .jc-ccj5-homebar__nav .is-room{--ccj5-pill:#0a447f;--ccj5-pill2:#073461}
body.jc-ccj-route .jc-ccj5-homebar__nav .is-wall{--ccj5-pill:#0e4e8b;--ccj5-pill2:#0a3b6a}
body.jc-ccj-route .jc-ccj5-homebar__nav .is-new{--ccj5-pill:#125897;--ccj5-pill2:#0d4373}
body.jc-ccj-route .jc-ccj5-homebar__nav .is-places{--ccj5-pill:#1762a3;--ccj5-pill2:#114a7c}
body.jc-ccj-route .jc-ccj5-homebar__nav .is-business{--ccj5-pill:#1b659d;--ccj5-pill2:#144c77}
body.jc-ccj-route .jc-ccj5-homebar__nav .is-messages{--ccj5-pill:#2069a0;--ccj5-pill2:#18507a}
body.jc-ccj-route .jc-ccj5-homebar__nav .is-music{--ccj5-pill:#246da3;--ccj5-pill2:#1b537d}
body.jc-ccj-route .jc-ccj5-homebar__nav .is-outdoors{--ccj5-pill:#2971a6;--ccj5-pill2:#1f5680}
body.jc-ccj-route .jc-ccj5-homebar__nav .is-sports{--ccj5-pill:#2e75a9;--ccj5-pill2:#235982}

/* Aproximadamente 5% menos de huella horizontal sin alterar la altura. */
body.jc-ccj-route .jc-ccj5-homebar__nav a{
  min-width:99px;
  padding-left:14px;
  padding-right:14px;
}

@media (max-width:900px){
  body.jc-ccj-route .jc-ccj5-homebar__nav a{
    min-width:91px;
    padding-left:12px;
    padding-right:12px;
  }
}

@media (max-width:760px){
  body.jc-ccj-route .jc-ccj5-homebar__row a,
  body.jc-ccj-route .jc-ccj5-homebar__row--one a,
  body.jc-ccj-route .jc-ccj5-homebar__row--two a{
    width:95%!important;
    min-width:0!important;
    justify-self:center!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }
}