* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: 'Poppins', system-ui, sans-serif; color: #24304C; background: #FBFCFD; -webkit-font-smoothing: antialiased; }
a { color: #26324F; text-decoration: none; }
a:hover { color: #7E9E8C; }
h1,h2,h3,h4 { font-family: 'Poppins', sans-serif; margin: 0; letter-spacing: -.3px; font-weight: 700; }
::selection { background: #BFD8C6; color: #24304C; }
@keyframes apatFade { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes apatBar { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.apat-page { animation: apatFade .45s ease both; }
input:focus, textarea:focus, select:focus { outline: none; }

/* ============ GLOBAL HOVER STYLES ============ */
.btn{transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;}
button:hover,.btn:hover { opacity: 0.9; transform: translateY(-1px); }
button:active { transform: translateY(0); }
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(62,92,134,0.35); }
.btn-secondary:hover { background: rgba(255,255,255,.12); transform: translateY(-1px); }
.card-hover { transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.card-hover:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(11,46,89,.14); border-color: #C7D9F0; }
.link-hover { transition: color .2s ease; }
.link-hover:hover { color: #3E5C86; }
nav button:hover { background: rgba(0,0,0,.04); }
#mobile-drawer button:hover { background: rgba(0,0,0,.04); }
.timeline-btn:hover { background: rgba(255,255,255,.08); }
.social-link { transition: all .2s ease; }
.social-link:hover { background: rgba(255,255,255,.12); transform: translateX(4px); }
.download-link { transition: all .2s ease; }
.download-link:hover { background: #F7F9FC; transform: translateX(6px); }
.newsletter-form button:hover { background: rgba(255,255,255,.22); }
footer button:hover { background: rgba(255,255,255,.16); }
#mobile-toggle:hover { background: #26324F; }
.btn-submit:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(62,92,134,0.3); }
.cta-link { transition: all .2s ease; }
.cta-link:hover { transform: translateX(4px); }
.btn-border:hover { background: #3E5C86; color: #fff; }
.btn-green:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(159,192,172,0.4); }
.btn-outline:hover { background: #5E8C61; color: #fff; border-color: #5E8C61; }
.transport-btn { transition: all .2s ease; }
.transport-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.transport-btn-outline { transition: all .2s ease; }
.transport-btn-outline:hover { background: rgba(255,255,255,.15); transform: translateY(-2px); }
.btn-add-transport:hover { background: rgba(255,255,255,.12); }
.btn-search:hover { background: rgba(255,255,255,.1); transform: translateX(4px); }
.filter-btn { transition: all .2s ease; }
.filter-btn:hover { transform: translateY(-2px); }
.btn-pagination:hover { background: #fff; color: #1B2742; transform: translateY(-2px); }
.icon-btn { transition: all .2s ease; }
.icon-btn:hover { transform: scale(1.05); }
a[onclick] { transition: all .2s ease; }
a[onclick]:hover { opacity: 0.85; }
button[cursor="pointer"], button[style*="cursor:pointer"] { transition: all .2s ease; }
button[cursor="pointer"]:hover, button[style*="cursor:pointer"]:hover { transform: translateY(-1px); }
input[type="submit"]:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(62,92,134,0.3); }
button:not([onmouseover]) { transition: all .2s ease; }
button:not([onmouseover]):hover { opacity: 0.9; transform: translateY(-1px); }
footer a:not(.social-link):not(.download-link) { transition: color .2s ease; }
footer a:not(.social-link):not(.download-link):hover { color: #fff; }
.download-item { transition: all .2s ease; }
.download-item:hover { border-color: #3E5C86; background: #FAFBFD; }
.download-item:hover span { color: #26324F; }
.newsletter-section button:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(51,80,62,0.3); }
.section-btn { transition: all .2s ease; }
.section-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(62,92,134,0.25); }
.text-btn { transition: all .2s ease; }
.text-btn:hover { color: #26324F; transform: translateX(4px); }
.action-btn { transition: all .2s ease; }
.action-btn:hover { transform: translateY(-2px); }
.btn-large { transition: all .2s ease; }
.btn-large:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,0.15); }
.btn-small { transition: all .2s ease; }
.btn-small:hover { transform: translateY(-1px); }
.btn-pill { transition: all .2s ease; }
.btn-pill:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,0.12); }
.btn-icon { transition: all .2s ease; }
.btn-icon:hover { transform: translateX(4px); }
.btn-transparent { transition: all .2s ease; }
.btn-transparent:hover { background: rgba(255,255,255,.1); }
.btn-solid { transition: all .2s ease; }
.btn-solid:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.2); }
.link-btn { transition: all .2s ease; }
.link-btn:hover { transform: translateX(4px); }
.cta-primary { transition: all .2s ease; }
.cta-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(159,192,172,0.35); }
.cta-secondary { transition: all .2s ease; }
.cta-secondary:hover { background: #3E5C86; color: #fff; }
form button { transition: all .2s ease; }
form button:hover { transform: translateY(-2px); }
input[type="submit"] { transition: all .2s ease; }
input[type="submit"]:hover { transform: translateY(-2px); }
.mobile-nav-btn { transition: all .2s ease; }
.mobile-nav-btn:hover { background: rgba(0,0,0,.05); }
.dropdown-item { transition: all .2s ease; }
.dropdown-item:hover { background: #F7F9FC; }
.card-action { transition: all .2s ease; }
.card-action:hover { color: #26324F; transform: translateX(4px); }
.feature-btn { transition: all .2s ease; }
.feature-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(62,92,134,0.2); }
.service-btn { transition: all .2s ease; }
.service-btn:hover { transform: translateY(-2px); }
.info-btn { transition: all .2s ease; }
.info-btn:hover { background: rgba(255,255,255,.15); }
.back-to-top { transition: all .2s ease; }
.back-to-top:hover { transform: translateY(-4px); }
.close-btn { transition: all .2s ease; }
.close-btn:hover { transform: rotate(90deg); }
.menu-toggle { transition: all .2s ease; }
.menu-toggle:hover { background: #26324F; }
.tab-btn { transition: all .2s ease; }
.tab-btn:hover { background: rgba(255,255,255,.08); }
.accordion-btn { transition: all .2s ease; }
.accordion-btn:hover { background: rgba(255,255,255,.06); }
.modal-close { transition: all .2s ease; }
.modal-close:hover { transform: rotate(90deg); background: rgba(255,255,255,.1); }
.search-toggle { transition: all .2s ease; }
.search-toggle:hover { background: rgba(255,255,255,.1); }
.lang-btn { transition: all .2s ease; }
.lang-btn:hover { background: rgba(255,255,255,.08); }
.cookie-btn { transition: all .2s ease; }
.cookie-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,0.15); }
.notif-close { transition: all .2s ease; }
.notif-close:hover { transform: scale(1.1); }
.play-btn { transition: all .2s ease; }
.play-btn:hover { transform: scale(1.1); }
.expand-btn { transition: all .2s ease; }
.expand-btn:hover { transform: rotate(180deg); }
.copy-btn { transition: all .2s ease; }
.copy-btn:hover { background: rgba(255,255,255,.15); }
.download-btn { transition: all .2s ease; }
.download-btn:hover { transform: translateY(-2px); }
.print-btn { transition: all .2s ease; }
.print-btn:hover { background: rgba(255,255,255,.12); }
.share-btn { transition: all .2s ease; }
.share-btn:hover { transform: scale(1.05); }
.fav-btn { transition: all .2s ease; }
.fav-btn:hover { transform: scale(1.1); }
.cart-btn { transition: all .2s ease; }
.cart-btn:hover { transform: scale(1.05); }
.profile-btn { transition: all .2s ease; }
.profile-btn:hover { background: rgba(255,255,255,.12); }
.settings-btn { transition: all .2s ease; }
.settings-btn:hover { transform: rotate(45deg); }
.help-btn { transition: all .2s ease; }
.help-btn:hover { transform: scale(1.05); }
.feedback-btn { transition: all .2s ease; }
.feedback-btn:hover { transform: translateY(-2px); }
.report-btn { transition: all .2s ease; }
.report-btn:hover { background: rgba(255,255,255,.1); }
.flag-btn { transition: all .2s ease; }
.flag-btn:hover { opacity: 0.8; }
.star-btn { transition: all .2s ease; }
.star-btn:hover { transform: scale(1.2); }
.like-btn { transition: all .2s ease; }
.like-btn:hover { transform: scale(1.1); }
.dislike-btn { transition: all .2s ease; }
.dislike-btn:hover { transform: scale(1.1); }
.bookmark-btn { transition: all .2s ease; }
.bookmark-btn:hover { transform: scale(1.05); }
.tag-btn { transition: all .2s ease; }
.tag-btn:hover { background: rgba(255,255,255,.15); }
.filter-tag { transition: all .2s ease; }
.filter-tag:hover { background: rgba(255,255,255,.12); }
.clear-btn { transition: all .2s ease; }
.clear-btn:hover { background: rgba(255,255,255,.1); }
.reset-btn { transition: all .2s ease; }
.reset-btn:hover { background: rgba(255,255,255,.12); }
.apply-btn { transition: all .2s ease; }
.apply-btn:hover { transform: translateY(-2px); }
.cancel-btn { transition: all .2s ease; }
.cancel-btn:hover { background: rgba(255,255,255,.08); }
.confirm-btn { transition: all .2s ease; }
.confirm-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,0.2); }
.save-btn { transition: all .2s ease; }
.save-btn:hover { transform: translateY(-2px); }
.edit-btn { transition: all .2s ease; }
.edit-btn:hover { background: rgba(255,255,255,.12); }
.delete-btn { transition: all .2s ease; }
.delete-btn:hover { background: rgba(255,0,0,0.2); }
.add-btn { transition: all .2s ease; }
.add-btn:hover { transform: scale(1.05); }
.remove-btn { transition: all .2s ease; }
.remove-btn:hover { transform: scale(0.95); }
.next-btn { transition: all .2s ease; }
.next-btn:hover { transform: translateX(4px); }
.prev-btn { transition: all .2s ease; }
.prev-btn:hover { transform: translateX(-4px); }
.up-btn { transition: all .2s ease; }
.up-btn:hover { transform: translateY(-4px); }
.down-btn { transition: all .2s ease; }
.down-btn:hover { transform: translateY(4px); }
.external-btn { transition: all .2s ease; }
.external-btn:hover { transform: translateX(4px); }
.internal-btn { transition: all .2s ease; }
.internal-btn:hover { transform: translateX(2px); }
.download-icon { transition: all .2s ease; }
.download-icon:hover { transform: translateY(-2px); }
.upload-icon { transition: all .2s ease; }
.upload-icon:hover { transform: translateY(2px); }
.refresh-btn { transition: all .2s ease; }
.refresh-btn:hover { transform: rotate(180deg); }
.reload-btn { transition: all .2s ease; }
.reload-btn:hover { transform: rotate(360deg); }
.update-btn { transition: all .2s ease; }
.update-btn:hover { transform: translateY(-2px); }
.upgrade-btn { transition: all .2s ease; }
.upgrade-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,0.15); }
.login-btn { transition: all .2s ease; }
.login-btn:hover { transform: translateY(-2px); }
.logout-btn { transition: all .2s ease; }
.logout-btn:hover { background: rgba(255,255,255,.1); }
.signup-btn { transition: all .2s ease; }
.signup-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.15); }
.subscribe-btn { transition: all .2s ease; }
.subscribe-btn:hover { transform: translateY(-2px); }
.unsubscribe-btn { transition: all .2s ease; }
.unsubscribe-btn:hover { background: rgba(255,0,0,0.15); }
.follow-btn { transition: all .2s ease; }
.follow-btn:hover { transform: scale(1.05); }
.unfollow-btn { transition: all .2s ease; }
.unfollow-btn:hover { transform: scale(0.95); }
.join-btn { transition: all .2s ease; }
.join-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,0.15); }
.leave-btn { transition: all .2s ease; }
.leave-btn:hover { background: rgba(255,0,0,0.15); }
.enter-btn { transition: all .2s ease; }
.enter-btn:hover { transform: translateY(-2px); }
.exit-btn { transition: all .2s ease; }
.exit-btn:hover { background: rgba(255,0,0,0.1); }
.open-btn { transition: all .2s ease; }
.open-btn:hover { transform: scale(1.02); }
.close-action-btn { transition: all .2s ease; }
.close-action-btn:hover { transform: rotate(90deg); }
.expand-action-btn { transition: all .2s ease; }
.expand-action-btn:hover { transform: scale(1.1); }
.collapse-btn { transition: all .2s ease; }
.collapse-btn:hover { transform: scale(0.9); }
.fullscreen-btn { transition: all .2s ease; }
.fullscreen-btn:hover { transform: scale(1.05); }
.exit-fullscreen-btn { transition: all .2s ease; }
.exit-fullscreen-btn:hover { transform: scale(0.95); }
.zoom-in-btn { transition: all .2s ease; }
.zoom-in-btn:hover { transform: scale(1.1); }
.zoom-out-btn { transition: all .2s ease; }
.zoom-out-btn:hover { transform: scale(0.9); }
.rotate-btn { transition: all .2s ease; }
.rotate-btn:hover { transform: rotate(90deg); }
.flip-btn { transition: all .2s ease; }
.flip-btn:hover { transform: scaleX(-1); }
.mirror-btn { transition: all .2s ease; }
.mirror-btn:hover { transform: scaleX(-1); }
.align-left-btn { transition: all .2s ease; }
.align-left-btn:hover { background: rgba(255,255,255,.1); }
.align-center-btn { transition: all .2s ease; }
.align-center-btn:hover { background: rgba(255,255,255,.1); }
.align-right-btn { transition: all .2s ease; }
.align-right-btn:hover { background: rgba(255,255,255,.1); }
.bold-btn { transition: all .2s ease; }
.bold-btn:hover { background: rgba(255,255,255,.1); }
.italic-btn { transition: all .2s ease; }
.italic-btn:hover { background: rgba(255,255,255,.1); }
.underline-btn { transition: all .2s ease; }
.underline-btn:hover { background: rgba(255,255,255,.1); }
.list-btn { transition: all .2s ease; }
.list-btn:hover { background: rgba(255,255,255,.1); }
.numbered-list-btn { transition: all .2s ease; }
.numbered-list-btn:hover { background: rgba(255,255,255,.1); }
.indent-btn { transition: all .2s ease; }
.indent-btn:hover { background: rgba(255,255,255,.1); }
.outdent-btn { transition: all .2s ease; }
.outdent-btn:hover { background: rgba(255,255,255,.1); }
.link-action-btn { transition: all .2s ease; }
.link-action-btn:hover { background: rgba(255,255,255,.1); }
.image-btn { transition: all .2s ease; }
.image-btn:hover { background: rgba(255,255,255,.1); }
.table-btn { transition: all .2s ease; }
.table-btn:hover { background: rgba(255,255,255,.1); }
.code-btn { transition: all .2s ease; }
.code-btn:hover { background: rgba(255,255,255,.1); }
.quote-btn { transition: all .2s ease; }
.quote-btn:hover { background: rgba(255,255,255,.1); }
.h1-btn, .h2-btn, .h3-btn { transition: all .2s ease; }
.h1-btn:hover, .h2-btn:hover, .h3-btn:hover { background: rgba(255,255,255,.1); }
.p-btn { transition: all .2s ease; }
.p-btn:hover { background: rgba(255,255,255,.1); }
.divider-btn { transition: all .2s ease; }
.divider-btn:hover { background: rgba(255,255,255,.1); }
.special-char-btn { transition: all .2s ease; }
.special-char-btn:hover { background: rgba(255,255,255,.1); }
.emoji-btn { transition: all .2s ease; }
.emoji-btn:hover { transform: scale(1.2); }
.mention-btn { transition: all .2s ease; }
.mention-btn:hover { background: rgba(255,255,255,.1); }
.hashtag-btn { transition: all .2s ease; }
.hashtag-btn:hover { background: rgba(255,255,255,.1); }
.url-btn { transition: all .2s ease; }
.url-btn:hover { background: rgba(255,255,255,.1); }
.file-btn { transition: all .2s ease; }
.file-btn:hover { background: rgba(255,255,255,.1); }
.audio-btn { transition: all .2s ease; }
.audio-btn:hover { transform: scale(1.05); }
.video-btn { transition: all .2s ease; }
.video-btn:hover { transform: scale(1.05); }
.doc-btn { transition: all .2s ease; }
.doc-btn:hover { background: rgba(255,255,255,.1); }
.presentation-btn { transition: all .2s ease; }
.presentation-btn:hover { background: rgba(255,255,255,.1); }
.spreadsheet-btn { transition: all .2s ease; }
.spreadsheet-btn:hover { background: rgba(255,255,255,.1); }
.archive-btn { transition: all .2s ease; }
.archive-btn:hover { background: rgba(255,255,255,.1); }
.calendar-btn { transition: all .2s ease; }
.calendar-btn:hover { background: rgba(255,255,255,.1); }
.clock-btn { transition: all .2s ease; }
.clock-btn:hover { background: rgba(255,255,255,.1); }
.alarm-btn { transition: all .2s ease; }
.alarm-btn:hover { background: rgba(255,255,255,.1); }
.timer-btn { transition: all .2s ease; }
.timer-btn:hover { background: rgba(255,255,255,.1); }
.stopwatch-btn { transition: all .2s ease; }
.stopwatch-btn:hover { background: rgba(255,255,255,.1); }
.world-clock-btn { transition: all .2s ease; }
.world-clock-btn:hover { background: rgba(255,255,255,.1); }
.map-btn { transition: all .2s ease; }
.map-btn:hover { background: rgba(255,255,255,.1); }
.compass-btn { transition: all .2s ease; }
.compass-btn:hover { transform: rotate(45deg); }
.location-btn { transition: all .2s ease; }
.location-btn:hover { background: rgba(255,255,255,.1); }
.pin-btn { transition: all .2s ease; }
.pin-btn:hover { transform: scale(1.1); }
.flag-location-btn { transition: all .2s ease; }
.flag-location-btn:hover { transform: scale(1.1); }
.route-btn { transition: all .2s ease; }
.route-btn:hover { background: rgba(255,255,255,.1); }
.direction-btn { transition: all .2s ease; }
.direction-btn:hover { background: rgba(255,255,255,.1); }
.traffic-btn { transition: all .2s ease; }
.traffic-btn:hover { background: rgba(255,255,255,.1); }
.weather-btn { transition: all .2s ease; }
.weather-btn:hover { background: rgba(255,255,255,.1); }
.temperature-btn { transition: all .2s ease; }
.temperature-btn:hover { background: rgba(255,255,255,.1); }
.forecast-btn { transition: all .2s ease; }
.forecast-btn:hover { background: rgba(255,255,255,.1); }
.sun-btn { transition: all .2s ease; }
.sun-btn:hover { transform: rotate(45deg); }
.moon-btn { transition: all .2s ease; }
.moon-btn:hover { transform: scale(1.1); }
.star-weather-btn { transition: all .2s ease; }
.star-weather-btn:hover { transform: scale(1.1); }
.cloud-btn { transition: all .2s ease; }
.cloud-btn:hover { transform: translateX(4px); }
.rain-btn { transition: all .2s ease; }
.rain-btn:hover { transform: translateY(4px); }
.snow-btn { transition: all .2s ease; }
.snow-btn:hover { transform: scale(1.1); }
.wind-btn { transition: all .2s ease; }
.wind-btn:hover { transform: rotate(90deg); }
.lightning-btn { transition: all .2s ease; }
.lightning-btn:hover { transform: scale(1.1); }
.tornado-btn { transition: all .2s ease; }
.tornado-btn:hover { transform: rotate(180deg); }
.fog-btn { transition: all .2s ease; }
.fog-btn:hover { opacity: 0.8; }
.humidity-btn { transition: all .2s ease; }
.humidity-btn:hover { background: rgba(255,255,255,.1); }
.pressure-btn { transition: all .2s ease; }
.pressure-btn:hover { background: rgba(255,255,255,.1); }
.visibility-btn { transition: all .2s ease; }
.visibility-btn:hover { background: rgba(255,255,255,.1); }
.uv-btn { transition: all .2s ease; }
.uv-btn:hover { background: rgba(255,255,255,.1); }
.sunrise-btn { transition: all .2s ease; }
.sunrise-btn:hover { transform: translateY(-4px); }
.sunset-btn { transition: all .2s ease; }
.sunset-btn:hover { transform: translateY(4px); }
.moon-phase-btn { transition: all .2s ease; }
.moon-phase-btn:hover { transform: scale(1.1); }
.air-quality-btn { transition: all .2s ease; }
.air-quality-btn:hover { background: rgba(255,255,255,.1); }
.pollen-btn { transition: all .2s ease; }
.pollen-btn:hover { background: rgba(255,255,255,.1); }
.allergy-btn { transition: all .2s ease; }
.allergy-btn:hover { background: rgba(255,255,255,.1); }
.flu-btn { transition: all .2s ease; }
.flu-btn:hover { background: rgba(255,255,255,.1); }
.uv-index-btn { transition: all .2s ease; }
.uv-index-btn:hover { background: rgba(255,255,255,.1); }
.spf-btn { transition: all .2s ease; }
.spf-btn:hover { background: rgba(255,255,255,.1); }
.water-btn { transition: all .2s ease; }
.water-btn:hover { transform: scale(1.1); }
.hydration-btn { transition: all .2s ease; }
.hydration-btn:hover { background: rgba(255,255,255,.1); }
.sleep-btn { transition: all .2s ease; }
.sleep-btn:hover { transform: scale(1.05); }
.exercise-btn { transition: all .2s ease; }
.exercise-btn:hover { background: rgba(255,255,255,.1); }
.heart-rate-btn { transition: all .2s ease; }
.heart-rate-btn:hover { transform: scale(1.1); }
.steps-btn { transition: all .2s ease; }
.steps-btn:hover { background: rgba(255,255,255,.1); }
.calories-btn { transition: all .2s ease; }
.calories-btn:hover { background: rgba(255,255,255,.1); }
.distance-btn { transition: all .2s ease; }
.distance-btn:hover { background: rgba(255,255,255,.1); }
.speed-btn { transition: all .2s ease; }
.speed-btn:hover { background: rgba(255,255,255,.1); }
.pace-btn { transition: all .2s ease; }
.pace-btn:hover { background: rgba(255,255,255,.1); }
.elevation-btn { transition: all .2s ease; }
.elevation-btn:hover { background: rgba(255,255,255,.1); }
.cadence-btn { transition: all .2s ease; }
.cadence-btn:hover { background: rgba(255,255,255,.1); }
.power-btn { transition: all .2s ease; }
.power-btn:hover { background: rgba(255,255,255,.1); }
.resistance-btn { transition: all .2s ease; }
.resistance-btn:hover { background: rgba(255,255,255,.1); }
.incline-btn { transition: all .2s ease; }
.incline-btn:hover { background: rgba(255,255,255,.1); }
.decline-btn { transition: all .2s ease; }
.decline-btn:hover { background: rgba(255,255,255,.1); }
.stride-btn { transition: all .2s ease; }
.stride-btn:hover { background: rgba(255,255,255,.1); }
.vo2max-btn { transition: all .2s ease; }
.vo2max-btn:hover { background: rgba(255,255,255,.1); }
.recovery-btn { transition: all .2s ease; }
.recovery-btn:hover { background: rgba(255,255,255,.1); }
.training-load-btn { transition: all .2s ease; }
.training-load-btn:hover { background: rgba(255,255,255,.1); }
.fitness-age-btn { transition: all .2s ease; }
.fitness-age-btn:hover { background: rgba(255,255,255,.1); }
.body-battery-btn { transition: all .2s ease; }
.body-battery-btn:hover { background: rgba(255,255,255,.1); }
.stress-btn { transition: all .2s ease; }
.stress-btn:hover { background: rgba(255,255,255,.1); }
.hrv-btn { transition: all .2s ease; }
.hrv-btn:hover { background: rgba(255,255,255,.1); }
.blood-pressure-btn { transition: all .2s ease; }
.blood-pressure-btn:hover { background: rgba(255,255,255,.1); }
.blood-oxygen-btn { transition: all .2s ease; }
.blood-oxygen-btn:hover { transform: scale(1.05); }
.temp-skin-btn { transition: all .2s ease; }
.temp-skin-btn:hover { background: rgba(255,255,255,.1); }
.respiration-btn { transition: all .2s ease; }
.respiration-btn:hover { background: rgba(255,255,255,.1); }
.pulse-ox-btn { transition: all .2s ease; }
.pulse-ox-btn:hover { transform: scale(1.05); }
.weight-btn { transition: all .2s ease; }
.weight-btn:hover { background: rgba(255,255,255,.1); }
.bmi-btn { transition: all .2s ease; }
.bmi-btn:hover { background: rgba(255,255,255,.1); }
.body-fat-btn { transition: all .2s ease; }
.body-fat-btn:hover { background: rgba(255,255,255,.1); }
.muscle-mass-btn { transition: all .2s ease; }
.muscle-mass-btn:hover { background: rgba(255,255,255,.1); }
.bone-mass-btn { transition: all .2s ease; }
.bone-mass-btn:hover { background: rgba(255,255,255,.1); }
.water-pct-btn { transition: all .2s ease; }
.water-pct-btn:hover { background: rgba(255,255,255,.1); }
.protein-btn { transition: all .2s ease; }
.protein-btn:hover { background: rgba(255,255,255,.1); }
.muscle-btn { transition: all .2s ease; }
.muscle-btn:hover { background: rgba(255,255,255,.1); }
.fat-btn { transition: all .2s ease; }
.fat-btn:hover { background: rgba(255,255,255,.1); }
.calorie-btn { transition: all .2s ease; }
.calorie-btn:hover { background: rgba(255,255,255,.1); }
.macro-btn { transition: all .2s ease; }
.macro-btn:hover { background: rgba(255,255,255,.1); }
.micro-btn { transition: all .2s ease; }
.micro-btn:hover { background: rgba(255,255,255,.1); }
.fiber-btn { transition: all .2s ease; }
.fiber-btn:hover { background: rgba(255,255,255,.1); }
.sugar-btn { transition: all .2s ease; }
.sugar-btn:hover { background: rgba(255,255,255,.1); }
.sodium-btn { transition: all .2s ease; }
.sodium-btn:hover { background: rgba(255,255,255,.1); }
.cholesterol-btn { transition: all .2s ease; }
.cholesterol-btn:hover { background: rgba(255,255,255,.1); }
.potassium-btn { transition: all .2s ease; }
.potassium-btn:hover { background: rgba(255,255,255,.1); }
.calcium-btn { transition: all .2s ease; }
.calcium-btn:hover { background: rgba(255,255,255,.1); }
.iron-btn { transition: all .2s ease; }
.iron-btn:hover { background: rgba(255,255,255,.1); }
.vitamin-btn { transition: all .2s ease; }
.vitamin-btn:hover { background: rgba(255,255,255,.1); }
.mineral-btn { transition: all .2s ease; }
.mineral-btn:hover { background: rgba(255,255,255,.1); }
.supplement-btn { transition: all .2s ease; }
.supplement-btn:hover { background: rgba(255,255,255,.1); }
.medication-btn { transition: all .2s ease; }
.medication-btn:hover { background: rgba(255,255,255,.1); }

/* ============ RESPONSIVE GRID FOR APLICAÇÃO SECTION ============ */
.aplicacao-grid {display: grid;grid-template-columns: 1fr;gap: 32px;align-items: center;}
@media (min-width: 768px) {.aplicacao-grid {grid-template-columns: 1fr 1fr;}}

/* ============ ACTIVE MENU ITEM STYLES ============ */
.nav-item-active {color: #5E8C61 !important;position: relative;}
.nav-item-active::after {content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 24px;height: 3px;background: #5E8C61;border-radius: 2px;}
.nav-dropdown-active {background: #F5F8FA !important;color: #5E8C61 !important;}
.mobile-nav-item-active {background: #F5F8FA !important;color: #5E8C61 !important;}

/* Input focus states */
input:focus, textarea:focus, select:focus { border-color: #3E5C86; box-shadow: 0 0 0 3px rgba(62,92,134,.15); }
.logo_menu{height:50px;}
#desktop-buttons .btn.btn1{
    display: flex;
    align-items: center;
    gap: 9px;
    border: 1.5px solid #C9CFDA;
    background: #fff;
    color: #1B2742;
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 14.5px;
    padding: 12px 20px;
    border-radius: 999px;
    cursor: pointer;
    transition: all .2s ease;
}
#desktop-buttons .btn.btn2{
    display: flex;
    align-items: center;
    gap: 9px;
    border: 0;
    background: #1B2742;
    color: #fff;
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 14.5px;
    padding: 13px 22px;
    border-radius: 999px;
    cursor: pointer;
    transition: all .2s ease;
}
.link_menu{border:0;background:transparent;cursor:pointer;font-family:'Poppins';font-weight:500;font-size:15px;color:#24304C;height:100%;padding:0 13px;display:flex;align-items:center}
/* ============ RESPONSIVE STYLES ============ */

@media (max-width: 1400px) {
    .logo_menu{height:40px;}
    #desktop-buttons .btn.btn1{
        font-size: 14px;
        padding: 12px 18px;
    }
    #desktop-buttons .btn.btn2{
        font-size: 14px;
        padding: 13px 18px;
    }

    .link_menu{font-size:14px;padding:0 8px;}
}
@media (max-width: 1200px) {
    #desktop-nav { display: none !important; }
    #desktop-buttons { display: none !important; }
    #mobile-toggle { display: flex !important; }
    header > div { height: 72px !important; }
}
@media (max-width: 979px) {
    .hero-grid { grid-template-columns: 1fr !important; }
    .hero-stats { grid-template-columns: 1fr 1fr !important; }
    .cards-grid { grid-template-columns: repeat(auto-fit,minmax(280px,1fr)) !important; }
    .news-grid { grid-template-columns: 1fr !important; }
    .offices-grid { grid-template-columns: 1fr !important; }
    section { padding-left: 20px !important; padding-right: 20px !important; }
    .newsletter-row { flex-direction: column !important; }
    .newsletter-row input { width: 100% !important; }
    .newsletter-row button { width: 100% !important; }
    .two-col { grid-template-columns: 1fr !important; }
    .two-col-reverse { grid-template-columns: 1fr !important; }
}
@media (max-width: 600px) {
    .hero-stats { grid-template-columns: 1fr !important; }
    .cards-grid { grid-template-columns: 1fr !important; }
    header > div { padding: 0 16px !important; }
    header > div > div:first-child span:last-child { display: none !important; }
    .btn-row { flex-direction: column !important; }
    .btn-row button { width: 100% !important; }
}
@media (min-width: 1401px) {
    #mobile-drawer { display: none !important; }
}

/* ============ APAT SHARED COMPONENTS ============ */
[hidden]{display:none!important;}
:root { --apat-navy:#1B2742;--apat-blue:#3E5C86;--apat-green:#BFD8C6;--apat-text:#24304C;--apat-muted:#617086;--apat-bg:#FBFCFD;--apat-line:#E6EBF1; }
:focus-visible { outline:3px solid #7E9E8C!important; outline-offset:3px; }
.apat-shell{max-width:1320px;margin:0 auto;padding-left:28px;padding-right:28px}
.apat-section{padding:72px 0}.apat-section-sm{padding:44px 0}.apat-section-alt{background:#F3F6F8}
.apat-section h2{font-size:clamp(26px,3.2vw,40px);line-height:1.12;color:var(--apat-navy);margin-bottom:16px}
.apat-lead{font-size:17px;line-height:1.75;color:var(--apat-muted);max-width:900px}
.apat-hero{display: block;min-height:390px;background-size:cover!important;background-position:center!important;color:#fff}
.apat-hero-copy{padding:90px 0;max-width:780px}.apat-hero h1{font-size:clamp(36px,5vw,62px);line-height:1.02;color:#fff;margin:10px 0 20px}.apat-hero p{font-size:17px;line-height:1.75;color:#ECF0F5;max-width:720px;margin:0}
.apat-eyebrow{display:inline-flex;padding:7px 12px;border:1px solid #9FC0AC;border-radius:999px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#9FC0AC}
.apat-breadcrumb{padding-top:24px;padding-bottom:20px}.apat-breadcrumb ol{display:flex;gap:9px;list-style:none;padding:0;margin:0;flex-wrap:wrap;font-size:13px}.apat-breadcrumb li+li:before{content:'›';margin-right:9px;color:#8B96A8}.apat-breadcrumb span{color:#68768A}
.apat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.apat-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.apat-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.apat-card{background:#fff;border:1px solid var(--apat-line);border-radius:20px;padding:26px;box-shadow:0 12px 35px rgba(27,39,66,.07);transition:.22s ease}.apat-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(27,39,66,.13)}
.apat-card h3{font-size:20px;color:var(--apat-navy);margin-bottom:10px}.apat-card p{font-size:14.5px;color:var(--apat-muted);line-height:1.7;margin:0}.apat-card-meta{font-size:12px;color:#758297;text-transform:uppercase;letter-spacing:.06em;margin-bottom:9px}
.apat-avatar{width: 100%;height: 0;border-radius: 20px;background: linear-gradient(135deg, #DDEAF2, #BFD8C6);display: flex;align-items: center;justify-content: center;font-weight: 800;font-size: 24px;color: var(--apat-navy);margin-bottom: 20px;overflow: hidden;padding-bottom: 80%;position: relative;}
.apat-avatar span{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.apat-avatar img{width: 100%;height: 100%;object-fit: cover;background: #fff;position: absolute;top: 0;left: 0;}
.apat-avatar-beneficios{width: 80px;height: 80px;border-radius: 20px;background: linear-gradient(135deg, #DDEAF2, #BFD8C6);display: flex;align-items: center;justify-content: center;font-weight: 800;font-size: 24px;color: var(--apat-navy);margin-bottom: 20px;overflow: hidden;position: relative;}
.apat-avatar-beneficios img{width: 100%;height: 100%;object-fit: cover;background: #fff;position: absolute;top: 0;left: 0;}
.apat-logo-box{height:110px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#3E5C86;margin-bottom:18px;padding:15px}.apat-logo-box img{max-width:100%;max-height:100%;object-fit:contain}
.parceria .apat-logo-box{    /* height: 110px; */
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    font-weight: 800;
    color: #3E5C86;
    position: relative;
    padding-top: 30%;
    overflow: hidden;
    width: 250px;
    max-width: 100%;
    margin: 0 auto 18px auto;
}
.parceria .apat-logo-box img{width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;}
.apat-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:13px 22px;font-weight:600;font-size:14px;cursor:pointer}.apat-btn-primary{background:var(--apat-navy);color:#fff}.apat-btn-primary:hover{color:#fff;background:#30415F}.apat-btn-green{background:var(--apat-green);color:var(--apat-navy)}.apat-btn-outline{border:1px solid #BAC4D2;background:#fff;color:var(--apat-navy)}.apat-btn-light{background:#fff;color:var(--apat-navy)}.apat-btn[disabled],.apat-btn.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}
.apat-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.apat-tags{display:flex;gap:8px;flex-wrap:wrap}.apat-tag{display:inline-flex;padding:6px 10px;border-radius:999px;background:#EDF3F0;color:#375947;font-size:12px;font-weight:600}
.apat-filters{display:grid;grid-template-columns:2fr repeat(2,1fr);gap:13px;margin:28px 0}.apat-field{display:flex;flex-direction:column;gap:4px;margin-bottom:20px;}.apat-field label{font-size:13px;font-weight:600;color:var(--apat-navy)}.apat-field input,.apat-field select,.apat-field textarea{width:100%;border:1px solid #CFD7E1;border-radius:12px;padding:13px 14px;background:#fff;font:inherit;font-size:14px;color:var(--apat-text);margin-top:4px;}.apat-field textarea{min-height:120px;resize:vertical}.apat-field .error{color:#9F2F2F;font-size:12px}.apat-field input[aria-invalid="true"],.apat-field select[aria-invalid="true"]{border-color:#B23A3A}
.apat-empty{text-align:center;border:1px dashed #BCC7D4;border-radius:20px;padding:48px 25px;background:#fff}.apat-empty>span{font-size:42px;color:#7E9E8C}.apat-empty h3{margin:12px 0 8px;color:var(--apat-navy)}.apat-empty p{color:var(--apat-muted);margin:0}
.apat-cta{max-width:1320px;margin:30px auto 76px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#1B2742,#3E5C86);border-radius:24px;color:#fff}.apat-cta h2{font-size:28px;color:#fff;margin-bottom:8px}.apat-cta p{margin:0;color:#DCE3ED}
.apat-accordion{border:1px solid var(--apat-line);border-radius:16px;background:#fff;overflow:hidden;margin-bottom:12px}.apat-accordion button{width:100%;padding:19px 22px;border:0;background:#fff;display:flex;justify-content:space-between;align-items:center;text-align:left;color:var(--apat-navy);font:inherit;font-weight:700;cursor:pointer}.apat-accordion-panel{display:none;padding:22px 22px;color:var(--apat-muted);line-height:1.75}.apat-accordion.is-open .apat-accordion-panel{display:block}.apat-accordion.is-open button{background:#F5F8FA}
.apat-modal-overlay{position:fixed;inset:0;background:rgba(10,20,38,.72);display:none;align-items:center;justify-content:center;padding:20px;z-index:10000}.apat-modal-overlay.is-open{display:flex}.apat-modal{background:#fff;border-radius:22px;width:min(680px,100%);max-height:90vh;overflow:auto;padding:30px;position:relative}.apat-modal-close{position:absolute;right:16px;top:14px;border:0;background:#EDF1F5;width:38px;height:38px;border-radius:50%;font-size:22px;cursor:pointer}
.apat-timeline{position:relative;padding-left:33px}.apat-timeline:before{content:'';position:absolute;left:8px;top:8px;bottom:8px;width:3px;background:#BFD8C6}.apat-timeline-item{position:relative;margin-bottom:28px}.apat-timeline-item:before{content:'';position:absolute;left:-31px;top:5px;width:18px;height:18px;border:5px solid #fff;border-radius:50%;background:#3E5C86;box-shadow:0 0 0 2px #BFD8C6}.apat-timeline-item time{font-size:13px;font-weight:700;color:#5E8C61}.apat-timeline-item h3{font-size:20px;margin:4px 0 8px}.apat-timeline-item p{color:var(--apat-muted);line-height:1.7}
.apat-steps{display:flex;gap:10px;margin-bottom:30px}.apat-step-dot{flex:1;height:6px;border-radius:999px;background:#DDE3EA}.apat-step-dot.active{background:#5E8C61}.apat-form-step{display:none}.apat-form-step.active{display:block}.apat-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.apat-form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}
.apat-status{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700}.apat-status-open{background:#E2F2E8;color:#2E6745}.apat-status-done{background:#E9EDF4;color:#596579}.apat-status-disabled{background:#F4E8E5;color:#8B5549}
.apat-cover{aspect-ratio:3/4;border-radius:16px;background:linear-gradient(155deg,#1B2742,#3E5C86 65%,#BFD8C6);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:18px;box-shadow:0 13px 25px rgba(27,39,66,.22)}.apat-cover strong{font-size:42px}.apat-cover small{letter-spacing:.14em}
.apat-news-image{height:170px;border-radius:15px;background:linear-gradient(135deg,#DDEAF2,#BFD8C6);margin-bottom:18px;display:flex;align-items:center;justify-content:center;color:#1B2742;font-weight:800;font-size:34px}
.apat-concept-card{cursor:pointer;text-align:left;width:100%}.apat-concept-card[hidden]{display:none}.apat-related{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.apat-related button{border:1px solid #CBD5E0;background:#fff;padding:7px 10px;border-radius:999px;color:#3E5C86;cursor:pointer}
.apat-diagram{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:34px 0}.apat-diagram span{padding:15px 20px;border-radius:14px;background:#fff;border:1px solid #DCE3EA;font-weight:700}.apat-diagram b{color:#7E9E8C;font-size:24px}
.apat-calendar{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--apat-line);border-radius:18px;overflow:hidden;background:#fff}.apat-calendar div{min-height:80px;padding:9px;border-right:1px solid var(--apat-line);border-bottom:1px solid var(--apat-line);font-size:12px}.apat-calendar .day{min-height:auto;background:#F2F5F7;font-weight:700}.apat-calendar .muted{color:#A1AAB8}.apat-calendar .event{background:#E5F1EA;border-radius:7px;padding:5px;color:#315B45;display:block;margin-top:5px;font-size:10px}.apat-calendar .has-event{background:#E5F1EA}.apat-calendar .event-dot{display:block;background:#5E8C61;color:#fff;padding:4px 6px;border-radius:4px;margin-top:4px;font-size:9px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apat-calendar .event-dot:hover{background:#4A7050}.apat-calendar .event-dot span{display:block;font-size:8px;opacity:.9;margin-top:2px}
.apat-legal-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.apat-legal-frame{width:100%;height:900px;border:1px solid #D8E0E8;border-radius:18px;background:#fff}.apat-notice{padding:16px 18px;border-radius:14px;background:#FFF6DD;border:1px solid #E9D493;color:#665226;font-size:13px;line-height:1.6}
.apat-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:980px){.apat-grid,.apat-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.apat-filters{grid-template-columns:1fr 1fr}.apat-hero{min-height:340px}.apat-cta{margin-left:20px;margin-right:20px}}
@media(max-width:640px){.apat-shell{padding-left:18px;padding-right:18px}.apat-section{padding:52px 0}.apat-grid,.apat-grid-2,.apat-grid-4,.apat-form-grid,.apat-filters{grid-template-columns:1fr}.apat-hero-copy{padding:65px 0}.apat-hero h1{font-size:37px}.apat-cta{flex-direction:column;align-items:flex-start;padding:28px}.apat-calendar{overflow-x:auto;grid-template-columns:repeat(7,minmax(90px,1fr))}.apat-legal-frame{height:650px}.apat-form-actions{flex-direction:column-reverse}.apat-form-actions .apat-btn{width:100%}}

.form_find_your_partner{
    .zona_campos_formulario{
        .single_zona_campos{
            margin-bottom: 30px;
            hr{
                margin-bottom: 30px;
            }
        }
    }
    .select2-container{
        width: 100% !important;
    }
    .select2-container--default .select2-selection--single {
        background-color: transparent;
        border: none;
        border-radius: 0;
        padding: 0;
    }
    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 0 !important;
    }
}
.opcoes_tipo_trafego{
    .single_tipo_trafego{
        position: relative;
    }
    input{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }
    span{

        text-transform: capitalize;
    }
    input[type="checkbox"]:checked + label > span {
        border: 1.5px solid #BFD8C6 !important;
        background: #BFD8C6 !important;
        color: #24304C !important;
    }
}
.opcoes_tipo_trafego_pesquisa{
    .single_tipo_trafego{
        position: relative;
    }
    input{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }
    button{
        border: 1.5px solid rgba(255, 255, 255, .55);
        background: transparent;
        color: #24304C;
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 13.5px;
        padding: 9px 18px;
        border-radius: 999px;
        cursor: pointer;
        text-transform: capitalize;
    }
    input[type="checkbox"]:checked + label > button {
        border: 1.5px solid #BFD8C6 !important;
        background: #BFD8C6 !important;
        color: #24304C !important;
    }
}

.btn_carregar_mais.display_none{
    display: none !important;
}

.alert{
    font-size: 12px;
}
.zona_logos_home{
    padding: 35px 0;
    background: #e8f0f9;
    .holder_slider_logos_home{
        .owl-dots{
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 20px;
            gap: 5px;
            .owl-dot{
                width: 10px;
                height: 10px;
                border-radius: 50%;
                border: 1px solid #24304C;
                &.active{
                    background: #24304C;
                }
            }
        }
        .logo-item{
            padding: 0 15px;
            .apat-logo-box{
                border-radius: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                position: relative;
                padding-top: 16%;
                overflow: hidden;
                width: 135px;
                max-width: 100%;
                margin: 0 auto 18px auto;
                height: 0;
                img{
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                    position: absolute;
                    top: 0;
                    left: 0;
                }
            }

        }
    }
}