/* Ready-to-serve CSS: no Tailwind compilation is required for these rules. */
:where(button, a, input, select, textarea, summary):focus-visible {
  outline: 3px solid #0369a1; outline-offset: 3px;
}
.context-note { font-size: .875rem; line-height: 1.5; color: #475569; margin: .5rem 0; }
.context-note a, #estimativa-pedagio a, article details a { color: #075985; text-decoration: underline; }
.toll-warning { font-size: .8125rem; line-height: 1.5; color: #fef3c7; margin-top: .5rem; }
.toll-warning a { color: #bae6fd; text-decoration: underline; }
#estimativa-pedagio { scroll-margin-top: 1rem; font-size: .875rem; line-height: 1.6; }
#estimativa-pedagio p { margin-top: .5rem; }
.share-navigation { border: 1px solid #cbd5e1; border-radius: .875rem; background: #fff; padding: .75rem; }
.share-navigation > summary { cursor: pointer; color: #075985; font-weight: 700; font-size: .9375rem; min-height: 44px; align-content: center; }
.share-navigation[open] > * + * { margin-top: .75rem; }
.share-action { display: block; width: 100%; padding: .75rem; min-height: 44px; text-align: center; border: 1px solid #cbd5e1; border-radius: .75rem; color: #075985; background: #f0f9ff; font-size: .875rem; font-weight: 600; }
.route-choice { width: 100%; text-align: left; }
#sidebar :is(p,span,summary,a,h2,h3)[class*="text-\["] { font-size: max(.75rem, 12px); }
#sidebar .text-slate-400 { color: #64748b; }
#sidebar .bg-slate-900 .text-slate-400 { color: #cbd5e1; }
#btnQuickGPS, #btnCloseMobileSheet { min-height: 44px; }
#toggleTurismo, #routeForm #toggleAvancado {
  width: 44px; height: 44px; min-height: 44px; min-width: 44px; padding: 0;
}
#toggleIdaVolta > span:last-child {
  width: 44px; height: 44px; flex-shrink: 0;
}
#toggleTrack, #toggleAvancadoTrack, #toggleTurismoTrack {
  width: 36px; height: 20px; top: 50%; left: 4px; right: auto; bottom: auto;
  transform: translateY(-50%);
}
#toggleDot, #toggleAvancadoDot, #toggleTurismoDot {
  width: 16px; height: 16px; top: 50%; left: 6px;
  transform: translateY(-50%);
}
#toggleIdaVolta[aria-pressed="true"] #toggleDot,
#toggleAvancado[aria-pressed="true"] #toggleAvancadoDot,
#toggleTurismo[aria-pressed="true"] #toggleTurismoDot {
  transform: translate(16px, -50%);
}
#cookieBanner p, #cookieBanner a { font-size: .875rem; line-height: 1.5; }
#cookieBanner a { color: #bae6fd; }
#cookieBanner button { min-height: 44px; }
.site-header .text-slate-500 { color: #475569; }
.bg-brand-600, .bg-sky-600 { background-color: #0369a1; }
.route-note { color: #475569; }
#truckTollNotice { background: #fffbeb; border-left: 3px solid #b45309; padding: .5rem; color: #78350f; }
#routeForm label, #routeForm input, #routeForm select { font-size: .875rem; }
#routeForm :is(button, input, select), #btnClearHistory, .share-navigation :is(a,button), .modal-shell :is(a,button), article summary { min-height: 44px; }
#btnGPS { min-width: 44px; justify-content: center; padding: 0; }
#inputOrigem { padding-right: 48px; }
#closeQrModal, #closeWazeModal { min-width: 44px; }
#routeAlternativesList .text-slate-400, #sectionHistory .text-slate-400, #sectionInputs .text-slate-400 { color: #475569; }
.popular-routes a { display: inline-block; padding: .625rem; margin: .2rem; color: #075985; border: 1px solid #bae6fd; border-radius: .5rem; font-size: .875rem; }
.privacy-table { width: 100%; border-collapse: collapse; font-size: .875rem; }
.privacy-table th, .privacy-table td { padding: .7rem; border: 1px solid #cbd5e1; text-align: left; vertical-align: top; }
@media (max-width: 640px) { .privacy-table, .privacy-table tbody, .privacy-table tr, .privacy-table th, .privacy-table td { display: block; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }

/* Return to the projects home without leaving the calculator header. */
.project-home-link{display:inline-block;font-size:10px;line-height:1.3;color:#0369a1;text-decoration:underline;text-underline-offset:2px}
.project-home-link:focus-visible{outline:2px solid #0284c7;outline-offset:3px}