/* CCJ V438 · cuadro flotante contextual + restauración limpia de la cascada CCJ. */
html.jc-ccj438-open,html.jc-ccj438-open body{overflow:hidden!important}
.jc-ccj438-dialog{width:min(1080px,calc(100vw - 34px));height:min(84dvh,820px);max-width:none;max-height:none;margin:auto;padding:0;border:0;border-radius:22px;background:transparent;overflow:visible;color:#183d5d}
.jc-ccj438-dialog::backdrop{background:rgba(7,23,43,.64);backdrop-filter:blur(4px)}
.jc-ccj438-dialog__card{display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.5);border-radius:22px;background:#fff;box-shadow:0 28px 85px rgba(0,29,68,.34)}
.jc-ccj438-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px;padding:12px 14px 12px 20px;border-bottom:1px solid #dfe8f3;background:linear-gradient(180deg,#fff,#f7faff)}
.jc-ccj438-dialog__head>div{min-width:0}.jc-ccj438-dialog__head span{display:block;color:#1769e0;font-size:9px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.jc-ccj438-dialog__head h2{margin:2px 0 0;overflow:hidden;color:#173d61;font-size:20px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
.jc-ccj438-dialog__close{flex:0 0 40px;width:40px;height:40px;padding:0;border:1px solid #d8e2ed;border-radius:50%;background:#eef4fa;color:#234766;font-size:25px;line-height:1;cursor:pointer}.jc-ccj438-dialog__close:hover,.jc-ccj438-dialog__close:focus-visible{background:#e3edf7;color:#003399;outline:2px solid rgba(23,105,224,.18);outline-offset:2px}
.jc-ccj438-dialog__body{position:relative;min-height:0;background:#f5f7fb}.jc-ccj438-dialog__frame{display:block;width:100%;height:100%;border:0;background:#f5f7fb;visibility:hidden}.jc-ccj438-dialog__loading{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;background:#f5f7fb;color:#557087;font-size:12px}.jc-ccj438-dialog__loading[hidden]{display:none!important}.jc-ccj438-dialog__loading span{width:22px;height:22px;border:3px solid #d6e3f1;border-top-color:#1769e0;border-radius:50%;animation:jcC438Spin .8s linear infinite}
@keyframes jcC438Spin{to{transform:rotate(360deg)}}
/* Cuando una ruta se abre dentro del cuadro, no duplicar las estructuras globales. */
body.jc-ccj-floating-frame .jcx-header433,body.jc-ccj-floating-frame .jc-ccj5-header,body.jc-ccj-floating-frame .jc-web-footer-v2,body.jc-ccj-floating-frame .jc-footer,body.jc-ccj-floating-frame .jc-mobile-tabbar-v2,body.jc-ccj-floating-frame .jc-footer-nav-mobile-app,body.jc-ccj-floating-frame .jc-footer-nav-webwin,body.jc-ccj-floating-frame .jc-portal-auto-ads,body.jc-ccj-floating-frame .jc-portal-auto-banners{display:none!important}
body.jc-ccj-floating-frame{margin:0!important;padding:0!important;background:#f5f7fb!important}body.jc-ccj-floating-frame .jc-main{min-height:0!important;padding-top:0!important}
@media(max-width:760px){.jc-ccj438-dialog{width:calc(100vw - 12px);height:calc(100dvh - 12px);margin:6px;border-radius:19px}.jc-ccj438-dialog__card{border-radius:19px}.jc-ccj438-dialog__head{min-height:58px;padding:9px 9px 9px 14px}.jc-ccj438-dialog__head h2{font-size:16px}.jc-ccj438-dialog__head span{font-size:8px}.jc-ccj438-dialog__close{flex-basis:36px;width:36px;height:36px;font-size:22px}}
@media(prefers-reduced-motion:reduce){.jc-ccj438-dialog__loading span{animation:none}}

/* =========================================================
   V576 · CCJ Social Shell APP-first
   Cabecera compacta + tabs neutras. Sin botones de color pleno.
   ========================================================= */
body.jc-ccj-route .jc-ccj576-social-shell{position:relative;z-index:90;padding:12px 0 0;background:transparent}
body.jc-ccj-route .jc-ccj576-identity-card{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:15px;min-height:106px;padding:10px 18px;border:1px solid #dfe7f0;border-radius:20px;background:rgba(255,255,255,.97);box-shadow:0 12px 30px rgba(19,55,89,.08)}
body.jc-ccj-route .jc-ccj576-identity-card__logo{display:grid;place-items:center;width:104px;height:84px;overflow:visible}
body.jc-ccj-route .jc-ccj576-identity-card__logo img{display:block;max-width:100%;max-height:82px;width:auto;height:auto;object-fit:contain}
body.jc-ccj-route .jc-ccj576-identity-card__copy{min-width:0}
body.jc-ccj-route .jc-ccj576-identity-card__copy>span{display:block;margin:0 0 4px;color:#60758a;font-size:10px;font-weight:900;letter-spacing:.085em;text-transform:uppercase}
body.jc-ccj-route .jc-ccj576-identity-card__copy h1{margin:0;color:#173d61;font-size:clamp(20px,2.3vw,28px);font-weight:900;line-height:1.08;letter-spacing:-.025em}
body.jc-ccj-route .jc-ccj576-tabs-wrap{margin-top:8px;border:1px solid #dfe7f0;border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 8px 20px rgba(19,55,89,.055)}
body.jc-ccj-route .jc-ccj576-tabs{display:flex;align-items:stretch;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 8px}
body.jc-ccj-route .jc-ccj576-tabs::-webkit-scrollbar{display:none}
body.jc-ccj-route .jc-ccj576-tabs a{position:relative;flex:1 1 0;min-width:max-content;min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:0;background:transparent!important;color:#536a80!important;text-decoration:none!important;font-size:12px;font-weight:850;line-height:1;white-space:nowrap;box-shadow:none!important;text-shadow:none!important;transition:color .16s ease,background-color .16s ease}
body.jc-ccj-route .jc-ccj576-tabs a::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:#1769e0;transform:scaleX(0);transform-origin:center;transition:transform .16s ease}
body.jc-ccj-route .jc-ccj576-tabs a.is-current{color:#173d61!important}
body.jc-ccj-route .jc-ccj576-tabs a.is-current::after,
body.jc-ccj-route .jc-ccj576-tabs a:hover::after,
body.jc-ccj-route .jc-ccj576-tabs a:focus-visible::after{transform:scaleX(1)}
body.jc-ccj-route .jc-ccj576-tabs a:hover,
body.jc-ccj-route .jc-ccj576-tabs a:focus-visible{color:#1769e0!important;background:#f7faff!important;outline:0}
body.jc-ccj-route #jc-ccj5-participar,
body.jc-ccj-route #jc-ccj5-wall-home{scroll-margin-top:calc(var(--jc-header-real-height,116px) + 66px)}

/* Neutraliza cualquier regla histórica de la homebar de cápsulas, ya retirada del markup V576. */
body.jc-ccj-route .jc-ccj5-homebar{display:none!important}

@media(max-width:900px){
  body.jc-ccj-route .jc-ccj576-tabs-wrap{position:-webkit-sticky;position:sticky;top:var(--jc-header-real-height,116px);z-index:210;margin-inline:0;backdrop-filter:blur(10px)}
}

@media(max-width:760px){
  body.jc-ccj-route .jc-ccj576-social-shell{padding-top:8px}
  body.jc-ccj-route .jc-ccj576-social-shell>.jc-ccj5-shell{width:min(100% - 16px,1120px)}
  body.jc-ccj-route .jc-ccj576-identity-card{grid-template-columns:76px minmax(0,1fr);gap:10px;min-height:84px;padding:8px 10px;border-radius:17px;box-shadow:0 8px 22px rgba(19,55,89,.07)}
  body.jc-ccj-route .jc-ccj576-identity-card__logo{width:76px;height:68px}
  body.jc-ccj-route .jc-ccj576-identity-card__logo img{max-height:66px}
  body.jc-ccj-route .jc-ccj576-identity-card__copy>span{margin-bottom:3px;font-size:8px;letter-spacing:.07em}
  body.jc-ccj-route .jc-ccj576-identity-card__copy h1{font-size:clamp(16px,4.7vw,19px);line-height:1.08}
  body.jc-ccj-route .jc-ccj576-tabs-wrap{margin-top:6px;border-radius:14px}
  body.jc-ccj-route .jc-ccj576-tabs{justify-content:flex-start;padding:0 4px}
  body.jc-ccj-route .jc-ccj576-tabs a{flex:0 0 auto;min-height:44px;padding:8px 13px;font-size:11px}
  body.jc-ccj-route .jc-ccj576-tabs a::after{left:13px;right:13px;height:2px}
  body.jc-ccj-route #jc-ccj5-participar,
  body.jc-ccj-route #jc-ccj5-wall-home{scroll-margin-top:calc(var(--jc-header-real-height,116px) + 58px)}
}

@media(max-width:380px){
  body.jc-ccj-route .jc-ccj576-identity-card{grid-template-columns:68px minmax(0,1fr)}
  body.jc-ccj-route .jc-ccj576-identity-card__logo{width:68px;height:62px}
  body.jc-ccj-route .jc-ccj576-identity-card__logo img{max-height:60px}
  body.jc-ccj-route .jc-ccj576-tabs a{padding-inline:11px;font-size:10.5px}
}


/* =========================================================
   V577 · CCJ Muro floating cards + Groups 2 columns APP-first
   Alcance visual. Backend y taxonomías permanecen intactos.
   ========================================================= */
body.jc-ccj-route .jc-ccj577-connect-card{padding:0!important;overflow:hidden;border:1px solid #dfe7f0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 26px rgba(19,55,89,.075)!important}
body.jc-ccj-route .jc-ccj577-connect{margin:0;padding:0}
body.jc-ccj-route .jc-ccj577-connect>summary{list-style:none}
body.jc-ccj-route .jc-ccj577-connect>summary::-webkit-details-marker{display:none}
body.jc-ccj-route .jc-ccj577-connect__summary{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;cursor:pointer;background:#fff;color:#173d61;user-select:none}
body.jc-ccj-route .jc-ccj577-connect__summary:hover,body.jc-ccj-route .jc-ccj577-connect__summary:focus-visible{background:#f8fbfe;outline:0}
body.jc-ccj-route .jc-ccj577-connect__summary-copy{min-width:0;display:grid;gap:2px}
body.jc-ccj-route .jc-ccj577-connect__summary-copy strong{font-size:18px;font-weight:950;line-height:1.05;letter-spacing:-.02em}
body.jc-ccj-route .jc-ccj577-connect__summary-copy small{color:#6a7f92;font-size:10px;font-weight:750;line-height:1.15}
body.jc-ccj-route .jc-ccj577-connect__summary-mark{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #d7e2ec;border-radius:50%;background:#f4f8fb;color:#1769e0;font-size:23px;font-weight:500;line-height:1;transition:transform .16s ease,background-color .16s ease}
body.jc-ccj-route .jc-ccj577-connect[open] .jc-ccj577-connect__summary{border-bottom:1px solid #e4ebf2}
body.jc-ccj-route .jc-ccj577-connect[open] .jc-ccj577-connect__summary-mark{transform:rotate(45deg);background:#eef5ff}
body.jc-ccj-route .jc-ccj577-connect__body{padding:13px 14px 14px;background:#fff}
body.jc-ccj-route .jc-ccj577-connect__body .jc-ccj5-compose__head{margin-bottom:10px}

body.jc-ccj-route .jc-ccj5-layout--home.jc-ccj5-layout--v317>.jc-ccj5-wall{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
body.jc-ccj-route .jc-ccj5-layout--home.jc-ccj5-layout--v317>.jc-ccj5-wall>.jc-ccj5-section-head{margin:0 4px 8px;padding:0 2px}
body.jc-ccj-route .jc-ccj5-layout--home.jc-ccj5-layout--v317>.jc-ccj5-wall .jc-ccj5-feed{display:grid!important;gap:12px!important;max-height:none!important;overflow:visible!important;padding:0!important}
body.jc-ccj-route .jc-ccj5-layout--home.jc-ccj5-layout--v317>.jc-ccj5-wall .jc-ccj5-post{margin:0!important;padding:13px!important;border:1px solid #dfe7ef!important;border-radius:18px!important;background:#fff!important;box-shadow:0 9px 24px rgba(19,55,89,.07)!important}
body.jc-ccj-route .jc-ccj5-layout--home.jc-ccj5-layout--v317>.jc-ccj5-wall .jc-ccj5-post__type{background:#f1f6fb!important;color:#365b7b!important;border:1px solid #d9e5ef!important;box-shadow:none!important}
body.jc-ccj-route .jc-ccj5-layout--home.jc-ccj5-layout--v317>.jc-ccj5-wall .jc-ccj5-empty{border:1px solid #dfe7ef;border-radius:18px;background:#fff;box-shadow:0 9px 24px rgba(19,55,89,.06)}

body.jc-ccj-floating-frame .jc-ccj-v2-page{padding-top:12px!important;padding-bottom:14px!important}
body.jc-ccj-floating-frame .jc-ccj-v2-title{margin-bottom:10px!important}
body.jc-ccj-floating-frame .jc-ccj-v2-title p{display:none!important}
body.jc-ccj-floating-frame .jc-ccj-v2-community-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
body.jc-ccj-floating-frame .jc-ccj-v2-community-grid article{position:relative;min-width:0;min-height:70px;display:flex;align-items:center;padding:10px!important;border:1px solid #dfe7ef!important;border-radius:16px!important;background:#fff!important;box-shadow:0 7px 18px rgba(19,55,89,.06);overflow:hidden}
body.jc-ccj-floating-frame .jc-ccj-v2-community-grid article>div{width:100%;display:flex!important;align-items:center!important;gap:8px!important;min-width:0}
body.jc-ccj-floating-frame .jc-ccj-v2-community-grid article>div>b{flex:0 0 34px;width:34px!important;height:34px!important;border-radius:11px!important;background:#eef5ff!important;color:#1769e0!important;font-size:14px!important}
body.jc-ccj-floating-frame .jc-ccj-v2-community-grid article>div>span{min-width:0}
body.jc-ccj-floating-frame .jc-ccj-v2-community-grid h2{margin:0!important;color:#173d61!important;font-size:11.5px!important;line-height:1.16!important;word-break:normal}
body.jc-ccj-floating-frame .jc-ccj-v2-community-grid small,body.jc-ccj-floating-frame .jc-ccj-v2-community-grid article>p{display:none!important}
body.jc-ccj-floating-frame .jc-ccj-v2-community-grid footer{position:absolute!important;inset:0!important;display:block!important;margin:0!important;padding:0!important;z-index:2}
body.jc-ccj-floating-frame .jc-ccj-v2-community-grid footer a:first-child{position:absolute!important;inset:0!important;display:block!important;padding:0!important;border:0!important;border-radius:16px!important;background:transparent!important;color:transparent!important;font-size:0!important;box-shadow:none!important}
body.jc-ccj-floating-frame .jc-ccj-v2-community-grid footer a:first-child:focus-visible{outline:2px solid rgba(23,105,224,.42)!important;outline-offset:-3px!important}
body.jc-ccj-floating-frame .jc-ccj-v2-community-grid footer a:not(:first-child){display:none!important}
body.jc-ccj-floating-frame .jc-ccj-v2-community-grid article:focus-within{border-color:#9abde4!important;box-shadow:0 8px 22px rgba(23,105,224,.12)!important}

@media(max-width:760px){
  body.jc-ccj-route .jc-ccj577-connect-card{border-radius:16px!important;box-shadow:0 7px 18px rgba(19,55,89,.065)!important}
  body.jc-ccj-route .jc-ccj577-connect__summary{min-height:58px;padding:9px 11px}
  body.jc-ccj-route .jc-ccj577-connect__summary-copy strong{font-size:16px}
  body.jc-ccj-route .jc-ccj577-connect__summary-copy small{font-size:9px}
  body.jc-ccj-route .jc-ccj577-connect__summary-mark{flex-basis:31px;width:31px;height:31px;font-size:21px}
  body.jc-ccj-route .jc-ccj577-connect__body{padding:11px}
  body.jc-ccj-route .jc-ccj5-layout--home.jc-ccj5-layout--v317>.jc-ccj5-wall .jc-ccj5-feed{gap:10px!important}
  body.jc-ccj-route .jc-ccj5-layout--home.jc-ccj5-layout--v317>.jc-ccj5-wall .jc-ccj5-post{padding:11px!important;border-radius:16px!important;box-shadow:0 7px 18px rgba(19,55,89,.065)!important}
  body.jc-ccj-floating-frame .jc-ccj-v2-page{padding:8px!important}
  body.jc-ccj-floating-frame .jc-ccj-v2-title h1{font-size:18px!important;line-height:1.08!important}
  body.jc-ccj-floating-frame .jc-ccj-v2-community-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  body.jc-ccj-floating-frame .jc-ccj-v2-community-grid article{min-height:64px;padding:8px!important;border-radius:14px!important}
  body.jc-ccj-floating-frame .jc-ccj-v2-community-grid article>div>b{flex-basis:30px;width:30px!important;height:30px!important;border-radius:10px!important;font-size:12px!important}
  body.jc-ccj-floating-frame .jc-ccj-v2-community-grid h2{font-size:10.5px!important}
}
@media(max-width:380px){
  body.jc-ccj-floating-frame .jc-ccj-v2-community-grid{gap:6px!important}
  body.jc-ccj-floating-frame .jc-ccj-v2-community-grid article{min-height:60px;padding:7px!important}
  body.jc-ccj-floating-frame .jc-ccj-v2-community-grid h2{font-size:10px!important}
}

/* ============================================================
   V578 · CCJ SALA CHAT · FLOATING SHELL APP-FIRST
   Alcance visual: sala real existente. No crea salas ni datos nuevos.
   ============================================================ */
body.jc-ccj-floating-frame .jc-community-room-page{padding:0!important;background:#f5f7fb!important}
body.jc-ccj-floating-frame .jc-community-room-page .jc-community-subhero{display:none!important}
body.jc-ccj-floating-frame .jc-community-room-shell{padding:10px 10px 12px!important;background:#f5f7fb!important}
body.jc-ccj-floating-frame .jc-community-room-shell>.jc-container{width:100%!important;max-width:none!important;padding:0!important}
body.jc-ccj-floating-frame .jc-community-room-card{max-width:none!important;margin:0!important;border:1px solid #dfe7ef!important;border-radius:18px!important;background:#fff!important;box-shadow:0 9px 24px rgba(19,55,89,.07)!important;overflow:hidden!important}
body.jc-ccj-floating-frame .jc-community-room-head.jc-ccj578-room-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:11px 12px!important;border-bottom:1px solid #e4ebf2!important;background:#fff!important}
body.jc-ccj-floating-frame .jc-ccj578-room-head__copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important}
body.jc-ccj-floating-frame .jc-ccj578-room-head__copy strong{color:#173d61!important;font-size:13.5px!important;line-height:1.1!important}
body.jc-ccj-floating-frame .jc-ccj578-room-head__copy span{max-width:500px;color:#72869a!important;font-size:9px!important;line-height:1.25!important}
body.jc-ccj-floating-frame .jc-ccj578-room-head__side{flex:0 0 auto;display:flex!important;align-items:center!important;gap:8px!important}
body.jc-ccj-floating-frame .jc-ccj578-room-head__side>a{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:5px 9px!important;border:1px solid #d8e3ee!important;border-radius:999px!important;background:#fff!important;color:#315c80!important;font-size:9px!important;font-weight:850!important;text-decoration:none!important;box-shadow:none!important}
body.jc-ccj-floating-frame .jc-ccj578-room-activity{display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:26px!important;padding:4px 7px!important;border:1px solid #dce6ef!important;border-radius:999px!important;background:#f6f9fc!important;color:#6b7f91!important;font-size:8.5px!important;font-weight:800!important;white-space:nowrap!important}
body.jc-ccj-floating-frame .jc-ccj578-room-activity i{width:6px!important;height:6px!important;border-radius:50%!important;background:#aab7c4!important;box-shadow:none!important}
body.jc-ccj-floating-frame .jc-ccj578-room-activity.is-live{border-color:#cfe8d9!important;background:#f4fbf7!important;color:#2b6c49!important}
body.jc-ccj-floating-frame .jc-ccj578-room-activity.is-live i{background:#33a965!important;box-shadow:0 0 0 3px rgba(51,169,101,.10)!important}
body.jc-ccj-floating-frame .jc-community-room-messages{height:clamp(310px,58dvh,570px)!important;min-height:0!important;padding:12px!important;background:#f8fafc!important;scrollbar-width:thin;scrollbar-color:#c9d6e2 transparent}
body.jc-ccj-floating-frame .jc-community-room-message{max-width:86%!important;margin-bottom:8px!important}
body.jc-ccj-floating-frame .jc-ccj-room-bubble{border:1px solid #dfe7ef!important;background:#fff!important;box-shadow:0 4px 12px rgba(19,55,89,.045)!important}
body.jc-ccj-floating-frame .jc-community-room-message.is-mine .jc-ccj-room-bubble{border-color:#d4e3f5!important;background:#f2f7fd!important}
body.jc-ccj-floating-frame .jc-community-room-compose{gap:7px!important;padding:9px 10px!important;border-top:1px solid #e4ebf2!important;background:#fff!important}
body.jc-ccj-floating-frame .jc-community-room-compose textarea{min-height:40px!important;padding:9px 10px!important;border:1px solid #d8e3ed!important;border-radius:13px!important;background:#f8fafc!important;color:#263f57!important;box-shadow:none!important}
body.jc-ccj-floating-frame .jc-community-room-compose textarea:focus{border-color:#9abde4!important;background:#fff!important;box-shadow:0 0 0 3px rgba(23,105,224,.08)!important}
body.jc-ccj-floating-frame .jc-community-room-compose button{min-height:40px!important;padding:7px 12px!important;border:1px solid #9dbbe0!important;border-radius:12px!important;background:#fff!important;color:#1769e0!important;font-size:10px!important;font-weight:900!important;box-shadow:none!important}
body.jc-ccj-floating-frame .jc-community-room-compose button:hover,body.jc-ccj-floating-frame .jc-community-room-compose button:focus-visible{background:#f2f7fd!important;border-color:#6fa0d7!important}
body.jc-ccj-floating-frame .jc-community-room-note{max-width:none!important;margin:7px 8px 0!important;color:#7a8c9d!important;font-size:8.5px!important;line-height:1.35!important;text-align:center!important}
body.jc-ccj-floating-frame .jc-community-room-locked{min-height:230px!important;background:#fff!important;color:#5e7488!important}
body.jc-ccj-floating-frame .jc-community-room-locked .jc-community-primary{border:1px solid #9dbbe0!important;background:#fff!important;color:#1769e0!important;box-shadow:none!important}

@media(max-width:760px){
  body.jc-ccj-floating-frame .jc-community-room-shell{padding:7px!important}
  body.jc-ccj-floating-frame .jc-community-room-card{border-radius:15px!important;box-shadow:0 7px 18px rgba(19,55,89,.065)!important}
  body.jc-ccj-floating-frame .jc-community-room-head.jc-ccj578-room-head{align-items:flex-start!important;padding:9px!important}
  body.jc-ccj-floating-frame .jc-ccj578-room-head__copy strong{font-size:12.5px!important}
  body.jc-ccj-floating-frame .jc-ccj578-room-head__copy span{font-size:8.3px!important}
  body.jc-ccj-floating-frame .jc-ccj578-room-head__side{flex-direction:column!important;align-items:flex-end!important;gap:5px!important}
  body.jc-ccj-floating-frame .jc-ccj578-room-head__side>a{min-height:25px!important;padding:3px 7px!important;font-size:8px!important}
  body.jc-ccj-floating-frame .jc-ccj578-room-activity{min-height:23px!important;padding:3px 6px!important;font-size:7.8px!important}
  body.jc-ccj-floating-frame .jc-community-room-messages{height:clamp(300px,56dvh,500px)!important;padding:9px!important}
  body.jc-ccj-floating-frame .jc-community-room-message{max-width:92%!important;gap:6px!important}
  body.jc-ccj-floating-frame .jc-community-room-compose{grid-template-columns:1fr auto!important;padding:8px!important}
  body.jc-ccj-floating-frame .jc-community-room-me{display:none!important}
  body.jc-ccj-floating-frame .jc-community-room-compose textarea{min-height:39px!important;font-size:11.5px!important}
  body.jc-ccj-floating-frame .jc-community-room-compose button{min-height:39px!important;padding-inline:10px!important}
}
@media(max-width:390px){
  body.jc-ccj-floating-frame .jc-ccj578-room-head__copy span{display:none!important}
  body.jc-ccj-floating-frame .jc-community-room-messages{height:54dvh!important}
}

/* V580 · Participación CCJ: escala visual +15% para lectura y blancos táctiles, sin cambiar lógica. */
html.jc-ccj579-open,html.jc-ccj579-open body{overflow:hidden!important}
.jc-ccj579-participation-dialog{width:min(520px,calc(100vw - 28px));max-width:none;margin:auto;padding:0;border:0;border-radius:20px;background:transparent;overflow:visible;color:#183d5d}
.jc-ccj579-participation-dialog::backdrop{background:rgba(7,23,43,.58);backdrop-filter:blur(3px)}
.jc-ccj579-participation-card{overflow:hidden;border:1px solid rgba(46,82,116,.12);border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(6,28,52,.24)}
.jc-ccj579-participation-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 17px 14px;border-bottom:1px solid #e7edf3;background:#fff}
.jc-ccj579-participation-head>div{min-width:0}
.jc-ccj579-participation-head span{display:block;margin:0 0 2px;color:#6d8296;font-size:10.4px;font-weight:850;letter-spacing:.045em;text-transform:uppercase}
.jc-ccj579-participation-head h2{margin:0;color:#173d61;font-size:20.7px;line-height:1.08;font-weight:900}
.jc-ccj579-participation-close{flex:0 0 39px;width:39px;height:39px;padding:0;border:1px solid #d9e4ee;border-radius:50%;background:#fff;color:#4c657b;font-size:25px;line-height:1;box-shadow:none;cursor:pointer}
.jc-ccj579-participation-close:hover,.jc-ccj579-participation-close:focus-visible{background:#f4f8fb;border-color:#b9ccdd;outline:none}
.jc-ccj579-participation-body{padding:16px;background:#f7f9fc}
.jc-ccj579-participation-intro{margin:0 0 14px;padding:0 2px;color:#60778c;font-size:12.7px;line-height:1.45}
.jc-ccj579-participation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11.5px}
.jc-ccj579-participation-option{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:10px;row-gap:2px;min-height:87px;padding:13px;border:1px solid #dfe8f0;border-radius:16px;background:#fff;color:#244a69;text-decoration:none;box-shadow:0 7px 18px rgba(19,55,89,.055);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.jc-ccj579-participation-option:hover,.jc-ccj579-participation-option:focus-visible{transform:translateY(-1px);border-color:#b9cfe3;box-shadow:0 10px 24px rgba(19,55,89,.085);outline:none}
.jc-ccj579-participation-icon{grid-row:1/3;display:grid;place-items:center;width:41px;height:41px;border:1px solid #dbe7f2;border-radius:14px;background:#f5f9fd;font-size:19.5px}
.jc-ccj579-participation-option strong{align-self:end;min-width:0;color:#173d61;font-size:12.7px;line-height:1.15;font-weight:900}
.jc-ccj579-participation-option small{align-self:start;min-width:0;color:#7b8d9e;font-size:9.8px;line-height:1.2;font-weight:700}
@media(max-width:760px){
  .jc-ccj579-participation-dialog{width:min(94vw,460px);border-radius:18px}
  .jc-ccj579-participation-card{border-radius:18px}
  .jc-ccj579-participation-head{padding:14px 14px 12px}
  .jc-ccj579-participation-head span{font-size:9.2px}
  .jc-ccj579-participation-head h2{font-size:18.4px}
  .jc-ccj579-participation-close{flex-basis:36px;width:36px;height:36px;font-size:23px}
  .jc-ccj579-participation-body{padding:13px}
  .jc-ccj579-participation-intro{margin-bottom:11.5px;font-size:11.5px}
  .jc-ccj579-participation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .jc-ccj579-participation-option{min-height:81px;padding:10.5px 9.2px;column-gap:8px;border-radius:14px}
  .jc-ccj579-participation-icon{width:36px;height:36px;border-radius:11px;font-size:17.3px}
  .jc-ccj579-participation-option strong{font-size:11.2px}
  .jc-ccj579-participation-option small{font-size:8.6px}
}
@media(max-width:350px){
  .jc-ccj579-participation-option{grid-template-columns:1fr;text-align:center}
  .jc-ccj579-participation-icon{grid-row:auto;margin:0 auto 3px}
}

/* V596 · CCJ HERO COMPOSITE HEADER APP-FIRST V1
 * Reemplaza únicamente la identidad textual/logo separada por el encabezado compuesto aprobado.
 * No altera tabs, Muro, Salas, Participación, Grupos ni backend.
 */
body.jc-ccj-route .jc-ccj596-composite-card{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 10px;
  border:1px solid #dfe7f0;
  border-radius:20px;
  background:rgba(255,255,255,.97);
  box-shadow:0 12px 30px rgba(19,55,89,.08);
  overflow:hidden;
}
body.jc-ccj-route .jc-ccj596-composite-card__image{
  display:block;
  width:min(100%,760px);
  height:auto;
  max-height:none;
  object-fit:contain;
}
@media(max-width:760px){
  body.jc-ccj-route .jc-ccj596-composite-card{
    padding:6px 7px;
    border-radius:17px;
    box-shadow:0 8px 22px rgba(19,55,89,.07);
  }
  body.jc-ccj-route .jc-ccj596-composite-card__image{width:100%}
}
@media(max-width:390px){
  body.jc-ccj-route .jc-ccj596-composite-card{padding:5px 6px;border-radius:15px}
}
@media(min-width:901px){
  body.jc-ccj-route .jc-ccj596-composite-card__image{width:min(100%,744px)}
}


/* V624 · CCJ header standardization based on Tucumán Conecta Aprende height */
body.jc-ccj-route .jc-ccj624-microhead{
  position:relative;
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 40px;
  align-items:center;
  gap:8px;
  min-height:102px;
  padding:8px 10px;
}
body.jc-ccj-route .jc-ccj624-microhead::after{
  content:"";
  width:40px;
  height:40px;
  display:block;
}
body.jc-ccj-route .jc-ccj624-microhead__back{
  grid-column:1;
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#fff;
  color:#234d75;
  text-decoration:none;
  border:1px solid #e2eaf0;
  box-shadow:0 3px 12px rgba(18,58,95,.12);
}
body.jc-ccj-route .jc-ccj624-microhead__brand{
  grid-column:2;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
body.jc-ccj-route .jc-ccj624-microhead__image{
  display:block;
  width:min(100%,744px);
  max-height:106px;
  height:auto;
  object-fit:contain;
}
@media(max-width:760px){
  body.jc-ccj-route .jc-ccj624-microhead{
    grid-template-columns:36px minmax(0,1fr) 36px;
    gap:6px;
    min-height:92px;
    padding:6px 8px;
    border-radius:16px;
  }
  body.jc-ccj-route .jc-ccj624-microhead::after{width:36px;height:36px}
  body.jc-ccj-route .jc-ccj624-microhead__back{width:36px;height:36px;border-radius:11px}
  body.jc-ccj-route .jc-ccj624-microhead__image{width:100%;max-height:82px}
}
@media(max-width:390px){
  body.jc-ccj-route .jc-ccj624-microhead{
    grid-template-columns:34px minmax(0,1fr) 34px;
    min-height:86px;
    padding:5px 6px;
  }
  body.jc-ccj-route .jc-ccj624-microhead::after{width:34px;height:34px}
  body.jc-ccj-route .jc-ccj624-microhead__back{width:34px;height:34px}
  body.jc-ccj-route .jc-ccj624-microhead__image{max-height:76px}
}
@media(min-width:901px){
  body.jc-ccj-route .jc-ccj624-microhead{
    min-height:108px;
  }
  body.jc-ccj-route .jc-ccj624-microhead__image{max-height:108px}
}