/* Planejador público: estilos restritos a esta página. */
.public-points-page { --od-ink:#123448; --od-blue:#087ca8; --od-muted:#526b7a; }
.public-points-page .page-top { position:relative; overflow:hidden; padding:24px 28px; border-radius:22px; background:linear-gradient(115deg,#071f32,#104d66 80%,#087b91); color:#fff; }
.public-points-page .page-top::after { content:""; position:absolute; width:330px; height:330px; right:-100px; bottom:-250px; border:36px solid #ffffff08; border-radius:50%; box-shadow:0 0 0 34px #ffffff06,0 0 0 70px #ffffff04; pointer-events:none; }
.public-points-page .page-title-row { position:relative; z-index:1; margin-top:12px; gap:20px; }
.public-points-page .page-title { color:#fff; font-size:clamp(24px,2.4vw,34px); line-height:1.2; margin:6px 0 10px; }
.public-points-page .page-kicker { color:#62e4f6; font-size:11px; letter-spacing:1.8px; }
.public-points-page .page-subtitle,.public-points-page .breadcrumbs,.public-points-page .breadcrumbs a,.public-points-page .breadcrumbs span { color:#deedf3; }
.public-points-page .page-subtitle { font-size:14px; }
.public-points-page .page-actions .k-btn { font-size:12px; min-height:40px; padding:9px 12px; border-color:#ffffff40; }
.public-points-page .page-actions .k-btn-secondary,.public-points-page .page-actions .k-btn-secondary span { background:#ffffff12; color:#fff; }
.od-workspace { display:grid; grid-template-columns:minmax(330px,410px) minmax(0,1fr); grid-template-rows:auto 1fr; align-items:start; gap:18px; }
.public-points-page .trip-planner { grid-column:1; grid-row:1; margin:0; padding:22px; border-radius:18px; box-shadow:0 4px 20px #163a4f08; }
.public-points-page .trip-planner-heading { align-items:flex-start; }
.public-points-page .trip-planner-heading > .material-symbols-rounded { background:#eaf6fa; padding:8px; border-radius:12px; font-size:24px; }
.public-points-page .trip-planner-heading h2 { font-size:21px; color:var(--od-ink); }
.public-points-page .trip-planner-heading p { font-size:13px; line-height:1.5; }
.public-points-page .trip-planner-fields { grid-template-columns:1fr; margin-top:18px; gap:10px; }
.public-points-page .trip-location-card { display:grid; grid-template-columns:9px minmax(0,1fr); padding:13px; gap:7px 10px; background:#f7fafc; border-radius:12px; }
.public-points-page .trip-location-card label { display:block; color:var(--od-ink); font-size:13px; font-weight:800; }
.public-points-page .trip-location-card .trip-dot { width:9px; height:9px; flex-shrink:0; }
.public-points-page .trip-location-card > .trip-address-field { min-width:0; grid-column:2; }
.public-points-page .trip-location-card > .od-location-tools { grid-column:2; display:flex; flex-wrap:wrap; gap:6px; min-width:0; }
.public-points-page .od-location-tools .k-btn { padding:5px 8px; min-height:30px; font-size:11px; background:#fff; border:1px solid #dbe7ed; }
.public-points-page .trip-address-search input { font-size:14px; padding:10px; width:100%; }
.public-points-page .trip-address-search .k-btn { padding:8px; font-size:12px; }
.public-points-page #originText,.public-points-page #destinationText { font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.public-points-page .trip-planner-actions { flex-direction:column; align-items:stretch; gap:10px; }
.public-points-page .trip-planner-actions > span { font-size:12px; }
.public-points-page .trip-planner-actions .k-btn { justify-content:center; width:100%; }
.public-points-page .trip-results { grid-column:1; grid-row:2; margin:0; min-width:0; scroll-margin-top:100px; }
.public-points-page .trip-results h2 { color:var(--od-ink); font-size:20px; }
.public-points-page .od-aviso { font-size:12px; line-height:1.5; }
.public-points-page .trip-option { display:block; padding:17px; transition:border-color .15s,box-shadow .15s; }
.public-points-page .od-horario { font-size:19px; }
.public-points-page .od-horario small { display:block; margin:4px 0 0; font-size:12px; font-weight:600; }
.public-points-page .od-option-top { align-items:flex-start; }
.public-points-page .trip-option .od-passos { display:none; padding-top:14px; border-top:1px solid #e1ebf0; }
.public-points-page .trip-option-selected .od-passos { display:grid; gap:14px; }
.public-points-page .trip-step { font-size:13px; line-height:1.55; }
.public-points-page .trip-option-selected { border-color:#087ca8; box-shadow:inset 4px 0 #087ca8,0 4px 16px #087ca810; }
.public-points-page .od-sequencia { margin-bottom:0; }
.public-points-page .trip-option-selected .od-sequencia { margin-bottom:14px; }
.public-points-page .public-map-panel { grid-column:2; grid-row:1 / span 2; position:sticky; top:94px; padding:0; border-radius:18px; box-shadow:0 6px 24px #163a4f0c; min-width:0; scroll-margin-top:94px; }
.od-map-toolbar { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 16px; }
.od-map-toolbar > div:first-child { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.od-map-toolbar strong { font-size:14px; color:var(--od-ink); }
.od-map-dot { width:8px; height:8px; border-radius:50%; background:#087ca8; }
.od-map-source { flex-basis:100%; margin-left:14px; font-size:11px; color:var(--od-muted); }
.od-map-buttons { display:flex; gap:4px; }
.od-map-buttons .k-btn { min-height:34px; padding:6px 9px; font-size:11px; white-space:nowrap; }
.od-map-buttons .material-symbols-rounded { font-size:18px; }
.od-map-buttons [aria-pressed="true"] { background:#e8f5fa; color:#086b91; }
.public-points-page .public-map-panel .k-map { height:clamp(340px,calc(100dvh - 285px),720px); min-height:340px; border-radius:0; }
.public-points-page .points-map-help { border:0; background:#f5f9fb; margin:0; padding:10px 14px; border-radius:0; font-size:12px; }
.public-points-page .points-route-legend { margin:0; border-radius:0; padding:10px 14px; box-shadow:none; border-width:1px 0 0; font-size:12px; }
.public-points-page .points-route-legend .k-btn { font-size:11px; min-height:30px; padding:5px 8px; }
.od-map-key { display:flex; flex-wrap:wrap; gap:10px 16px; padding:11px 14px; border-top:1px solid #e3ecf1; color:var(--od-muted); font-size:11px; }
.od-map-key span { display:inline-flex; align-items:center; gap:6px; }
.od-map-key i { width:9px; height:9px; display:inline-block; border-radius:50%; }
.od-key-origin { background:#15956f; }.od-key-destination { background:#e85d2a; }.od-key-stop { background:#fff; border:2px solid #087ca8; }.od-map-key .od-key-walk { width:17px; height:0; border-radius:0; border-top:2px dashed #5e7384; }
.od-salvas { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:14px; }
.od-salvas-titulo { display:inline-flex; align-items:center; gap:4px; width:100%; color:var(--od-ink); font-size:13px; }
.od-salvas-titulo .material-symbols-rounded { font-size:18px; color:#087ca8; }
.od-salva { display:inline-flex; align-items:stretch; max-width:100%; border:1px solid #c9dbe5; border-radius:999px; background:#f2f9fc; overflow:hidden; }
.od-salva-abrir { min-height:36px; padding:6px 4px 6px 12px; border:0; background:transparent; color:#086b91; font-size:13px; font-weight:700; text-align:left; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.od-salva-remover { min-width:34px; border:0; background:transparent; color:#6a8394; font-size:18px; line-height:1; cursor:pointer; }
.od-salva-abrir:hover,.od-salva-remover:hover { background:#e3f2f8; }
.public-points-page .trip-planner-actions .od-salvar { background:#fff; border:1px solid #c9dbe5; color:#086b91; }
.public-points-page .trip-planner-actions .od-salvar:disabled { opacity:.5; }
.od-map-wrap { position:relative; }
/* Um dedo rola a página; dois dedos movem e aproximam o mapa (ver DragPan no JS). */
.public-points-page #map .ol-viewport { touch-action:pan-x pan-y !important; }
.od-map-dica { position:absolute; inset:auto 50% 50% auto; transform:translate(50%,50%); z-index:5; padding:10px 16px; border-radius:999px; background:#123448e6; color:#fff; font-size:13px; font-weight:700; pointer-events:none; white-space:nowrap; }
.public-points-page #map .ol-zoom button { width:34px; height:34px; font-size:20px; }
.public-points-page button:focus-visible,.public-points-page input:focus-visible,.public-points-page #map:focus-visible { outline:3px solid #00a7c4; outline-offset:3px; }
@media (max-width:1000px) {
  .od-workspace { grid-template-columns:minmax(300px,360px) minmax(0,1fr); gap:12px; }
  .od-map-toolbar { flex-wrap:wrap; }
  .public-points-page .trip-planner { padding:16px; }
}
@media (max-width:760px) {
  .od-workspace { grid-template-columns:minmax(0,1fr); gap:16px; }
  .public-points-page .page-top { padding:18px; border-radius:16px; }
  .public-points-page .page-title-row { display:block; }
  .public-points-page .page-actions { margin-top:16px; justify-content:flex-start; }
  .public-points-page .trip-planner { grid-column:1; grid-row:1; }
  /* Mapa grudado no topo enquanto a lista de opções rola por baixo: ao tocar numa
     opção o mapa continua à vista, focado no ponto de embarque. */
  .public-points-page .public-map-panel { position:sticky; top:var(--od-topo-mobile,72px); z-index:20; grid-column:1; grid-row:2; }
  .public-points-page .trip-results { grid-column:1; grid-row:3; }
  .public-points-page .public-map-panel .k-map { height:34dvh; min-height:220px; max-height:340px; }
  .od-map-toolbar { padding:6px 8px; }
  .od-map-toolbar > div:first-child { display:none; }
  .od-map-buttons { width:100%; justify-content:space-between; }
  .public-points-page .points-route-legend { display:flex !important; flex-direction:row !important; align-items:center; justify-content:space-between; gap:8px; padding:6px 10px; text-align:left; }
  .public-points-page .points-route-legend > div { display:flex; flex-wrap:wrap; align-items:center; gap:2px 8px; min-width:0; font-size:12px; }
  .public-points-page .points-route-legend > div > .material-symbols-rounded { display:none; }
  .public-points-page .points-route-legend .k-btn { flex-shrink:0; min-height:32px; }
  .public-points-page .public-map-panel .points-map-help,.public-points-page .public-map-panel .od-map-key { display:none; }
  .public-points-page .points-route-legend { padding:8px 12px; }
  .od-map-source { display:none; }
  .od-map-buttons .k-btn { min-height:40px; }
  .od-map-toolbar { flex-wrap:nowrap; padding:12px; }
  .od-map-buttons .k-btn { padding:6px; }
  .public-points-page .od-location-tools .k-btn { min-height:36px; }
}
@media (prefers-reduced-motion:reduce) { .public-points-page * { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }