/* TrailLab v276 · puntos del recorrido.
   Se apoya en las variables del tema (v273 dejó claro que un blanco transparente escrito a mano se
   convierte en blanco sobre blanco al cambiar a tema claro). Aquí no hay ni un color literal fuera
   de los acentos de tipo, que son los mismos de ROUTE_POI_TYPES. */
.pois-ruta-v276 .pr-groups{display:grid;gap:8px;margin:12px 0}
.pois-ruta-v276 .pr-group{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.pois-ruta-v276 .pr-group>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;cursor:pointer;font-size:.78rem}
.pois-ruta-v276 .pr-group>summary span{padding:2px 8px;border-radius:999px;background:var(--surface2);color:var(--muted);font-size:.66rem;font-weight:900}
.pois-ruta-v276 .pr-group>div{display:grid;gap:5px;padding:0 11px 11px;max-height:238px;overflow:auto}

.pois-ruta-v276 .pr-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);cursor:pointer}
.pois-ruta-v276 .pr-row:hover{border-color:rgba(166,232,44,.42)}
.pois-ruta-v276 .pr-row input{margin-top:3px;min-width:17px;min-height:17px;accent-color:var(--lime)}
.pois-ruta-v276 .pr-main{display:grid;gap:2px;min-width:0}
.pois-ruta-v276 .pr-main b{font-size:.77rem;line-height:1.3}
.pois-ruta-v276 .pr-main>span{color:var(--muted);font-size:.65rem}
.pois-ruta-v276 .pr-main i{font-style:normal;font-size:.63rem;font-weight:800;color:var(--lime)}
/* El agua sin confirmar se marca en ámbar, no en verde: el color no puede decir lo contrario que
   el texto. */
.pois-ruta-v276 .pr-row.warn{border-color:rgba(242,193,78,.4)}
.pois-ruta-v276 .pr-row.warn .pr-main i{color:var(--amber,#f2c14e)}

.pois-ruta-v276 .pr-warn{margin:10px 0;padding:10px 12px;border-left:3px solid var(--amber,#f2c14e);border-radius:0 11px 11px 0;background:rgba(242,193,78,.08);color:var(--ink);font-size:.71rem;line-height:1.5}
.pois-ruta-v276 .pr-attrib{margin:12px 0 0;color:var(--muted);font-size:.62rem;line-height:1.5}

@media (max-width:640px){
  .pois-ruta-v276 .pr-group>div{max-height:none}
}