.jc-router-live{margin:28px 0 34px;padding:24px;border:1px solid #dfe7ef;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(20,35,55,.06)}
.jc-router-live__head{margin-bottom:18px}.jc-router-live__head h2{margin:3px 0 4px;font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.03em}.jc-router-live__head p{margin:0;color:#66717d}
.jc-router-live__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.jc-router-card{overflow:hidden;border:1px solid #e3e8ee;border-radius:16px;background:#fff}.jc-router-card__image{display:block;aspect-ratio:16/10;background:#f1f5f8;overflow:hidden}.jc-router-card__image img{width:100%;height:100%;object-fit:cover;display:block}.jc-router-card__image>span{height:100%;display:grid;place-items:center;font-size:42px}.jc-router-card__copy{padding:14px}.jc-router-card__copy small{color:#697582;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.jc-router-card__copy h3{margin:5px 0 6px;font-size:17px;line-height:1.18}.jc-router-card__copy h3 a{color:#1f2937}.jc-router-card__copy p{margin:0 0 10px;color:#66717d;font-size:13px}.jc-router-card__copy>strong{display:block;margin-bottom:8px}.jc-router-card__more{font-size:12.5px;font-weight:850}
.jc-quick-action--whatsapp{border-color:#bfe8ce!important;background:#f1fff6!important;color:#126b35!important}.jc-quick-action--whatsapp:hover{background:#e4faec!important;color:#0a582a!important}
@media(max-width:900px){.jc-router-live__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.jc-router-live{padding:16px;margin:20px 0 28px}.jc-router-live__grid{grid-template-columns:1fr}.jc-router-card__image{aspect-ratio:16/9}}

/* JC 11.1.1 — proporción homogénea en tarjetas previas de micrositios. */
.jc-router-live__grid{align-items:stretch}
.jc-router-card{display:flex;flex-direction:column;height:100%;min-width:0}
.jc-router-card__image{flex:0 0 auto;aspect-ratio:16/10}
.jc-router-card__copy{display:flex;flex:1;min-width:0;flex-direction:column}
.jc-router-card__copy h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:40px}
.jc-router-card__copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:58px}
.jc-router-card__more{margin-top:auto}
@media(max-width:600px){.jc-router-card__copy h3,.jc-router-card__copy p{min-height:auto}}


/* JC 11.5 — puente visual entre perfiles de usuarios y directorio institucional. */
.jc-prof-directory-bridge{margin:24px 0;padding:20px;border:1px solid #dfe8ef;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbfd)}
.jc-prof-directory-bridge>header{margin-bottom:14px}.jc-prof-directory-bridge>header h2{margin:4px 0 5px;color:#17324d;font-size:clamp(20px,3vw,28px)}.jc-prof-directory-bridge>header p{margin:0;color:#64748b;font-size:13px}
.jc-prof-directory-bridge__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.jc-prof-directory-bridge__grid a{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center;padding:12px;border:1px solid #e2e8ef;border-radius:12px;background:#fff;color:#17324d;text-decoration:none;min-width:0}.jc-prof-directory-bridge__grid a>span{grid-row:1/3;font-size:23px}.jc-prof-directory-bridge__grid strong{font-size:13px;line-height:1.2}.jc-prof-directory-bridge__grid small{font-size:11px;color:#718096}.jc-prof-directory-bridge__grid a:hover{border-color:#9fc3e4;transform:translateY(-1px)}
@media(max-width:900px){.jc-prof-directory-bridge__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.jc-prof-directory-bridge{padding:14px}.jc-prof-directory-bridge__grid{grid-template-columns:1fr}}


/* v9.5.55.95 — Regiones app móvil: publicaciones relacionadas compactas y desplazables. */
@media (max-width:760px){
  html.jc-pwa-standalone .jc-router-live[data-jc-router-route^="region:"]{
    margin:14px 0 18px!important;
    padding:11px!important;
    border-radius:15px!important;
  }
  html.jc-pwa-standalone .jc-router-live[data-jc-router-route^="region:"] .jc-router-live__head{
    margin-bottom:10px!important;
  }
  html.jc-pwa-standalone .jc-router-live[data-jc-router-route^="region:"] .jc-router-live__head h2{
    margin:2px 0 3px!important;
    font-size:18px!important;
    line-height:1.08!important;
  }
  html.jc-pwa-standalone .jc-router-live[data-jc-router-route^="region:"] .jc-router-live__head p{
    font-size:10.5px!important;
    line-height:1.3!important;
  }
  html.jc-pwa-standalone .jc-router-live[data-jc-router-route^="region:"] .jc-router-live__grid{
    display:flex!important;
    grid-template-columns:none!important;
    align-items:stretch!important;
    gap:8px!important;
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:1px 1px 7px!important;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:1px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
  }
  html.jc-pwa-standalone .jc-router-live[data-jc-router-route^="region:"] .jc-router-live__grid::-webkit-scrollbar{display:none}
  html.jc-pwa-standalone .jc-router-live[data-jc-router-route^="region:"] .jc-router-card{
    flex:0 0 calc((100% - 8px)/2)!important;
    width:calc((100% - 8px)/2)!important;
    min-width:0!important;
    border-radius:12px!important;
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  html.jc-pwa-standalone .jc-router-live[data-jc-router-route^="region:"] .jc-router-card__image{
    aspect-ratio:16/8!important;
    min-height:0!important;
  }
  html.jc-pwa-standalone .jc-router-live[data-jc-router-route^="region:"] .jc-router-card__copy{
    padding:8px!important;
  }
  html.jc-pwa-standalone .jc-router-live[data-jc-router-route^="region:"] .jc-router-card__copy small{
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    overflow:hidden;
    font-size:8px!important;
    line-height:1.15!important;
    letter-spacing:.01em!important;
  }
  html.jc-pwa-standalone .jc-router-live[data-jc-router-route^="region:"] .jc-router-card__copy h3{
    min-height:25px!important;
    margin:4px 0 5px!important;
    font-size:11.5px!important;
    line-height:1.08!important;
    -webkit-line-clamp:2!important;
  }
  html.jc-pwa-standalone .jc-router-live[data-jc-router-route^="region:"] .jc-router-card__copy p{
    display:none!important;
  }
  html.jc-pwa-standalone .jc-router-live[data-jc-router-route^="region:"] .jc-router-card__copy>strong{
    margin:0 0 4px!important;
    font-size:10.5px!important;
    line-height:1.1!important;
  }
  html.jc-pwa-standalone .jc-router-live[data-jc-router-route^="region:"] .jc-router-card__more{
    margin-top:auto!important;
    font-size:9.5px!important;
    line-height:1.1!important;
    white-space:nowrap;
  }
}