{"id":9146,"date":"2026-09-08T13:37:17","date_gmt":"2026-09-08T13:37:17","guid":{"rendered":"https:\/\/dev112.dioniqlabb.se\/?page_id=9146"},"modified":"2026-09-08T13:37:20","modified_gmt":"2026-09-08T13:37:20","slug":"come-leggere-la-direzione-del-vento","status":"publish","type":"page","link":"https:\/\/dev112.dioniqlabb.se\/it\/come-leggere-la-direzione-del-vento\/","title":{"rendered":"Come leggere la direzione del vento"},"content":{"rendered":"\n\n<!DOCTYPE html>\n<html lang=\"it\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Come leggere la direzione del vento (IT)<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700;900&#038;display=swap\" rel=\"stylesheet\">\n  <style>\n:root {\n  --background: 0 0% 100%;\n  --foreground: 220 20% 12%;\n  --card: 0 0% 100%;\n  --card-foreground: 220 20% 12%;\n  --popover: 0 0% 100%;\n  --popover-foreground: 220 20% 12%;\n  --primary: 215 80% 22%;\n  --primary-foreground: 0 0% 100%;\n  --secondary: 210 15% 96%;\n  --secondary-foreground: 220 20% 12%;\n  --muted: 210 15% 96%;\n  --muted-foreground: 215 10% 46%;\n  --accent: 42 95% 55%;\n  --accent-foreground: 220 20% 12%;\n  --destructive: 0 84% 60%;\n  --destructive-foreground: 0 0% 100%;\n  --border: 214 20% 90%;\n  --input: 214 20% 90%;\n  --ring: 215 80% 22%;\n  --radius: .25rem;\n  --navy: 215 80% 22%;\n  --navy-light: 215 60% 35%;\n  --navy-dark: 215 85% 14%;\n  --marine-blue: 210 70% 50%;\n  --signal-red: 5 80% 52%;\n  --signal-orange: 25 90% 55%;\n  --warm-gold: 48 100% 45%;\n  --cool-gray: 210 12% 72%;\n  --light-gray: 210 15% 96%;\n  --off-white: 210 20% 98%;\n  --sea-mist: 200 25% 95%;\n  --sidebar-background: 0 0% 98%;\n  --sidebar-foreground: 240 5.3% 26.1%;\n  --sidebar-primary: 240 5.9% 10%;\n  --sidebar-primary-foreground: 0 0% 98%;\n  --sidebar-accent: 240 4.8% 95.9%;\n  --sidebar-accent-foreground: 240 5.9% 10%;\n  --sidebar-border: 220 13% 91%;\n  --sidebar-ring: 217.2 91.2% 59.8%;\n}\n@font-face {\n  font-family: 'nexa_boldregular';\n  src: url('https:\/\/sailors-wind-decoder.lovable.app\/fonts\/nexa_bold-webfont.woff2') format('woff2'),\n       url('https:\/\/sailors-wind-decoder.lovable.app\/fonts\/nexa_bold-webfont.woff') format('woff');\n  font-weight: normal;\n  font-style: normal;\n}\n*, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 \/ .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }\n::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 \/ .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }\n*, ::before, ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235); }\n::before, ::after { --tw-content: \"\"; }\nhtml, :host { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: Roboto, system-ui, sans-serif; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }\nbody { margin: 0px; line-height: inherit; }\nhr { height: 0px; color: inherit; border-top-width: 1px; }\nabbr:where([title]) { text-decoration: underline dotted; }\nh1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }\na { color: inherit; text-decoration: inherit; }\nb, strong { font-weight: bolder; }\ncode, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; }\nsmall { font-size: 80%; }\nsub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }\nsub { bottom: -0.25em; }\nsup { top: -0.5em; }\ntable { text-indent: 0px; border-color: inherit; border-collapse: collapse; }\nbutton, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px; }\nbutton, select { text-transform: none; }\nbutton, input:where([type=\"button\"]), input:where([type=\"reset\"]), input:where([type=\"submit\"]) { appearance: button; background-color: transparent; background-image: none; }\nprogress { vertical-align: baseline; }\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }\n[type=\"search\"] { appearance: textfield; outline-offset: -2px; }\n::-webkit-search-decoration { appearance: none; }\n::-webkit-file-upload-button { appearance: button; font: inherit; }\nsummary { display: list-item; }\nblockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0px; }\nfieldset { margin: 0px; padding: 0px; }\nlegend { padding: 0px; }\nol, ul, menu { list-style: none; margin: 0px; padding: 0px; }\ndialog { padding: 0px; }\ntextarea { resize: vertical; }\ninput::placeholder, textarea::placeholder { opacity: 1; color: rgb(156, 163, 175); }\nbutton, [role=\"button\"] { cursor: pointer; }\n:disabled { cursor: default; }\nimg, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }\nimg, video { max-width: 100%; height: auto; }\n[hidden]:where(:not([hidden=\"until-found\"])) { display: none; }\n:root { --background: 0 0% 100%; --foreground: 220 20% 12%; --card: 0 0% 100%; --card-foreground: 220 20% 12%; --popover: 0 0% 100%; --popover-foreground: 220 20% 12%; --primary: 215 80% 22%; --primary-foreground: 0 0% 100%; --secondary: 210 15% 96%; --secondary-foreground: 220 20% 12%; --muted: 210 15% 96%; --muted-foreground: 215 10% 46%; --accent: 42 95% 55%; --accent-foreground: 220 20% 12%; --destructive: 0 84% 60%; --destructive-foreground: 0 0% 100%; --border: 214 20% 90%; --input: 214 20% 90%; --ring: 215 80% 22%; --radius: .25rem; --navy: 215 80% 22%; --navy-light: 215 60% 35%; --navy-dark: 215 85% 14%; --marine-blue: 210 70% 50%; --signal-red: 5 80% 52%; --signal-orange: 25 90% 55%; --warm-gold: 48 100% 45%; --cool-gray: 210 12% 72%; --light-gray: 210 15% 96%; --off-white: 210 20% 98%; --sea-mist: 200 25% 95%; --sidebar-background: 0 0% 98%; --sidebar-foreground: 240 5.3% 26.1%; --sidebar-primary: 240 5.9% 10%; --sidebar-primary-foreground: 0 0% 98%; --sidebar-accent: 240 4.8% 95.9%; --sidebar-accent-foreground: 240 5.9% 10%; --sidebar-border: 220 13% 91%; --sidebar-ring: 217.2 91.2% 59.8%; }\n* { border-color: hsl(214, 20%, 90%); }\nbody { background-color: hsl(0, 0%, 100%); font-family: Roboto, system-ui, sans-serif; color: hsl(220, 20%, 12%); -webkit-font-smoothing: antialiased; }\nh1, h2, h3, h4, h5, h6 { font-family: nexa_boldregular, sans-serif; font-weight: 400; }\n.windex-container { margin-left: auto; margin-right: auto; max-width: 1200px; padding-left: 1.25rem; padding-right: 1.25rem; }\n@media (min-width: 768px) {\n  .windex-container { padding-left: 2rem; padding-right: 2rem; }\n}\n.windex-eyebrow { font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2em; color: hsl(210, 70%, 50%); }\n@media (min-width: 768px) {\n  .windex-eyebrow { font-size: 0.875rem; line-height: 1.25rem; }\n}\n.windex-section-title { font-size: 1.5rem; line-height: 2rem; font-weight: 800; letter-spacing: -0.025em; color: hsl(215, 80%, 22%); }\n@media (min-width: 768px) {\n  .windex-section-title { font-size: 1.875rem; line-height: 2.25rem; }\n}\n@media (min-width: 1024px) {\n  .windex-section-title { font-size: 2.25rem; line-height: 2.5rem; }\n}\n.windex-body { font-size: 1rem; line-height: 1.625; color: hsla(220, 20%, 12%, .85); }\n@media (min-width: 768px) {\n  .windex-body { font-size: 1.125rem; line-height: 1.75rem; }\n}\n.windex-card { border-radius: calc(var(--radius) - 4px); border-width: 1px; border-color: hsl(214, 20%, 90%); background-color: hsl(210, 20%, 98%); padding: 1.5rem; }\n@media (min-width: 768px) {\n  .windex-card { padding: 2rem; }\n}\n.windex-btn-primary { display: inline-flex; align-items: center; justify-content: center; background-color: hsl(215, 80%, 22%); padding: 0.75rem 1.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: hsl(0, 0%, 100%); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.2s; animation-duration: 0.2s; }\n.windex-btn-primary:hover { background-color: hsl(215, 60%, 35%); }\n.windex-divider { height: 0.125rem; width: 3rem; background-color: hsl(48, 100%, 45%); }\n.windex-summary-box { border-left-width: 4px; border-color: hsl(48, 100%, 45%); background-color: hsl(200, 25%, 95%); padding: 1.5rem; }\n@media (min-width: 768px) {\n  .windex-summary-box { padding: 2rem; }\n}\n.windex-step-number { display: flex; height: 2.5rem; width: 2.5rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 9999px; background-color: hsl(215, 80%, 22%); font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; color: hsl(0, 0%, 100%); }\n.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; }\n.pointer-events-none { pointer-events: none; }\n.pointer-events-auto { pointer-events: auto; }\n.visible { visibility: visible; }\n.invisible { visibility: hidden; }\n.static { position: static; }\n.fixed { position: fixed; }\n.absolute { position: absolute; }\n.relative { position: relative; }\n.sticky { position: sticky; }\n.inset-0 { inset: 0px; }\n.inset-x-0 { left: 0px; right: 0px; }\n.inset-y-0 { top: 0px; bottom: 0px; }\n.-bottom-12 { bottom: -3rem; }\n.-left-12 { left: -3rem; }\n.-right-12 { right: -3rem; }\n.-top-12 { top: -3rem; }\n.bottom-0 { bottom: 0px; }\n.left-0 { left: 0px; }\n.left-1 { left: 0.25rem; }\n.left-1\\\/2 { left: 50%; }\n.left-2 { left: 0.5rem; }\n.left-\\[50\\%\\] { left: 50%; }\n.right-0 { right: 0px; }\n.right-1 { right: 0.25rem; }\n.right-2 { right: 0.5rem; }\n.right-3 { right: 0.75rem; }\n.right-4 { right: 1rem; }\n.top-0 { top: 0px; }\n.top-1\\.5 { top: 0.375rem; }\n.top-1\\\/2 { top: 50%; }\n.top-2 { top: 0.5rem; }\n.top-3\\.5 { top: 0.875rem; }\n.top-4 { top: 1rem; }\n.top-\\[1px\\] { top: 1px; }\n.top-\\[40px\\] { top: 40px; }\n.top-\\[50\\%\\] { top: 50%; }\n.top-\\[60\\%\\] { top: 60%; }\n.top-full { top: 100%; }\n.z-10 { z-index: 10; }\n.z-20 { z-index: 20; }\n.z-50 { z-index: 50; }\n.z-\\[100\\] { z-index: 100; }\n.z-\\[1\\] { z-index: 1; }\n.-mx-1 { margin-left: -0.25rem; margin-right: -0.25rem; }\n.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }\n.mx-3\\.5 { margin-left: 0.875rem; margin-right: 0.875rem; }\n.mx-auto { margin-left: auto; margin-right: auto; }\n.my-0\\.5 { margin-top: 0.125rem; margin-bottom: 0.125rem; }\n.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }\n.my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }\n.-ml-4 { margin-left: -1rem; }\n.-mt-4 { margin-top: -1rem; }\n.mb-0\\.5 { margin-bottom: 0.125rem; }\n.mb-1 { margin-bottom: 0.25rem; }\n.mb-12 { margin-bottom: 3rem; }\n.mb-14 { margin-bottom: 3.5rem; }\n.mb-2 { margin-bottom: 0.5rem; }\n.mb-3 { margin-bottom: 0.75rem; }\n.mb-4 { margin-bottom: 1rem; }\n.mb-5 { margin-bottom: 1.25rem; }\n.mb-6 { margin-bottom: 1.5rem; }\n.mb-8 { margin-bottom: 2rem; }\n.ml-1 { margin-left: 0.25rem; }\n.ml-4 { margin-left: 1rem; }\n.ml-auto { margin-left: auto; }\n.mr-2 { margin-right: 0.5rem; }\n.mt-0\\.5 { margin-top: 0.125rem; }\n.mt-1 { margin-top: 0.25rem; }\n.mt-1\\.5 { margin-top: 0.375rem; }\n.mt-10 { margin-top: 2.5rem; }\n.mt-2 { margin-top: 0.5rem; }\n.mt-24 { margin-top: 6rem; }\n.mt-3 { margin-top: 0.75rem; }\n.mt-4 { margin-top: 1rem; }\n.mt-5 { margin-top: 1.25rem; }\n.mt-6 { margin-top: 1.5rem; }\n.mt-8 { margin-top: 2rem; }\n.mt-auto { margin-top: auto; }\n.block { display: block; }\n.flex { display: flex; }\n.inline-flex { display: inline-flex; }\n.table { display: table; }\n.grid { display: grid; }\n.contents { display: contents; }\n.hidden { display: none; }\n.aspect-square { aspect-ratio: 1 \/ 1; }\n.aspect-video { aspect-ratio: 16 \/ 9; }\n.size-4 { width: 1rem; height: 1rem; }\n.\\!h-8 { height: 2rem !important; }\n.h-1\\.5 { height: 0.375rem; }\n.h-10 { height: 2.5rem; }\n.h-11 { height: 2.75rem; }\n.h-12 { height: 3rem; }\n.h-2 { height: 0.5rem; }\n.h-2\\.5 { height: 0.625rem; }\n.h-3 { height: 0.75rem; }\n.h-3\\.5 { height: 0.875rem; }\n.h-4 { height: 1rem; }\n.h-5 { height: 1.25rem; }\n.h-6 { height: 1.5rem; }\n.h-7 { height: 1.75rem; }\n.h-8 { height: 2rem; }\n.h-9 { height: 2.25rem; }\n.h-\\[1px\\] { height: 1px; }\n.h-\\[var\\(--radix-navigation-menu-viewport-height\\)\\] { height: var(--radix-navigation-menu-viewport-height); }\n.h-\\[var\\(--radix-select-trigger-height\\)\\] { height: var(--radix-select-trigger-height); }\n.h-auto { height: auto; }\n.h-full { height: 100%; }\n.h-px { height: 1px; }\n.h-svh { height: 100svh; }\n.max-h-96 { max-height: 24rem; }\n.max-h-\\[300px\\] { max-height: 300px; }\n.max-h-\\[calc\\(100vh-80px\\)\\] { max-height: calc(-80px + 100vh); }\n.max-h-screen { max-height: 100vh; }\n.min-h-0 { min-height: 0px; }\n.min-h-\\[80px\\] { min-height: 80px; }\n.min-h-screen { min-height: 100vh; }\n.min-h-svh { min-height: 100svh; }\n.\\!w-8 { width: 2rem !important; }\n.w-0 { width: 0px; }\n.w-1 { width: 0.25rem; }\n.w-10 { width: 2.5rem; }\n.w-11 { width: 2.75rem; }\n.w-16 { width: 4rem; }\n.w-2 { width: 0.5rem; }\n.w-2\\.5 { width: 0.625rem; }\n.w-3 { width: 0.75rem; }\n.w-3\\.5 { width: 0.875rem; }\n.w-3\\\/4 { width: 75%; }\n.w-4 { width: 1rem; }\n.w-5 { width: 1.25rem; }\n.w-56 { width: 14rem; }\n.w-64 { width: 16rem; }\n.w-7 { width: 1.75rem; }\n.w-72 { width: 18rem; }\n.w-8 { width: 2rem; }\n.w-9 { width: 2.25rem; }\n.w-\\[--sidebar-width\\] { width: var(--sidebar-width); }\n.w-\\[100px\\] { width: 100px; }\n.w-\\[1px\\] { width: 1px; }\n.w-auto { width: auto; }\n.w-full { width: 100%; }\n.w-max { width: max-content; }\n.w-px { width: 1px; }\n.min-w-0 { min-width: 0px; }\n.min-w-5 { min-width: 1.25rem; }\n.min-w-\\[12rem\\] { min-width: 12rem; }\n.min-w-\\[8rem\\] { min-width: 8rem; }\n.min-w-\\[var\\(--radix-select-trigger-width\\)\\] { min-width: var(--radix-select-trigger-width); }\n.max-w-2xl { max-width: 42rem; }\n.max-w-3xl { max-width: 48rem; }\n.max-w-4xl { max-width: 56rem; }\n.max-w-\\[--skeleton-width\\] { max-width: var(--skeleton-width); }\n.max-w-\\[300px\\] { max-width: 300px; }\n.max-w-\\[320px\\] { max-width: 320px; }\n.max-w-\\[360px\\] { max-width: 360px; }\n.max-w-\\[400px\\] { max-width: 400px; }\n.max-w-\\[460px\\] { max-width: 460px; }\n.max-w-lg { max-width: 32rem; }\n.max-w-max { max-width: max-content; }\n.max-w-xl { max-width: 36rem; }\n.flex-1 { flex: 1 1 0%; }\n.shrink-0 { flex-shrink: 0; }\n.grow { flex-grow: 1; }\n.grow-0 { flex-grow: 0; }\n.basis-full { flex-basis: 100%; }\n.caption-bottom { caption-side: bottom; }\n.border-collapse { border-collapse: collapse; }\n.-translate-x-1\\\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.-translate-x-px { --tw-translate-x: -1px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.-translate-y-1\\\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.translate-x-\\[-50\\%\\] { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.translate-x-px { --tw-translate-x: 1px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.translate-y-\\[-50\\%\\] { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.rotate-45 { --tw-rotate: 45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.transform { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n@keyframes pulse { \n  50% { opacity: 0.5; }\n}\n.animate-pulse { animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running pulse; }\n.cursor-default { cursor: default; }\n.cursor-pointer { cursor: pointer; }\n.touch-none { touch-action: none; }\n.select-none { user-select: none; }\n.scroll-mt-8 { scroll-margin-top: 2rem; }\n.list-none { list-style-type: none; }\n.grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }\n.grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }\n.grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }\n.flex-row { flex-direction: row; }\n.flex-col { flex-direction: column; }\n.flex-col-reverse { flex-direction: column-reverse; }\n.flex-wrap { flex-wrap: wrap; }\n.items-start { align-items: flex-start; }\n.items-end { align-items: flex-end; }\n.items-center { align-items: center; }\n.items-stretch { align-items: stretch; }\n.justify-center { justify-content: center; }\n.justify-between { justify-content: space-between; }\n.gap-0 { gap: 0px; }\n.gap-1 { gap: 0.25rem; }\n.gap-1\\.5 { gap: 0.375rem; }\n.gap-10 { gap: 2.5rem; }\n.gap-12 { gap: 3rem; }\n.gap-2 { gap: 0.5rem; }\n.gap-3 { gap: 0.75rem; }\n.gap-4 { gap: 1rem; }\n.gap-6 { gap: 1.5rem; }\n.gap-8 { gap: 2rem; }\n.gap-x-4 { column-gap: 1rem; }\n.gap-y-1 { row-gap: 0.25rem; }\n.space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.25rem * var(--tw-space-x-reverse)); margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse))); }\n.space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); }\n.space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); }\n.space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.25rem * var(--tw-space-y-reverse)); }\n.space-y-1\\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.375rem * var(--tw-space-y-reverse)); }\n.space-y-12 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(3rem * var(--tw-space-y-reverse)); }\n.space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.5rem * var(--tw-space-y-reverse)); }\n.space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.75rem * var(--tw-space-y-reverse)); }\n.space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); }\n.space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); }\n.space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); }\n.self-start { align-self: flex-start; }\n.overflow-auto { overflow: auto; }\n.overflow-hidden { overflow: hidden; }\n.overflow-x-auto { overflow-x: auto; }\n.overflow-y-auto { overflow-y: auto; }\n.overflow-x-hidden { overflow-x: hidden; }\n.whitespace-nowrap { white-space: nowrap; }\n.break-words { overflow-wrap: break-word; }\n.rounded { border-radius: 0.25rem; }\n.rounded-\\[2px\\] { border-radius: 2px; }\n.rounded-\\[inherit\\] { border-radius: inherit; }\n.rounded-full { border-radius: 9999px; }\n.rounded-lg { border-radius: var(--radius); }\n.rounded-md { border-radius: calc(var(--radius) - 2px); }\n.rounded-sm { border-radius: calc(var(--radius) - 4px); }\n.rounded-t-\\[10px\\] { border-top-left-radius: 10px; border-top-right-radius: 10px; }\n.rounded-tl-sm { border-top-left-radius: calc(var(--radius) - 4px); }\n.border { border-width: 1px; }\n.border-2 { border-width: 2px; }\n.border-\\[1\\.5px\\] { border-width: 1.5px; }\n.border-y { border-top-width: 1px; border-bottom-width: 1px; }\n.border-b { border-bottom-width: 1px; }\n.border-l { border-left-width: 1px; }\n.border-l-4 { border-left-width: 4px; }\n.border-r { border-right-width: 1px; }\n.border-t { border-top-width: 1px; }\n.border-t-4 { border-top-width: 4px; }\n.border-dashed { border-style: dashed; }\n.border-\\[--color-border\\] { border-color: var(--color-border); }\n.border-border { border-color: hsl(214, 20%, 90%); }\n.border-border\\\/50 { border-color: hsla(214, 20%, 90%, .5); }\n.border-destructive { border-color: hsl(0, 84%, 60%); }\n.border-destructive\\\/50 { border-color: hsla(0, 84%, 60%, .5); }\n.border-input { border-color: hsl(214, 20%, 90%); }\n.border-marine-blue { border-color: hsl(210, 70%, 50%); }\n.border-primary { border-color: hsl(215, 80%, 22%); }\n.border-primary-foreground\\\/30 { border-color: hsla(0, 0%, 100%, .3); }\n.border-sidebar-border { border-color: hsl(220, 13%, 91%); }\n.border-signal-red { border-color: hsl(5, 80%, 52%); }\n.border-transparent { border-color: transparent; }\n.border-warm-gold { border-color: hsl(48, 100%, 45%); }\n.border-l-transparent { border-left-color: transparent; }\n.border-t-signal-red { border-top-color: hsl(5, 80%, 52%); }\n.border-t-transparent { border-top-color: transparent; }\n.bg-\\[--color-bg\\] { background-color: var(--color-bg); }\n.bg-accent { background-color: hsl(42, 95%, 55%); }\n.bg-background { background-color: hsl(0, 0%, 100%); }\n.bg-black\\\/80 { background-color: rgba(0, 0, 0, 0.8); }\n.bg-border { background-color: hsl(214, 20%, 90%); }\n.bg-card { background-color: hsl(0, 0%, 100%); }\n.bg-destructive { background-color: hsl(0, 84%, 60%); }\n.bg-foreground { background-color: hsl(220, 20%, 12%); }\n.bg-marine-blue { background-color: hsl(210, 70%, 50%); }\n.bg-muted { background-color: hsl(210, 15%, 96%); }\n.bg-muted\\\/50 { background-color: hsla(210, 15%, 96%, .5); }\n.bg-navy { background-color: hsl(215, 80%, 22%); }\n.bg-navy-dark { background-color: hsl(215, 85%, 14%); }\n.bg-navy-light { background-color: hsl(215, 60%, 35%); }\n.bg-off-white { background-color: hsl(210, 20%, 98%); }\n.bg-popover { background-color: hsl(0, 0%, 100%); }\n.bg-primary { background-color: hsl(215, 80%, 22%); }\n.bg-sea-mist { background-color: hsl(200, 25%, 95%); }\n.bg-secondary { background-color: hsl(210, 15%, 96%); }\n.bg-secondary\\\/50 { background-color: hsla(210, 15%, 96%, .5); }\n.bg-sidebar { background-color: hsl(0, 0%, 98%); }\n.bg-sidebar-border { background-color: hsl(220, 13%, 91%); }\n.bg-transparent { background-color: transparent; }\n.bg-warm-gold { background-color: hsl(48, 100%, 45%); }\n.bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 \/ var(--tw-bg-opacity, 1)); }\n.fill-current { fill: currentcolor; }\n.object-contain { object-fit: contain; }\n.\\!p-4 { padding: 1rem !important; }\n.\\!p-5 { padding: 1.25rem !important; }\n.p-0 { padding: 0px; }\n.p-1 { padding: 0.25rem; }\n.p-2 { padding: 0.5rem; }\n.p-3 { padding: 0.75rem; }\n.p-4 { padding: 1rem; }\n.p-5 { padding: 1.25rem; }\n.p-6 { padding: 1.5rem; }\n.p-\\[1px\\] { padding: 1px; }\n.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }\n.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }\n.px-2\\.5 { padding-left: 0.625rem; padding-right: 0.625rem; }\n.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }\n.px-4 { padding-left: 1rem; padding-right: 1rem; }\n.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }\n.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }\n.px-8 { padding-left: 2rem; padding-right: 2rem; }\n.py-0\\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }\n.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }\n.py-1\\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }\n.py-12 { padding-top: 3rem; padding-bottom: 3rem; }\n.py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; }\n.py-16 { padding-top: 4rem; padding-bottom: 4rem; }\n.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }\n.py-2\\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }\n.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }\n.py-4 { padding-top: 1rem; padding-bottom: 1rem; }\n.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }\n.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }\n.pb-0 { padding-bottom: 0px; }\n.pb-3 { padding-bottom: 0.75rem; }\n.pb-4 { padding-bottom: 1rem; }\n.pb-5 { padding-bottom: 1.25rem; }\n.pl-2\\.5 { padding-left: 0.625rem; }\n.pl-4 { padding-left: 1rem; }\n.pl-8 { padding-left: 2rem; }\n.pr-2 { padding-right: 0.5rem; }\n.pr-2\\.5 { padding-right: 0.625rem; }\n.pr-8 { padding-right: 2rem; }\n.pt-0 { padding-top: 0px; }\n.pt-0\\.5 { padding-top: 0.125rem; }\n.pt-1 { padding-top: 0.25rem; }\n.pt-3 { padding-top: 0.75rem; }\n.pt-4 { padding-top: 1rem; }\n.pt-\\[40px\\] { padding-top: 40px; }\n.text-left { text-align: left; }\n.text-center { text-align: center; }\n.align-middle { vertical-align: middle; }\n.font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; }\n.font-sans { font-family: Roboto, system-ui, sans-serif; }\n.font-serif { font-family: nexa_boldregular, sans-serif; }\n.text-2xl { font-size: 1.5rem; line-height: 2rem; }\n.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }\n.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }\n.text-\\[0\\.8rem\\] { font-size: 0.8rem; }\n.text-\\[10px\\] { font-size: 10px; }\n.text-\\[11px\\] { font-size: 11px; }\n.text-base { font-size: 1rem; line-height: 1.5rem; }\n.text-lg { font-size: 1.125rem; line-height: 1.75rem; }\n.text-sm { font-size: 0.875rem; line-height: 1.25rem; }\n.text-xl { font-size: 1.25rem; line-height: 1.75rem; }\n.text-xs { font-size: 0.75rem; line-height: 1rem; }\n.font-bold { font-weight: 700; }\n.font-extrabold { font-weight: 800; }\n.font-medium { font-weight: 500; }\n.font-normal { font-weight: 400; }\n.font-semibold { font-weight: 600; }\n.uppercase { text-transform: uppercase; }\n.italic { font-style: italic; }\n.tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); }\n.leading-none { line-height: 1; }\n.leading-relaxed { line-height: 1.625; }\n.leading-tight { line-height: 1.25; }\n.tracking-\\[0\\.2em\\] { letter-spacing: 0.2em; }\n.tracking-tight { letter-spacing: -0.025em; }\n.tracking-wider { letter-spacing: 0.05em; }\n.tracking-widest { letter-spacing: 0.1em; }\n.text-\\[hsl\\(150_60\\%_35\\%\\)\\] { --tw-text-opacity: 1; color: hsl(150 60% 35% \/ var(--tw-text-opacity, 1)); }\n.text-accent-foreground { color: hsl(220, 20%, 12%); }\n.text-card-foreground { color: hsl(220, 20%, 12%); }\n.text-current { color: currentcolor; }\n.text-destructive { color: hsl(0, 84%, 60%); }\n.text-destructive-foreground { color: hsl(0, 0%, 100%); }\n.text-foreground { color: hsl(220, 20%, 12%); }\n.text-foreground\\\/50 { color: hsla(220, 20%, 12%, .5); }\n.text-foreground\\\/70 { color: hsla(220, 20%, 12%, .7); }\n.text-foreground\\\/75 { color: hsla(220, 20%, 12%, .75); }\n.text-foreground\\\/80 { color: hsla(220, 20%, 12%, .8); }\n.text-foreground\\\/85 { color: hsla(220, 20%, 12%, .85); }\n.text-foreground\\\/90 { color: hsla(220, 20%, 12%, .9); }\n.text-marine-blue { color: hsl(210, 70%, 50%); }\n.text-muted-foreground { color: hsl(215, 10%, 46%); }\n.text-navy { color: hsl(215, 80%, 22%); }\n.text-popover-foreground { color: hsl(220, 20%, 12%); }\n.text-primary { color: hsl(215, 80%, 22%); }\n.text-primary-foreground { color: hsl(0, 0%, 100%); }\n.text-primary-foreground\\\/65 { color: hsla(0, 0%, 100%, .65); }\n.text-primary-foreground\\\/70 { color: hsla(0, 0%, 100%, .7); }\n.text-primary-foreground\\\/75 { color: hsla(0, 0%, 100%, .75); }\n.text-primary-foreground\\\/80 { color: hsla(0, 0%, 100%, .8); }\n.text-primary-foreground\\\/85 { color: hsla(0, 0%, 100%, .85); }\n.text-secondary-foreground { color: hsl(220, 20%, 12%); }\n.text-sidebar-foreground { color: hsl(240, 5.3%, 26.1%); }\n.text-sidebar-foreground\\\/70 { color: hsla(240, 5.3%, 26.1%, .7); }\n.text-signal-red { color: hsl(5, 80%, 52%); }\n.text-warm-gold { color: hsl(48, 100%, 45%); }\n.text-white { --tw-text-opacity: 1; color: rgb(255 255 255 \/ var(--tw-text-opacity, 1)); }\n.underline { text-decoration-line: underline; }\n.underline-offset-2 { text-underline-offset: 2px; }\n.underline-offset-4 { text-underline-offset: 4px; }\n.antialiased { -webkit-font-smoothing: antialiased; }\n.opacity-0 { opacity: 0; }\n.opacity-50 { opacity: 0.5; }\n.opacity-60 { opacity: 0.6; }\n.opacity-70 { opacity: 0.7; }\n.opacity-90 { opacity: 0.9; }\n.shadow-\\[0_0_0_1px_hsl\\(var\\(--sidebar-border\\)\\)\\] { --tw-shadow: 0 0 0 1px hsl(220, 13%, 91%); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 \/ .1), 0 4px 6px -4px rgb(0 0 0 \/ .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 \/ .1), 0 2px 4px -2px rgb(0 0 0 \/ .1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 \/ .05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 \/ .1), 0 8px 10px -6px rgb(0 0 0 \/ .1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.outline-none { outline: transparent solid 2px; outline-offset: 2px; }\n.outline { outline-style: solid; }\n.ring { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }\n.ring-0 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }\n.ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }\n.ring-ring { --tw-ring-color: hsl(215, 80%, 22%); }\n.ring-sidebar-ring { --tw-ring-color: hsl(217.2, 91.2%, 59.8%); }\n.ring-offset-background { --tw-ring-offset-color: hsl(0, 0%, 100%); }\n.filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }\n.transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.transition-\\[left\\,right\\,width\\] { transition-property: left, right, width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.transition-\\[margin\\,opa\\] { transition-property: margin, opa; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.transition-\\[width\\,height\\,padding\\] { transition-property: width, height, padding; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.transition-\\[width\\] { transition-property: width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.duration-1000 { transition-duration: 1s; }\n.duration-200 { transition-duration: 0.2s; }\n.ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }\n.ease-linear { transition-timing-function: linear; }\n@keyframes enter { \n  0% { opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)); }\n}\n@keyframes exit { \n  100% { opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)); }\n}\n.animate-in { animation-name: enter; animation-duration: 0.15s; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; }\n.fade-in-0 { --tw-enter-opacity: 0; }\n.fade-in-80 { --tw-enter-opacity: .8; }\n.zoom-in-95 { --tw-enter-scale: .95; }\n.duration-1000 { animation-duration: 1s; }\n.duration-200 { animation-duration: 0.2s; }\n.ease-in-out { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }\n.ease-linear { animation-timing-function: linear; }\n.running { animation-play-state: running; }\n@font-face { font-family: nexa_boldregular; src: url(\"https:\/\/sailors-wind-decoder.lovable.app\/fonts\/nexa_bold-webfont.woff2\") format(\"woff2\"), url(\"https:\/\/sailors-wind-decoder.lovable.app\/fonts\/nexa_bold-webfont.woff\") format(\"woff\"); font-weight: 400; font-style: normal; }\n@keyframes wind-flow { \n  0% { transform: translate(-100%); opacity: 0; }\n  20% { opacity: 1; }\n  80% { opacity: 1; }\n  100% { transform: translate(100%); opacity: 0; }\n}\n@keyframes vane-sway { \n  0%, 100% { transform: rotate(-5deg); }\n  50% { transform: rotate(5deg); }\n}\n@keyframes fade-up { \n  0% { opacity: 0; transform: translateY(20px); }\n  100% { opacity: 1; transform: translateY(0px); }\n}\n.animate-wind-flow { animation: 3s ease-in-out 0s infinite normal none running wind-flow; }\n.animate-vane-sway { animation: 4s ease-in-out 0s infinite normal none running vane-sway; transform-origin: center bottom; }\n.animate-fade-up { animation: 0.6s ease-out 0s 1 normal forwards running fade-up; }\n.file\\:border-0::file-selector-button { border-width: 0px; }\n.file\\:bg-transparent::file-selector-button { background-color: transparent; }\n.file\\:text-sm::file-selector-button { font-size: 0.875rem; line-height: 1.25rem; }\n.file\\:font-medium::file-selector-button { font-weight: 500; }\n.file\\:text-foreground::file-selector-button { color: hsl(220, 20%, 12%); }\n.placeholder\\:text-muted-foreground::placeholder { color: hsl(215, 10%, 46%); }\n.after\\:absolute::after { content: var(--tw-content); position: absolute; }\n.after\\:-inset-2::after { content: var(--tw-content); inset: -0.5rem; }\n.after\\:inset-y-0::after { content: var(--tw-content); top: 0px; bottom: 0px; }\n.after\\:left-1\\\/2::after { content: var(--tw-content); left: 50%; }\n.after\\:w-1::after { content: var(--tw-content); width: 0.25rem; }\n.after\\:w-\\[2px\\]::after { content: var(--tw-content); width: 2px; }\n.after\\:-translate-x-1\\\/2::after { content: var(--tw-content); --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.first\\:rounded-l-md:first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }\n.first\\:border-l:first-child { border-left-width: 1px; }\n.last\\:rounded-r-md:last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }\n.last\\:border-0:last-child { border-width: 0px; }\n.last\\:border-b-0:last-child { border-bottom-width: 0px; }\n.last\\:border-r-0:last-child { border-right-width: 0px; }\n.even\\:bg-off-white:nth-child(2n) { background-color: hsl(210, 20%, 98%); }\n.focus-within\\:relative:focus-within { position: relative; }\n.focus-within\\:z-20:focus-within { z-index: 20; }\n.hover\\:border-navy\\\/20:hover { border-color: hsla(215, 80%, 22%, .2); }\n.hover\\:border-navy\\\/30:hover { border-color: hsla(215, 80%, 22%, .3); }\n.hover\\:bg-accent:hover { background-color: hsl(42, 95%, 55%); }\n.hover\\:bg-destructive\\\/80:hover { background-color: hsla(0, 84%, 60%, .8); }\n.hover\\:bg-destructive\\\/90:hover { background-color: hsla(0, 84%, 60%, .9); }\n.hover\\:bg-muted:hover { background-color: hsl(210, 15%, 96%); }\n.hover\\:bg-muted\\\/50:hover { background-color: hsla(210, 15%, 96%, .5); }\n.hover\\:bg-primary:hover { background-color: hsl(215, 80%, 22%); }\n.hover\\:bg-primary-foreground\\\/10:hover { background-color: hsla(0, 0%, 100%, .1); }\n.hover\\:bg-primary\\\/80:hover { background-color: hsla(215, 80%, 22%, .8); }\n.hover\\:bg-primary\\\/90:hover { background-color: hsla(215, 80%, 22%, .9); }\n.hover\\:bg-secondary:hover { background-color: hsl(210, 15%, 96%); }\n.hover\\:bg-secondary\\\/80:hover { background-color: hsla(210, 15%, 96%, .8); }\n.hover\\:bg-sidebar-accent:hover { background-color: hsl(240, 4.8%, 95.9%); }\n.hover\\:text-accent-foreground:hover { color: hsl(220, 20%, 12%); }\n.hover\\:text-foreground:hover { color: hsl(220, 20%, 12%); }\n.hover\\:text-muted-foreground:hover { color: hsl(215, 10%, 46%); }\n.hover\\:text-navy:hover { color: hsl(215, 80%, 22%); }\n.hover\\:text-navy-light:hover { color: hsl(215, 60%, 35%); }\n.hover\\:text-primary-foreground:hover { color: hsl(0, 0%, 100%); }\n.hover\\:text-primary\\\/90:hover { color: hsla(215, 80%, 22%, .9); }\n.hover\\:text-sidebar-accent-foreground:hover { color: hsl(240, 5.9%, 10%); }\n.hover\\:underline:hover { text-decoration-line: underline; }\n.hover\\:opacity-100:hover { opacity: 1; }\n.hover\\:opacity-90:hover { opacity: 0.9; }\n.hover\\:shadow-\\[0_0_0_1px_hsl\\(var\\(--sidebar-accent\\)\\)\\]:hover { --tw-shadow: 0 0 0 1px hsl(240, 4.8%, 95.9%); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.hover\\:after\\:bg-sidebar-border:hover::after { content: var(--tw-content); background-color: hsl(220, 13%, 91%); }\n.focus\\:bg-accent:focus { background-color: hsl(42, 95%, 55%); }\n.focus\\:bg-primary:focus { background-color: hsl(215, 80%, 22%); }\n.focus\\:text-accent-foreground:focus { color: hsl(220, 20%, 12%); }\n.focus\\:text-primary-foreground:focus { color: hsl(0, 0%, 100%); }\n.focus\\:opacity-100:focus { opacity: 1; }\n.focus\\:outline-none:focus { outline: transparent solid 2px; outline-offset: 2px; }\n.focus\\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }\n.focus\\:ring-ring:focus { --tw-ring-color: hsl(215, 80%, 22%); }\n.focus\\:ring-offset-2:focus { --tw-ring-offset-width: 2px; }\n.focus-visible\\:outline-none:focus-visible { outline: transparent solid 2px; outline-offset: 2px; }\n.focus-visible\\:ring-1:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }\n.focus-visible\\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }\n.focus-visible\\:ring-ring:focus-visible { --tw-ring-color: hsl(215, 80%, 22%); }\n.focus-visible\\:ring-sidebar-ring:focus-visible { --tw-ring-color: hsl(217.2, 91.2%, 59.8%); }\n.focus-visible\\:ring-offset-1:focus-visible { --tw-ring-offset-width: 1px; }\n.focus-visible\\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; }\n.focus-visible\\:ring-offset-background:focus-visible { --tw-ring-offset-color: hsl(0, 0%, 100%); }\n.active\\:bg-sidebar-accent:active { background-color: hsl(240, 4.8%, 95.9%); }\n.active\\:text-sidebar-accent-foreground:active { color: hsl(240, 5.9%, 10%); }\n.disabled\\:pointer-events-none:disabled { pointer-events: none; }\n.disabled\\:cursor-not-allowed:disabled { cursor: not-allowed; }\n.disabled\\:opacity-50:disabled { opacity: 0.5; }\n.group[open] .group-open\\:rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.group\\\/menu-item:focus-within .group-focus-within\\\/menu-item\\:opacity-100 { opacity: 1; }\n.group\\\/menu-item:hover .group-hover\\\/menu-item\\:opacity-100, .group:hover .group-hover\\:opacity-100 { opacity: 1; }\n.group.destructive .group-\\[\\.destructive\\]\\:border-muted\\\/40 { border-color: hsla(210, 15%, 96%, .4); }\n.group.toaster .group-\\[\\.toaster\\]\\:border-border { border-color: hsl(214, 20%, 90%); }\n.group.toast .group-\\[\\.toast\\]\\:bg-muted { background-color: hsl(210, 15%, 96%); }\n.group.toast .group-\\[\\.toast\\]\\:bg-primary { background-color: hsl(215, 80%, 22%); }\n.group.toaster .group-\\[\\.toaster\\]\\:bg-background { background-color: hsl(0, 0%, 100%); }\n.group.destructive .group-\\[\\.destructive\\]\\:text-red-300 { --tw-text-opacity: 1; color: rgb(252 165 165 \/ var(--tw-text-opacity, 1)); }\n.group.toast .group-\\[\\.toast\\]\\:text-muted-foreground { color: hsl(215, 10%, 46%); }\n.group.toast .group-\\[\\.toast\\]\\:text-primary-foreground { color: hsl(0, 0%, 100%); }\n.group.toaster .group-\\[\\.toaster\\]\\:text-foreground { color: hsl(220, 20%, 12%); }\n.group.toaster .group-\\[\\.toaster\\]\\:shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 \/ .1), 0 4px 6px -4px rgb(0 0 0 \/ .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.group.destructive .group-\\[\\.destructive\\]\\:hover\\:border-destructive\\\/30:hover { border-color: hsla(0, 84%, 60%, .3); }\n.group.destructive .group-\\[\\.destructive\\]\\:hover\\:bg-destructive:hover { background-color: hsl(0, 84%, 60%); }\n.group.destructive .group-\\[\\.destructive\\]\\:hover\\:text-destructive-foreground:hover { color: hsl(0, 0%, 100%); }\n.group.destructive .group-\\[\\.destructive\\]\\:hover\\:text-red-50:hover { --tw-text-opacity: 1; color: rgb(254 242 242 \/ var(--tw-text-opacity, 1)); }\n.group.destructive .group-\\[\\.destructive\\]\\:focus\\:ring-destructive:focus { --tw-ring-color: hsl(0, 84%, 60%); }\n.group.destructive .group-\\[\\.destructive\\]\\:focus\\:ring-red-400:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(248 113 113 \/ var(--tw-ring-opacity, 1)); }\n.group.destructive .group-\\[\\.destructive\\]\\:focus\\:ring-offset-red-600:focus { --tw-ring-offset-color: #dc2626; }\n.peer\\\/menu-button:hover ~ .peer-hover\\\/menu-button\\:text-sidebar-accent-foreground { color: hsl(240, 5.9%, 10%); }\n.peer:disabled ~ .peer-disabled\\:cursor-not-allowed { cursor: not-allowed; }\n.peer:disabled ~ .peer-disabled\\:opacity-70 { opacity: 0.7; }\n.has-\\[\\[data-variant\\=inset\\]\\]\\:bg-sidebar:has([data-variant=\"inset\"]) { background-color: hsl(0, 0%, 98%); }\n.has-\\[\\:disabled\\]\\:opacity-50:has(:disabled) { opacity: 0.5; }\n.group\\\/menu-item:has([data-sidebar=\"menu-action\"]) .group-has-\\[\\[data-sidebar\\=menu-action\\]\\]\\\/menu-item\\:pr-8 { padding-right: 2rem; }\n.aria-disabled\\:pointer-events-none[aria-disabled=\"true\"] { pointer-events: none; }\n.aria-disabled\\:opacity-50[aria-disabled=\"true\"] { opacity: 0.5; }\n.aria-selected\\:bg-accent[aria-selected=\"true\"] { background-color: hsl(42, 95%, 55%); }\n.aria-selected\\:bg-accent\\\/50[aria-selected=\"true\"] { background-color: hsla(42, 95%, 55%, .5); }\n.aria-selected\\:text-accent-foreground[aria-selected=\"true\"] { color: hsl(220, 20%, 12%); }\n.aria-selected\\:text-muted-foreground[aria-selected=\"true\"] { color: hsl(215, 10%, 46%); }\n.aria-selected\\:opacity-100[aria-selected=\"true\"] { opacity: 1; }\n.aria-selected\\:opacity-30[aria-selected=\"true\"] { opacity: 0.3; }\n.data-\\[disabled\\=true\\]\\:pointer-events-none[data-disabled=\"true\"], .data-\\[disabled\\]\\:pointer-events-none[data-disabled] { pointer-events: none; }\n.data-\\[panel-group-direction\\=vertical\\]\\:h-px[data-panel-group-direction=\"vertical\"] { height: 1px; }\n.data-\\[panel-group-direction\\=vertical\\]\\:w-full[data-panel-group-direction=\"vertical\"] { width: 100%; }\n.data-\\[side\\=bottom\\]\\:translate-y-1[data-side=\"bottom\"] { --tw-translate-y: .25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[side\\=left\\]\\:-translate-x-1[data-side=\"left\"] { --tw-translate-x: -.25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[side\\=right\\]\\:translate-x-1[data-side=\"right\"] { --tw-translate-x: .25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[side\\=top\\]\\:-translate-y-1[data-side=\"top\"] { --tw-translate-y: -.25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[state\\=checked\\]\\:translate-x-5[data-state=\"checked\"] { --tw-translate-x: 1.25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[state\\=unchecked\\]\\:translate-x-0[data-state=\"unchecked\"], .data-\\[swipe\\=cancel\\]\\:translate-x-0[data-swipe=\"cancel\"] { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[swipe\\=end\\]\\:translate-x-\\[var\\(--radix-toast-swipe-end-x\\)\\][data-swipe=\"end\"] { --tw-translate-x: var(--radix-toast-swipe-end-x); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[swipe\\=move\\]\\:translate-x-\\[var\\(--radix-toast-swipe-move-x\\)\\][data-swipe=\"move\"] { --tw-translate-x: var(--radix-toast-swipe-move-x); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n@keyframes accordion-up { \n  0% { height: var(--radix-accordion-content-height); }\n  100% { height: 0px; }\n}\n.data-\\[state\\=closed\\]\\:animate-accordion-up[data-state=\"closed\"] { animation: 0.2s ease-out 0s 1 normal none running accordion-up; }\n@keyframes accordion-down { \n  0% { height: 0px; }\n  100% { height: var(--radix-accordion-content-height); }\n}\n.data-\\[state\\=open\\]\\:animate-accordion-down[data-state=\"open\"] { animation: 0.2s ease-out 0s 1 normal none running accordion-down; }\n.data-\\[panel-group-direction\\=vertical\\]\\:flex-col[data-panel-group-direction=\"vertical\"] { flex-direction: column; }\n.data-\\[active\\=true\\]\\:bg-sidebar-accent[data-active=\"true\"] { background-color: hsl(240, 4.8%, 95.9%); }\n.data-\\[active\\]\\:bg-accent\\\/50[data-active] { background-color: hsla(42, 95%, 55%, .5); }\n.data-\\[selected\\=\\'true\\'\\]\\:bg-accent[data-selected=\"true\"] { background-color: hsl(42, 95%, 55%); }\n.data-\\[state\\=active\\]\\:bg-background[data-state=\"active\"] { background-color: hsl(0, 0%, 100%); }\n.data-\\[state\\=checked\\]\\:bg-primary[data-state=\"checked\"] { background-color: hsl(215, 80%, 22%); }\n.data-\\[state\\=on\\]\\:bg-accent[data-state=\"on\"], .data-\\[state\\=open\\]\\:bg-accent[data-state=\"open\"] { background-color: hsl(42, 95%, 55%); }\n.data-\\[state\\=open\\]\\:bg-accent\\\/50[data-state=\"open\"] { background-color: hsla(42, 95%, 55%, .5); }\n.data-\\[state\\=open\\]\\:bg-secondary[data-state=\"open\"] { background-color: hsl(210, 15%, 96%); }\n.data-\\[state\\=selected\\]\\:bg-muted[data-state=\"selected\"] { background-color: hsl(210, 15%, 96%); }\n.data-\\[state\\=unchecked\\]\\:bg-input[data-state=\"unchecked\"] { background-color: hsl(214, 20%, 90%); }\n.data-\\[active\\=true\\]\\:font-medium[data-active=\"true\"] { font-weight: 500; }\n.data-\\[active\\=true\\]\\:text-sidebar-accent-foreground[data-active=\"true\"] { color: hsl(240, 5.9%, 10%); }\n.data-\\[selected\\=true\\]\\:text-accent-foreground[data-selected=\"true\"] { color: hsl(220, 20%, 12%); }\n.data-\\[state\\=active\\]\\:text-foreground[data-state=\"active\"] { color: hsl(220, 20%, 12%); }\n.data-\\[state\\=checked\\]\\:text-primary-foreground[data-state=\"checked\"] { color: hsl(0, 0%, 100%); }\n.data-\\[state\\=on\\]\\:text-accent-foreground[data-state=\"on\"], .data-\\[state\\=open\\]\\:text-accent-foreground[data-state=\"open\"] { color: hsl(220, 20%, 12%); }\n.data-\\[state\\=open\\]\\:text-muted-foreground[data-state=\"open\"] { color: hsl(215, 10%, 46%); }\n.data-\\[disabled\\=true\\]\\:opacity-50[data-disabled=\"true\"], .data-\\[disabled\\]\\:opacity-50[data-disabled] { opacity: 0.5; }\n.data-\\[state\\=open\\]\\:opacity-100[data-state=\"open\"] { opacity: 1; }\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=\"active\"] { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 \/ .05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.data-\\[swipe\\=move\\]\\:transition-none[data-swipe=\"move\"] { transition-property: none; }\n.data-\\[state\\=closed\\]\\:duration-300[data-state=\"closed\"] { transition-duration: 0.3s; }\n.data-\\[state\\=open\\]\\:duration-500[data-state=\"open\"] { transition-duration: 0.5s; }\n.data-\\[motion\\^\\=from-\\]\\:animate-in[data-motion^=\"from-\"], .data-\\[state\\=open\\]\\:animate-in[data-state=\"open\"], .data-\\[state\\=visible\\]\\:animate-in[data-state=\"visible\"] { animation-name: enter; animation-duration: 0.15s; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; }\n.data-\\[motion\\^\\=to-\\]\\:animate-out[data-motion^=\"to-\"], .data-\\[state\\=closed\\]\\:animate-out[data-state=\"closed\"], .data-\\[state\\=hidden\\]\\:animate-out[data-state=\"hidden\"], .data-\\[swipe\\=end\\]\\:animate-out[data-swipe=\"end\"] { animation-name: exit; animation-duration: 0.15s; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; }\n.data-\\[motion\\^\\=from-\\]\\:fade-in[data-motion^=\"from-\"] { --tw-enter-opacity: 0; }\n.data-\\[motion\\^\\=to-\\]\\:fade-out[data-motion^=\"to-\"], .data-\\[state\\=closed\\]\\:fade-out-0[data-state=\"closed\"] { --tw-exit-opacity: 0; }\n.data-\\[state\\=closed\\]\\:fade-out-80[data-state=\"closed\"] { --tw-exit-opacity: .8; }\n.data-\\[state\\=hidden\\]\\:fade-out[data-state=\"hidden\"] { --tw-exit-opacity: 0; }\n.data-\\[state\\=open\\]\\:fade-in-0[data-state=\"open\"], .data-\\[state\\=visible\\]\\:fade-in[data-state=\"visible\"] { --tw-enter-opacity: 0; }\n.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=\"closed\"] { --tw-exit-scale: .95; }\n.data-\\[state\\=open\\]\\:zoom-in-90[data-state=\"open\"] { --tw-enter-scale: .9; }\n.data-\\[state\\=open\\]\\:zoom-in-95[data-state=\"open\"] { --tw-enter-scale: .95; }\n.data-\\[motion\\=from-end\\]\\:slide-in-from-right-52[data-motion=\"from-end\"] { --tw-enter-translate-x: 13rem; }\n.data-\\[motion\\=from-start\\]\\:slide-in-from-left-52[data-motion=\"from-start\"] { --tw-enter-translate-x: -13rem; }\n.data-\\[motion\\=to-end\\]\\:slide-out-to-right-52[data-motion=\"to-end\"] { --tw-exit-translate-x: 13rem; }\n.data-\\[motion\\=to-start\\]\\:slide-out-to-left-52[data-motion=\"to-start\"] { --tw-exit-translate-x: -13rem; }\n.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=\"bottom\"] { --tw-enter-translate-y: -.5rem; }\n.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=\"left\"] { --tw-enter-translate-x: .5rem; }\n.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=\"right\"] { --tw-enter-translate-x: -.5rem; }\n.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=\"top\"] { --tw-enter-translate-y: .5rem; }\n.data-\\[state\\=closed\\]\\:slide-out-to-bottom[data-state=\"closed\"] { --tw-exit-translate-y: 100%; }\n.data-\\[state\\=closed\\]\\:slide-out-to-left[data-state=\"closed\"] { --tw-exit-translate-x: -100%; }\n.data-\\[state\\=closed\\]\\:slide-out-to-left-1\\\/2[data-state=\"closed\"] { --tw-exit-translate-x: -50%; }\n.data-\\[state\\=closed\\]\\:slide-out-to-right[data-state=\"closed\"], .data-\\[state\\=closed\\]\\:slide-out-to-right-full[data-state=\"closed\"] { --tw-exit-translate-x: 100%; }\n.data-\\[state\\=closed\\]\\:slide-out-to-top[data-state=\"closed\"] { --tw-exit-translate-y: -100%; }\n.data-\\[state\\=closed\\]\\:slide-out-to-top-\\[48\\%\\][data-state=\"closed\"] { --tw-exit-translate-y: -48%; }\n.data-\\[state\\=open\\]\\:slide-in-from-bottom[data-state=\"open\"] { --tw-enter-translate-y: 100%; }\n.data-\\[state\\=open\\]\\:slide-in-from-left[data-state=\"open\"] { --tw-enter-translate-x: -100%; }\n.data-\\[state\\=open\\]\\:slide-in-from-left-1\\\/2[data-state=\"open\"] { --tw-enter-translate-x: -50%; }\n.data-\\[state\\=open\\]\\:slide-in-from-right[data-state=\"open\"] { --tw-enter-translate-x: 100%; }\n.data-\\[state\\=open\\]\\:slide-in-from-top[data-state=\"open\"] { --tw-enter-translate-y: -100%; }\n.data-\\[state\\=open\\]\\:slide-in-from-top-\\[48\\%\\][data-state=\"open\"] { --tw-enter-translate-y: -48%; }\n.data-\\[state\\=open\\]\\:slide-in-from-top-full[data-state=\"open\"] { --tw-enter-translate-y: -100%; }\n.data-\\[state\\=closed\\]\\:duration-300[data-state=\"closed\"] { animation-duration: 0.3s; }\n.data-\\[state\\=open\\]\\:duration-500[data-state=\"open\"] { animation-duration: 0.5s; }\n.data-\\[panel-group-direction\\=vertical\\]\\:after\\:left-0[data-panel-group-direction=\"vertical\"]::after { content: var(--tw-content); left: 0px; }\n.data-\\[panel-group-direction\\=vertical\\]\\:after\\:h-1[data-panel-group-direction=\"vertical\"]::after { content: var(--tw-content); height: 0.25rem; }\n.data-\\[panel-group-direction\\=vertical\\]\\:after\\:w-full[data-panel-group-direction=\"vertical\"]::after { content: var(--tw-content); width: 100%; }\n.data-\\[panel-group-direction\\=vertical\\]\\:after\\:-translate-y-1\\\/2[data-panel-group-direction=\"vertical\"]::after { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[panel-group-direction\\=vertical\\]\\:after\\:translate-x-0[data-panel-group-direction=\"vertical\"]::after { content: var(--tw-content); --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[state\\=open\\]\\:hover\\:bg-sidebar-accent:hover[data-state=\"open\"] { background-color: hsl(240, 4.8%, 95.9%); }\n.data-\\[state\\=open\\]\\:hover\\:text-sidebar-accent-foreground:hover[data-state=\"open\"] { color: hsl(240, 5.9%, 10%); }\n.group[data-collapsible=\"offcanvas\"] .group-data-\\[collapsible\\=offcanvas\\]\\:left-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\] { left: calc(var(--sidebar-width) * -1); }\n.group[data-collapsible=\"offcanvas\"] .group-data-\\[collapsible\\=offcanvas\\]\\:right-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\] { right: calc(var(--sidebar-width) * -1); }\n.group[data-side=\"left\"] .group-data-\\[side\\=left\\]\\:-right-4 { right: -1rem; }\n.group[data-side=\"right\"] .group-data-\\[side\\=right\\]\\:left-0 { left: 0px; }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:-mt-8 { margin-top: -2rem; }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:hidden { display: none; }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:\\!size-8 { width: 2rem !important; height: 2rem !important; }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:w-\\[--sidebar-width-icon\\] { width: var(--sidebar-width-icon); }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)_\\+_theme\\(spacing\\.4\\)\\)\\] { width: calc(var(--sidebar-width-icon) + 1rem); }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)_\\+_theme\\(spacing\\.4\\)_\\+2px\\)\\] { width: calc(var(--sidebar-width-icon) + 1rem + 2px); }\n.group[data-collapsible=\"offcanvas\"] .group-data-\\[collapsible\\=offcanvas\\]\\:w-0 { width: 0px; }\n.group[data-collapsible=\"offcanvas\"] .group-data-\\[collapsible\\=offcanvas\\]\\:translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.group[data-side=\"right\"] .group-data-\\[side\\=right\\]\\:rotate-180, .group[data-state=\"open\"] .group-data-\\[state\\=open\\]\\:rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:overflow-hidden { overflow: hidden; }\n.group[data-variant=\"floating\"] .group-data-\\[variant\\=floating\\]\\:rounded-lg { border-radius: var(--radius); }\n.group[data-variant=\"floating\"] .group-data-\\[variant\\=floating\\]\\:border { border-width: 1px; }\n.group[data-side=\"left\"] .group-data-\\[side\\=left\\]\\:border-r { border-right-width: 1px; }\n.group[data-side=\"right\"] .group-data-\\[side\\=right\\]\\:border-l { border-left-width: 1px; }\n.group[data-variant=\"floating\"] .group-data-\\[variant\\=floating\\]\\:border-sidebar-border { border-color: hsl(220, 13%, 91%); }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:\\!p-0 { padding: 0px !important; }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:\\!p-2 { padding: 0.5rem !important; }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:opacity-0 { opacity: 0; }\n.group[data-variant=\"floating\"] .group-data-\\[variant\\=floating\\]\\:shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 \/ .1), 0 1px 2px -1px rgb(0 0 0 \/ .1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.group[data-collapsible=\"offcanvas\"] .group-data-\\[collapsible\\=offcanvas\\]\\:after\\:left-full::after { content: var(--tw-content); left: 100%; }\n.group[data-collapsible=\"offcanvas\"] .group-data-\\[collapsible\\=offcanvas\\]\\:hover\\:bg-sidebar:hover { background-color: hsl(0, 0%, 98%); }\n.peer\\\/menu-button[data-size=\"default\"] ~ .peer-data-\\[size\\=default\\]\\\/menu-button\\:top-1\\.5 { top: 0.375rem; }\n.peer\\\/menu-button[data-size=\"lg\"] ~ .peer-data-\\[size\\=lg\\]\\\/menu-button\\:top-2\\.5 { top: 0.625rem; }\n.peer\\\/menu-button[data-size=\"sm\"] ~ .peer-data-\\[size\\=sm\\]\\\/menu-button\\:top-1 { top: 0.25rem; }\n.peer[data-variant=\"inset\"] ~ .peer-data-\\[variant\\=inset\\]\\:min-h-\\[calc\\(100svh-theme\\(spacing\\.4\\)\\)\\] { min-height: calc(-1rem + 100svh); }\n.peer\\\/menu-button[data-active=\"true\"] ~ .peer-data-\\[active\\=true\\]\\\/menu-button\\:text-sidebar-accent-foreground { color: hsl(240, 5.9%, 10%); }\n.dark\\:border-destructive:is(.dark *) { border-color: hsl(0, 84%, 60%); }\n@media (min-width: 640px) {\n  .sm\\:bottom-0 { bottom: 0px; }\n  .sm\\:right-0 { right: 0px; }\n  .sm\\:top-auto { top: auto; }\n  .sm\\:mt-0 { margin-top: 0px; }\n  .sm\\:flex { display: flex; }\n  .sm\\:max-w-sm { max-width: 24rem; }\n  .sm\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }\n  .sm\\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }\n  .sm\\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }\n  .sm\\:flex-row { flex-direction: row; }\n  .sm\\:flex-col { flex-direction: column; }\n  .sm\\:items-center { align-items: center; }\n  .sm\\:justify-end { justify-content: flex-end; }\n  .sm\\:justify-between { justify-content: space-between; }\n  .sm\\:gap-2\\.5 { gap: 0.625rem; }\n  .sm\\:gap-8 { gap: 2rem; }\n  .sm\\:space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.5rem * var(--tw-space-x-reverse)); margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse))); }\n  .sm\\:space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); }\n  .sm\\:space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); }\n  .sm\\:rounded-lg { border-radius: var(--radius); }\n  .sm\\:border-b-0 { border-bottom-width: 0px; }\n  .sm\\:border-r { border-right-width: 1px; }\n  .sm\\:text-left { text-align: left; }\n  .sm\\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }\n  .sm\\:text-xs { font-size: 0.75rem; line-height: 1rem; }\n  .data-\\[state\\=open\\]\\:sm\\:slide-in-from-bottom-full[data-state=\"open\"] { --tw-enter-translate-y: 100%; }\n}\n@media (min-width: 768px) {\n  .md\\:absolute { position: absolute; }\n  .md\\:block { display: block; }\n  .md\\:flex { display: flex; }\n  .md\\:table { display: table; }\n  .md\\:hidden { display: none; }\n  .md\\:w-2\\\/5 { width: 40%; }\n  .md\\:w-\\[var\\(--radix-navigation-menu-viewport-width\\)\\] { width: var(--radix-navigation-menu-viewport-width); }\n  .md\\:w-auto { width: auto; }\n  .md\\:max-w-\\[400px\\] { max-width: 400px; }\n  .md\\:max-w-\\[420px\\] { max-width: 420px; }\n  .md\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }\n  .md\\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }\n  .md\\:flex-row { flex-direction: row; }\n  .md\\:flex-row-reverse { flex-direction: row-reverse; }\n  .md\\:gap-10 { gap: 2.5rem; }\n  .md\\:\\!p-5 { padding: 1.25rem !important; }\n  .md\\:\\!p-6 { padding: 1.5rem !important; }\n  .md\\:p-5 { padding: 1.25rem; }\n  .md\\:p-6 { padding: 1.5rem; }\n  .md\\:p-8 { padding: 2rem; }\n  .md\\:py-16 { padding-top: 4rem; padding-bottom: 4rem; }\n  .md\\:py-20 { padding-top: 5rem; padding-bottom: 5rem; }\n  .md\\:py-24 { padding-top: 6rem; padding-bottom: 6rem; }\n  .md\\:text-2xl { font-size: 1.5rem; line-height: 2rem; }\n  .md\\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }\n  .md\\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }\n  .md\\:text-base { font-size: 1rem; line-height: 1.5rem; }\n  .md\\:text-lg { font-size: 1.125rem; line-height: 1.75rem; }\n  .md\\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }\n  .md\\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }\n  .md\\:opacity-0 { opacity: 0; }\n  .after\\:md\\:hidden::after { content: var(--tw-content); display: none; }\n  .peer[data-variant=\"inset\"] ~ .md\\:peer-data-\\[variant\\=inset\\]\\:m-2 { margin: 0.5rem; }\n  .peer[data-state=\"collapsed\"][data-variant=\"inset\"] ~ .md\\:peer-data-\\[state\\=collapsed\\]\\:peer-data-\\[variant\\=inset\\]\\:ml-2 { margin-left: 0.5rem; }\n  .peer[data-variant=\"inset\"] ~ .md\\:peer-data-\\[variant\\=inset\\]\\:ml-0 { margin-left: 0px; }\n  .peer[data-variant=\"inset\"] ~ .md\\:peer-data-\\[variant\\=inset\\]\\:rounded-xl { border-radius: 0.75rem; }\n  .peer[data-variant=\"inset\"] ~ .md\\:peer-data-\\[variant\\=inset\\]\\:shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 \/ .1), 0 1px 2px -1px rgb(0 0 0 \/ .1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n}\n@media (min-width: 1024px) {\n  .lg\\:block { display: block; }\n  .lg\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }\n  .lg\\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }\n  .lg\\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }\n  .lg\\:flex-row { flex-direction: row; }\n  .lg\\:gap-8 { gap: 2rem; }\n  .lg\\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }\n  .lg\\:text-5xl { font-size: 3rem; line-height: 1; }\n}\n.\\[\\&\\:\\:-webkit-details-marker\\]\\:hidden::-webkit-details-marker { display: none; }\n.\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:bg-accent:has([aria-selected]) { background-color: hsl(42, 95%, 55%); }\n.first\\:\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:rounded-l-md:has([aria-selected]):first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }\n.last\\:\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:rounded-r-md:has([aria-selected]):last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }\n.\\[\\&\\:has\\(\\[aria-selected\\]\\.day-outside\\)\\]\\:bg-accent\\\/50:has([aria-selected].day-outside) { background-color: hsla(42, 95%, 55%, .5); }\n.\\[\\&\\:has\\(\\[aria-selected\\]\\.day-range-end\\)\\]\\:rounded-r-md:has([aria-selected].day-range-end) { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }\n.\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0:has([role=\"checkbox\"]) { padding-right: 0px; }\n.\\[\\&\\>button\\]\\:hidden > button { display: none; }\n.\\[\\&\\>span\\:last-child\\]\\:truncate > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.\\[\\&\\>span\\]\\:line-clamp-1 > span { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }\n.\\[\\&\\>svg\\+div\\]\\:translate-y-\\[-3px\\] > svg + div { --tw-translate-y: -3px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.\\[\\&\\>svg\\]\\:absolute > svg { position: absolute; }\n.\\[\\&\\>svg\\]\\:left-4 > svg { left: 1rem; }\n.\\[\\&\\>svg\\]\\:top-4 > svg { top: 1rem; }\n.\\[\\&\\>svg\\]\\:size-3\\.5 > svg { width: 0.875rem; height: 0.875rem; }\n.\\[\\&\\>svg\\]\\:size-4 > svg { width: 1rem; height: 1rem; }\n.\\[\\&\\>svg\\]\\:h-2\\.5 > svg { height: 0.625rem; }\n.\\[\\&\\>svg\\]\\:h-3 > svg { height: 0.75rem; }\n.\\[\\&\\>svg\\]\\:w-2\\.5 > svg { width: 0.625rem; }\n.\\[\\&\\>svg\\]\\:w-3 > svg { width: 0.75rem; }\n.\\[\\&\\>svg\\]\\:shrink-0 > svg { flex-shrink: 0; }\n.\\[\\&\\>svg\\]\\:text-destructive > svg { color: hsl(0, 84%, 60%); }\n.\\[\\&\\>svg\\]\\:text-foreground > svg { color: hsl(220, 20%, 12%); }\n.\\[\\&\\>svg\\]\\:text-muted-foreground > svg { color: hsl(215, 10%, 46%); }\n.\\[\\&\\>svg\\]\\:text-sidebar-accent-foreground > svg { color: hsl(240, 5.9%, 10%); }\n.\\[\\&\\>svg\\~\\*\\]\\:pl-7 > svg ~ * { padding-left: 1.75rem; }\n.\\[\\&\\>tr\\]\\:last\\:border-b-0:last-child > tr { border-bottom-width: 0px; }\n.\\[\\&\\[data-panel-group-direction\\=vertical\\]\\>div\\]\\:rotate-90[data-panel-group-direction=\"vertical\"] > div { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.\\[\\&\\[data-state\\=open\\]\\>svg\\]\\:rotate-180[data-state=\"open\"] > svg { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.\\[\\&_\\.recharts-cartesian-axis-tick_text\\]\\:fill-muted-foreground .recharts-cartesian-axis-tick text { fill: hsl(215, 10%, 46%); }\n.\\[\\&_\\.recharts-cartesian-grid_line\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border\\\/50 .recharts-cartesian-grid line[stroke=\"#ccc\"] { stroke: hsla(214, 20%, 90%, .5); }\n.\\[\\&_\\.recharts-curve\\.recharts-tooltip-cursor\\]\\:stroke-border .recharts-curve.recharts-tooltip-cursor { stroke: hsl(214, 20%, 90%); }\n.\\[\\&_\\.recharts-dot\\[stroke\\=\\'\\#fff\\'\\]\\]\\:stroke-transparent .recharts-dot[stroke=\"#fff\"] { stroke: transparent; }\n.\\[\\&_\\.recharts-layer\\]\\:outline-none .recharts-layer { outline: transparent solid 2px; outline-offset: 2px; }\n.\\[\\&_\\.recharts-polar-grid_\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border .recharts-polar-grid [stroke=\"#ccc\"] { stroke: hsl(214, 20%, 90%); }\n.\\[\\&_\\.recharts-radial-bar-background-sector\\]\\:fill-muted .recharts-radial-bar-background-sector, .\\[\\&_\\.recharts-rectangle\\.recharts-tooltip-cursor\\]\\:fill-muted .recharts-rectangle.recharts-tooltip-cursor { fill: hsl(210, 15%, 96%); }\n.\\[\\&_\\.recharts-reference-line_\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border .recharts-reference-line [stroke=\"#ccc\"] { stroke: hsl(214, 20%, 90%); }\n.\\[\\&_\\.recharts-sector\\[stroke\\=\\'\\#fff\\'\\]\\]\\:stroke-transparent .recharts-sector[stroke=\"#fff\"] { stroke: transparent; }\n.\\[\\&_\\.recharts-sector\\]\\:outline-none .recharts-sector, .\\[\\&_\\.recharts-surface\\]\\:outline-none .recharts-surface { outline: transparent solid 2px; outline-offset: 2px; }\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:px-2 [cmdk-group-heading] { padding-left: 0.5rem; padding-right: 0.5rem; }\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:py-1\\.5 [cmdk-group-heading] { padding-top: 0.375rem; padding-bottom: 0.375rem; }\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-xs [cmdk-group-heading] { font-size: 0.75rem; line-height: 1rem; }\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:font-medium [cmdk-group-heading] { font-weight: 500; }\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-muted-foreground [cmdk-group-heading] { color: hsl(215, 10%, 46%); }\n.\\[\\&_\\[cmdk-group\\]\\:not\\(\\[hidden\\]\\)_\\~\\[cmdk-group\\]\\]\\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] { padding-top: 0px; }\n.\\[\\&_\\[cmdk-group\\]\\]\\:px-2 [cmdk-group] { padding-left: 0.5rem; padding-right: 0.5rem; }\n.\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:h-5 [cmdk-input-wrapper] svg { height: 1.25rem; }\n.\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:w-5 [cmdk-input-wrapper] svg { width: 1.25rem; }\n.\\[\\&_\\[cmdk-input\\]\\]\\:h-12 [cmdk-input] { height: 3rem; }\n.\\[\\&_\\[cmdk-item\\]\\]\\:px-2 [cmdk-item] { padding-left: 0.5rem; padding-right: 0.5rem; }\n.\\[\\&_\\[cmdk-item\\]\\]\\:py-3 [cmdk-item] { padding-top: 0.75rem; padding-bottom: 0.75rem; }\n.\\[\\&_\\[cmdk-item\\]_svg\\]\\:h-5 [cmdk-item] svg { height: 1.25rem; }\n.\\[\\&_\\[cmdk-item\\]_svg\\]\\:w-5 [cmdk-item] svg { width: 1.25rem; }\n.\\[\\&_p\\]\\:leading-relaxed p { line-height: 1.625; }\n.\\[\\&_svg\\]\\:pointer-events-none svg { pointer-events: none; }\n.\\[\\&_svg\\]\\:size-4 svg { width: 1rem; height: 1rem; }\n.\\[\\&_svg\\]\\:shrink-0 svg { flex-shrink: 0; }\n.\\[\\&_tr\\:last-child\\]\\:border-0 tr:last-child { border-width: 0px; }\n.\\[\\&_tr\\]\\:border-b tr { border-bottom-width: 1px; }\n[data-side=\"left\"][data-collapsible=\"offcanvas\"] .\\[\\[data-side\\=left\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-right-2 { right: -0.5rem; }\n[data-side=\"left\"][data-state=\"collapsed\"] .\\[\\[data-side\\=left\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-e-resize { cursor: e-resize; }\n[data-side=\"left\"] .\\[\\[data-side\\=left\\]_\\&\\]\\:cursor-w-resize { cursor: w-resize; }\n[data-side=\"right\"][data-collapsible=\"offcanvas\"] .\\[\\[data-side\\=right\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-left-2 { left: -0.5rem; }\n[data-side=\"right\"][data-state=\"collapsed\"] .\\[\\[data-side\\=right\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-w-resize { cursor: w-resize; }\n[data-side=\"right\"] .\\[\\[data-side\\=right\\]_\\&\\]\\:cursor-e-resize { cursor: e-resize; }\n:where(html[dir=\"ltr\"]), :where([data-sonner-toaster][dir=\"ltr\"]) { --toast-icon-margin-start: -3px; --toast-icon-margin-end: 4px; --toast-svg-margin-start: -1px; --toast-svg-margin-end: 0px; --toast-button-margin-start: auto; --toast-button-margin-end: 0; --toast-close-button-start: 0; --toast-close-button-end: unset; --toast-close-button-transform: translate(-35%, -35%); }\n:where(html[dir=\"rtl\"]), :where([data-sonner-toaster][dir=\"rtl\"]) { --toast-icon-margin-start: 4px; --toast-icon-margin-end: -3px; --toast-svg-margin-start: 0px; --toast-svg-margin-end: -1px; --toast-button-margin-start: 0; --toast-button-margin-end: auto; --toast-close-button-start: unset; --toast-close-button-end: 0; --toast-close-button-transform: translate(35%, -35%); }\n:where([data-sonner-toaster]) { position: fixed; width: var(--width); font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; --gray1: hsl(0, 0%, 99%); --gray2: hsl(0, 0%, 97.3%); --gray3: hsl(0, 0%, 95.1%); --gray4: hsl(0, 0%, 93%); --gray5: hsl(0, 0%, 90.9%); --gray6: hsl(0, 0%, 88.7%); --gray7: hsl(0, 0%, 85.8%); --gray8: hsl(0, 0%, 78%); --gray9: hsl(0, 0%, 56.1%); --gray10: hsl(0, 0%, 52.3%); --gray11: hsl(0, 0%, 43.5%); --gray12: hsl(0, 0%, 9%); --border-radius: 8px; box-sizing: border-box; padding: 0px; margin: 0px; list-style: none; outline: none; z-index: 999999999; transition: transform 0.4s; }\n:where([data-sonner-toaster][data-lifted=\"true\"]) { transform: translateY(-10px); }\n@media (hover: none) and (pointer: coarse) {\n  :where([data-sonner-toaster][data-lifted=\"true\"]) { transform: none; }\n}\n:where([data-sonner-toaster][data-x-position=\"right\"]) { right: var(--offset-right); }\n:where([data-sonner-toaster][data-x-position=\"left\"]) { left: var(--offset-left); }\n:where([data-sonner-toaster][data-x-position=\"center\"]) { left: 50%; transform: translate(-50%); }\n:where([data-sonner-toaster][data-y-position=\"top\"]) { top: var(--offset-top); }\n:where([data-sonner-toaster][data-y-position=\"bottom\"]) { bottom: var(--offset-bottom); }\n:where([data-sonner-toast]) { --y: translateY(100%); --lift-amount: calc(var(--lift) * var(--gap)); z-index: var(--z-index); position: absolute; opacity: 0; transform: var(--y); filter: blur(0px); touch-action: none; transition: transform 0.4s, opacity 0.4s, height 0.4s, box-shadow 0.2s; box-sizing: border-box; outline: none; overflow-wrap: anywhere; }\n:where([data-sonner-toast][data-styled=\"true\"]) { padding: 16px; background: var(--normal-bg); border: 1px solid var(--normal-border); color: var(--normal-text); border-radius: var(--border-radius); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; width: var(--width); font-size: 13px; display: flex; align-items: center; gap: 6px; }\n:where([data-sonner-toast]:focus-visible) { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px, rgba(0, 0, 0, 0.2) 0px 0px 0px 2px; }\n:where([data-sonner-toast][data-y-position=\"top\"]) { top: 0px; --y: translateY(-100%); --lift: 1; --lift-amount: calc(1 * var(--gap)); }\n:where([data-sonner-toast][data-y-position=\"bottom\"]) { bottom: 0px; --y: translateY(100%); --lift: -1; --lift-amount: calc(var(--lift) * var(--gap)); }\n:where([data-sonner-toast]) :where([data-description]) { font-weight: 400; line-height: 1.4; color: inherit; }\n:where([data-sonner-toast]) :where([data-title]) { font-weight: 500; line-height: 1.5; color: inherit; }\n:where([data-sonner-toast]) :where([data-icon]) { display: flex; height: 16px; width: 16px; position: relative; justify-content: flex-start; align-items: center; flex-shrink: 0; margin-left: var(--toast-icon-margin-start); margin-right: var(--toast-icon-margin-end); }\n:where([data-sonner-toast][data-promise=\"true\"]) :where([data-icon]) > svg { opacity: 0; transform: scale(0.8); transform-origin: center center; animation: 0.3s ease 0s 1 normal forwards running sonner-fade-in; }\n:where([data-sonner-toast]) :where([data-icon]) > * { flex-shrink: 0; }\n:where([data-sonner-toast]) :where([data-icon]) svg { margin-left: var(--toast-svg-margin-start); margin-right: var(--toast-svg-margin-end); }\n:where([data-sonner-toast]) :where([data-content]) { display: flex; flex-direction: column; gap: 2px; }\n[data-sonner-toast][data-styled=\"true\"] [data-button] { border-radius: 4px; padding-left: 8px; padding-right: 8px; height: 24px; font-size: 12px; color: var(--normal-bg); background: var(--normal-text); margin-left: var(--toast-button-margin-start); margin-right: var(--toast-button-margin-end); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; outline: none; display: flex; align-items: center; flex-shrink: 0; transition: opacity 0.4s, box-shadow 0.2s; }\n:where([data-sonner-toast]) :where([data-button]):focus-visible { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0px 2px; }\n:where([data-sonner-toast]) :where([data-button]):first-of-type { margin-left: var(--toast-button-margin-start); margin-right: var(--toast-button-margin-end); }\n:where([data-sonner-toast]) :where([data-cancel]) { color: var(--normal-text); background: rgba(0, 0, 0, 0.08); }\n:where([data-sonner-toast][data-theme=\"dark\"]) :where([data-cancel]) { background: rgba(255, 255, 255, 0.3); }\n:where([data-sonner-toast]) :where([data-close-button]) { position: absolute; left: var(--toast-close-button-start); right: var(--toast-close-button-end); top: 0px; height: 20px; width: 20px; display: flex; justify-content: center; align-items: center; padding: 0px; color: var(--gray12); border: 1px solid var(--gray4); transform: var(--toast-close-button-transform); border-radius: 50%; cursor: pointer; z-index: 1; transition: opacity 0.1s, background 0.2s, border-color 0.2s; }\n[data-sonner-toast] [data-close-button] { background: var(--gray1); }\n:where([data-sonner-toast]) :where([data-close-button]):focus-visible { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px, rgba(0, 0, 0, 0.2) 0px 0px 0px 2px; }\n:where([data-sonner-toast]) :where([data-disabled=\"true\"]) { cursor: not-allowed; }\n:where([data-sonner-toast]):hover :where([data-close-button]):hover { background: var(--gray2); border-color: var(--gray5); }\n:where([data-sonner-toast][data-swiping=\"true\"])::before { content: \"\"; position: absolute; left: -50%; right: -50%; height: 100%; z-index: -1; }\n:where([data-sonner-toast][data-y-position=\"top\"][data-swiping=\"true\"])::before { bottom: 50%; transform: scaleY(3) translateY(50%); }\n:where([data-sonner-toast][data-y-position=\"bottom\"][data-swiping=\"true\"])::before { top: 50%; transform: scaleY(3) translateY(-50%); }\n:where([data-sonner-toast][data-swiping=\"false\"][data-removed=\"true\"])::before { content: \"\"; position: absolute; inset: 0px; transform: scaleY(2); }\n:where([data-sonner-toast])::after { content: \"\"; position: absolute; left: 0px; height: calc(var(--gap) + 1px); bottom: 100%; width: 100%; }\n:where([data-sonner-toast][data-mounted=\"true\"]) { --y: translateY(0); opacity: 1; }\n:where([data-sonner-toast][data-expanded=\"false\"][data-front=\"false\"]) { --scale: var(--toasts-before) * .05 + 1; --y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale))); height: var(--front-toast-height); }\n:where([data-sonner-toast]) > * { transition: opacity 0.4s; }\n:where([data-sonner-toast][data-expanded=\"false\"][data-front=\"false\"][data-styled=\"true\"]) > * { opacity: 0; }\n:where([data-sonner-toast][data-visible=\"false\"]) { opacity: 0; pointer-events: none; }\n:where([data-sonner-toast][data-mounted=\"true\"][data-expanded=\"true\"]) { --y: translateY(calc(var(--lift) * var(--offset))); height: var(--initial-height); }\n:where([data-sonner-toast][data-removed=\"true\"][data-front=\"true\"][data-swipe-out=\"false\"]) { --y: translateY(calc(var(--lift) * -100%)); opacity: 0; }\n:where([data-sonner-toast][data-removed=\"true\"][data-front=\"false\"][data-swipe-out=\"false\"][data-expanded=\"true\"]) { --y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%)); opacity: 0; }\n:where([data-sonner-toast][data-removed=\"true\"][data-front=\"false\"][data-swipe-out=\"false\"][data-expanded=\"false\"]) { --y: translateY(40%); opacity: 0; transition: transform 0.5s, opacity 0.2s; }\n:where([data-sonner-toast][data-removed=\"true\"][data-front=\"false\"])::before { height: calc(var(--initial-height) + 20%); }\n[data-sonner-toast][data-swiping=\"true\"] { transform: var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px)); transition: none; }\n[data-sonner-toast][data-swiped=\"true\"] { user-select: none; }\n[data-sonner-toast][data-swipe-out=\"true\"][data-y-position=\"bottom\"], [data-sonner-toast][data-swipe-out=\"true\"][data-y-position=\"top\"] { animation-duration: 0.2s; animation-timing-function: ease-out; animation-fill-mode: forwards; }\n[data-sonner-toast][data-swipe-out=\"true\"][data-swipe-direction=\"left\"] { animation-name: swipe-out-left; }\n[data-sonner-toast][data-swipe-out=\"true\"][data-swipe-direction=\"right\"] { animation-name: swipe-out-right; }\n[data-sonner-toast][data-swipe-out=\"true\"][data-swipe-direction=\"up\"] { animation-name: swipe-out-up; }\n[data-sonner-toast][data-swipe-out=\"true\"][data-swipe-direction=\"down\"] { animation-name: swipe-out-down; }\n@keyframes swipe-out-left { \n  0% { transform: var(--y) translate(var(--swipe-amount-x)); opacity: 1; }\n  100% { transform: var(--y) translate(calc(var(--swipe-amount-x) - 100%)); opacity: 0; }\n}\n@keyframes swipe-out-right { \n  0% { transform: var(--y) translate(var(--swipe-amount-x)); opacity: 1; }\n  100% { transform: var(--y) translate(calc(var(--swipe-amount-x) + 100%)); opacity: 0; }\n}\n@keyframes swipe-out-up { \n  0% { transform: var(--y) translateY(var(--swipe-amount-y)); opacity: 1; }\n  100% { transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%)); opacity: 0; }\n}\n@keyframes swipe-out-down { \n  0% { transform: var(--y) translateY(var(--swipe-amount-y)); opacity: 1; }\n  100% { transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%)); opacity: 0; }\n}\n@media (max-width: 600px) {\n  [data-sonner-toaster] { position: fixed; right: var(--mobile-offset-right); left: var(--mobile-offset-left); width: 100%; }\n  [data-sonner-toaster][dir=\"rtl\"] { left: calc(var(--mobile-offset-left) * -1); }\n  [data-sonner-toaster] [data-sonner-toast] { left: 0px; right: 0px; width: calc(100% - var(--mobile-offset-left) * 2); }\n  [data-sonner-toaster][data-x-position=\"left\"] { left: var(--mobile-offset-left); }\n  [data-sonner-toaster][data-y-position=\"bottom\"] { bottom: var(--mobile-offset-bottom); }\n  [data-sonner-toaster][data-y-position=\"top\"] { top: var(--mobile-offset-top); }\n  [data-sonner-toaster][data-x-position=\"center\"] { left: var(--mobile-offset-left); right: var(--mobile-offset-right); transform: none; }\n}\n[data-sonner-toaster][data-theme=\"light\"] { --normal-bg: #fff; --normal-border: var(--gray4); --normal-text: var(--gray12); --success-bg: hsl(143, 85%, 96%); --success-border: hsl(145, 92%, 91%); --success-text: hsl(140, 100%, 27%); --info-bg: hsl(208, 100%, 97%); --info-border: hsl(221, 91%, 91%); --info-text: hsl(210, 92%, 45%); --warning-bg: hsl(49, 100%, 97%); --warning-border: hsl(49, 91%, 91%); --warning-text: hsl(31, 92%, 45%); --error-bg: hsl(359, 100%, 97%); --error-border: hsl(359, 100%, 94%); --error-text: hsl(360, 100%, 45%); }\n[data-sonner-toaster][data-theme=\"light\"] [data-sonner-toast][data-invert=\"true\"] { --normal-bg: #000; --normal-border: hsl(0, 0%, 20%); --normal-text: var(--gray1); }\n[data-sonner-toaster][data-theme=\"dark\"] [data-sonner-toast][data-invert=\"true\"] { --normal-bg: #fff; --normal-border: var(--gray3); --normal-text: var(--gray12); }\n[data-sonner-toaster][data-theme=\"dark\"] { --normal-bg: #000; --normal-bg-hover: hsl(0, 0%, 12%); --normal-border: hsl(0, 0%, 20%); --normal-border-hover: hsl(0, 0%, 25%); --normal-text: var(--gray1); --success-bg: hsl(150, 100%, 6%); --success-border: hsl(147, 100%, 12%); --success-text: hsl(150, 86%, 65%); --info-bg: hsl(215, 100%, 6%); --info-border: hsl(223, 100%, 12%); --info-text: hsl(216, 87%, 65%); --warning-bg: hsl(64, 100%, 6%); --warning-border: hsl(60, 100%, 12%); --warning-text: hsl(46, 87%, 65%); --error-bg: hsl(358, 76%, 10%); --error-border: hsl(357, 89%, 16%); --error-text: hsl(358, 100%, 81%); }\n[data-sonner-toaster][data-theme=\"dark\"] [data-sonner-toast] [data-close-button] { background: var(--normal-bg); border-color: var(--normal-border); color: var(--normal-text); }\n[data-sonner-toaster][data-theme=\"dark\"] [data-sonner-toast] [data-close-button]:hover { background: var(--normal-bg-hover); border-color: var(--normal-border-hover); }\n[data-rich-colors=\"true\"][data-sonner-toast][data-type=\"success\"], [data-rich-colors=\"true\"][data-sonner-toast][data-type=\"success\"] [data-close-button] { background: var(--success-bg); border-color: var(--success-border); color: var(--success-text); }\n[data-rich-colors=\"true\"][data-sonner-toast][data-type=\"info\"], [data-rich-colors=\"true\"][data-sonner-toast][data-type=\"info\"] [data-close-button] { background: var(--info-bg); border-color: var(--info-border); color: var(--info-text); }\n[data-rich-colors=\"true\"][data-sonner-toast][data-type=\"warning\"], [data-rich-colors=\"true\"][data-sonner-toast][data-type=\"warning\"] [data-close-button] { background: var(--warning-bg); border-color: var(--warning-border); color: var(--warning-text); }\n[data-rich-colors=\"true\"][data-sonner-toast][data-type=\"error\"], [data-rich-colors=\"true\"][data-sonner-toast][data-type=\"error\"] [data-close-button] { background: var(--error-bg); border-color: var(--error-border); color: var(--error-text); }\n.sonner-loading-wrapper { --size: 16px; height: var(--size); width: var(--size); position: absolute; inset: 0px; z-index: 10; }\n.sonner-loading-wrapper[data-visible=\"false\"] { transform-origin: center center; animation: 0.2s ease 0s 1 normal forwards running sonner-fade-out; }\n.sonner-spinner { position: relative; top: 50%; left: 50%; height: var(--size); width: var(--size); }\n.sonner-loading-bar { animation: 1.2s linear 0s infinite normal none running sonner-spin; background: var(--gray11); border-radius: 6px; height: 8%; left: -10%; position: absolute; top: -3.9%; width: 24%; }\n.sonner-loading-bar:nth-child(1) { animation-delay: -1.2s; transform: rotate(0.0001deg) translate(146%); }\n.sonner-loading-bar:nth-child(2) { animation-delay: -1.1s; transform: rotate(30deg) translate(146%); }\n.sonner-loading-bar:nth-child(3) { animation-delay: -1s; transform: rotate(60deg) translate(146%); }\n.sonner-loading-bar:nth-child(4) { animation-delay: -0.9s; transform: rotate(90deg) translate(146%); }\n.sonner-loading-bar:nth-child(5) { animation-delay: -0.8s; transform: rotate(120deg) translate(146%); }\n.sonner-loading-bar:nth-child(6) { animation-delay: -0.7s; transform: rotate(150deg) translate(146%); }\n.sonner-loading-bar:nth-child(7) { animation-delay: -0.6s; transform: rotate(180deg) translate(146%); }\n.sonner-loading-bar:nth-child(8) { animation-delay: -0.5s; transform: rotate(210deg) translate(146%); }\n.sonner-loading-bar:nth-child(9) { animation-delay: -0.4s; transform: rotate(240deg) translate(146%); }\n.sonner-loading-bar:nth-child(10) { animation-delay: -0.3s; transform: rotate(270deg) translate(146%); }\n.sonner-loading-bar:nth-child(11) { animation-delay: -0.2s; transform: rotate(300deg) translate(146%); }\n.sonner-loading-bar:nth-child(12) { animation-delay: -0.1s; transform: rotate(330deg) translate(146%); }\n@keyframes sonner-fade-in { \n  0% { opacity: 0; transform: scale(0.8); }\n  100% { opacity: 1; transform: scale(1); }\n}\n@keyframes sonner-fade-out { \n  0% { opacity: 1; transform: scale(1); }\n  100% { opacity: 0; transform: scale(0.8); }\n}\n@keyframes sonner-spin { \n  0% { opacity: 1; }\n  100% { opacity: 0.15; }\n}\n@media (prefers-reduced-motion) {\n  [data-sonner-toast], [data-sonner-toast] > *, .sonner-loading-bar { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }\n}\n.sonner-loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center center; transition: opacity 0.2s, transform 0.2s; }\n.sonner-loader[data-visible=\"false\"] { opacity: 0; transform: scale(0.8) translate(-50%, -50%); }\n.lwd-radio { display: none; }\n.lwd-upwind-content { display: flex; }\n.lwd-downwind-content { display: none; }\n.lwd-label-upwind { background: rgb(11, 49, 101); color: white; }\n.lwd-label-downwind { background: rgb(255, 255, 255); color: rgb(24, 29, 37); }\n#lwd-toggle-downwind:checked ~ .lwd-toggle .lwd-label-upwind { background: rgb(255, 255, 255); color: rgb(24, 29, 37); }\n#lwd-toggle-downwind:checked ~ .lwd-toggle .lwd-label-downwind { background: rgb(11, 49, 101); color: white; }\n#lwd-toggle-downwind:checked ~ .lwd-panels .lwd-upwind-content { display: none; }\n#lwd-toggle-downwind:checked ~ .lwd-panels .lwd-downwind-content { display: flex; }\n#lwd-toggle-upwind:checked ~ .lwd-toggle .lwd-label-upwind { background: rgb(11, 49, 101); color: white; }\n#lwd-toggle-upwind:checked ~ .lwd-toggle .lwd-label-downwind { background: rgb(255, 255, 255); color: rgb(24, 29, 37); }\n#lwd-toggle-upwind:checked ~ .lwd-panels .lwd-upwind-content { display: flex; }\n#lwd-toggle-upwind:checked ~ .lwd-panels .lwd-downwind-content { display: none; }\n\nbody {\n  background: hsl(0, 0%, 100%);\n  color: hsl(220, 20%, 12%);\n  font-family: 'Roboto', sans-serif;\n  -webkit-font-smoothing: antialiased;\n}\nh1, h2, h3, h4, h5, h6 {\n  font-family: 'nexa_boldregular', sans-serif;\n}\na { color: inherit; }\n  <\/style>\n<\/head>\n<body>\n\n    <div id=\"root\"><div role=\"region\" aria-label=\"Notifications (F8)\" tabindex=\"-1\" style=\"pointer-events: none;\"><ol tabindex=\"-1\" class=\"fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]\"><\/ol><\/div><section aria-label=\"Notifications alt+T\" tabindex=\"-1\" aria-live=\"polite\" aria-relevant=\"additions text\" aria-atomic=\"false\"><\/section><div class=\"min-h-screen bg-background\"><div class=\"windex-container py-12 md:py-20\"><div class=\"flex gap-12\"><nav class=\"hidden lg:block sticky top-[40px] w-56 shrink-0 self-start max-h-[calc(100vh-80px)] overflow-y-auto pt-[40px]\" aria-label=\"Contenuti\"><div class=\"windex-eyebrow mb-3\">Contenuti<\/div><div class=\"windex-divider mb-4\"><\/div><ul class=\"space-y-2\"><li><a href=\"#quick-answer\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Risposta rapida<\/a><\/li><li><a href=\"#true-wind\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Che cos&#8217;\u00e8 il vento reale?<\/a><\/li><li><a href=\"#apparent-wind\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Che cos&#8217;\u00e8 il vento apparente?<\/a><\/li><li><a href=\"#comparison\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Apparente vs reale<\/a><\/li><li><a href=\"#why-both\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Perch\u00e9 servono entrambi<\/a><\/li><li><a href=\"#how-to-read\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Come leggere il vento<\/a><\/li><li><a href=\"#upwind-downwind\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Bolina vs poppa<\/a><\/li><li><a href=\"#mistakes\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Errori comuni<\/a><\/li><li><a href=\"#tips\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Consigli per migliorare<\/a><\/li><li><a href=\"#faq\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">FAQ<\/a><\/li><\/ul><\/nav><article class=\"flex-1 min-w-0 max-w-3xl\"><div class=\"windex-summary-box mb-12\" id=\"quick-answer\"><p class=\"windex-eyebrow mb-2\">In breve<\/p><div class=\"windex-divider mb-4\"><\/div><ul class=\"space-y-2 text-sm md:text-base text-foreground\/85\"><li><strong>Vento reale<\/strong> = il vento che soffia davvero sull&#8217;acqua, indipendente dalla tua barca.<\/li><li><strong>Vento apparente<\/strong> = il vento che senti a bordo, combinazione di vento reale e velocit\u00e0 della barca.<\/li><li><strong>La regolazione delle vele<\/strong> dipende soprattutto dal vento apparente.<\/li><li><strong>Strategia e lettura meteo<\/strong> dipendono soprattutto dal vento reale.<\/li><\/ul><\/div><div class=\"mb-12\"><p class=\"windex-body mb-4\">Imparare a leggere la direzione del vento \u00e8 una delle abilit\u00e0 pi\u00f9 importanti per un velista. Influenza ogni decisione in acqua: da come regoli le vele a quale lato del campo scegliere.<\/p><p class=\"windex-body mb-4\">C&#8217;\u00e8 per\u00f2 un concetto che mette in difficolt\u00e0 molti, soprattutto all&#8217;inizio: la differenza tra vento reale e vento apparente. Sembrano simili, ma si comportano in modo molto diverso, e capirli entrambi \u00e8 ci\u00f2 che distingue una navigazione reattiva da una consapevole.<\/p><p class=\"windex-body\">Questa guida offre una spiegazione pratica e senza gergo di entrambi, mostra come interagiscono e ti aiuta a leggere il vento con pi\u00f9 precisione ogni volta che esci.<\/p><\/div><section id=\"true-wind\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Definizione<\/p><h2 class=\"windex-section-title mb-2\">Che cos&#8217;\u00e8 il vento reale?<\/h2><div class=\"windex-divider mb-6\"><\/div><p class=\"windex-body mb-4\">Il vento reale \u00e8 il vento che soffia effettivamente sull&#8217;acqua. Esiste sia che la barca si muova sia che sia ferma. Se dessi fondo e ti mettessi in coperta, ci\u00f2 che sentiresti \u00e8 il vento reale.<\/p><p class=\"windex-body mb-4\">Il vento reale ha direzione e intensit\u00e0 determinate dai sistemi meteorologici, dalla geografia e dagli effetti termici. \u00c8 quello indicato dalle previsioni e quello che vedi sulla superficie dell&#8217;acqua prima di partire.<\/p><p class=\"windex-body\"><strong>Esempio:<\/strong> Le previsioni indicano 15 nodi da sud-ovest. Quello \u00e8 il vento reale. Non importa a che velocit\u00e0 vai o dove sei orientato: \u00e8 semplicemente il vento che c&#8217;\u00e8.<\/p><\/section><section id=\"apparent-wind\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Definizione<\/p><h2 class=\"windex-section-title mb-2\">Che cos&#8217;\u00e8 il vento apparente?<\/h2><div class=\"windex-divider mb-6\"><\/div><p class=\"windex-body mb-4\">Il vento apparente \u00e8 il vento che percepisci realmente in barca quando \u00e8 in movimento. \u00c8 la combinazione del vento reale e del vento di prua creato dal tuo stesso avanzamento.<\/p><p class=\"windex-body mb-4\">Pensa a pedalare in una giornata di calma: non c&#8217;\u00e8 brezza, ma appena pedali senti il vento in faccia. Quella \u00e8 la componente della velocit\u00e0. Se pedali anche contro una brezza reale, senti un vento pi\u00f9 forte e da una direzione un po&#8217; diversa. Quel vento combinato corrisponde al vento apparente.<\/p><p class=\"windex-body\">Vele, filetti segnavento e indicatore in testa d&#8217;albero rispondono tutti al vento apparente. \u00c8 il vento che governa la navigazione istante per istante.<\/p><\/section><section id=\"comparison\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Spiegazione visiva<\/p><h2 class=\"windex-section-title mb-2\">Vento apparente vs vento reale<\/h2><div class=\"windex-divider mb-6\"><\/div><p class=\"windex-body mb-6\">Il rapporto tra vento reale e apparente cambia in base all&#8217;andatura. Alterna bolina e poppa qui sotto per vedere come si spostano le frecce.<\/p><div class=\"windex-card\"><style>\n                  .lwd-radio { display: none; }\n                  .lwd-upwind-content { display: flex; }\n                  .lwd-downwind-content { display: none; }\n                  .lwd-label-upwind { background: hsl(215 80% 22%); color: white; }\n                  .lwd-label-downwind { background: hsl(0 0% 100%); color: hsl(220 20% 12%); }\n                  #lwd-toggle-downwind:checked ~ .lwd-toggle .lwd-label-upwind { background: hsl(0 0% 100%); color: hsl(220 20% 12%); }\n                  #lwd-toggle-downwind:checked ~ .lwd-toggle .lwd-label-downwind { background: hsl(215 80% 22%); color: white; }\n                  #lwd-toggle-downwind:checked ~ .lwd-panels .lwd-upwind-content { display: none; }\n                  #lwd-toggle-downwind:checked ~ .lwd-panels .lwd-downwind-content { display: flex; }\n                  #lwd-toggle-upwind:checked ~ .lwd-toggle .lwd-label-upwind { background: hsl(215 80% 22%); color: white; }\n                  #lwd-toggle-upwind:checked ~ .lwd-toggle .lwd-label-downwind { background: hsl(0 0% 100%); color: hsl(220 20% 12%); }\n                  #lwd-toggle-upwind:checked ~ .lwd-panels .lwd-upwind-content { display: flex; }\n                  #lwd-toggle-upwind:checked ~ .lwd-panels .lwd-downwind-content { display: none; }\n                <\/style><div class=\"windex-eyebrow mb-2\">Diagramma interattivo<\/div><h3 class=\"text-xl md:text-2xl font-extrabold text-navy mb-4\">Vento reale vs vento apparente<\/h3><input type=\"radio\" name=\"lwd-toggle\" id=\"lwd-toggle-upwind\" class=\"lwd-radio\" checked=\"\"><input type=\"radio\" name=\"lwd-toggle\" id=\"lwd-toggle-downwind\" class=\"lwd-radio\"><div class=\"lwd-toggle flex mb-6 border border-border inline-flex\"><label for=\"lwd-toggle-upwind\" class=\"lwd-label-upwind px-5 py-2.5 text-sm font-semibold uppercase tracking-wider cursor-pointer transition-colors\">Bolina<\/label><label for=\"lwd-toggle-downwind\" class=\"lwd-label-downwind px-5 py-2.5 text-sm font-semibold uppercase tracking-wider cursor-pointer transition-colors\">Poppa<\/label><\/div><div class=\"lwd-panels\"><div class=\"lwd-upwind-content flex-col lg:flex-row gap-8 items-center\"><svg viewBox=\"0 0 400 400\" class=\"w-full max-w-[400px] shrink-0\" aria-label=\"Vento reale vs vento apparente \u2014 Bolina\"><rect x=\"0\" y=\"0\" width=\"400\" height=\"400\" fill=\"hsl(200 25% 95%)\" rx=\"4\"><\/rect><path d=\"M0,340 Q100,335 200,340 T400,340\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.2\"><\/path><path d=\"M0,355 Q100,350 200,355 T400,355\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.2\"><\/path><path d=\"M0,370 Q100,365 200,370 T400,370\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.2\"><\/path><path d=\"M0,385 Q100,380 200,385 T400,385\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.2\"><\/path><defs><marker id=\"lArrowTW-u\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\"><polygon points=\"0 0, 10 3.5, 0 7\" fill=\"hsl(210 70% 50%)\"><\/polygon><\/marker><marker id=\"lArrowAW-u\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\"><polygon points=\"0 0, 10 3.5, 0 7\" fill=\"hsl(5 80% 52%)\"><\/polygon><\/marker><marker id=\"lArrowBS-u\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\"><polygon points=\"0 0, 10 3.5, 0 7\" fill=\"hsl(150 60% 35%)\"><\/polygon><\/marker><\/defs><line x1=\"200\" y1=\"90\" x2=\"200\" y2=\"250\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"3\" marker-end=\"url(#lArrowTW-u)\" stroke-dasharray=\"8 4\"><\/line><line x1=\"200\" y1=\"90\" x2=\"143.4314575050762\" y2=\"33.431457505076196\" stroke=\"hsl(150 60% 35%)\" stroke-width=\"2.5\" marker-end=\"url(#lArrowBS-u)\" stroke-dasharray=\"5 3\"><\/line><line x1=\"143.4314575050762\" y1=\"33.431457505076196\" x2=\"200\" y2=\"250\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"3\" marker-end=\"url(#lArrowAW-u)\"><\/line><circle cx=\"200\" cy=\"90\" r=\"4\" fill=\"hsl(220 20% 12%)\"><\/circle><text x=\"214\" y=\"165\" fill=\"hsl(210 70% 50%)\" font-size=\"11\" font-weight=\"700\">VENTO<\/text><text x=\"214\" y=\"178\" fill=\"hsl(210 70% 50%)\" font-size=\"11\" font-weight=\"700\">REALE<\/text><text x=\"111.7157287525381\" y=\"53.7157287525381\" fill=\"hsl(150 60% 35%)\" font-size=\"10\" font-weight=\"700\">VEL.<\/text><text x=\"111.7157287525381\" y=\"66.7157287525381\" fill=\"hsl(150 60% 35%)\" font-size=\"10\" font-weight=\"700\">BARCA<\/text><text x=\"93.7157287525381\" y=\"141.7157287525381\" fill=\"hsl(5 80% 52%)\" font-size=\"11\" font-weight=\"700\">VENTO<\/text><text x=\"93.7157287525381\" y=\"155.7157287525381\" fill=\"hsl(5 80% 52%)\" font-size=\"11\" font-weight=\"700\">APPARENTE<\/text><g transform=\"translate(200, 90) rotate(-45)\"><path d=\"M0,-16 L5,-6 L4,12 Q0,18 -4,12 L-5,-6 Z\" fill=\"hsl(215 80% 22%)\" opacity=\"0.7\"><\/path><\/g><path d=\"M178.78679656440357,68.78679656440357 A30,30 0 1 1 200,120\" fill=\"none\" stroke=\"hsl(220 20% 40%)\" stroke-width=\"1\" stroke-dasharray=\"3 2\" opacity=\"0.6\"><\/path><g transform=\"translate(15, 370)\"><line x1=\"0\" y1=\"5\" x2=\"18\" y2=\"5\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"2.5\" stroke-dasharray=\"6 3\"><\/line><text x=\"23\" y=\"9\" fill=\"hsl(210 70% 50%)\" font-size=\"8\" font-weight=\"600\">Vento reale<\/text><line x1=\"120\" y1=\"5\" x2=\"138\" y2=\"5\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"2.5\"><\/line><text x=\"143\" y=\"9\" fill=\"hsl(5 80% 52%)\" font-size=\"8\" font-weight=\"600\">Vento apparente<\/text><line x1=\"250\" y1=\"5\" x2=\"268\" y2=\"5\" stroke=\"hsl(150 60% 35%)\" stroke-width=\"2.5\" stroke-dasharray=\"4 2\"><\/line><text x=\"273\" y=\"9\" fill=\"hsl(150 60% 35%)\" font-size=\"8\" font-weight=\"600\">Vel. barca<\/text><\/g><text x=\"200\" y=\"320\" text-anchor=\"middle\" fill=\"hsl(220 20% 40%)\" font-size=\"9\" font-weight=\"600\" opacity=\"0.7\">VA = VR \u2212 VB (sottrazione vettoriale)<\/text><\/svg><div class=\"flex-1\"><p class=\"windex-body\">In bolina: il moto della barca contro vento si somma al vento reale, quindi il vento apparente \u00e8 pi\u00f9 forte e ruota verso prua.<\/p><div class=\"mt-4 windex-summary-box\"><p class=\"text-sm font-semibold text-navy\">Da ricordare: in bolina il vento apparente \u00e8 pi\u00f9 forte e pi\u00f9 a prua del reale. Regola le vele pi\u00f9 chiuse di quanto suggerisca l&#8217;angolo del vento reale.<\/p><\/div><div class=\"mt-4 p-3 bg-secondary\/50 border border-border text-xs text-muted-foreground\"><strong>Come leggerlo:<\/strong> I tre vettori partono dalla stessa origine (la barca). Vento reale e velocit\u00e0 della barca partono dall&#8217;origine. Il vento apparente unisce la punta del vettore velocit\u00e0 alla punta del vettore vento reale: \u00e8 il vento che senti davvero a bordo.<\/div><\/div><\/div><div class=\"lwd-downwind-content flex-col lg:flex-row gap-8 items-center\"><svg viewBox=\"0 0 400 400\" class=\"w-full max-w-[400px] shrink-0\" aria-label=\"Vento reale vs vento apparente \u2014 Poppa\"><rect x=\"0\" y=\"0\" width=\"400\" height=\"400\" fill=\"hsl(200 25% 95%)\" rx=\"4\"><\/rect><path d=\"M0,340 Q100,335 200,340 T400,340\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.2\"><\/path><path d=\"M0,355 Q100,350 200,355 T400,355\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.2\"><\/path><path d=\"M0,370 Q100,365 200,370 T400,370\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.2\"><\/path><path d=\"M0,385 Q100,380 200,385 T400,385\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.2\"><\/path><defs><marker id=\"lArrowTW-d\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\"><polygon points=\"0 0, 10 3.5, 0 7\" fill=\"hsl(210 70% 50%)\"><\/polygon><\/marker><marker id=\"lArrowAW-d\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\"><polygon points=\"0 0, 10 3.5, 0 7\" fill=\"hsl(5 80% 52%)\"><\/polygon><\/marker><marker id=\"lArrowBS-d\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\"><polygon points=\"0 0, 10 3.5, 0 7\" fill=\"hsl(150 60% 35%)\"><\/polygon><\/marker><\/defs><line x1=\"200\" y1=\"90\" x2=\"200\" y2=\"250\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"3\" marker-end=\"url(#lArrowTW-d)\" stroke-dasharray=\"8 4\"><\/line><line x1=\"200\" y1=\"90\" x2=\"269.2820323027551\" y2=\"130\" stroke=\"hsl(150 60% 35%)\" stroke-width=\"2.5\" marker-end=\"url(#lArrowBS-d)\" stroke-dasharray=\"5 3\"><\/line><line x1=\"269.2820323027551\" y1=\"130\" x2=\"200\" y2=\"250\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"3\" marker-end=\"url(#lArrowAW-d)\"><\/line><circle cx=\"200\" cy=\"90\" r=\"4\" fill=\"hsl(220 20% 12%)\"><\/circle><text x=\"214\" y=\"165\" fill=\"hsl(210 70% 50%)\" font-size=\"11\" font-weight=\"700\">VENTO<\/text><text x=\"214\" y=\"178\" fill=\"hsl(210 70% 50%)\" font-size=\"11\" font-weight=\"700\">REALE<\/text><text x=\"246.64101615137756\" y=\"100\" fill=\"hsl(150 60% 35%)\" font-size=\"10\" font-weight=\"700\">VEL.<\/text><text x=\"246.64101615137756\" y=\"113\" fill=\"hsl(150 60% 35%)\" font-size=\"10\" font-weight=\"700\">BARCA<\/text><text x=\"156.64101615137756\" y=\"195\" fill=\"hsl(5 80% 52%)\" font-size=\"11\" font-weight=\"700\">VENTO<\/text><text x=\"156.64101615137756\" y=\"209\" fill=\"hsl(5 80% 52%)\" font-size=\"11\" font-weight=\"700\">APPARENTE<\/text><g transform=\"translate(200, 90) rotate(120)\"><path d=\"M0,-16 L5,-6 L4,12 Q0,18 -4,12 L-5,-6 Z\" fill=\"hsl(215 80% 22%)\" opacity=\"0.7\"><\/path><\/g><path d=\"M225.98076211353316,105 A30,30 0 0 1 200,120\" fill=\"none\" stroke=\"hsl(220 20% 40%)\" stroke-width=\"1\" stroke-dasharray=\"3 2\" opacity=\"0.6\"><\/path><g transform=\"translate(15, 370)\"><line x1=\"0\" y1=\"5\" x2=\"18\" y2=\"5\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"2.5\" stroke-dasharray=\"6 3\"><\/line><text x=\"23\" y=\"9\" fill=\"hsl(210 70% 50%)\" font-size=\"8\" font-weight=\"600\">Vento reale<\/text><line x1=\"120\" y1=\"5\" x2=\"138\" y2=\"5\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"2.5\"><\/line><text x=\"143\" y=\"9\" fill=\"hsl(5 80% 52%)\" font-size=\"8\" font-weight=\"600\">Vento apparente<\/text><line x1=\"250\" y1=\"5\" x2=\"268\" y2=\"5\" stroke=\"hsl(150 60% 35%)\" stroke-width=\"2.5\" stroke-dasharray=\"4 2\"><\/line><text x=\"273\" y=\"9\" fill=\"hsl(150 60% 35%)\" font-size=\"8\" font-weight=\"600\">Vel. barca<\/text><\/g><text x=\"200\" y=\"320\" text-anchor=\"middle\" fill=\"hsl(220 20% 40%)\" font-size=\"9\" font-weight=\"600\" opacity=\"0.7\">VA = VR \u2212 VB (sottrazione vettoriale)<\/text><\/svg><div class=\"flex-1\"><p class=\"windex-body\">In poppa: la barca si muove con il vento, quindi la sua velocit\u00e0 si sottrae al vento reale. Il vento apparente \u00e8 pi\u00f9 debole e ruota verso poppa.<\/p><div class=\"mt-4 windex-summary-box\"><p class=\"text-sm font-semibold text-navy\">Da ricordare: in poppa sembra tutto pi\u00f9 calmo, ma il vento reale non \u00e8 cambiato: la tua velocit\u00e0 viene sottratta. Non pensare che il vento sia calato.<\/p><\/div><div class=\"mt-4 p-3 bg-secondary\/50 border border-border text-xs text-muted-foreground\"><strong>Come leggerlo:<\/strong> I tre vettori partono dalla stessa origine (la barca). Vento reale e velocit\u00e0 della barca partono dall&#8217;origine. Il vento apparente unisce la punta del vettore velocit\u00e0 alla punta del vettore vento reale: \u00e8 il vento che senti davvero a bordo.<\/div><\/div><\/div><\/div><\/div><\/section><div class=\"bg-navy text-primary-foreground p-6 md:p-8 mb-14\"><p class=\"uppercase text-xs font-bold tracking-[0.2em] text-warm-gold mb-3\">Ricorda<\/p><blockquote class=\"text-lg md:text-xl font-serif italic leading-relaxed\">\u00abIl vento reale ti dice cosa fa la giornata. Il vento apparente ti dice cosa sentono le tue vele adesso.\u00bb<\/blockquote><\/div><section id=\"why-both\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Contesto<\/p><h2 class=\"windex-section-title mb-2\">Perch\u00e9 ai velisti servono entrambi<\/h2><div class=\"windex-divider mb-6\"><\/div><div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mb-4\"><div class=\"windex-card\"><h3 class=\"font-bold text-navy uppercase text-sm tracking-wider mb-3\">Il vento apparente serve per\u2026<\/h3><ul class=\"space-y-2 text-sm text-foreground\/85\"><li>\u2022 Regolazione e forma delle vele<\/li><li>\u2022 Timone e condotta<\/li><li>\u2022 Leggere i filetti segnavento<\/li><li>\u2022 Sensibilit\u00e0 tattica immediata<\/li><\/ul><\/div><div class=\"windex-card\"><h3 class=\"font-bold text-navy uppercase text-sm tracking-wider mb-3\">Il vento reale serve per\u2026<\/h3><ul class=\"space-y-2 text-sm text-foreground\/85\"><li>\u2022 Strategia e piano di regata<\/li><li>\u2022 Valutazione meteo<\/li><li>\u2022 Decisioni di navigazione<\/li><li>\u2022 Capire le condizioni<\/li><\/ul><\/div><\/div><p class=\"windex-body\">I buoni velisti uniscono i due: sentono il vento apparente attraverso barca e vele, mentre pensano strategicamente a cosa fa il vento reale sul campo di regata o lungo la rotta.<\/p><\/section><section id=\"how-to-read\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Passo per passo<\/p><h2 class=\"windex-section-title mb-2\">Come leggere la direzione del vento in navigazione<\/h2><div class=\"windex-divider mb-6\"><\/div><p class=\"windex-body mb-6\">Leggere il vento \u00e8 un&#8217;abilit\u00e0 costruita combinando pi\u00f9 segnali. Ecco una sequenza pratica da seguire ogni volta che esci in acqua.<\/p><div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\"><div class=\"windex-card flex flex-col items-start gap-3 hover:border-navy\/20 transition-colors\"><div class=\"text-navy\"><svg viewBox=\"0 0 40 40\" class=\"w-10 h-10\" aria-hidden=\"true\"><circle cx=\"20\" cy=\"20\" r=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"20\" y1=\"20\" x2=\"20\" y2=\"8\" stroke=\"currentColor\" stroke-width=\"2\"><\/line><line x1=\"20\" y1=\"20\" x2=\"30\" y2=\"14\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"2\"><\/line><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"currentColor\"><\/circle><\/svg><\/div><div><h4 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Senti il vento<\/h4><p class=\"text-sm text-muted-foreground leading-relaxed\">Gira il viso e senti dove arriva la brezza: il modo pi\u00f9 istintivo di valutare la direzione del vento.<\/p><\/div><\/div><div class=\"windex-card flex flex-col items-start gap-3 hover:border-navy\/20 transition-colors\"><div class=\"text-navy\"><svg viewBox=\"0 0 40 40\" class=\"w-10 h-10\" aria-hidden=\"true\"><circle cx=\"20\" cy=\"20\" r=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"20\" y1=\"20\" x2=\"20\" y2=\"8\" stroke=\"currentColor\" stroke-width=\"2\"><\/line><line x1=\"20\" y1=\"20\" x2=\"30\" y2=\"14\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"2\"><\/line><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"currentColor\"><\/circle><\/svg><\/div><div><h4 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Leggi l&#8217;acqua<\/h4><p class=\"text-sm text-muted-foreground leading-relaxed\">Macchie scure, increspature e direzione delle onde rivelano il vento reale nell&#8217;area di navigazione.<\/p><\/div><\/div><div class=\"windex-card flex flex-col items-start gap-3 hover:border-navy\/20 transition-colors\"><div class=\"text-navy\"><svg viewBox=\"0 0 40 40\" class=\"w-10 h-10\" aria-hidden=\"true\"><circle cx=\"20\" cy=\"20\" r=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"20\" y1=\"20\" x2=\"20\" y2=\"8\" stroke=\"currentColor\" stroke-width=\"2\"><\/line><line x1=\"20\" y1=\"20\" x2=\"30\" y2=\"14\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"2\"><\/line><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"currentColor\"><\/circle><\/svg><\/div><div><h4 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Osserva i filetti<\/h4><p class=\"text-sm text-muted-foreground leading-relaxed\">I filetti sulle vele mostrano il flusso d&#8217;aria e se la regolazione \u00e8 corretta per il vento apparente.<\/p><\/div><\/div><div class=\"windex-card flex flex-col items-start gap-3 hover:border-navy\/20 transition-colors\"><div class=\"text-navy\"><svg viewBox=\"0 0 40 40\" class=\"w-10 h-10\" aria-hidden=\"true\"><circle cx=\"20\" cy=\"20\" r=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"20\" y1=\"20\" x2=\"20\" y2=\"8\" stroke=\"currentColor\" stroke-width=\"2\"><\/line><line x1=\"20\" y1=\"20\" x2=\"30\" y2=\"14\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"2\"><\/line><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"currentColor\"><\/circle><\/svg><\/div><div><h4 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Controlla la testa d&#8217;albero<\/h4><p class=\"text-sm text-muted-foreground leading-relaxed\">Un indicatore in cima all&#8217;albero offre la lettura pi\u00f9 chiara della direzione del vento apparente.<\/p><\/div><\/div><div class=\"windex-card flex flex-col items-start gap-3 hover:border-navy\/20 transition-colors\"><div class=\"text-navy\"><svg viewBox=\"0 0 40 40\" class=\"w-10 h-10\" aria-hidden=\"true\"><circle cx=\"20\" cy=\"20\" r=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"20\" y1=\"20\" x2=\"20\" y2=\"8\" stroke=\"currentColor\" stroke-width=\"2\"><\/line><line x1=\"20\" y1=\"20\" x2=\"30\" y2=\"14\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"2\"><\/line><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"currentColor\"><\/circle><\/svg><\/div><div><h4 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Conosci la tua andatura<\/h4><p class=\"text-sm text-muted-foreground leading-relaxed\">La rotta rispetto al vento determina di quanto il vento apparente si discosta dal reale.<\/p><\/div><\/div><div class=\"windex-card flex flex-col items-start gap-3 hover:border-navy\/20 transition-colors\"><div class=\"text-navy\"><svg viewBox=\"0 0 40 40\" class=\"w-10 h-10\" aria-hidden=\"true\"><circle cx=\"20\" cy=\"20\" r=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"20\" y1=\"20\" x2=\"20\" y2=\"8\" stroke=\"currentColor\" stroke-width=\"2\"><\/line><line x1=\"20\" y1=\"20\" x2=\"30\" y2=\"14\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"2\"><\/line><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"currentColor\"><\/circle><\/svg><\/div><div><h4 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Considera la velocit\u00e0<\/h4><p class=\"text-sm text-muted-foreground leading-relaxed\">Accelerando o rallentando cambiano angolo e intensit\u00e0 del vento apparente: adegua la regolazione.<\/p><\/div><\/div><\/div><div class=\"mt-8 space-y-8\"><div class=\"flex gap-4\"><div class=\"windex-step-number\">1<\/div><div><h3 class=\"font-bold text-navy text-base md:text-lg mb-1\">Parti da ci\u00f2 che ti dice la barca<\/h3><p class=\"text-sm md:text-base text-foreground\/80 leading-relaxed\">Senti il vento su viso, collo e orecchie. Ruota la testa finch\u00e9 la brezza colpisce entrambi i lati allo stesso modo: da l\u00ec arriva il vento apparente. Anche sbandamento, pressione sul timone e carico delle vele danno indizi.<\/p><\/div><\/div><div class=\"flex gap-4\"><div class=\"windex-step-number\">2<\/div><div><h3 class=\"font-bold text-navy text-base md:text-lg mb-1\">Leggi i segnali sull&#8217;acqua<\/h3><p class=\"text-sm md:text-base text-foreground\/80 leading-relaxed\">Le macchie scure indicano pi\u00f9 vento. Le increspature mostrano la direzione. Bandiere a terra, fumo e vele di altre barche aiutano a leggere il vento reale a distanza.<\/p><\/div><\/div><div class=\"flex gap-4\"><div class=\"windex-step-number\">3<\/div><div><h3 class=\"font-bold text-navy text-base md:text-lg mb-1\">Guarda filetti e indicatore di testa d&#8217;albero<\/h3><p class=\"text-sm md:text-base text-foreground\/80 leading-relaxed\">I filetti mostrano il flusso d&#8217;aria: se scorrono verso poppa su entrambi i lati, la regolazione \u00e8 buona. Un indicatore in testa d&#8217;albero come un Windex offre la lettura pi\u00f9 chiara del vento apparente, sopra le turbolenze delle vele.<\/p><\/div><\/div><div class=\"flex gap-4\"><div class=\"windex-step-number\">4<\/div><div><h3 class=\"font-bold text-navy text-base md:text-lg mb-1\">Conosci la tua andatura<\/h3><p class=\"text-sm md:text-base text-foreground\/80 leading-relaxed\">Capisci se sei di bolina, al traverso o in poppa. Questo contesto indica quanto il vento apparente si \u00e8 spostato dal reale e ti aiuta a interpretare ci\u00f2 che senti.<\/p><\/div><\/div><div class=\"flex gap-4\"><div class=\"windex-step-number\">5<\/div><div><h3 class=\"font-bold text-navy text-base md:text-lg mb-1\">Ricorda: la velocit\u00e0 cambia il vento apparente<\/h3><p class=\"text-sm md:text-base text-foreground\/80 leading-relaxed\">Se acceleri, il vento apparente ruota verso prua e sembra pi\u00f9 forte. Se rallenti, si sposta a poppa e alleggerisce. Le raffiche possono cambiare il vento apparente anche se il reale resta costante.<\/p><\/div><\/div><div class=\"flex gap-4\"><div class=\"windex-step-number\">6<\/div><div><h3 class=\"font-bold text-navy text-base md:text-lg mb-1\">Usa gli strumenti se disponibili<\/h3><p class=\"text-sm md:text-base text-foreground\/80 leading-relaxed\">Gli strumenti elettronici possono mostrare vento reale e apparente. Sono riferimenti utili, ma non fidarti ciecamente: impara a confrontarli con ci\u00f2 che vedi e senti.<\/p><\/div><\/div><\/div><\/section><section class=\"mb-14\"><div class=\"windex-card\"><div class=\"windex-eyebrow mb-2\">Riferimento<\/div><h3 class=\"text-xl md:text-2xl font-extrabold text-navy mb-6\">Andature e vento apparente<\/h3><div class=\"flex flex-col md:flex-row gap-8 items-center\"><svg viewBox=\"0 0 360 340\" class=\"w-full max-w-[360px] shrink-0\" aria-label=\"Andature e vento apparente\"><defs><marker id=\"lWindArrowPOS\" markerWidth=\"8\" markerHeight=\"6\" refX=\"7\" refY=\"3\" orient=\"auto\"><polygon points=\"0 0, 8 3, 0 6\" fill=\"hsl(210 70% 50%)\"><\/polygon><\/marker><\/defs><line x1=\"180\" y1=\"10\" x2=\"180\" y2=\"70\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"2.5\" marker-end=\"url(#lWindArrowPOS)\"><\/line><text x=\"180\" y=\"8\" text-anchor=\"middle\" fill=\"hsl(210 70% 50%)\" font-size=\"10\" font-weight=\"700\">VENTO REALE<\/text><path d=\"M 40,180 A 140,140 0 0,1 320,180\" fill=\"none\" stroke=\"hsl(214 20% 90%)\" stroke-width=\"1.5\"><\/path><circle cx=\"180\" cy=\"180\" r=\"4\" fill=\"hsl(215 80% 22%)\"><\/circle><g><line x1=\"180\" y1=\"180\" x2=\"76.07695154586736\" y2=\"120\" stroke=\"hsl(215 80% 22%)\" stroke-width=\"1.5\" opacity=\"0.6\" stroke-dasharray=\"4 3\"><\/line><circle cx=\"76.07695154586736\" cy=\"120\" r=\"3\" fill=\"hsl(215 80% 22%)\"><\/circle><text x=\"63.08657048910078\" y=\"112.50000000000001\" text-anchor=\"end\" fill=\"hsl(220 20% 12%)\" font-size=\"10\" font-weight=\"700\">Bolina stretta<\/text><text x=\"63.08657048910078\" y=\"125.50000000000001\" text-anchor=\"end\" fill=\"hsl(215 10% 46%)\" font-size=\"9\">L&#8217;apparente ruota molto a prua<\/text><\/g><g><line x1=\"180\" y1=\"180\" x2=\"102.86548683761528\" y2=\"88.07466682572264\" stroke=\"hsl(215 80% 22%)\" stroke-width=\"1.5\" opacity=\"0.6\" stroke-dasharray=\"4 3\"><\/line><circle cx=\"102.86548683761528\" cy=\"88.07466682572264\" r=\"3\" fill=\"hsl(215 80% 22%)\"><\/circle><text x=\"93.22367269231718\" y=\"76.58400017893797\" text-anchor=\"end\" fill=\"hsl(220 20% 12%)\" font-size=\"10\" font-weight=\"700\">Bolina larga<\/text><text x=\"93.22367269231718\" y=\"89.58400017893797\" text-anchor=\"end\" fill=\"hsl(215 10% 46%)\" font-size=\"9\">Vento apparente forte<\/text><\/g><g><line x1=\"180\" y1=\"180\" x2=\"148.9417145876975\" y2=\"64.0889008453118\" stroke=\"hsl(215 80% 22%)\" stroke-width=\"1.5\" opacity=\"0.6\" stroke-dasharray=\"4 3\"><\/line><circle cx=\"148.9417145876975\" cy=\"64.0889008453118\" r=\"3\" fill=\"hsl(215 80% 22%)\"><\/circle><text x=\"145.05942891115967\" y=\"49.60001345097578\" text-anchor=\"end\" fill=\"hsl(220 20% 12%)\" font-size=\"10\" font-weight=\"700\">Traverso<\/text><text x=\"145.05942891115967\" y=\"62.60001345097578\" text-anchor=\"end\" fill=\"hsl(215 10% 46%)\" font-size=\"9\">Apparente \u2248 angolo del vento reale<\/text><\/g><g><line x1=\"180\" y1=\"180\" x2=\"211.0582854123025\" y2=\"64.0889008453118\" stroke=\"hsl(215 80% 22%)\" stroke-width=\"1.5\" opacity=\"0.6\" stroke-dasharray=\"4 3\"><\/line><circle cx=\"211.0582854123025\" cy=\"64.0889008453118\" r=\"3\" fill=\"hsl(215 80% 22%)\"><\/circle><text x=\"214.9405710888403\" y=\"49.60001345097578\" text-anchor=\"start\" fill=\"hsl(220 20% 12%)\" font-size=\"10\" font-weight=\"700\">Lasco<\/text><text x=\"214.9405710888403\" y=\"62.60001345097578\" text-anchor=\"start\" fill=\"hsl(215 10% 46%)\" font-size=\"9\">L&#8217;apparente inizia a spostarsi a poppa<\/text><\/g><g><line x1=\"180\" y1=\"180\" x2=\"257.13451316238474\" y2=\"88.07466682572264\" stroke=\"hsl(215 80% 22%)\" stroke-width=\"1.5\" opacity=\"0.6\" stroke-dasharray=\"4 3\"><\/line><circle cx=\"257.13451316238474\" cy=\"88.07466682572264\" r=\"3\" fill=\"hsl(215 80% 22%)\"><\/circle><text x=\"266.77632730768283\" y=\"76.58400017893797\" text-anchor=\"start\" fill=\"hsl(220 20% 12%)\" font-size=\"10\" font-weight=\"700\">Poppa<\/text><text x=\"266.77632730768283\" y=\"89.58400017893797\" text-anchor=\"start\" fill=\"hsl(215 10% 46%)\" font-size=\"9\">Vento apparente pi\u00f9 debole<\/text><\/g><path d=\"M 180,180 L 145,70 A 30,30 0 0,1 215,70 Z\" fill=\"hsl(5 80% 52%)\" fill-opacity=\"0.08\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"1\" stroke-dasharray=\"3 2\"><\/path><text x=\"180\" y=\"130\" text-anchor=\"middle\" fill=\"hsl(5 80% 52%)\" font-size=\"9\" font-weight=\"600\">ZONA MORTA<\/text><text x=\"180\" y=\"330\" text-anchor=\"middle\" fill=\"hsl(215 10% 46%)\" font-size=\"9\">Angoli mostrati per mure a destra: specchiare per mure a sinistra<\/text><\/svg><div class=\"flex-1 space-y-3\"><div class=\"flex items-start gap-3 py-2 border-b border-border last:border-0\"><span class=\"w-2 h-2 rounded-full bg-navy mt-1.5 shrink-0\"><\/span><div><span class=\"font-bold text-sm text-navy\">Bolina stretta<\/span><p class=\"text-sm text-muted-foreground\">L&#8217;apparente ruota molto a prua<\/p><\/div><\/div><div class=\"flex items-start gap-3 py-2 border-b border-border last:border-0\"><span class=\"w-2 h-2 rounded-full bg-navy mt-1.5 shrink-0\"><\/span><div><span class=\"font-bold text-sm text-navy\">Bolina larga<\/span><p class=\"text-sm text-muted-foreground\">Vento apparente forte<\/p><\/div><\/div><div class=\"flex items-start gap-3 py-2 border-b border-border last:border-0\"><span class=\"w-2 h-2 rounded-full bg-navy mt-1.5 shrink-0\"><\/span><div><span class=\"font-bold text-sm text-navy\">Traverso<\/span><p class=\"text-sm text-muted-foreground\">Apparente \u2248 angolo del vento reale<\/p><\/div><\/div><div class=\"flex items-start gap-3 py-2 border-b border-border last:border-0\"><span class=\"w-2 h-2 rounded-full bg-navy mt-1.5 shrink-0\"><\/span><div><span class=\"font-bold text-sm text-navy\">Lasco<\/span><p class=\"text-sm text-muted-foreground\">L&#8217;apparente inizia a spostarsi a poppa<\/p><\/div><\/div><div class=\"flex items-start gap-3 py-2 border-b border-border last:border-0\"><span class=\"w-2 h-2 rounded-full bg-navy mt-1.5 shrink-0\"><\/span><div><span class=\"font-bold text-sm text-navy\">Poppa<\/span><p class=\"text-sm text-muted-foreground\">Vento apparente pi\u00f9 debole<\/p><\/div><\/div><\/div><\/div><\/div><\/section><section id=\"upwind-downwind\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Esempi pratici<\/p><h2 class=\"windex-section-title mb-2\">Navigare di bolina vs in poppa<\/h2><div class=\"windex-divider mb-6\"><\/div><p class=\"windex-body mb-6\">Capire come si comporta il vento apparente di bolina e in poppa \u00e8 una delle cose pi\u00f9 utili da imparare. Ecco il contrasto principale:<\/p><div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\"><div class=\"bg-off-white border border-border p-6 md:p-8\"><div class=\"flex items-center gap-3 mb-4\"><svg viewBox=\"0 0 32 32\" class=\"w-8 h-8 text-navy\" aria-hidden=\"true\"><line x1=\"16\" y1=\"28\" x2=\"16\" y2=\"6\" stroke=\"currentColor\" stroke-width=\"2.5\"><\/line><polygon points=\"16,4 10,12 22,12\" fill=\"currentColor\"><\/polygon><\/svg><h4 class=\"text-lg font-extrabold text-navy uppercase tracking-wider\">Navigazione di bolina<\/h4><\/div><div class=\"windex-divider mb-4\"><\/div><ul class=\"space-y-3\"><li class=\"flex items-start gap-2\"><svg viewBox=\"0 0 16 16\" class=\"w-4 h-4 mt-1 shrink-0 text-marine-blue\" aria-hidden=\"true\"><polygon points=\"8,2 14,14 2,14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polygon><\/svg><span class=\"text-sm text-foreground\/85\">Il vento apparente ruota verso prua rispetto al vento reale<\/span><\/li><li class=\"flex items-start gap-2\"><svg viewBox=\"0 0 16 16\" class=\"w-4 h-4 mt-1 shrink-0 text-marine-blue\" aria-hidden=\"true\"><polygon points=\"8,2 14,14 2,14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polygon><\/svg><span class=\"text-sm text-foreground\/85\">Il vento sembra pi\u00f9 forte di quanto sia realmente<\/span><\/li><li class=\"flex items-start gap-2\"><svg viewBox=\"0 0 16 16\" class=\"w-4 h-4 mt-1 shrink-0 text-marine-blue\" aria-hidden=\"true\"><polygon points=\"8,2 14,14 2,14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polygon><\/svg><span class=\"text-sm text-foreground\/85\">La regolazione diventa pi\u00f9 sensibile a piccole variazioni<\/span><\/li><\/ul><div class=\"mt-5 bg-sea-mist p-4\"><p class=\"text-xs font-semibold text-navy uppercase tracking-wider mb-1\">Nota pratica<\/p><p class=\"text-sm text-muted-foreground\">Piccoli guadagni di velocit\u00e0 di bolina amplificano l&#8217;effetto del vento apparente. Regola spesso e resta attento ai cambi sottili.<\/p><\/div><\/div><div class=\"bg-off-white border border-border p-6 md:p-8\"><div class=\"flex items-center gap-3 mb-4\"><svg viewBox=\"0 0 32 32\" class=\"w-8 h-8 text-navy\" aria-hidden=\"true\"><line x1=\"16\" y1=\"4\" x2=\"16\" y2=\"26\" stroke=\"currentColor\" stroke-width=\"2.5\"><\/line><polygon points=\"16,28 10,20 22,20\" fill=\"currentColor\"><\/polygon><\/svg><h4 class=\"text-lg font-extrabold text-navy uppercase tracking-wider\">Navigazione in poppa<\/h4><\/div><div class=\"windex-divider mb-4\"><\/div><ul class=\"space-y-3\"><li class=\"flex items-start gap-2\"><svg viewBox=\"0 0 16 16\" class=\"w-4 h-4 mt-1 shrink-0 text-marine-blue\" aria-hidden=\"true\"><polygon points=\"8,14 14,2 2,2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polygon><\/svg><span class=\"text-sm text-foreground\/85\">Il vento apparente si sposta a poppa e si apre<\/span><\/li><li class=\"flex items-start gap-2\"><svg viewBox=\"0 0 16 16\" class=\"w-4 h-4 mt-1 shrink-0 text-marine-blue\" aria-hidden=\"true\"><polygon points=\"8,14 14,2 2,2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polygon><\/svg><span class=\"text-sm text-foreground\/85\">Il vento sembra pi\u00f9 leggero anche se il reale non cambia<\/span><\/li><li class=\"flex items-start gap-2\"><svg viewBox=\"0 0 16 16\" class=\"w-4 h-4 mt-1 shrink-0 text-marine-blue\" aria-hidden=\"true\"><polygon points=\"8,14 14,2 2,2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polygon><\/svg><span class=\"text-sm text-foreground\/85\">I principianti pensano che il vento sia calato: non \u00e8 cos\u00ec<\/span><\/li><\/ul><div class=\"mt-5 bg-sea-mist p-4\"><p class=\"text-xs font-semibold text-navy uppercase tracking-wider mb-1\">Nota pratica<\/p><p class=\"text-sm text-muted-foreground\">Guarda l&#8217;acqua dietro di te e le altre barche per confermare che il vento reale non \u00e8 cambiato quando in poppa sembra pi\u00f9 leggero.<\/p><\/div><\/div><\/div><\/section><section id=\"mistakes\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Attenzione<\/p><h2 class=\"windex-section-title mb-2\">Errori comuni<\/h2><div class=\"windex-divider mb-6\"><\/div><div class=\"space-y-4\"><div class=\"flex items-start gap-3 py-3 border-b border-border last:border-0\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-signal-red shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"7\" y1=\"7\" x2=\"13\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><line x1=\"13\" y1=\"7\" x2=\"7\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><\/svg><div><h3 class=\"font-bold text-navy text-sm mb-0.5\">Confondere il vento percepito con quello reale<\/h3><p class=\"text-sm text-muted-foreground\">Ci\u00f2 che senti \u00e8 vento apparente, non le condizioni reali. Decidere la strategia solo sull&#8217;apparente porta a errori.<\/p><\/div><\/div><div class=\"flex items-start gap-3 py-3 border-b border-border last:border-0\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-signal-red shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"7\" y1=\"7\" x2=\"13\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><line x1=\"13\" y1=\"7\" x2=\"7\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><\/svg><div><h3 class=\"font-bold text-navy text-sm mb-0.5\">Ignorare i cambi di velocit\u00e0<\/h3><p class=\"text-sm text-muted-foreground\">Quando acceleri in una raffica o rallenti in un calo, il vento apparente ruota. Se non lo consideri, regolerai male.<\/p><\/div><\/div><div class=\"flex items-start gap-3 py-3 border-b border-border last:border-0\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-signal-red shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"7\" y1=\"7\" x2=\"13\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><line x1=\"13\" y1=\"7\" x2=\"7\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><\/svg><div><h3 class=\"font-bold text-navy text-sm mb-0.5\">Guardare un solo indizio<\/h3><p class=\"text-sm text-muted-foreground\">Nessun singolo indicatore racconta tutto. Combina testa d&#8217;albero, filetti, superficie dell&#8217;acqua e sensazione fisica.<\/p><\/div><\/div><div class=\"flex items-start gap-3 py-3 border-b border-border last:border-0\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-signal-red shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"7\" y1=\"7\" x2=\"13\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><line x1=\"13\" y1=\"7\" x2=\"7\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><\/svg><div><h3 class=\"font-bold text-navy text-sm mb-0.5\">Dimenticare che le condizioni cambiano<\/h3><p class=\"text-sm text-muted-foreground\">Il vento non \u00e8 mai costante. Rotazioni, raffiche, cali ed effetti geografici richiedono una lettura continua.<\/p><\/div><\/div><div class=\"flex items-start gap-3 py-3 border-b border-border last:border-0\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-signal-red shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"7\" y1=\"7\" x2=\"13\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><line x1=\"13\" y1=\"7\" x2=\"7\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><\/svg><div><h3 class=\"font-bold text-navy text-sm mb-0.5\">Pensare solo alla regolazione e non alla strategia<\/h3><p class=\"text-sm text-muted-foreground\">La regolazione (vento apparente) \u00e8 immediata, ma se non alzi lo sguardo per capire dove ruota il vento reale perdi il quadro generale.<\/p><\/div><\/div><\/div><\/section><section id=\"tips\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Migliora<\/p><h2 class=\"windex-section-title mb-2\">Consigli per leggere meglio il vento<\/h2><div class=\"windex-divider mb-6\"><\/div><div class=\"space-y-4\"><div class=\"flex items-start gap-3\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-marine-blue shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><polyline points=\"6,10 9,13 14,7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polyline><\/svg><p class=\"text-sm md:text-base text-foreground\/85\">Confronta ci\u00f2 che senti con ci\u00f2 che vedi. La testa d&#8217;albero concorda con il tuo viso? L&#8217;acqua concorda con i filetti?<\/p><\/div><div class=\"flex items-start gap-3\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-marine-blue shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><polyline points=\"6,10 9,13 14,7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polyline><\/svg><p class=\"text-sm md:text-base text-foreground\/85\">Prevedi le rotazioni prima che arrivino. Guarda sopravento l&#8217;acqua e le altre barche per vedere raffiche e salti avvicinarsi.<\/p><\/div><div class=\"flex items-start gap-3\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-marine-blue shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><polyline points=\"6,10 9,13 14,7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polyline><\/svg><p class=\"text-sm md:text-base text-foreground\/85\">Esercitati su andature diverse. Naviga un cerchio completo e osserva come cambia il vento apparente al variare della rotta.<\/p><\/div><div class=\"flex items-start gap-3\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-marine-blue shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><polyline points=\"6,10 9,13 14,7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polyline><\/svg><p class=\"text-sm md:text-base text-foreground\/85\">Chiediti se il cambio viene dal meteo o dalla velocit\u00e0. Il vento ha davvero ruotato o la barca ha solo rallentato?<\/p><\/div><div class=\"flex items-start gap-3\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-marine-blue shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><polyline points=\"6,10 9,13 14,7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polyline><\/svg><p class=\"text-sm md:text-base text-foreground\/85\">Analizza dopo ogni uscita. Pensa ai momenti in cui la lettura del vento ha fatto la differenza e a cosa ti \u00e8 sfuggito.<\/p><\/div><\/div><\/section><section id=\"faq\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Domande frequenti<\/p><h2 class=\"windex-section-title mb-2\">FAQ<\/h2><div class=\"windex-divider mb-6\"><\/div><div class=\"w-full space-y-0\"><details class=\"border-b border-border group\"><summary class=\"flex items-center justify-between cursor-pointer text-left text-sm md:text-base font-semibold text-navy hover:text-navy-light py-5 list-none [&amp;::-webkit-details-marker]:hidden\"><span>Qual \u00e8 la differenza tra vento apparente e vento reale in barca a vela?<\/span><svg class=\"w-4 h-4 shrink-0 ml-4 transition-transform duration-200 group-open:rotate-180\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/summary><div class=\"text-sm md:text-base text-foreground\/80 leading-relaxed pb-5\">Il vento reale \u00e8 il vento che soffia sull&#8217;acqua, indipendente dalla tua barca. Il vento apparente \u00e8 quello che senti a bordo: la combinazione del vento reale e del vento creato dal movimento della barca. Differiscono in direzione e intensit\u00e0 in base a velocit\u00e0 e rotta.<\/div><\/details><details class=\"border-b border-border group\"><summary class=\"flex items-center justify-between cursor-pointer text-left text-sm md:text-base font-semibold text-navy hover:text-navy-light py-5 list-none [&amp;::-webkit-details-marker]:hidden\"><span>Perch\u00e9 il vento apparente sembra pi\u00f9 forte di quello reale?<\/span><svg class=\"w-4 h-4 shrink-0 ml-4 transition-transform duration-200 group-open:rotate-180\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/summary><div class=\"text-sm md:text-base text-foreground\/80 leading-relaxed pb-5\">Di bolina il moto in avanti della barca si somma al vento reale, cos\u00ec l&#8217;apparente sembra pi\u00f9 forte. \u00c8 come pedalare contro la brezza: anche in una giornata calma senti vento in faccia per la tua stessa velocit\u00e0.<\/div><\/details><details class=\"border-b border-border group\"><summary class=\"flex items-center justify-between cursor-pointer text-left text-sm md:text-base font-semibold text-navy hover:text-navy-light py-5 list-none [&amp;::-webkit-details-marker]:hidden\"><span>Quale vento conta di pi\u00f9 nella regolazione delle vele?<\/span><svg class=\"w-4 h-4 shrink-0 ml-4 transition-transform duration-200 group-open:rotate-180\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/summary><div class=\"text-sm md:text-base text-foreground\/80 leading-relaxed pb-5\">Il vento apparente. Le vele interagiscono con il flusso d&#8217;aria che ricevono realmente, che \u00e8 sempre il vento apparente. Filetti, forma della vela e indicatori di testa d&#8217;albero rispondono al vento apparente.<\/div><\/details><details class=\"border-b border-border group\"><summary class=\"flex items-center justify-between cursor-pointer text-left text-sm md:text-base font-semibold text-navy hover:text-navy-light py-5 list-none [&amp;::-webkit-details-marker]:hidden\"><span>Quale vento conta di pi\u00f9 per strategia e navigazione?<\/span><svg class=\"w-4 h-4 shrink-0 ml-4 transition-transform duration-200 group-open:rotate-180\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/summary><div class=\"text-sm md:text-base text-foreground\/80 leading-relaxed pb-5\">Il vento reale. Schemi meteo, rotazioni e scelte di rotta si basano sulle condizioni reali di vento sull&#8217;acqua, non su ci\u00f2 che genera la barca in movimento.<\/div><\/details><details class=\"border-b border-border group\"><summary class=\"flex items-center justify-between cursor-pointer text-left text-sm md:text-base font-semibold text-navy hover:text-navy-light py-5 list-none [&amp;::-webkit-details-marker]:hidden\"><span>Come pu\u00f2 un principiante leggere la direzione del vento?<\/span><svg class=\"w-4 h-4 shrink-0 ml-4 transition-transform duration-200 group-open:rotate-180\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/summary><div class=\"text-sm md:text-base text-foreground\/80 leading-relaxed pb-5\">Inizia sentendo il vento su viso e collo. Osserva le increspature sull&#8217;acqua. Controlla filetti e indicatore di testa d&#8217;albero. Col tempo unisci questi indizi alla conoscenza dell&#8217;andatura e della velocit\u00e0 per costruire una comprensione istintiva.<\/div><\/details><details class=\"border-b border-border group\"><summary class=\"flex items-center justify-between cursor-pointer text-left text-sm md:text-base font-semibold text-navy hover:text-navy-light py-5 list-none [&amp;::-webkit-details-marker]:hidden\"><span>Il vento apparente cambia quando la barca accelera?<\/span><svg class=\"w-4 h-4 shrink-0 ml-4 transition-transform duration-200 group-open:rotate-180\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/summary><div class=\"text-sm md:text-base text-foreground\/80 leading-relaxed pb-5\">S\u00ec. Quando la barca accelera, il vento apparente ruota tipicamente verso prua e aumenta di intensit\u00e0. Quando rallenti si sposta a poppa e sembra pi\u00f9 leggero. Per questo la regolazione va corretta continuamente.<\/div><\/details><\/div><\/section><\/article><\/div><\/div><section class=\"bg-navy text-primary-foreground py-16 md:py-20\"><div class=\"windex-container text-center max-w-2xl mx-auto\"><p class=\"uppercase text-xs md:text-sm font-bold tracking-[0.2em] text-warm-gold mb-4\">Naviga con sicurezza<\/p><h2 class=\"text-2xl md:text-3xl lg:text-4xl font-extrabold mb-4 text-white\">Conosci meglio il vento. Naviga con informazioni pi\u00f9 chiare.<\/h2><p class=\"text-primary-foreground\/70 mb-8 max-w-lg mx-auto\">Gli indicatori di direzione del vento Windex aiutano i velisti a leggere il vento dal 1964. Scopri la gamma e trova il modello giusto per la tua barca.<\/p><div class=\"flex flex-wrap justify-center gap-3\"><a href=\"https:\/\/dev112.dioniqlabb.se\/it\/shop\/\" class=\"inline-flex items-center justify-center px-6 py-3 bg-warm-gold text-accent-foreground font-semibold text-sm uppercase tracking-wider hover:opacity-90 transition-opacity\">Scopri i prodotti<\/a><a href=\"https:\/\/dev112.dioniqlabb.se\/it\/assembly-instructions\/\" class=\"inline-flex items-center justify-center px-6 py-3 border-2 border-primary-foreground\/30 text-primary-foreground font-semibold text-sm uppercase tracking-wider hover:bg-primary-foreground\/10 transition-colors\">Istruzioni di montaggio<\/a><a href=\"https:\/\/dev112.dioniqlabb.se\/resellers\" class=\"inline-flex items-center justify-center px-6 py-3 border-2 border-primary-foreground\/30 text-primary-foreground font-semibold text-sm uppercase tracking-wider hover:bg-primary-foreground\/10 transition-colors\">Trova un rivenditore<\/a><\/div><\/div><\/section><section class=\"py-14 md:py-20 bg-off-white\"><div class=\"windex-container\"><p class=\"windex-eyebrow mb-2\">Risorse correlate<\/p><h2 class=\"windex-section-title mb-2\">Continua a imparare<\/h2><div class=\"windex-divider mb-8\"><\/div><div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\"><a href=\"#\" class=\"bg-background border border-border p-5 hover:border-navy\/30 transition-colors block\"><h3 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Guide alla vela per principianti<\/h3><p class=\"text-sm text-muted-foreground\">Tutto ci\u00f2 che serve per iniziare a navigare con sicurezza.<\/p><\/a><a href=\"#\" class=\"bg-background border border-border p-5 hover:border-navy\/30 transition-colors block\"><h3 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Le andature spiegate<\/h3><p class=\"text-sm text-muted-foreground\">Una guida visiva a ogni angolo rispetto al vento.<\/p><\/a><a href=\"#\" class=\"bg-background border border-border p-5 hover:border-navy\/30 transition-colors block\"><h3 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Guida alla regolazione delle vele<\/h3><p class=\"text-sm text-muted-foreground\">Come dare forma alle vele per velocit\u00e0 e controllo.<\/p><\/a><a href=\"#\" class=\"bg-background border border-border p-5 hover:border-navy\/30 transition-colors block\"><h3 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Come funzionano i filetti<\/h3><p class=\"text-sm text-muted-foreground\">Leggi il flusso d&#8217;aria sulle vele come un esperto.<\/p><\/a><a href=\"#\" class=\"bg-background border border-border p-5 hover:border-navy\/30 transition-colors block\"><h3 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Consigli per la bolina<\/h3><p class=\"text-sm text-muted-foreground\">Massimizza il VMG e stringi di pi\u00f9.<\/p><\/a><a href=\"#\" class=\"bg-background border border-border p-5 hover:border-navy\/30 transition-colors block\"><h3 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Tecniche in poppa<\/h3><p class=\"text-sm text-muted-foreground\">Resta veloce e stabile in poppa e al lasco.<\/p><\/a><\/div><\/div><\/section><script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"headline\":\"Come leggere la direzione del vento in barca a vela (vento apparente vs vento reale)\",\"description\":\"Scopri la differenza tra vento apparente e vento reale e come leggere la direzione del vento in barca a vela: diagrammi, metodi e FAQ.\",\"inLanguage\":\"it\"},{\"@type\":\"FAQPage\",\"inLanguage\":\"it\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Qual \u00e8 la differenza tra vento apparente e vento reale in barca a vela?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Il vento reale \u00e8 il vento che soffia sull'acqua, indipendente dalla tua barca. Il vento apparente \u00e8 quello che senti a bordo: la combinazione del vento reale e del vento creato dal movimento della barca. Differiscono in direzione e intensit\u00e0 in base a velocit\u00e0 e rotta.\"}},{\"@type\":\"Question\",\"name\":\"Perch\u00e9 il vento apparente sembra pi\u00f9 forte di quello reale?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Di bolina il moto in avanti della barca si somma al vento reale, cos\u00ec l'apparente sembra pi\u00f9 forte. \u00c8 come pedalare contro la brezza: anche in una giornata calma senti vento in faccia per la tua stessa velocit\u00e0.\"}},{\"@type\":\"Question\",\"name\":\"Quale vento conta di pi\u00f9 nella regolazione delle vele?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Il vento apparente. Le vele interagiscono con il flusso d'aria che ricevono realmente, che \u00e8 sempre il vento apparente. Filetti, forma della vela e indicatori di testa d'albero rispondono al vento apparente.\"}},{\"@type\":\"Question\",\"name\":\"Quale vento conta di pi\u00f9 per strategia e navigazione?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Il vento reale. Schemi meteo, rotazioni e scelte di rotta si basano sulle condizioni reali di vento sull'acqua, non su ci\u00f2 che genera la barca in movimento.\"}},{\"@type\":\"Question\",\"name\":\"Come pu\u00f2 un principiante leggere la direzione del vento?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Inizia sentendo il vento su viso e collo. Osserva le increspature sull'acqua. Controlla filetti e indicatore di testa d'albero. Col tempo unisci questi indizi alla conoscenza dell'andatura e della velocit\u00e0 per costruire una comprensione istintiva.\"}},{\"@type\":\"Question\",\"name\":\"Il vento apparente cambia quando la barca accelera?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"S\u00ec. Quando la barca accelera, il vento apparente ruota tipicamente verso prua e aumenta di intensit\u00e0. Quando rallenti si sposta a poppa e sembra pi\u00f9 leggero. Per questo la regolazione va corretta continuamente.\"}}]}]}<\/script><\/div><\/div>\n  \n\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Come leggere la direzione del vento (IT) Contenuti Risposta rapida Che cos&#8217;\u00e8 il vento reale? Che cos&#8217;\u00e8 il vento apparente? Apparente vs reale Perch\u00e9 servono entrambi Come leggere il vento Bolina vs poppa Errori comuni Consigli per migliorare FAQ In breve Vento reale = il vento che soffia davvero sull&#8217;acqua, indipendente dalla tua barca. Vento &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/dev112.dioniqlabb.se\/it\/come-leggere-la-direzione-del-vento\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Come leggere la direzione del vento&#8221;<\/span><\/a><\/p>\n","protected":false},"author":116,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-9146","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.2.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Come leggere la direzione del vento (IT) ContenutiRisposta rapidaChe cos&#039;\u00e8 il vento reale?Che cos&#039;\u00e8 il vento apparente?Apparente vs realePerch\u00e9 servono entrambiCome leggere il ventoBolina vs poppaErrori comuniConsigli per migliorareFAQIn breveVento reale = il vento che soffia davvero sull&#039;acqua, indipendente dalla tua barca.Vento apparente = il vento che senti a bordo, combinazione di vento reale e\" \/>\n\t<meta name=\"robots\" content=\"noindex, nofollow, max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/dev112.dioniqlabb.se\/it\/come-leggere-la-direzione-del-vento\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.2.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"it_IT\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Windex Development - Wind direction indicator\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Come leggere la direzione del vento - Windex Development\" \/>\n\t\t<meta property=\"og:description\" content=\"Come leggere la direzione del vento (IT) ContenutiRisposta rapidaChe cos&#039;\u00e8 il vento reale?Che cos&#039;\u00e8 il vento apparente?Apparente vs realePerch\u00e9 servono entrambiCome leggere il ventoBolina vs poppaErrori comuniConsigli per migliorareFAQIn breveVento reale = il vento che soffia davvero sull&#039;acqua, indipendente dalla tua barca.Vento apparente = il vento che senti a bordo, combinazione di vento reale e\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/dev112.dioniqlabb.se\/it\/come-leggere-la-direzione-del-vento\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"295\" \/>\n\t\t<meta property=\"og:image:height\" content=\"80\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-09-08T13:37:17+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-09-08T13:37:20+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Come leggere la direzione del vento - Windex Development\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Come leggere la direzione del vento (IT) ContenutiRisposta rapidaChe cos&#039;\u00e8 il vento reale?Che cos&#039;\u00e8 il vento apparente?Apparente vs realePerch\u00e9 servono entrambiCome leggere il ventoBolina vs poppaErrori comuniConsigli per migliorareFAQIn breveVento reale = il vento che soffia davvero sull&#039;acqua, indipendente dalla tua barca.Vento apparente = il vento che senti a bordo, combinazione di vento reale e\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/come-leggere-la-direzione-del-vento\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/come-leggere-la-direzione-del-vento\\\/#listItem\",\"name\":\"Come leggere la direzione del vento\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/come-leggere-la-direzione-del-vento\\\/#listItem\",\"position\":2,\"name\":\"Come leggere la direzione del vento\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/#organization\",\"name\":\"Windex Development\",\"description\":\"Wind direction indicator\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/logo.png\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/come-leggere-la-direzione-del-vento\\\/#organizationLogo\",\"width\":295,\"height\":80,\"caption\":\"Windex logo\"},\"image\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/come-leggere-la-direzione-del-vento\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/come-leggere-la-direzione-del-vento\\\/#webpage\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/come-leggere-la-direzione-del-vento\\\/\",\"name\":\"Come leggere la direzione del vento - Windex Development\",\"description\":\"Come leggere la direzione del vento (IT) ContenutiRisposta rapidaChe cos'\\u00e8 il vento reale?Che cos'\\u00e8 il vento apparente?Apparente vs realePerch\\u00e9 servono entrambiCome leggere il ventoBolina vs poppaErrori comuniConsigli per migliorareFAQIn breveVento reale = il vento che soffia davvero sull'acqua, indipendente dalla tua barca.Vento apparente = il vento che senti a bordo, combinazione di vento reale e\",\"inLanguage\":\"it-IT\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/come-leggere-la-direzione-del-vento\\\/#breadcrumblist\"},\"datePublished\":\"2026-09-08T13:37:17+00:00\",\"dateModified\":\"2026-09-08T13:37:20+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/#website\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/\",\"name\":\"Windex Development\",\"description\":\"Wind direction indicator\",\"inLanguage\":\"it-IT\",\"publisher\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Come leggere la direzione del vento - Windex Development","description":"Come leggere la direzione del vento (IT) ContenutiRisposta rapidaChe cos'\u00e8 il vento reale?Che cos'\u00e8 il vento apparente?Apparente vs realePerch\u00e9 servono entrambiCome leggere il ventoBolina vs poppaErrori comuniConsigli per migliorareFAQIn breveVento reale = il vento che soffia davvero sull'acqua, indipendente dalla tua barca.Vento apparente = il vento che senti a bordo, combinazione di vento reale e","canonical_url":"https:\/\/dev112.dioniqlabb.se\/it\/come-leggere-la-direzione-del-vento\/","robots":"noindex, nofollow, max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/dev112.dioniqlabb.se\/it\/come-leggere-la-direzione-del-vento\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/dev112.dioniqlabb.se\/it\/#listItem","position":1,"name":"Home","item":"https:\/\/dev112.dioniqlabb.se\/it\/","nextItem":{"@type":"ListItem","@id":"https:\/\/dev112.dioniqlabb.se\/it\/come-leggere-la-direzione-del-vento\/#listItem","name":"Come leggere la direzione del vento"}},{"@type":"ListItem","@id":"https:\/\/dev112.dioniqlabb.se\/it\/come-leggere-la-direzione-del-vento\/#listItem","position":2,"name":"Come leggere la direzione del vento","previousItem":{"@type":"ListItem","@id":"https:\/\/dev112.dioniqlabb.se\/it\/#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/dev112.dioniqlabb.se\/it\/#organization","name":"Windex Development","description":"Wind direction indicator","url":"https:\/\/dev112.dioniqlabb.se\/it\/","logo":{"@type":"ImageObject","url":"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png","@id":"https:\/\/dev112.dioniqlabb.se\/it\/come-leggere-la-direzione-del-vento\/#organizationLogo","width":295,"height":80,"caption":"Windex logo"},"image":{"@id":"https:\/\/dev112.dioniqlabb.se\/it\/come-leggere-la-direzione-del-vento\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/dev112.dioniqlabb.se\/it\/come-leggere-la-direzione-del-vento\/#webpage","url":"https:\/\/dev112.dioniqlabb.se\/it\/come-leggere-la-direzione-del-vento\/","name":"Come leggere la direzione del vento - Windex Development","description":"Come leggere la direzione del vento (IT) ContenutiRisposta rapidaChe cos'\u00e8 il vento reale?Che cos'\u00e8 il vento apparente?Apparente vs realePerch\u00e9 servono entrambiCome leggere il ventoBolina vs poppaErrori comuniConsigli per migliorareFAQIn breveVento reale = il vento che soffia davvero sull'acqua, indipendente dalla tua barca.Vento apparente = il vento che senti a bordo, combinazione di vento reale e","inLanguage":"it-IT","isPartOf":{"@id":"https:\/\/dev112.dioniqlabb.se\/it\/#website"},"breadcrumb":{"@id":"https:\/\/dev112.dioniqlabb.se\/it\/come-leggere-la-direzione-del-vento\/#breadcrumblist"},"datePublished":"2026-09-08T13:37:17+00:00","dateModified":"2026-09-08T13:37:20+00:00"},{"@type":"WebSite","@id":"https:\/\/dev112.dioniqlabb.se\/it\/#website","url":"https:\/\/dev112.dioniqlabb.se\/it\/","name":"Windex Development","description":"Wind direction indicator","inLanguage":"it-IT","publisher":{"@id":"https:\/\/dev112.dioniqlabb.se\/it\/#organization"}}]},"og:locale":"it_IT","og:site_name":"Windex Development - Wind direction indicator","og:type":"article","og:title":"Come leggere la direzione del vento - Windex Development","og:description":"Come leggere la direzione del vento (IT) ContenutiRisposta rapidaChe cos'\u00e8 il vento reale?Che cos'\u00e8 il vento apparente?Apparente vs realePerch\u00e9 servono entrambiCome leggere il ventoBolina vs poppaErrori comuniConsigli per migliorareFAQIn breveVento reale = il vento che soffia davvero sull'acqua, indipendente dalla tua barca.Vento apparente = il vento che senti a bordo, combinazione di vento reale e","og:url":"https:\/\/dev112.dioniqlabb.se\/it\/come-leggere-la-direzione-del-vento\/","og:image":"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png","og:image:secure_url":"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png","og:image:width":295,"og:image:height":80,"article:published_time":"2026-09-08T13:37:17+00:00","article:modified_time":"2026-09-08T13:37:20+00:00","twitter:card":"summary_large_image","twitter:title":"Come leggere la direzione del vento - Windex Development","twitter:description":"Come leggere la direzione del vento (IT) ContenutiRisposta rapidaChe cos'\u00e8 il vento reale?Che cos'\u00e8 il vento apparente?Apparente vs realePerch\u00e9 servono entrambiCome leggere il ventoBolina vs poppaErrori comuniConsigli per migliorareFAQIn breveVento reale = il vento che soffia davvero sull'acqua, indipendente dalla tua barca.Vento apparente = il vento che senti a bordo, combinazione di vento reale e","twitter:image":"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png"},"aioseo_meta_data":{"post_id":"9146","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-09-08 13:37:21","updated":"2026-09-08 17:21:43","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/dev112.dioniqlabb.se\/it\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tCome leggere la direzione del vento\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/dev112.dioniqlabb.se\/it\/"},{"label":"Come leggere la direzione del vento","link":"https:\/\/dev112.dioniqlabb.se\/it\/come-leggere-la-direzione-del-vento\/"}],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Come leggere la direzione del vento - Windex Development<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Come leggere la direzione del vento - Windex Development\" \/>\n<meta property=\"og:description\" content=\"Come leggere la direzione del vento (IT) Contenuti Risposta rapida Che cos&#8217;\u00e8 il vento reale? Che cos&#8217;\u00e8 il vento apparente? Apparente vs reale Perch\u00e9 servono entrambi Come leggere il vento Bolina vs poppa Errori comuni Consigli per migliorare FAQ In breve Vento reale = il vento che soffia davvero sull&#8217;acqua, indipendente dalla tua barca. Vento &hellip; Continue reading &quot;Come leggere la direzione del vento&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dev112.dioniqlabb.se\/it\/come-leggere-la-direzione-del-vento\/\" \/>\n<meta property=\"og:site_name\" content=\"Windex Development\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/windexdevelopment\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-08T13:37:20+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/come-leggere-la-direzione-del-vento\\\/\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/come-leggere-la-direzione-del-vento\\\/\",\"name\":\"Come leggere la direzione del vento - Windex Development\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/#website\"},\"datePublished\":\"2026-09-08T13:37:17+00:00\",\"dateModified\":\"2026-09-08T13:37:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/come-leggere-la-direzione-del-vento\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/come-leggere-la-direzione-del-vento\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/come-leggere-la-direzione-del-vento\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Come leggere la direzione del vento\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/#website\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/\",\"name\":\"Windex Development\",\"description\":\"Wind direction indicator\",\"publisher\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/#organization\",\"name\":\"Windex Development\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/logo.png\",\"width\":295,\"height\":80,\"caption\":\"Windex Development\"},\"image\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/windexdevelopment\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Come leggere la direzione del vento - Windex Development","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"it_IT","og_type":"article","og_title":"Come leggere la direzione del vento - Windex Development","og_description":"Come leggere la direzione del vento (IT) Contenuti Risposta rapida Che cos&#8217;\u00e8 il vento reale? Che cos&#8217;\u00e8 il vento apparente? Apparente vs reale Perch\u00e9 servono entrambi Come leggere il vento Bolina vs poppa Errori comuni Consigli per migliorare FAQ In breve Vento reale = il vento che soffia davvero sull&#8217;acqua, indipendente dalla tua barca. Vento &hellip; Continue reading \"Come leggere la direzione del vento\"","og_url":"https:\/\/dev112.dioniqlabb.se\/it\/come-leggere-la-direzione-del-vento\/","og_site_name":"Windex Development","article_publisher":"https:\/\/www.facebook.com\/windexdevelopment\/","article_modified_time":"2026-09-08T13:37:20+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tempo di lettura stimato":"9 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dev112.dioniqlabb.se\/it\/come-leggere-la-direzione-del-vento\/","url":"https:\/\/dev112.dioniqlabb.se\/it\/come-leggere-la-direzione-del-vento\/","name":"Come leggere la direzione del vento - Windex Development","isPartOf":{"@id":"https:\/\/dev112.dioniqlabb.se\/it\/#website"},"datePublished":"2026-09-08T13:37:17+00:00","dateModified":"2026-09-08T13:37:20+00:00","breadcrumb":{"@id":"https:\/\/dev112.dioniqlabb.se\/it\/come-leggere-la-direzione-del-vento\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dev112.dioniqlabb.se\/it\/come-leggere-la-direzione-del-vento\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dev112.dioniqlabb.se\/it\/come-leggere-la-direzione-del-vento\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dev112.dioniqlabb.se\/it\/"},{"@type":"ListItem","position":2,"name":"Come leggere la direzione del vento"}]},{"@type":"WebSite","@id":"https:\/\/dev112.dioniqlabb.se\/it\/#website","url":"https:\/\/dev112.dioniqlabb.se\/it\/","name":"Windex Development","description":"Wind direction indicator","publisher":{"@id":"https:\/\/dev112.dioniqlabb.se\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dev112.dioniqlabb.se\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/dev112.dioniqlabb.se\/it\/#organization","name":"Windex Development","url":"https:\/\/dev112.dioniqlabb.se\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/dev112.dioniqlabb.se\/it\/#\/schema\/logo\/image\/","url":"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png","contentUrl":"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png","width":295,"height":80,"caption":"Windex Development"},"image":{"@id":"https:\/\/dev112.dioniqlabb.se\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/windexdevelopment\/"]}]}},"_links":{"self":[{"href":"https:\/\/dev112.dioniqlabb.se\/it\/wp-json\/wp\/v2\/pages\/9146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev112.dioniqlabb.se\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev112.dioniqlabb.se\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev112.dioniqlabb.se\/it\/wp-json\/wp\/v2\/users\/116"}],"replies":[{"embeddable":true,"href":"https:\/\/dev112.dioniqlabb.se\/it\/wp-json\/wp\/v2\/comments?post=9146"}],"version-history":[{"count":1,"href":"https:\/\/dev112.dioniqlabb.se\/it\/wp-json\/wp\/v2\/pages\/9146\/revisions"}],"predecessor-version":[{"id":9147,"href":"https:\/\/dev112.dioniqlabb.se\/it\/wp-json\/wp\/v2\/pages\/9146\/revisions\/9147"}],"wp:attachment":[{"href":"https:\/\/dev112.dioniqlabb.se\/it\/wp-json\/wp\/v2\/media?parent=9146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}