{"id":4424,"date":"2026-06-03T18:50:55","date_gmt":"2026-06-03T18:50:55","guid":{"rendered":"https:\/\/staging.usaonboard.com\/nighttime-navigation-2\/"},"modified":"2026-06-08T15:54:44","modified_gmt":"2026-06-08T15:54:44","slug":"nighttime-navigation-2","status":"publish","type":"post","link":"https:\/\/staging.usaonboard.com\/es\/nighttime-navigation-2\/","title":{"rendered":"Navegaci\u00f3n\u00a0Nocturna."},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"4424\" class=\"elementor elementor-4424 elementor-4417\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-124dc09d e-con-full e-flex e-con e-parent\" data-id=\"124dc09d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7d706401 e-con-full e-flex e-con e-child\" data-id=\"7d706401\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-248581f5 elementor-widget elementor-widget-html\" data-id=\"248581f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     USA ONBOARD \u00b7 LANDING \u2014 NIGHTTIME NAVIGATION \u00b7 FIELD GUIDE (ES)\n     For embedding in an Elementor HTML widget.\n     No <head>, no nav, no footer, no form.\n     The final dark block anchors visually to the widget's form (below it).\n     CSS namespaced under .nightnav-landing.\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Jost:wght@300;400;500;600&display=swap');\n\n.nightnav-landing {\n  --serif: \"Cormorant Garamond\", Georgia, serif;\n  --sans:  \"Jost\", -apple-system, BlinkMacSystemFont, sans-serif;\n  --ink:        #0a0a0a;\n  --ink-mid:    #2c2c2c;\n  --ink-soft:   #6a6a6a;\n  --off-white:  #faf8f5;\n  --cream:      #f3efe8;\n  --navy:       #0c1b2a;\n  --navy-light: #152638;\n  --gold:       #b08d57;\n  --gold-lt:    #c9a96e;\n  --gold-dk:    #8a6b38;\n  --line:       #ddd5c5;\n  font-family: var(--sans);\n  color: var(--ink);\n  background: var(--off-white);\n  line-height: 1.6;\n  margin: 0;\n  -webkit-font-smoothing: antialiased;\n}\n.nightnav-landing *, .nightnav-landing *::before, .nightnav-landing *::after { box-sizing: border-box; }\n\n\/* \u2500\u2500\u2500 REVEAL \u2500\u2500\u2500 *\/\n.nightnav-landing .reveal { opacity: 0; transform: translateY(24px); transition: opacity 1s ease, transform 1s cubic-bezier(.2,.7,.2,1); }\n.nightnav-landing .reveal.in-view { opacity: 1; transform: translateY(0); }\n.nightnav-landing .reveal.d1 { transition-delay: .12s; }\n.nightnav-landing .reveal.d2 { transition-delay: .24s; }\n\n\/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n.nightnav-landing .nl-hero {\n  position: relative;\n  min-height: 560px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: 90px 24px;\n  background-image:\n    linear-gradient(180deg, rgba(8,18,30,0.55) 0%, rgba(8,18,30,0.35) 40%, rgba(8,18,30,0.75) 100%),\n    url('https:\/\/staging.usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-Velero-fondeado-en-una-bahia-al-anochecer-1-1.webp');\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n}\n.nightnav-landing .nl-hero-inner { max-width: 760px; }\n.nightnav-landing .nl-volanta {\n  display: inline-flex; align-items: center; gap: 14px;\n  font-family: var(--sans); font-size: 12px; font-weight: 500;\n  letter-spacing: 0.30em; text-transform: uppercase;\n  color: var(--gold-lt); margin-bottom: 24px;\n}\n.nightnav-landing .nl-volanta::before, .nightnav-landing .nl-volanta::after {\n  content: \"\"; width: 30px; height: 1px; background: var(--gold-lt); opacity: .8;\n}\n.nightnav-landing .nl-hero h1 {\n  font-family: var(--serif); font-weight: 500;\n  font-size: clamp(42px, 6.5vw, 76px); line-height: 1.02;\n  letter-spacing: -0.01em; color: #fff; margin: 0 0 22px;\n  text-shadow: 0 2px 24px rgba(0,0,0,0.35);\n}\n.nightnav-landing .nl-hero h1 em { font-style: italic; color: var(--gold-lt); }\n.nightnav-landing .nl-hero-deck {\n  font-family: var(--serif); font-size: clamp(18px, 2vw, 23px);\n  font-style: italic; line-height: 1.5; color: rgba(255,255,255,0.92);\n  max-width: 600px; margin: 0 auto 34px;\n  text-shadow: 0 1px 12px rgba(0,0,0,0.3);\n}\n.nightnav-landing .nl-hero-cue {\n  display: inline-flex; align-items: center; gap: 10px;\n  font-family: var(--sans); font-size: 13px; font-weight: 600;\n  letter-spacing: 0.16em; text-transform: uppercase;\n  color: var(--navy); background: var(--gold-lt);\n  padding: 13px 24px; border-radius: 2px;\n}\n.nightnav-landing .nl-hero-cue .arrow { font-size: 15px; line-height: 1; }\n\n\/* \u2500\u2500\u2500 BODY \u2500\u2500\u2500 *\/\n.nightnav-landing .nl-body-wrap { max-width: 720px; margin: 0 auto; padding: 78px 24px 64px; }\n.nightnav-landing .nl-lede {\n  font-family: var(--serif); font-size: clamp(21px, 2.1vw, 27px);\n  font-style: italic; line-height: 1.5; color: var(--ink);\n  margin: 0 0 34px; border-left: 2px solid var(--gold); padding-left: 26px;\n}\n.nightnav-landing .nl-p {\n  font-family: var(--sans); font-size: 17px; font-weight: 300;\n  line-height: 1.85; color: var(--ink-mid); margin: 0 0 24px;\n}\n.nightnav-landing .nl-p strong { font-weight: 600; color: var(--ink); }\n.nightnav-landing .nl-p em { font-family: var(--serif); font-style: italic; font-size: 1.05em; color: var(--ink); }\n\n.nightnav-landing .nl-kicker {\n  font-family: var(--sans); font-size: 12px; font-weight: 600;\n  letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold-dk);\n  margin: 46px 0 18px; display: flex; align-items: center; gap: 12px;\n}\n.nightnav-landing .nl-kicker::before { content: \"\"; width: 26px; height: 1px; background: var(--gold); }\n.nightnav-landing .nl-list { list-style: none; margin: 0; padding: 0; }\n.nightnav-landing .nl-list li {\n  font-family: var(--sans); font-size: 16px; font-weight: 300;\n  line-height: 1.6; color: var(--ink-mid);\n  padding: 15px 0 15px 34px; border-bottom: 0.5px solid var(--line);\n  position: relative;\n}\n.nightnav-landing .nl-list li::before {\n  content: \"\"; position: absolute; left: 4px; top: 22px;\n  width: 9px; height: 9px; border-radius: 50%;\n  background: var(--gold); opacity: 0.85;\n}\n.nightnav-landing .nl-list li strong { font-weight: 600; color: var(--ink); }\n\n\/* \u2500\u2500\u2500 CLAIM FINAL (navy, right above the form) \u2500\u2500\u2500 *\/\n.nightnav-landing .nl-claim {\n  background: var(--navy); text-align: center;\n  padding: 70px 24px 76px; position: relative;\n}\n.nightnav-landing .nl-claim::before {\n  content: \"\"; position: absolute; top: 0; left: 50%; transform: translateX(-50%);\n  width: 1px; height: 46px; background: var(--gold); opacity: 0.7;\n}\n.nightnav-landing .nl-claim-eye {\n  font-family: var(--sans); font-size: 12px; font-weight: 600;\n  letter-spacing: 0.26em; text-transform: uppercase; color: var(--gold-lt);\n  margin-bottom: 18px;\n}\n.nightnav-landing .nl-claim h2 {\n  font-family: var(--serif); font-weight: 500;\n  font-size: clamp(32px, 4.4vw, 50px); line-height: 1.08;\n  color: #fff; margin: 0 0 18px;\n}\n.nightnav-landing .nl-claim h2 em { font-style: italic; color: var(--gold-lt); }\n.nightnav-landing .nl-claim p {\n  font-family: var(--sans); font-size: 16px; font-weight: 300;\n  line-height: 1.65; color: rgba(255,255,255,0.8);\n  max-width: 540px; margin: 0 auto 26px;\n}\n.nightnav-landing .nl-claim-cue {\n  display: inline-flex; align-items: center; gap: 10px;\n  font-family: var(--sans); font-size: 13px; font-weight: 600;\n  letter-spacing: 0.18em; text-transform: uppercase; color: var(--gold-lt);\n}\n.nightnav-landing .nl-claim-cue .arrow { font-size: 16px; animation: nlBob 2.4s ease-in-out infinite; }\n@keyframes nlBob { 0%,100%{transform:translateY(0);} 50%{transform:translateY(4px);} }\n\n@media (max-width: 720px) {\n  .nightnav-landing .nl-hero { min-height: 480px; padding: 70px 20px; }\n  .nightnav-landing .nl-body-wrap { padding: 56px 20px 48px; }\n  .nightnav-landing .nl-claim { padding: 56px 20px 60px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .nightnav-landing .reveal { transition: none; }\n  .nightnav-landing .nl-claim-cue .arrow { animation: none; }\n}\n<\/style>\n\n<article class=\"nightnav-landing\">\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <header class=\"nl-hero\">\n    <div class=\"nl-hero-inner\">\n      <div class=\"nl-volanta reveal\">USA Onboard \u00b7 Field Guide<\/div>\n      <h1 class=\"reveal d1\">Navegaci\u00f3n <em>Nocturna.<\/em><\/h1>\n      <p class=\"nl-hero-deck reveal d1\">Un oc\u00e9ano que se funde en un solo tono, luces que significan cosas, distancias que dejan de comportarse \u2014 una gu\u00eda pr\u00e1ctica para las horas en que el agua ense\u00f1a a todos a mirar dos veces.<\/p>\n      <a class=\"nl-hero-cue reveal d2\" href=\"#nightnav-form\">Baja la gu\u00eda gratis aqu\u00ed abajo <span class=\"arrow\">\u2193<\/span><\/a>\n    <\/div>\n  <\/header>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 BODY \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"nl-body-wrap\">\n    <p class=\"nl-lede reveal\">Un barco de noche se vuelve otro barco. El color desaparece del agua, y el mundo se reduce a una peque\u00f1a constelaci\u00f3n de luces cuyos significados no son opcionales.<\/p>\n\n    <p class=\"nl-p reveal d1\">Navegar despu\u00e9s del atardecer premia al que se prepara y humilla a los dem\u00e1s. La disciplina no es dif\u00edcil, pero no perdona la improvisaci\u00f3n \u2014 y casi toda se decide antes de arrancar el motor. Las luces de los dem\u00e1s buques son un idioma. Los instrumentos confirman lo que el ojo ya no puede creer. Y el float plan dejado en tierra es lo \u00fanico que encuentra a un barco que no llega.<\/p>\n\n    <p class=\"nl-p reveal d1\">Esta gu\u00eda los lee todos como lo hace un capit\u00e1n, apoy\u00e1ndose en las <strong>Navigation Rules del U.S. Coast Guard y los COLREGS<\/strong> \u2014 escrita para leerse con calma ahora y recordarse al instante despu\u00e9s, cuando la hora oscura cobra la preparaci\u00f3n.<\/p>\n\n    <span class=\"nl-kicker reveal\">Qu\u00e9 incluye la gu\u00eda<\/span>\n    <ul class=\"nl-list reveal d1\">\n      <li>Lo que realmente cambia la oscuridad \u2014 <strong>visi\u00f3n nocturna<\/strong>, distancias falsas y la regla de los veinte minutos que las protege<\/li>\n      <li><strong>Leer luces, no paisajes<\/strong> \u2014 cadencias de boyas (Fl, Q, Iso, Mo) y las navigation lights de cada buque que te cruces<\/li>\n      <li>El argumento de los instrumentos \u2014 <strong>GPS, chartplotter, AIS, radar<\/strong> y el comp\u00e1s que nunca falla<\/li>\n      <li>Visibilidad en ambos sentidos \u2014 ser visto, ver el agua y leer buques seg\u00fan <strong>COLREGS Part C<\/strong><\/li>\n      <li>Planificaci\u00f3n y tripulaci\u00f3n \u2014 el <strong>float plan<\/strong>, la rotaci\u00f3n de guardia y la velocidad que permite la noche<\/li>\n      <li>Una <strong>tarjeta de referencia r\u00e1pida<\/strong> completa y el qu\u00e9 hacer y qu\u00e9 no de la oscuridad<\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CLAIM FINAL (right above the form) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"nl-claim reveal\" id=\"nightnav-form\">\n    <div class=\"nl-claim-eye\">Gratis \u00b7 Descarga PDF<\/div>\n    <h2>Baja la gu\u00eda <em>gratis, aqu\u00ed.<\/em><\/h2>\n    <p>Deja tu nombre y correo y te enviamos la gu\u00eda Navegaci\u00f3n Nocturna completa directo a tu bandeja de entrada.<\/p>\n    <div class=\"nl-claim-cue\">Completa el formulario abajo <span class=\"arrow\">\u2193<\/span><\/div>\n  <\/section>\n\n<\/article>\n\n<script>\n(function(){\n  if (typeof IntersectionObserver !== 'undefined') {\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in-view'); io.unobserve(e.target); } });\n    }, { threshold: 0.14, rootMargin: '0px 0px -60px 0px' });\n    document.querySelectorAll('.nightnav-landing .reveal').forEach(function(el){ io.observe(el); });\n  } else {\n    document.querySelectorAll('.nightnav-landing .reveal').forEach(function(el){ el.classList.add('in-view'); });\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>USA Onboard \u00b7 Field Guide Navegaci\u00f3n Nocturna. Un oc\u00e9ano que se funde en un solo tono, luces que significan cosas, distancias que dejan de comportarse \u2014 una gu\u00eda pr\u00e1ctica para las horas en que el agua ense\u00f1a a todos a mirar dos veces. Baja la gu\u00eda gratis aqu\u00ed abajo \u2193 Un barco de noche se [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":4419,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[84],"tags":[],"class_list":["post-4424","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guias"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging.usaonboard.com\/es\/wp-json\/wp\/v2\/posts\/4424","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.usaonboard.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.usaonboard.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.usaonboard.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.usaonboard.com\/es\/wp-json\/wp\/v2\/comments?post=4424"}],"version-history":[{"count":5,"href":"https:\/\/staging.usaonboard.com\/es\/wp-json\/wp\/v2\/posts\/4424\/revisions"}],"predecessor-version":[{"id":5918,"href":"https:\/\/staging.usaonboard.com\/es\/wp-json\/wp\/v2\/posts\/4424\/revisions\/5918"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.usaonboard.com\/es\/wp-json\/wp\/v2\/media\/4419"}],"wp:attachment":[{"href":"https:\/\/staging.usaonboard.com\/es\/wp-json\/wp\/v2\/media?parent=4424"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging.usaonboard.com\/es\/wp-json\/wp\/v2\/categories?post=4424"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.usaonboard.com\/es\/wp-json\/wp\/v2\/tags?post=4424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}