/* Paleta oficial del sitio (kit de Elementor): Principal #055157 · Secundario #49A4B1
   · Texto #222 · Naranjo #EA872F · Verde Claro #D3E3E5 · Border Form #E4E4E4. */
.jc-respub{--pri:#055157;--sec:#49A4B1;--txt:#222;--nar:#EA872F;--claro:#D3E3E5;--bor:#E4E4E4;
  font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--txt);
  /* EL ANCHO ES EL DE ELEMENTOR (1300 px, el `e-con-inner` del kit), no uno propio:
     con 1100 el bloque quedaba visiblemente más angosto que el encabezado y el pie
     de la misma página. El relleno lateral es 0 porque el contenedor de Elementor ya
     pone el suyo; duplicarlo desalineaba el contenido respecto del resto del sitio.
     El `max-width` se conserva para que el componente siga acotado si algún día se
     usa fuera de un contenedor de Elementor. */
  max-width:1300px;margin:0 auto;padding:8px 0 56px;line-height:1.55;-webkit-font-smoothing:antialiased;}
.jc-respub *{box-sizing:border-box;}

.jc-respub .rp-kicker{margin:0 0 3px;font-size:13px;font-weight:700;letter-spacing:1.4px;
  text-transform:uppercase;color:var(--ln);line-height:1;}
/* EL COLOR DE LÍNEA ES UN ACENTO, NO LA TINTA DE TODO (2026-09-23). Teñir con él
   las pestañas, el título, las pills y los nombres dejaba la pantalla entera de un
   color. Se queda en dos sitios: la PESTAÑA ACTIVA y el rótulo «LÍNEA N» de la card.
   El resto usa la paleta del sitio: títulos en Principal, texto en Texto, pills en
   Secundario.
   CADA LÍNEA TIENE SU COLOR — los del sistema (`.post-icon.lN` en css/panel/panel.css).
   `--ln` es el color de la línea activa: lo llevan la pestaña, el título de la card,
   las pills de comuna y el nombre de cada beneficiario. */
.jc-respub{--ln:var(--pri);}
.jc-respub[data-l="l1"]{--ln:#E8873A;} .jc-respub[data-l="l2"]{--ln:#2B9A8E;}
.jc-respub[data-l="l3"]{--ln:#3B4BC8;} .jc-respub[data-l="l4"]{--ln:#8B5CF6;}
.jc-respub[data-l="l5"]{--ln:#1A5C6B;}
.jc-respub .rp-tab[data-l="l1"]{--ln:#E8873A;} .jc-respub .rp-tab[data-l="l2"]{--ln:#2B9A8E;}
.jc-respub .rp-tab[data-l="l3"]{--ln:#3B4BC8;} .jc-respub .rp-tab[data-l="l4"]{--ln:#8B5CF6;}
.jc-respub .rp-tab[data-l="l5"]{--ln:#1A5C6B;}
.jc-respub .rp-head{padding:8px 0 28px;}
.jc-respub .rp-titulo{margin:0 0 12px;font-size:44px;line-height:1.1;font-weight:700;color:var(--pri);}
.jc-respub .rp-bajada{margin:0;font-size:18px;max-width:64ch;color:#3d4a4c;}
.jc-respub .rp-bajada strong{color:var(--pri);font-weight:700;}
.jc-respub .rp-head{padding-bottom:22px;}

/* Pestañas de línea: las pills de la banda de líneas del sitio. */
.jc-respub .rp-tabs{display:flex;flex-wrap:wrap;gap:10px;background:var(--claro);
  padding:14px;border-radius:20px;margin-bottom:22px;}
.jc-respub .rp-tab{flex:1 1 auto;min-width:140px;cursor:pointer;font:600 17px/1 Manrope,sans-serif;
  background:#fff;color:var(--pri);border:1.5px solid transparent;padding:15px 18px;border-radius:14px;transition:all .15s;}
.jc-respub .rp-tab:hover{background:#fff;border-color:var(--ln);}
.jc-respub .rp-tab.on{background:var(--ln);color:#fff;}

/* La card de la línea: radio grande y teal muy claro, como las del home. */
.jc-respub .rp-pane{background:#F6FAFA;border:1px solid var(--bor);border-radius:20px;padding:30px 30px 34px;}
.jc-respub .rp-pane[hidden]{display:none;}
.jc-respub .rp-linea-nombre{margin:0 0 4px;font-size:30px;line-height:1.08;font-weight:700;color:var(--pri);}
.jc-respub .rp-conteo{margin:0 0 20px;font-size:16px;color:#546466;}

/* Filtro por comuna: pill clara con borde de su color. */
.jc-respub .rp-filtros{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 22px;}
.jc-respub .rp-filtro{border:1px solid rgba(73,164,177,.45);background:#fff;color:var(--pri);cursor:pointer;
  font:600 15px/1 Manrope,sans-serif;padding:10px 16px;border-radius:999px;transition:all .15s;}
.jc-respub .rp-filtro b{font-weight:700;opacity:.55;margin-left:4px;}
.jc-respub .rp-filtro:hover{border-color:var(--sec);}
.jc-respub .rp-filtro.on{background:var(--sec);border-color:var(--sec);color:#fff;}
.jc-respub .rp-filtro.on b{opacity:.85;}

/* La lista: filas blancas sobre la card, con el nombre como protagonista. */
.jc-respub .rp-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.jc-respub .rp-item{display:flex;align-items:center;justify-content:space-between;gap:16px;
  background:#fff;border:1px solid var(--bor);border-radius:14px;padding:16px 20px;}
.jc-respub .rp-item[hidden]{display:none;}
.jc-respub .rp-nombre{font-size:17px;font-weight:600;color:var(--txt);}
.jc-respub .rp-comuna{flex:none;font-size:13px;font-weight:600;color:#4b5c5e;
  background:var(--claro);border-radius:999px;padding:6px 14px;white-space:nowrap;}

/* Estado vacío: las líneas sin seleccionados también tienen su pestaña. */
.jc-respub .rp-vacio{text-align:center;padding:38px 20px;color:#5c6b6d;}
.jc-respub .rp-vacio-ico{display:block;font-size:34px;color:var(--sec);line-height:1;margin-bottom:10px;}
.jc-respub .rp-vacio p{margin:0;font-size:17px;}

@media (max-width:640px){
  /* En móvil el gutter también lo pone Elementor: solo se ajusta el aire vertical. */
  .jc-respub{padding:4px 0 40px;}
  .jc-respub .rp-titulo{font-size:32px;}
  .jc-respub .rp-bajada{font-size:16px;}
  .jc-respub .rp-pane{padding:22px 18px 26px;}
  .jc-respub .rp-linea-nombre{font-size:23px;}
  .jc-respub .rp-tab{min-width:0;flex:1 1 44%;font-size:15px;padding:13px 10px;}
  .jc-respub .rp-item{flex-direction:column;align-items:flex-start;gap:8px;}
}

/* EL ICONO DE CADA LÍNEA — el SVG del meta `icono_linea` del CPT `lineas`, el mismo
   que usa el sitio. En la pestaña va pequeño junto al rótulo; en la card, grande
   al lado del nombre de la línea. */
.jc-respub .rp-pane-head{display:flex;align-items:flex-start;gap:18px;margin-bottom:20px;}
.jc-respub .rp-ico{width:62px;height:62px;flex:none;}
@media (max-width:640px){
  .jc-respub .rp-pane-head{gap:12px;}
  .jc-respub .rp-ico{width:46px;height:46px;}
  .jc-respub .rp-tab{font-size:14px;}
}

/* Comuna y microterritorio en la misma pastilla: el micro va debajo, más pequeño. */
.jc-respub .rp-lugar{flex:none;text-align:right;font-size:13px;font-weight:600;color:#4b5c5e;
  background:var(--claro);border-radius:14px;padding:7px 14px;line-height:1.35;}
.jc-respub .rp-lugar i{display:block;font-style:normal;font-weight:500;font-size:12px;opacity:.8;}
/* MENÚ CONTEXTUAL de microterritorios — replica de `.jc-menu` (css/panel/panel.css):
   capa flotante anclada al disparador, oculta con opacidad + visibilidad para poder
   animarla (el atributo `hidden` no se anima), y cierre al pulsar fuera o con Escape. */
.jc-respub .rp-menu-wrap{position:relative;display:inline-flex;}
.jc-respub .rp-filtro-menu{display:inline-flex;align-items:center;gap:7px;}
.jc-respub .rp-chevron{font-style:normal;font-size:11px;opacity:.75;}
.jc-respub .rp-menu-wrap.abierto .rp-filtro-menu{background:var(--sec);border-color:var(--sec);color:#fff;}
.jc-respub .rp-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:60;min-width:250px;
  max-width:calc(100vw - 32px);padding:8px;background:#fff;border:1px solid var(--bor);
  border-radius:12px;transform-origin:top left;opacity:0;visibility:hidden;
  transform:translateY(-6px) scale(.96);
  transition:opacity .14s ease,transform .14s ease,visibility 0s linear .14s;}
.jc-respub .rp-menu.abierto{opacity:1;visibility:visible;transform:none;
  transition:opacity .22s cubic-bezier(.2,.8,.25,1),transform .22s cubic-bezier(.2,.8,.25,1),visibility 0s;}
.jc-respub .rp-menu-tit{margin:2px 8px 6px;font-size:11.5px;font-weight:700;letter-spacing:.6px;
  text-transform:uppercase;color:#8a9a9c;}
.jc-respub .rp-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;
  border:0;border-radius:8px;background:none;cursor:pointer;font-family:inherit;font-size:14px;
  font-weight:600;color:var(--txt);text-align:left;}
.jc-respub .rp-menu-item:hover{background:#F1F6F7;}
.jc-respub .rp-menu-item.on{color:var(--pri);}
.jc-respub .rp-menu-item b{margin-left:auto;font-weight:700;opacity:.5;font-size:13px;}
.jc-respub .rp-menu-txt{flex:1;}