{"id":9148,"date":"2026-09-08T13:38:12","date_gmt":"2026-09-08T13:38:12","guid":{"rendered":"https:\/\/dev112.dioniqlabb.se\/?page_id=9148"},"modified":"2026-09-08T13:38:16","modified_gmt":"2026-09-08T13:38:16","slug":"como-leer-la-direccion-del-viento-navegando","status":"publish","type":"page","link":"https:\/\/dev112.dioniqlabb.se\/es\/como-leer-la-direccion-del-viento-navegando\/","title":{"rendered":"C\u00f3mo leer la direcci\u00f3n del viento navegando"},"content":{"rendered":"\n\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>C\u00f3mo leer la direcci\u00f3n del viento navegando (ES)<\/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=\"Contenido\"><div class=\"windex-eyebrow mb-3\">Contenido<\/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\">Respuesta r\u00e1pida<\/a><\/li><li><a href=\"#true-wind\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">\u00bfQu\u00e9 es el viento real?<\/a><\/li><li><a href=\"#apparent-wind\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">\u00bfQu\u00e9 es el viento aparente?<\/a><\/li><li><a href=\"#comparison\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Aparente vs real<\/a><\/li><li><a href=\"#why-both\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Por qu\u00e9 hacen falta los dos<\/a><\/li><li><a href=\"#how-to-read\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">C\u00f3mo leer el viento<\/a><\/li><li><a href=\"#upwind-downwind\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Ce\u00f1ida vs empopada<\/a><\/li><li><a href=\"#mistakes\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Errores frecuentes<\/a><\/li><li><a href=\"#tips\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Consejos para mejorar<\/a><\/li><li><a href=\"#faq\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Preguntas frecuentes<\/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\">En resumen<\/p><div class=\"windex-divider mb-4\"><\/div><ul class=\"space-y-2 text-sm md:text-base text-foreground\/85\"><li><strong>Viento real<\/strong> = el viento que sopla realmente sobre el agua, independiente de tu barco.<\/li><li><strong>Viento aparente<\/strong> = el viento que sientes a bordo, combinaci\u00f3n del viento real y la velocidad del barco.<\/li><li><strong>El trimado de velas<\/strong> depende sobre todo del viento aparente.<\/li><li><strong>La estrategia y la lectura meteorol\u00f3gica<\/strong> dependen sobre todo del viento real.<\/li><\/ul><\/div><div class=\"mb-12\"><p class=\"windex-body mb-4\">Aprender a leer la direcci\u00f3n del viento es una de las habilidades m\u00e1s importantes para un navegante. Afecta a cada decisi\u00f3n en el agua: desde c\u00f3mo trimas las velas hasta qu\u00e9 lado del campo eliges.<\/p><p class=\"windex-body mb-4\">Pero hay un concepto que confunde a muchos, sobre todo al principio: la diferencia entre viento real y viento aparente. Suenan parecidos, pero se comportan de forma muy distinta, y entender ambos es lo que separa navegar reaccionando de navegar con intenci\u00f3n.<\/p><p class=\"windex-body\">Esta gu\u00eda te da una explicaci\u00f3n pr\u00e1ctica y sin jerga de cada uno, muestra c\u00f3mo interact\u00faan y te ayuda a leer el viento con m\u00e1s precisi\u00f3n cada vez que sales.<\/p><\/div><section id=\"true-wind\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Definici\u00f3n<\/p><h2 class=\"windex-section-title mb-2\">\u00bfQu\u00e9 es el viento real?<\/h2><div class=\"windex-divider mb-6\"><\/div><p class=\"windex-body mb-4\">El viento real es el viento que sopla realmente sobre el agua. Existe tanto si tu barco se mueve como si est\u00e1 parado. Si fondearas y te pusieras en cubierta, lo que sentir\u00edas es el viento real.<\/p><p class=\"windex-body mb-4\">El viento real tiene una direcci\u00f3n e intensidad determinadas por los sistemas meteorol\u00f3gicos, la geograf\u00eda y los efectos t\u00e9rmicos. Es el que dan los partes meteorol\u00f3gicos y el que ves en la superficie del agua antes de salir.<\/p><p class=\"windex-body\"><strong>Ejemplo:<\/strong> El parte anuncia 15 nudos del suroeste. Ese es el viento real. No le importa a qu\u00e9 velocidad vas ni hacia d\u00f3nde apuntas: es simplemente el viento que hay.<\/p><\/section><section id=\"apparent-wind\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Definici\u00f3n<\/p><h2 class=\"windex-section-title mb-2\">\u00bfQu\u00e9 es el viento aparente?<\/h2><div class=\"windex-divider mb-6\"><\/div><p class=\"windex-body mb-4\">El viento aparente es el viento que realmente experimentas en el barco cuando est\u00e1 en movimiento. Es la combinaci\u00f3n del viento real y del viento de proa que genera tu propio avance.<\/p><p class=\"windex-body mb-4\">Piensa en ir en bicicleta un d\u00eda en calma: no hay brisa, pero al pedalear notas viento en la cara. Esa es la componente de velocidad. Si adem\u00e1s pedaleas contra una brisa real, sentir\u00e1s un viento m\u00e1s fuerte y desde una direcci\u00f3n algo distinta. Ese viento combinado equivale al viento aparente.<\/p><p class=\"windex-body\">Tus velas, los catavientos y el indicador de viento del tope del palo responden todos al viento aparente. Es el viento que define tu navegaci\u00f3n momento a momento.<\/p><\/section><section id=\"comparison\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Explicaci\u00f3n visual<\/p><h2 class=\"windex-section-title mb-2\">Viento aparente vs viento real<\/h2><div class=\"windex-divider mb-6\"><\/div><p class=\"windex-body mb-6\">La relaci\u00f3n entre viento real y aparente cambia seg\u00fan el rumbo respecto al viento. Alterna entre ce\u00f1ida y empopada abajo para ver c\u00f3mo se mueven las flechas.<\/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\">Diagrama interactivo<\/div><h3 class=\"text-xl md:text-2xl font-extrabold text-navy mb-4\">Viento real vs viento aparente<\/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\">Ce\u00f1ida<\/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\">Empopada<\/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=\"Viento real vs viento aparente \u2014 Ce\u00f1ida\"><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\">VIENTO<\/text><text x=\"214\" y=\"178\" fill=\"hsl(210 70% 50%)\" font-size=\"11\" font-weight=\"700\">REAL<\/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\">BARCO<\/text><text x=\"93.7157287525381\" y=\"141.7157287525381\" fill=\"hsl(5 80% 52%)\" font-size=\"11\" font-weight=\"700\">VIENTO<\/text><text x=\"93.7157287525381\" y=\"155.7157287525381\" fill=\"hsl(5 80% 52%)\" font-size=\"11\" font-weight=\"700\">APARENTE<\/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\">Viento real<\/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\">Viento aparente<\/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. barco<\/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 (resta vectorial)<\/text><\/svg><div class=\"flex-1\"><p class=\"windex-body\">En ce\u00f1ida: el avance del barco contra el viento se suma al viento real, por lo que el viento aparente es m\u00e1s fuerte y rota hacia proa.<\/p><div class=\"mt-4 windex-summary-box\"><p class=\"text-sm font-semibold text-navy\">Idea clave: en ce\u00f1ida el viento aparente es m\u00e1s fuerte y m\u00e1s de proa que el real. Trima las velas m\u00e1s cerradas de lo que sugiere el \u00e1ngulo del viento real.<\/p><\/div><div class=\"mt-4 p-3 bg-secondary\/50 border border-border text-xs text-muted-foreground\"><strong>C\u00f3mo leerlo:<\/strong> Los tres vectores comparten el mismo origen (el barco). El viento real y la velocidad del barco parten del origen. El viento aparente une la punta del vector de velocidad con la punta del vector de viento real: es el viento que sientes realmente 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=\"Viento real vs viento aparente \u2014 Empopada\"><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\">VIENTO<\/text><text x=\"214\" y=\"178\" fill=\"hsl(210 70% 50%)\" font-size=\"11\" font-weight=\"700\">REAL<\/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\">BARCO<\/text><text x=\"156.64101615137756\" y=\"195\" fill=\"hsl(5 80% 52%)\" font-size=\"11\" font-weight=\"700\">VIENTO<\/text><text x=\"156.64101615137756\" y=\"209\" fill=\"hsl(5 80% 52%)\" font-size=\"11\" font-weight=\"700\">APARENTE<\/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\">Viento real<\/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\">Viento aparente<\/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. barco<\/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 (resta vectorial)<\/text><\/svg><div class=\"flex-1\"><p class=\"windex-body\">En empopada: el barco se mueve con el viento, as\u00ed que su velocidad se resta del viento real. El viento aparente es m\u00e1s d\u00e9bil y rota hacia popa.<\/p><div class=\"mt-4 windex-summary-box\"><p class=\"text-sm font-semibold text-navy\">Idea clave: en empopada todo parece m\u00e1s tranquilo, pero el viento real no ha cambiado: tu velocidad se le resta. No creas que el viento ha ca\u00eddo.<\/p><\/div><div class=\"mt-4 p-3 bg-secondary\/50 border border-border text-xs text-muted-foreground\"><strong>C\u00f3mo leerlo:<\/strong> Los tres vectores comparten el mismo origen (el barco). El viento real y la velocidad del barco parten del origen. El viento aparente une la punta del vector de velocidad con la punta del vector de viento real: es el viento que sientes realmente 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\">Recuerda esto<\/p><blockquote class=\"text-lg md:text-xl font-serif italic leading-relaxed\">\u00abEl viento real te dice lo que hace el d\u00eda. El viento aparente te dice lo que sienten tus velas ahora mismo.\u00bb<\/blockquote><\/div><section id=\"why-both\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Contexto<\/p><h2 class=\"windex-section-title mb-2\">Por qu\u00e9 los navegantes necesitan ambos<\/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\">El viento aparente sirve para\u2026<\/h3><ul class=\"space-y-2 text-sm text-foreground\/85\"><li>\u2022 Trimado y forma de las velas<\/li><li>\u2022 Timonear y gobernar<\/li><li>\u2022 Leer los catavientos<\/li><li>\u2022 Sensaci\u00f3n t\u00e1ctica inmediata<\/li><\/ul><\/div><div class=\"windex-card\"><h3 class=\"font-bold text-navy uppercase text-sm tracking-wider mb-3\">El viento real sirve para\u2026<\/h3><ul class=\"space-y-2 text-sm text-foreground\/85\"><li>\u2022 Estrategia y planificaci\u00f3n de regata<\/li><li>\u2022 Valoraci\u00f3n meteorol\u00f3gica<\/li><li>\u2022 Decisiones de navegaci\u00f3n<\/li><li>\u2022 Entender las condiciones<\/li><\/ul><\/div><\/div><p class=\"windex-body\">Los buenos navegantes combinan ambos: sienten el viento aparente a trav\u00e9s del barco y las velas mientras piensan estrat\u00e9gicamente en lo que hace el viento real en el campo de regatas o en la ruta.<\/p><\/section><section id=\"how-to-read\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Paso a paso<\/p><h2 class=\"windex-section-title mb-2\">C\u00f3mo leer la direcci\u00f3n del viento navegando<\/h2><div class=\"windex-divider mb-6\"><\/div><p class=\"windex-body mb-6\">Leer el viento es una habilidad que se construye combinando varias se\u00f1ales. Esta es una secuencia pr\u00e1ctica que puedes seguir cada vez que sales al agua.<\/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\">Siente el viento<\/h4><p class=\"text-sm text-muted-foreground leading-relaxed\">Gira la cara y nota d\u00f3nde llega la brisa: la forma m\u00e1s instintiva de estimar la direcci\u00f3n del viento.<\/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\">Lee el agua<\/h4><p class=\"text-sm text-muted-foreground leading-relaxed\">Manchas oscuras, rizos y direcci\u00f3n de las olas revelan el viento real en la zona de navegaci\u00f3n.<\/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\">Mira los catavientos<\/h4><p class=\"text-sm text-muted-foreground leading-relaxed\">Los hilos o cintas en las velas muestran el flujo y si el trimado es correcto para el viento aparente.<\/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\">Comprueba el tope del palo<\/h4><p class=\"text-sm text-muted-foreground leading-relaxed\">Un indicador en lo alto del palo ofrece la lectura m\u00e1s clara de la direcci\u00f3n del viento aparente.<\/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\">Conoce tu rumbo<\/h4><p class=\"text-sm text-muted-foreground leading-relaxed\">Tu rumbo respecto al viento determina cu\u00e1nto se desv\u00eda el viento aparente del real.<\/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\">Cuenta con la velocidad<\/h4><p class=\"text-sm text-muted-foreground leading-relaxed\">Al acelerar o frenar cambian el \u00e1ngulo y la intensidad del viento aparente: ajusta el trimado.<\/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\">Empieza por lo que te dice el barco<\/h3><p class=\"text-sm md:text-base text-foreground\/80 leading-relaxed\">Siente el viento en la cara, el cuello y las orejas. Gira la cabeza hasta que la brisa te llegue igual por los dos lados: ah\u00ed est\u00e1 aproximadamente el viento aparente. La escora, la presi\u00f3n en la ca\u00f1a y la carga de las velas tambi\u00e9n dan pistas.<\/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\">Lee las se\u00f1ales visuales del agua<\/h3><p class=\"text-sm md:text-base text-foreground\/80 leading-relaxed\">Las manchas oscuras indican m\u00e1s viento. El patr\u00f3n de rizos muestra la direcci\u00f3n. Las banderas en tierra, el humo y las velas de otros barcos ayudan a leer el viento real a distancia.<\/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\">Observa catavientos e indicador del tope<\/h3><p class=\"text-sm md:text-base text-foreground\/80 leading-relaxed\">Los catavientos muestran el flujo de aire: si fluyen hacia atr\u00e1s por ambas caras, el trimado es bueno. Un indicador de viento en el tope del palo como un Windex da la lectura m\u00e1s clara del viento aparente, por encima de las turbulencias de las velas.<\/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\">Conoce tu rumbo respecto al viento<\/h3><p class=\"text-sm md:text-base text-foreground\/80 leading-relaxed\">Identifica si vas en ce\u00f1ida, a un largo o en popa. Ese contexto indica cu\u00e1nto se ha desplazado el viento aparente respecto al real y te ayuda a interpretar lo que sientes.<\/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\">Recuerda: la velocidad cambia el viento aparente<\/h3><p class=\"text-sm md:text-base text-foreground\/80 leading-relaxed\">Si aceleras, el viento aparente rota hacia proa y se siente m\u00e1s fuerte. Si frenas, se va a popa y aligera. Las rachas pueden cambiar tu viento aparente aunque el real no var\u00ede.<\/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 instrumentos si los tienes<\/h3><p class=\"text-sm md:text-base text-foreground\/80 leading-relaxed\">Los instrumentos electr\u00f3nicos pueden mostrar viento real y aparente. Son buenas referencias, pero no te f\u00edes a ciegas: aprende a contrastar lo que marcan con lo que ves y sientes.<\/p><\/div><\/div><\/div><\/section><section class=\"mb-14\"><div class=\"windex-card\"><div class=\"windex-eyebrow mb-2\">Referencia<\/div><h3 class=\"text-xl md:text-2xl font-extrabold text-navy mb-6\">Rumbos respecto al viento y viento aparente<\/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=\"Rumbos respecto al viento y viento aparente\"><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\">VIENTO REAL<\/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\">Ce\u00f1ida<\/text><text x=\"63.08657048910078\" y=\"125.50000000000001\" text-anchor=\"end\" fill=\"hsl(215 10% 46%)\" font-size=\"9\">El aparente rota muy a proa<\/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\">Descuartelar<\/text><text x=\"93.22367269231718\" y=\"89.58400017893797\" text-anchor=\"end\" fill=\"hsl(215 10% 46%)\" font-size=\"9\">Viento aparente fuerte<\/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\">Trav\u00e9s<\/text><text x=\"145.05942891115967\" y=\"62.60001345097578\" text-anchor=\"end\" fill=\"hsl(215 10% 46%)\" font-size=\"9\">Aparente \u2248 \u00e1ngulo del viento real<\/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\">Largo<\/text><text x=\"214.9405710888403\" y=\"62.60001345097578\" text-anchor=\"start\" fill=\"hsl(215 10% 46%)\" font-size=\"9\">El aparente empieza a irse a popa<\/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\">Popa<\/text><text x=\"266.77632730768283\" y=\"89.58400017893797\" text-anchor=\"start\" fill=\"hsl(215 10% 46%)\" font-size=\"9\">Viento aparente m\u00e1s d\u00e9bil<\/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 MUERTA<\/text><text x=\"180\" y=\"330\" text-anchor=\"middle\" fill=\"hsl(215 10% 46%)\" font-size=\"9\">\u00c1ngulos mostrados en bordo de estribor: refleja para babor<\/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\">Ce\u00f1ida<\/span><p class=\"text-sm text-muted-foreground\">El aparente rota muy a proa<\/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\">Descuartelar<\/span><p class=\"text-sm text-muted-foreground\">Viento aparente fuerte<\/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\">Trav\u00e9s<\/span><p class=\"text-sm text-muted-foreground\">Aparente \u2248 \u00e1ngulo del viento real<\/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\">Largo<\/span><p class=\"text-sm text-muted-foreground\">El aparente empieza a irse a popa<\/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\">Popa<\/span><p class=\"text-sm text-muted-foreground\">Viento aparente m\u00e1s d\u00e9bil<\/p><\/div><\/div><\/div><\/div><\/div><\/section><section id=\"upwind-downwind\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Ejemplos pr\u00e1cticos<\/p><h2 class=\"windex-section-title mb-2\">Navegar en ce\u00f1ida vs en empopada<\/h2><div class=\"windex-divider mb-6\"><\/div><p class=\"windex-body mb-6\">Entender c\u00f3mo se comporta el viento aparente en ce\u00f1ida y en empopada es una de las cosas m\u00e1s pr\u00e1cticas que puedes aprender. Este es el contraste clave:<\/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\">Navegando en ce\u00f1ida<\/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\">El viento aparente rota hacia proa respecto a la direcci\u00f3n del viento real<\/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\">El viento se siente m\u00e1s fuerte de lo que realmente es<\/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\">El trimado se vuelve m\u00e1s sensible a peque\u00f1os cambios<\/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 pr\u00e1ctica<\/p><p class=\"text-sm text-muted-foreground\">Peque\u00f1as ganancias de velocidad en ce\u00f1ida amplifican el efecto del viento aparente. Trima con frecuencia y atiende a los cambios sutiles.<\/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\">Navegando en empopada<\/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\">El viento aparente se va a popa y se abre<\/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\">El viento se siente m\u00e1s flojo aunque el real no cambie<\/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\">Los principiantes creen que el viento ha ca\u00eddo: no es as\u00ed<\/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 pr\u00e1ctica<\/p><p class=\"text-sm text-muted-foreground\">Mira el agua a popa y a otros barcos para confirmar que el viento real no ha cambiado cuando en empopada parece m\u00e1s flojo.<\/p><\/div><\/div><\/div><\/section><section id=\"mistakes\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Atenci\u00f3n<\/p><h2 class=\"windex-section-title mb-2\">Errores frecuentes<\/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\">Confundir el viento sentido con el viento real<\/h3><p class=\"text-sm text-muted-foreground\">Lo que sientes es viento aparente, no las condiciones reales. Decidir la estrategia solo con el aparente lleva a errores.<\/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\">Ignorar los cambios de velocidad<\/h3><p class=\"text-sm text-muted-foreground\">Cuando aceleras en una racha o frenas en una calma, el viento aparente rota. Si no lo tienes en cuenta, trimar\u00e1s mal.<\/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\">Fijarte en una sola se\u00f1al<\/h3><p class=\"text-sm text-muted-foreground\">Ning\u00fan indicador cuenta toda la historia. Combina el tope del palo, los catavientos, la superficie del agua y tu propia sensaci\u00f3n.<\/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\">Olvidar que las condiciones cambian<\/h3><p class=\"text-sm text-muted-foreground\">El viento nunca es constante. Roles, rachas, calmas y efectos geogr\u00e1ficos exigen seguir leyendo, no dar nada por hecho.<\/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\">Centrarte solo en el trimado y no en la estrategia<\/h3><p class=\"text-sm text-muted-foreground\">El trimado (viento aparente) es inmediato, pero si nunca levantas la vista para pensar d\u00f3nde rola el viento real, pierdes la visi\u00f3n general.<\/p><\/div><\/div><\/div><\/section><section id=\"tips\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Mejora<\/p><h2 class=\"windex-section-title mb-2\">Consejos para leer mejor el viento<\/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\">Compara lo que sientes con lo que ves. \u00bfCoincide el tope del palo con tu cara? \u00bfCoincide el agua con los catavientos?<\/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\">Anticipa los roles antes de que lleguen. Mira a barlovento el agua y otros barcos para ver rachas y roles acercarse.<\/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\">Practica en distintos rumbos. Navega un c\u00edrculo completo y observa c\u00f3mo cambia el viento aparente al cambiar el rumbo.<\/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\">Analiza si el cambio viene del tiempo o de la velocidad. \u00bfRol\u00f3 el viento o simplemente fren\u00f3 el barco?<\/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\">Repasa despu\u00e9s de cada salida. Piensa en los momentos clave en que la lectura del viento marc\u00f3 la diferencia y en lo que se te escap\u00f3.<\/p><\/div><\/div><\/section><section id=\"faq\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Preguntas frecuentes<\/p><h2 class=\"windex-section-title mb-2\">Preguntas frecuentes<\/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>\u00bfCu\u00e1l es la diferencia entre viento aparente y viento real en 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\">El viento real es el viento que sopla sobre el agua, independiente de tu barco. El viento aparente es el que sientes a bordo: la combinaci\u00f3n del viento real y del viento que genera el movimiento de tu barco. Difieren en direcci\u00f3n e intensidad seg\u00fan tu velocidad y rumbo.<\/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>\u00bfPor qu\u00e9 el viento aparente parece m\u00e1s fuerte que el real?<\/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\">En ce\u00f1ida, el avance del barco se suma al viento real y el aparente se siente m\u00e1s fuerte. Es como pedalear contra la brisa: incluso en un d\u00eda en calma notas viento en la cara por tu propia velocidad.<\/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>\u00bfQu\u00e9 viento importa m\u00e1s al trimar las velas?<\/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\">El aparente. Las velas interact\u00faan con el flujo de aire que realmente reciben, que siempre es el viento aparente. Catavientos, forma de vela e indicadores del tope responden al viento aparente.<\/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>\u00bfQu\u00e9 viento importa m\u00e1s para la estrategia y la navegaci\u00f3n?<\/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\">El real. Los patrones meteorol\u00f3gicos, los roles y las decisiones de ruta se basan en las condiciones reales de viento sobre el agua, no en lo que genera tu barco en movimiento.<\/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>\u00bfC\u00f3mo puede un principiante leer la direcci\u00f3n del viento navegando?<\/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\">Empieza sintiendo el viento en la cara y el cuello. Observa los rizos en la superficie del agua. Comprueba los catavientos y el indicador del tope. Con el tiempo, combina estas se\u00f1ales con tu conocimiento del rumbo y la velocidad para desarrollar una comprensi\u00f3n instintiva.<\/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>\u00bfCambia el viento aparente cuando el barco acelera?<\/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\u00ed. Al acelerar, el viento aparente suele rotar hacia proa y aumentar de intensidad. Al frenar, se va a popa y se siente m\u00e1s flojo. Por eso el trimado necesita ajustes constantes cuando cambia la velocidad.<\/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\">Navega con confianza<\/p><h2 class=\"text-2xl md:text-3xl lg:text-4xl font-extrabold mb-4 text-white\">Aprende mejor el viento. Navega con informaci\u00f3n m\u00e1s clara.<\/h2><p class=\"text-primary-foreground\/70 mb-8 max-w-lg mx-auto\">Los indicadores de direcci\u00f3n del viento Windex ayudan a los navegantes a leer el viento desde 1964. Descubre nuestra gama y encuentra el modelo adecuado para tu barco.<\/p><div class=\"flex flex-wrap justify-center gap-3\"><a href=\"https:\/\/dev112.dioniqlabb.se\/es\/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\">Ver productos<\/a><a href=\"https:\/\/dev112.dioniqlabb.se\/es\/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\">Instrucciones de montaje<\/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\">Buscar distribuidor<\/a><\/div><\/div><\/section><section class=\"py-14 md:py-20 bg-off-white\"><div class=\"windex-container\"><p class=\"windex-eyebrow mb-2\">Recursos relacionados<\/p><h2 class=\"windex-section-title mb-2\">Sigue aprendiendo<\/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\">Gu\u00edas de vela para principiantes<\/h3><p class=\"text-sm text-muted-foreground\">Todo lo que necesitas para empezar a navegar con confianza.<\/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\">Los rumbos explicados<\/h3><p class=\"text-sm text-muted-foreground\">Una gu\u00eda visual de cada \u00e1ngulo respecto al viento.<\/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\">Gu\u00eda de trimado de velas<\/h3><p class=\"text-sm text-muted-foreground\">C\u00f3mo dar forma a las velas para ganar velocidad y control.<\/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\">C\u00f3mo funcionan los catavientos<\/h3><p class=\"text-sm text-muted-foreground\">Lee el flujo de aire en tus velas como un experto.<\/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\">Consejos para ce\u00f1ida<\/h3><p class=\"text-sm text-muted-foreground\">Maximiza tu VMG y ci\u00f1e m\u00e1s alto.<\/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\">T\u00e9cnicas de empopada<\/h3><p class=\"text-sm text-muted-foreground\">Mant\u00e9n velocidad y estabilidad en popa y a un largo.<\/p><\/a><\/div><\/div><\/section><script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"headline\":\"C\u00f3mo leer la direcci\u00f3n del viento navegando (viento aparente vs viento real)\",\"description\":\"Aprende la diferencia entre viento aparente y viento real y c\u00f3mo leer la direcci\u00f3n del viento navegando: diagramas, m\u00e9todos y preguntas frecuentes.\",\"inLanguage\":\"es\"},{\"@type\":\"FAQPage\",\"inLanguage\":\"es\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"\u00bfCu\u00e1l es la diferencia entre viento aparente y viento real en vela?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"El viento real es el viento que sopla sobre el agua, independiente de tu barco. El viento aparente es el que sientes a bordo: la combinaci\u00f3n del viento real y del viento que genera el movimiento de tu barco. Difieren en direcci\u00f3n e intensidad seg\u00fan tu velocidad y rumbo.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfPor qu\u00e9 el viento aparente parece m\u00e1s fuerte que el real?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"En ce\u00f1ida, el avance del barco se suma al viento real y el aparente se siente m\u00e1s fuerte. Es como pedalear contra la brisa: incluso en un d\u00eda en calma notas viento en la cara por tu propia velocidad.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfQu\u00e9 viento importa m\u00e1s al trimar las velas?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"El aparente. Las velas interact\u00faan con el flujo de aire que realmente reciben, que siempre es el viento aparente. Catavientos, forma de vela e indicadores del tope responden al viento aparente.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfQu\u00e9 viento importa m\u00e1s para la estrategia y la navegaci\u00f3n?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"El real. Los patrones meteorol\u00f3gicos, los roles y las decisiones de ruta se basan en las condiciones reales de viento sobre el agua, no en lo que genera tu barco en movimiento.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfC\u00f3mo puede un principiante leer la direcci\u00f3n del viento navegando?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Empieza sintiendo el viento en la cara y el cuello. Observa los rizos en la superficie del agua. Comprueba los catavientos y el indicador del tope. Con el tiempo, combina estas se\u00f1ales con tu conocimiento del rumbo y la velocidad para desarrollar una comprensi\u00f3n instintiva.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfCambia el viento aparente cuando el barco acelera?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"S\u00ed. Al acelerar, el viento aparente suele rotar hacia proa y aumentar de intensidad. Al frenar, se va a popa y se siente m\u00e1s flojo. Por eso el trimado necesita ajustes constantes cuando cambia la velocidad.\"}}]}]}<\/script><\/div><\/div>\n  \n\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>C\u00f3mo leer la direcci\u00f3n del viento navegando (ES) Contenido Respuesta r\u00e1pida \u00bfQu\u00e9 es el viento real? \u00bfQu\u00e9 es el viento aparente? Aparente vs real Por qu\u00e9 hacen falta los dos C\u00f3mo leer el viento Ce\u00f1ida vs empopada Errores frecuentes Consejos para mejorar Preguntas frecuentes En resumen Viento real = el viento que sopla realmente sobre &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/dev112.dioniqlabb.se\/es\/como-leer-la-direccion-del-viento-navegando\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> \u00abC\u00f3mo leer la direcci\u00f3n del viento navegando\u00bb<\/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-9148","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=\"C\u00f3mo leer la direcci\u00f3n del viento navegando (ES) ContenidoRespuesta r\u00e1pida\u00bfQu\u00e9 es el viento real?\u00bfQu\u00e9 es el viento aparente?Aparente vs realPor qu\u00e9 hacen falta los dosC\u00f3mo leer el vientoCe\u00f1ida vs empopadaErrores frecuentesConsejos para mejorarPreguntas frecuentesEn resumenViento real = el viento que sopla realmente sobre el agua, independiente de tu barco.Viento aparente = el viento que sientes\" \/>\n\t<meta name=\"robots\" content=\"noindex, nofollow, max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/dev112.dioniqlabb.se\/es\/como-leer-la-direccion-del-viento-navegando\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.2.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"es_ES\" \/>\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=\"C\u00f3mo leer la direcci\u00f3n del viento navegando - Windex Development\" \/>\n\t\t<meta property=\"og:description\" content=\"C\u00f3mo leer la direcci\u00f3n del viento navegando (ES) ContenidoRespuesta r\u00e1pida\u00bfQu\u00e9 es el viento real?\u00bfQu\u00e9 es el viento aparente?Aparente vs realPor qu\u00e9 hacen falta los dosC\u00f3mo leer el vientoCe\u00f1ida vs empopadaErrores frecuentesConsejos para mejorarPreguntas frecuentesEn resumenViento real = el viento que sopla realmente sobre el agua, independiente de tu barco.Viento aparente = el viento que sientes\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/dev112.dioniqlabb.se\/es\/como-leer-la-direccion-del-viento-navegando\/\" \/>\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:38:12+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-09-08T13:38:16+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"C\u00f3mo leer la direcci\u00f3n del viento navegando - Windex Development\" \/>\n\t\t<meta name=\"twitter:description\" content=\"C\u00f3mo leer la direcci\u00f3n del viento navegando (ES) ContenidoRespuesta r\u00e1pida\u00bfQu\u00e9 es el viento real?\u00bfQu\u00e9 es el viento aparente?Aparente vs realPor qu\u00e9 hacen falta los dosC\u00f3mo leer el vientoCe\u00f1ida vs empopadaErrores frecuentesConsejos para mejorarPreguntas frecuentesEn resumenViento real = el viento que sopla realmente sobre el agua, independiente de tu barco.Viento aparente = el viento que sientes\" \/>\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\\\/es\\\/como-leer-la-direccion-del-viento-navegando\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/como-leer-la-direccion-del-viento-navegando\\\/#listItem\",\"name\":\"C\\u00f3mo leer la direcci\\u00f3n del viento navegando\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/como-leer-la-direccion-del-viento-navegando\\\/#listItem\",\"position\":2,\"name\":\"C\\u00f3mo leer la direcci\\u00f3n del viento navegando\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/#organization\",\"name\":\"Windex Development\",\"description\":\"Wind direction indicator\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/logo.png\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/como-leer-la-direccion-del-viento-navegando\\\/#organizationLogo\",\"width\":295,\"height\":80,\"caption\":\"Windex logo\"},\"image\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/como-leer-la-direccion-del-viento-navegando\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/como-leer-la-direccion-del-viento-navegando\\\/#webpage\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/como-leer-la-direccion-del-viento-navegando\\\/\",\"name\":\"C\\u00f3mo leer la direcci\\u00f3n del viento navegando - Windex Development\",\"description\":\"C\\u00f3mo leer la direcci\\u00f3n del viento navegando (ES) ContenidoRespuesta r\\u00e1pida\\u00bfQu\\u00e9 es el viento real?\\u00bfQu\\u00e9 es el viento aparente?Aparente vs realPor qu\\u00e9 hacen falta los dosC\\u00f3mo leer el vientoCe\\u00f1ida vs empopadaErrores frecuentesConsejos para mejorarPreguntas frecuentesEn resumenViento real = el viento que sopla realmente sobre el agua, independiente de tu barco.Viento aparente = el viento que sientes\",\"inLanguage\":\"es-ES\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/como-leer-la-direccion-del-viento-navegando\\\/#breadcrumblist\"},\"datePublished\":\"2026-09-08T13:38:12+00:00\",\"dateModified\":\"2026-09-08T13:38:16+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/\",\"name\":\"Windex Development\",\"description\":\"Wind direction indicator\",\"inLanguage\":\"es-ES\",\"publisher\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"C\u00f3mo leer la direcci\u00f3n del viento navegando - Windex Development","description":"C\u00f3mo leer la direcci\u00f3n del viento navegando (ES) ContenidoRespuesta r\u00e1pida\u00bfQu\u00e9 es el viento real?\u00bfQu\u00e9 es el viento aparente?Aparente vs realPor qu\u00e9 hacen falta los dosC\u00f3mo leer el vientoCe\u00f1ida vs empopadaErrores frecuentesConsejos para mejorarPreguntas frecuentesEn resumenViento real = el viento que sopla realmente sobre el agua, independiente de tu barco.Viento aparente = el viento que sientes","canonical_url":"https:\/\/dev112.dioniqlabb.se\/es\/como-leer-la-direccion-del-viento-navegando\/","robots":"noindex, nofollow, max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/dev112.dioniqlabb.se\/es\/como-leer-la-direccion-del-viento-navegando\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/dev112.dioniqlabb.se\/es\/#listItem","position":1,"name":"Home","item":"https:\/\/dev112.dioniqlabb.se\/es\/","nextItem":{"@type":"ListItem","@id":"https:\/\/dev112.dioniqlabb.se\/es\/como-leer-la-direccion-del-viento-navegando\/#listItem","name":"C\u00f3mo leer la direcci\u00f3n del viento navegando"}},{"@type":"ListItem","@id":"https:\/\/dev112.dioniqlabb.se\/es\/como-leer-la-direccion-del-viento-navegando\/#listItem","position":2,"name":"C\u00f3mo leer la direcci\u00f3n del viento navegando","previousItem":{"@type":"ListItem","@id":"https:\/\/dev112.dioniqlabb.se\/es\/#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/dev112.dioniqlabb.se\/es\/#organization","name":"Windex Development","description":"Wind direction indicator","url":"https:\/\/dev112.dioniqlabb.se\/es\/","logo":{"@type":"ImageObject","url":"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png","@id":"https:\/\/dev112.dioniqlabb.se\/es\/como-leer-la-direccion-del-viento-navegando\/#organizationLogo","width":295,"height":80,"caption":"Windex logo"},"image":{"@id":"https:\/\/dev112.dioniqlabb.se\/es\/como-leer-la-direccion-del-viento-navegando\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/dev112.dioniqlabb.se\/es\/como-leer-la-direccion-del-viento-navegando\/#webpage","url":"https:\/\/dev112.dioniqlabb.se\/es\/como-leer-la-direccion-del-viento-navegando\/","name":"C\u00f3mo leer la direcci\u00f3n del viento navegando - Windex Development","description":"C\u00f3mo leer la direcci\u00f3n del viento navegando (ES) ContenidoRespuesta r\u00e1pida\u00bfQu\u00e9 es el viento real?\u00bfQu\u00e9 es el viento aparente?Aparente vs realPor qu\u00e9 hacen falta los dosC\u00f3mo leer el vientoCe\u00f1ida vs empopadaErrores frecuentesConsejos para mejorarPreguntas frecuentesEn resumenViento real = el viento que sopla realmente sobre el agua, independiente de tu barco.Viento aparente = el viento que sientes","inLanguage":"es-ES","isPartOf":{"@id":"https:\/\/dev112.dioniqlabb.se\/es\/#website"},"breadcrumb":{"@id":"https:\/\/dev112.dioniqlabb.se\/es\/como-leer-la-direccion-del-viento-navegando\/#breadcrumblist"},"datePublished":"2026-09-08T13:38:12+00:00","dateModified":"2026-09-08T13:38:16+00:00"},{"@type":"WebSite","@id":"https:\/\/dev112.dioniqlabb.se\/es\/#website","url":"https:\/\/dev112.dioniqlabb.se\/es\/","name":"Windex Development","description":"Wind direction indicator","inLanguage":"es-ES","publisher":{"@id":"https:\/\/dev112.dioniqlabb.se\/es\/#organization"}}]},"og:locale":"es_ES","og:site_name":"Windex Development - Wind direction indicator","og:type":"article","og:title":"C\u00f3mo leer la direcci\u00f3n del viento navegando - Windex Development","og:description":"C\u00f3mo leer la direcci\u00f3n del viento navegando (ES) ContenidoRespuesta r\u00e1pida\u00bfQu\u00e9 es el viento real?\u00bfQu\u00e9 es el viento aparente?Aparente vs realPor qu\u00e9 hacen falta los dosC\u00f3mo leer el vientoCe\u00f1ida vs empopadaErrores frecuentesConsejos para mejorarPreguntas frecuentesEn resumenViento real = el viento que sopla realmente sobre el agua, independiente de tu barco.Viento aparente = el viento que sientes","og:url":"https:\/\/dev112.dioniqlabb.se\/es\/como-leer-la-direccion-del-viento-navegando\/","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:38:12+00:00","article:modified_time":"2026-09-08T13:38:16+00:00","twitter:card":"summary_large_image","twitter:title":"C\u00f3mo leer la direcci\u00f3n del viento navegando - Windex Development","twitter:description":"C\u00f3mo leer la direcci\u00f3n del viento navegando (ES) ContenidoRespuesta r\u00e1pida\u00bfQu\u00e9 es el viento real?\u00bfQu\u00e9 es el viento aparente?Aparente vs realPor qu\u00e9 hacen falta los dosC\u00f3mo leer el vientoCe\u00f1ida vs empopadaErrores frecuentesConsejos para mejorarPreguntas frecuentesEn resumenViento real = el viento que sopla realmente sobre el agua, independiente de tu barco.Viento aparente = el viento que sientes","twitter:image":"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png"},"aioseo_meta_data":{"post_id":"9148","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:38:16","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\/es\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tC\u00f3mo leer la direcci\u00f3n del viento navegando\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/dev112.dioniqlabb.se\/es\/"},{"label":"C\u00f3mo leer la direcci\u00f3n del viento navegando","link":"https:\/\/dev112.dioniqlabb.se\/es\/como-leer-la-direccion-del-viento-navegando\/"}],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C\u00f3mo leer la direcci\u00f3n del viento navegando - 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=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo leer la direcci\u00f3n del viento navegando - Windex Development\" \/>\n<meta property=\"og:description\" content=\"C\u00f3mo leer la direcci\u00f3n del viento navegando (ES) Contenido Respuesta r\u00e1pida \u00bfQu\u00e9 es el viento real? \u00bfQu\u00e9 es el viento aparente? Aparente vs real Por qu\u00e9 hacen falta los dos C\u00f3mo leer el viento Ce\u00f1ida vs empopada Errores frecuentes Consejos para mejorar Preguntas frecuentes En resumen Viento real = el viento que sopla realmente sobre &hellip; Continue reading &quot;C\u00f3mo leer la direcci\u00f3n del viento navegando&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dev112.dioniqlabb.se\/es\/como-leer-la-direccion-del-viento-navegando\/\" \/>\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:38:16+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/como-leer-la-direccion-del-viento-navegando\\\/\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/como-leer-la-direccion-del-viento-navegando\\\/\",\"name\":\"C\u00f3mo leer la direcci\u00f3n del viento navegando - Windex Development\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/#website\"},\"datePublished\":\"2026-09-08T13:38:12+00:00\",\"dateModified\":\"2026-09-08T13:38:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/como-leer-la-direccion-del-viento-navegando\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/como-leer-la-direccion-del-viento-navegando\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/como-leer-la-direccion-del-viento-navegando\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo leer la direcci\u00f3n del viento navegando\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/\",\"name\":\"Windex Development\",\"description\":\"Wind direction indicator\",\"publisher\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/#organization\",\"name\":\"Windex Development\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/es\\\/#\\\/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\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/windexdevelopment\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo leer la direcci\u00f3n del viento navegando - 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":"es_ES","og_type":"article","og_title":"C\u00f3mo leer la direcci\u00f3n del viento navegando - Windex Development","og_description":"C\u00f3mo leer la direcci\u00f3n del viento navegando (ES) Contenido Respuesta r\u00e1pida \u00bfQu\u00e9 es el viento real? \u00bfQu\u00e9 es el viento aparente? Aparente vs real Por qu\u00e9 hacen falta los dos C\u00f3mo leer el viento Ce\u00f1ida vs empopada Errores frecuentes Consejos para mejorar Preguntas frecuentes En resumen Viento real = el viento que sopla realmente sobre &hellip; Continue reading \"C\u00f3mo leer la direcci\u00f3n del viento navegando\"","og_url":"https:\/\/dev112.dioniqlabb.se\/es\/como-leer-la-direccion-del-viento-navegando\/","og_site_name":"Windex Development","article_publisher":"https:\/\/www.facebook.com\/windexdevelopment\/","article_modified_time":"2026-09-08T13:38:16+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"10 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dev112.dioniqlabb.se\/es\/como-leer-la-direccion-del-viento-navegando\/","url":"https:\/\/dev112.dioniqlabb.se\/es\/como-leer-la-direccion-del-viento-navegando\/","name":"C\u00f3mo leer la direcci\u00f3n del viento navegando - Windex Development","isPartOf":{"@id":"https:\/\/dev112.dioniqlabb.se\/es\/#website"},"datePublished":"2026-09-08T13:38:12+00:00","dateModified":"2026-09-08T13:38:16+00:00","breadcrumb":{"@id":"https:\/\/dev112.dioniqlabb.se\/es\/como-leer-la-direccion-del-viento-navegando\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dev112.dioniqlabb.se\/es\/como-leer-la-direccion-del-viento-navegando\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dev112.dioniqlabb.se\/es\/como-leer-la-direccion-del-viento-navegando\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dev112.dioniqlabb.se\/es\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo leer la direcci\u00f3n del viento navegando"}]},{"@type":"WebSite","@id":"https:\/\/dev112.dioniqlabb.se\/es\/#website","url":"https:\/\/dev112.dioniqlabb.se\/es\/","name":"Windex Development","description":"Wind direction indicator","publisher":{"@id":"https:\/\/dev112.dioniqlabb.se\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dev112.dioniqlabb.se\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/dev112.dioniqlabb.se\/es\/#organization","name":"Windex Development","url":"https:\/\/dev112.dioniqlabb.se\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/dev112.dioniqlabb.se\/es\/#\/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\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/windexdevelopment\/"]}]}},"_links":{"self":[{"href":"https:\/\/dev112.dioniqlabb.se\/es\/wp-json\/wp\/v2\/pages\/9148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev112.dioniqlabb.se\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev112.dioniqlabb.se\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev112.dioniqlabb.se\/es\/wp-json\/wp\/v2\/users\/116"}],"replies":[{"embeddable":true,"href":"https:\/\/dev112.dioniqlabb.se\/es\/wp-json\/wp\/v2\/comments?post=9148"}],"version-history":[{"count":1,"href":"https:\/\/dev112.dioniqlabb.se\/es\/wp-json\/wp\/v2\/pages\/9148\/revisions"}],"predecessor-version":[{"id":9149,"href":"https:\/\/dev112.dioniqlabb.se\/es\/wp-json\/wp\/v2\/pages\/9148\/revisions\/9149"}],"wp:attachment":[{"href":"https:\/\/dev112.dioniqlabb.se\/es\/wp-json\/wp\/v2\/media?parent=9148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}