{"id":6290,"date":"2026-06-09T15:40:12","date_gmt":"2026-06-09T15:40:12","guid":{"rendered":"https:\/\/usaonboard.com\/the-connected-boat\/"},"modified":"2026-06-09T15:43:40","modified_gmt":"2026-06-09T15:43:40","slug":"the-connected-boat","status":"publish","type":"post","link":"https:\/\/usaonboard.com\/es\/the-connected-boat\/","title":{"rendered":"El Barco Conectado"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"6290\" class=\"elementor elementor-6290 elementor-6283\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66526099 e-con-full e-flex e-con e-parent\" data-id=\"66526099\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6357fdfc e-con-full e-flex e-con e-child\" data-id=\"6357fdfc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-323763c8 e-con e-atomic-element e-div-block-base e-323763c8-4eaf48e \" data-id=\"323763c8\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"323763c8\" data-e-type=\"e-div-block\" data-id=\"323763c8\">\n    \t\t<div class=\"elementor-element elementor-element-3cc6e06e elementor-widget elementor-widget-html\" data-id=\"3cc6e06e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&family=Jost:wght@300;400;500;600;700&display=swap');\n\n.connected-es-article {\n  --serif: \"Cormorant Garamond\", Georgia, serif;\n  --sans:  \"Jost\", -apple-system, BlinkMacSystemFont, sans-serif;\n  --ink:#0a0a0a; --ink-mid:#2c2c2c; --ink-soft:#6a6a6a;\n  --off-white:#faf8f5; --cream:#f3efe8; --cream-mid:#ece6db;\n  --navy:#0c1b2a; --navy-light:#152638;\n  --gold:#b08d57; --gold-lt:#c9a96e; --gold-dk:#8a6b38;\n  --border:#ddd5c5;\n  font-family:var(--sans); color:var(--ink); background:var(--off-white); line-height:1.6; overflow:visible;\n}\n.connected-es-article *, .connected-es-article *::before, .connected-es-article *::after { box-sizing:border-box; }\n.connected-es-article img { display:block; max-width:100%; height:auto; }\n\n\/* HERO *\/\n.connected-es-article .art-hero { position:relative; width:100%; aspect-ratio:16\/9; min-height:520px; max-height:820px; overflow:hidden; margin:0; }\n.connected-es-article .art-hero-bg { position:absolute; inset:0; background-image:none; background-size:cover; background-position:center center; background-repeat:no-repeat; transform:scale(1.03); animation:connectedesHeroZoom 22s ease-in-out infinite alternate; will-change:transform; }\n@keyframes connectedesHeroZoom { from { transform:scale(1.03); } to { transform:scale(1.00); } }\n.connected-es-article .art-hero-grad { position:absolute; inset:0; background:linear-gradient(to bottom, rgba(8,14,22,0) 0%, rgba(8,14,22,0) 78%, rgba(8,14,22,0.4) 100%); }\n.connected-es-article .hero-scroll-ind { position:absolute; bottom:32px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:10px; color:rgba(255,255,255,.45); font-family:var(--sans); font-size:10px; letter-spacing:.28em; text-transform:uppercase; animation:connectedesScrollBob 3s ease-in-out infinite; }\n@keyframes connectedesScrollBob { 0%,100% { transform:translateX(-50%) translateY(0); opacity:.6; } 50% { transform:translateX(-50%) translateY(10px); opacity:1; } }\n.connected-es-article .scroll-ln { width:1px; height:48px; background:linear-gradient(to bottom, rgba(255,255,255,.55), transparent); }\n\n\/* EDITORIAL PLATE *\/\n.connected-es-article .art-hero-plate { background:#0a1420 !important; background-image:linear-gradient(to bottom, #060c14 0%, #0a1420 100%) !important; color:#ffffff; padding:72px 48px 88px; text-align:center; position:relative; overflow:hidden; border-top:1px solid rgba(201,169,110,0.18); }\n.connected-es-article .art-hero-plate::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:80px; height:1px; background:var(--gold); opacity:.6; }\n.connected-es-article .art-volanta { display:inline-flex; align-items:center; gap:18px; margin-bottom:28px; }\n.connected-es-article .art-volanta-line { width:56px; height:1px; background:#b08d57 !important; opacity:.55; }\n.connected-es-article .art-volanta-label { font-family:var(--sans); font-size:11px; font-weight:600; letter-spacing:.38em; text-transform:uppercase; color:#c9a96e !important; border:1px solid rgba(201,169,110,.45); padding:8px 22px; }\n.connected-es-article .art-h1 { font-family:var(--serif); font-size:clamp(48px, 7.5vw, 104px); font-weight:500; color:#ffffff !important; line-height:1.02; letter-spacing:.018em; text-transform:uppercase; margin:0 auto 28px; max-width:1040px; }\n.connected-es-article .art-bajada-hero { font-family:var(--serif); font-size:clamp(19px, 1.65vw, 23px); font-weight:300; font-style:italic; color:rgba(255,255,255,.82); line-height:1.65; max-width:760px; margin:0 auto 38px; }\n.connected-es-article .art-meta-hero { display:flex; align-items:center; gap:18px; font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.3em; text-transform:uppercase; color:rgba(255,255,255,.55); flex-wrap:wrap; justify-content:center; }\n.connected-es-article .art-meta-hero span.art-meta-sep { color:rgba(255,255,255,.3); }\n\n\/* BODY \/ LEDE \/ TYPE *\/\n.connected-es-article .art-container { max-width:860px; margin:0 auto; padding:0 32px; }\n.connected-es-article .art-intro { padding:112px 0 64px; }\n.connected-es-article .art-lede { font-family:var(--serif); font-size:clamp(22px, 2.2vw, 30px); font-weight:400; font-style:italic; color:var(--ink); line-height:1.55; border-left:2px solid var(--gold); padding-left:32px; margin:0 0 48px; max-width:820px; }\n.connected-es-article .art-body-text { font-family:var(--sans); font-size:18px; font-weight:300; color:var(--ink-mid); line-height:1.95; margin:0 0 26px; max-width:780px; }\n.connected-es-article .art-body-text strong { color:var(--ink); font-weight:500; }\n.connected-es-article .art-body-text em { color:var(--gold-dk); font-style:italic; }\n.connected-es-article .art-kicker { display:flex; align-items:center; gap:14px; font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.35em; text-transform:uppercase; color:var(--gold-dk); margin:80px 0 20px; }\n.connected-es-article .art-kicker::before { content:''; width:36px; height:1px; background:var(--gold-dk); }\n.connected-es-article .art-section-head { font-family:var(--serif); font-size:clamp(36px, 4vw, 58px); font-weight:400; color:var(--ink); line-height:1.12; letter-spacing:-.005em; margin:88px 0 36px; max-width:900px; }\n.connected-es-article .art-section-head em { font-style:italic; color:var(--gold-dk); font-weight:300; }\n\n\/* FACT BOX *\/\n.connected-es-article .fact-box { background:var(--cream); border-left:2px solid var(--gold); padding:36px 40px; margin:52px auto; max-width:820px; }\n.connected-es-article .fact-box-label { font-family:var(--sans); font-size:10px; font-weight:600; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:14px; display:flex; align-items:center; gap:12px; }\n.connected-es-article .fact-box-label::before { content:''; width:28px; height:1px; background:var(--gold-dk); }\n.connected-es-article .fact-box-body { font-family:var(--serif); font-size:19px; font-weight:400; font-style:italic; color:var(--ink-mid); line-height:1.65; }\n.connected-es-article .fact-box-body strong { font-style:normal; font-weight:600; color:var(--ink); }\n\n\/* [OPTIONAL] STATS STRIP (dropped) *\/\n.connected-es-article .stats-strip { background:#0c1b2a !important; padding:88px 40px; margin:0; display:grid; grid-template-columns:repeat(4, 1fr); position:relative; overflow:hidden; }\n.connected-es-article .stats-strip::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:120px; height:1px; background:var(--gold); }\n.connected-es-article .stat-item { padding:0 36px; border-right:1px solid rgba(255,255,255,.08); text-align:center; }\n.connected-es-article .stat-item:last-child { border-right:none; }\n.connected-es-article .stat-num { font-family:var(--serif); font-size:clamp(56px, 5.2vw, 84px); font-weight:300; color:#fff; line-height:1; margin-bottom:14px; letter-spacing:-.02em; }\n.connected-es-article .stat-num em { font-style:normal; color:var(--gold-lt); font-size:.5em; vertical-align:super; margin-left:4px; }\n.connected-es-article .stat-label { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.25em; text-transform:uppercase; color:rgba(255,255,255,.5); line-height:1.6; }\n.connected-es-article .stat-sub { font-family:var(--serif); font-size:13px; font-style:italic; font-weight:300; color:rgba(255,255,255,.3); margin-top:8px; }\n\n\/* PARALLAX *\/\n.connected-es-article .parallax-section { position:relative; width:100%; height:clamp(460px, 75vh, 820px); overflow:hidden; margin:0; }\n.connected-es-article .parallax-img { position:absolute; inset:-8%; background-size:cover; background-position:center; background-attachment:fixed; }\n.connected-es-article .parallax-overlay { position:absolute; inset:0; background:linear-gradient(to bottom, rgba(10,15,20,.15) 0%, rgba(10,15,20,.45) 100%); }\n.connected-es-article .parallax-caption { position:absolute; bottom:36px; right:48px; font-family:var(--sans); font-size:11px; font-weight:400; letter-spacing:.26em; text-transform:uppercase; color:rgba(255,255,255,.55); display:flex; align-items:center; gap:12px; }\n.connected-es-article .parallax-caption::before { content:''; width:32px; height:1px; background:rgba(255,255,255,.4); }\n\n\/* HIGHLIGHTS *\/\n.connected-es-article .highlights-section { padding:80px 32px; background:var(--cream); margin:0; }\n.connected-es-article .highlights-container { max-width:1200px; margin:0 auto; }\n.connected-es-article .highlights-head { text-align:center; margin-bottom:64px; }\n.connected-es-article .highlights-kicker { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:18px; display:inline-flex; align-items:center; gap:14px; }\n.connected-es-article .highlights-kicker::before, .connected-es-article .highlights-kicker::after { content:''; width:32px; height:1px; background:var(--gold-dk); }\n.connected-es-article .highlights-title { font-family:var(--serif); font-size:clamp(32px, 3.4vw, 48px); font-weight:400; color:var(--ink); line-height:1.15; }\n.connected-es-article .highlights-title em { font-style:italic; color:var(--gold-dk); font-weight:300; }\n.connected-es-article .highlights-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:48px; margin-top:56px; }\n.connected-es-article .hl-item { display:flex; flex-direction:column; gap:14px; }\n.connected-es-article .hl-num { font-family:var(--serif); font-size:60px; font-weight:300; color:var(--gold); opacity:.45; line-height:1; letter-spacing:-.02em; }\n.connected-es-article .hl-title { font-family:var(--serif); font-size:24px; font-weight:500; color:var(--ink); line-height:1.3; }\n.connected-es-article .hl-title em { font-style:italic; color:var(--gold-dk); font-weight:400; }\n.connected-es-article .hl-text { font-family:var(--sans); font-size:15px; font-weight:300; color:var(--ink-mid); line-height:1.75; }\n\n\/* TWO-COLUMN FEATURE (.reverse to flip) *\/\n.connected-es-article .two-col-feature { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; padding:96px 48px; max-width:1360px; margin:0 auto; }\n.connected-es-article .two-col-feature.reverse .tc-image { order:2; }\n.connected-es-article .tc-image { position:relative; aspect-ratio:4\/5; overflow:hidden; }\n.connected-es-article .tc-image img { width:100%; height:100%; object-fit:cover; }\n.connected-es-article .tc-kicker { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:18px; display:inline-flex; align-items:center; gap:14px; }\n.connected-es-article .tc-kicker::before { content:''; width:32px; height:1px; background:var(--gold-dk); }\n.connected-es-article .tc-title { font-family:var(--serif); font-size:clamp(32px, 3vw, 48px); font-weight:400; color:var(--ink); line-height:1.18; margin-bottom:24px; }\n.connected-es-article .tc-title em { font-style:italic; color:var(--gold-dk); font-weight:300; }\n.connected-es-article .tc-body { font-family:var(--sans); font-size:17px; font-weight:300; color:var(--ink-mid); line-height:1.9; }\n.connected-es-article .tc-body p { margin-bottom:20px; }\n.connected-es-article .tc-body p:last-child { margin-bottom:0; }\n\n\/* GALLERY (3 + 2; items can feed lightbox via data-lb-src\/data-lb-cap) *\/\n.connected-es-article .gallery-section { padding:80px 0; background:var(--off-white); }\n.connected-es-article .gallery-head { max-width:860px; margin:0 auto 52px; padding:0 32px; text-align:center; }\n.connected-es-article .gallery-grid-3 { display:grid; grid-template-columns:repeat(3, 1fr); gap:4px; padding:0 4px; }\n.connected-es-article .gallery-grid-2 { display:grid; grid-template-columns:repeat(2, 1fr); gap:4px; padding:0 4px; margin-top:4px; }\n.connected-es-article .gallery-item { position:relative; overflow:hidden; aspect-ratio:3\/2; cursor:pointer; }\n.connected-es-article .gallery-item img { width:100%; height:100%; object-fit:cover; transition:transform 1.2s cubic-bezier(.2,.7,.2,1); }\n.connected-es-article .gallery-item:hover img { transform:scale(1.06); }\n.connected-es-article .gallery-item-cap { position:absolute; bottom:0; left:0; right:0; padding:20px 22px; background:linear-gradient(to top, rgba(10,15,20,.85), rgba(10,15,20,0)); color:#fff; font-family:var(--sans); font-size:10px; font-weight:500; letter-spacing:.28em; text-transform:uppercase; opacity:0; transform:translateY(10px); transition:opacity .5s, transform .5s; }\n.connected-es-article .gallery-item:hover .gallery-item-cap { opacity:1; transform:translateY(0); }\n\n\/* SCROLL STRIP (manual-drag horizontal gallery; items feed lightbox) *\/\n.connected-es-article .scroll-strip-section { padding:64px 0 48px; background:var(--off-white); margin:32px 0 20px; }\n.connected-es-article .scroll-strip-head { max-width:1360px; margin:0 auto 32px; padding:0 48px; display:flex; align-items:flex-end; justify-content:space-between; gap:32px; flex-wrap:wrap; }\n.connected-es-article .scroll-strip-kicker { display:flex; align-items:center; gap:14px; font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:14px; }\n.connected-es-article .scroll-strip-kicker::before { content:''; width:32px; height:1px; background:var(--gold-dk); }\n.connected-es-article .scroll-strip-title { font-family:var(--serif); font-size:clamp(28px, 2.6vw, 38px); font-weight:400; color:var(--ink); line-height:1.2; margin:0; }\n.connected-es-article .scroll-strip-title em { font-style:italic; color:var(--gold-dk); font-weight:300; }\n.connected-es-article .scroll-strip-hint { font-family:var(--sans); font-size:11px; font-weight:400; letter-spacing:.24em; text-transform:uppercase; color:var(--ink-soft); display:flex; align-items:center; gap:10px; }\n.connected-es-article .scroll-strip-hint::before { content:'\\2192'; font-family:var(--sans); font-size:13px; color:var(--gold); animation:connectedesArrowBob 2.4s ease-in-out infinite; }\n@keyframes connectedesArrowBob { 0%,100% { transform:translateX(0); } 50% { transform:translateX(6px); } }\n.connected-es-article .scroll-strip { display:flex; gap:4px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; padding:0 48px 24px; scrollbar-width:thin; scrollbar-color:rgba(176,141,87,.5) transparent; cursor:grab; -webkit-overflow-scrolling:touch; }\n.connected-es-article .scroll-strip:active { cursor:grabbing; }\n.connected-es-article .scroll-strip::-webkit-scrollbar { height:6px; }\n.connected-es-article .scroll-strip::-webkit-scrollbar-track { background:transparent; }\n.connected-es-article .scroll-strip::-webkit-scrollbar-thumb { background:rgba(176,141,87,.45); border-radius:3px; }\n.connected-es-article .strip-item { flex:0 0 auto; width:clamp(280px, 32vw, 520px); aspect-ratio:4\/3; scroll-snap-align:start; overflow:hidden; position:relative; cursor:pointer; background:var(--cream); }\n.connected-es-article .strip-item img { width:100%; height:100%; object-fit:cover; transition:transform .9s cubic-bezier(.2,.7,.2,1); pointer-events:none; }\n.connected-es-article .strip-item:hover img { transform:scale(1.05); }\n.connected-es-article .strip-cap { position:absolute; bottom:0; left:0; right:0; padding:18px 22px; background:linear-gradient(to top, rgba(10,15,20,.88), rgba(10,15,20,0)); color:#fff; font-family:var(--sans); font-size:10px; font-weight:500; letter-spacing:.28em; text-transform:uppercase; opacity:0; transform:translateY(6px); transition:opacity .4s, transform .4s; pointer-events:none; }\n.connected-es-article .strip-item:hover .strip-cap { opacity:1; transform:translateY(0); }\n.connected-es-article .strip-badge { position:absolute; top:16px; left:16px; padding:6px 14px; background:rgba(10,15,20,.75); color:#c9a96e !important; font-family:var(--sans); font-size:9px; font-weight:500; letter-spacing:.28em; text-transform:uppercase; opacity:0; transform:translateY(-4px); transition:opacity .35s, transform .35s; pointer-events:none; }\n.connected-es-article .strip-item:hover .strip-badge { opacity:1; transform:translateY(0); }\n\n\/* FULL-WIDTH IMAGE *\/\n.connected-es-article .fullwidth-img { width:100%; margin:56px 0; position:relative; overflow:hidden; aspect-ratio:16\/9; }\n.connected-es-article .fullwidth-img img { width:100%; height:100%; object-fit:cover; transition:transform 8s ease-out; }\n.connected-es-article .fullwidth-img.in-view img { transform:scale(1.04); }\n.connected-es-article .fullwidth-cap { position:absolute; bottom:32px; left:48px; font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.26em; text-transform:uppercase; color:rgba(255,255,255,.8); display:flex; align-items:center; gap:14px; }\n.connected-es-article .fullwidth-cap::before { content:''; width:36px; height:1px; background:rgba(255,255,255,.6); }\n\n\/* PULL QUOTE *\/\n.connected-es-article .art-pullquote { padding:48px 48px 54px; margin:28px auto 36px; text-align:center; max-width:1040px; position:relative; }\n.connected-es-article .art-pullquote::before { content:'\\201C'; display:block; font-family:var(--serif); font-size:120px; font-weight:400; color:var(--gold); opacity:.24; line-height:.3; margin-bottom:10px; }\n.connected-es-article .art-pullquote-text { font-family:var(--serif); font-size:clamp(28px, 3vw, 42px); font-weight:300; font-style:italic; color:var(--ink); line-height:1.4; letter-spacing:-.005em; margin:0 0 28px; }\n.connected-es-article .art-pullquote-cite { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.32em; text-transform:uppercase; color:var(--gold-dk); }\n\n\/* [OPTIONAL] SPECS GRID (dropped) *\/\n.connected-es-article .specs-section { background:#0c1b2a !important; padding:96px 48px; margin:0; position:relative; }\n.connected-es-article .specs-container { max-width:1100px; margin:0 auto; }\n.connected-es-article .specs-head { text-align:center; margin-bottom:64px; }\n.connected-es-article .specs-kicker { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-lt); margin-bottom:20px; display:inline-flex; align-items:center; gap:14px; }\n.connected-es-article .specs-kicker::before, .connected-es-article .specs-kicker::after { content:''; width:32px; height:1px; background:var(--gold); }\n.connected-es-article .specs-title { font-family:var(--serif); font-size:clamp(32px, 3.4vw, 48px); font-weight:400; color:#fff; line-height:1.15; }\n.connected-es-article .specs-title em { font-style:italic; color:var(--gold-lt); font-weight:300; }\n.connected-es-article .specs-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:1px; background:rgba(201,169,110,.2); border:1px solid rgba(201,169,110,.2); margin-top:40px; }\n.connected-es-article .spec-row { background:#0c1b2a !important; padding:22px 30px; display:flex; align-items:baseline; justify-content:space-between; gap:20px; }\n.connected-es-article .spec-label { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.45); }\n.connected-es-article .spec-value { font-family:var(--serif); font-size:22px; font-weight:400; color:#fff; text-align:right; letter-spacing:-.005em; }\n.connected-es-article .spec-value em { color:var(--gold-lt); font-style:italic; font-weight:300; }\n\n\/* SIGN-OFF *\/\n.connected-es-article .art-signoff { padding:120px 32px; text-align:center; background:#0c1b2a !important; color:#ffffff; position:relative; overflow:hidden; }\n.connected-es-article .art-signoff::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:120px; height:1px; background:var(--gold); }\n.connected-es-article .signoff-text { font-family:var(--serif); font-size:clamp(24px, 2.4vw, 32px); font-style:italic; font-weight:300; color:rgba(255,255,255,.88) !important; line-height:1.55; max-width:660px; margin:0 auto 28px; }\n.connected-es-article .signoff-cite { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.32em; text-transform:uppercase; color:#c9a96e !important; }\n\n\/* [OPTIONAL] CREDITS (dropped: no credits) *\/\n.connected-es-article .art-credits { padding:60px 32px; background:var(--off-white); border-top:1px solid var(--border); }\n.connected-es-article .credits-container { max-width:860px; margin:0 auto; display:flex; flex-wrap:wrap; gap:48px; justify-content:space-between; }\n.connected-es-article .credits-block { min-width:180px; }\n.connected-es-article .credits-label { font-family:var(--sans); font-size:10px; font-weight:600; letter-spacing:.3em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:10px; }\n.connected-es-article .credits-value { font-family:var(--serif); font-size:18px; font-weight:400; color:var(--ink); }\n\n\/* LIGHTBOX *\/\n.connected-es-article .lb-overlay { position:fixed; inset:0; z-index:9999; background:rgba(6,10,16,.96); display:none; align-items:center; justify-content:center; opacity:0; transition:opacity .35s; }\n.connected-es-article .lb-overlay.open { display:flex; opacity:1; }\n.connected-es-article .lb-stage { position:relative; width:100vw; height:100vh; display:flex; align-items:center; justify-content:center; padding:80px 100px; }\n.connected-es-article .lb-image-wrap { max-width:100%; max-height:100%; display:flex; align-items:center; justify-content:center; }\n.connected-es-article .lb-image { max-width:100%; max-height:calc(100vh - 200px); width:auto; height:auto; object-fit:contain; box-shadow:0 30px 80px rgba(0,0,0,.55); }\n.connected-es-article .lb-counter { position:absolute; top:32px; left:50%; transform:translateX(-50%); font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:rgba(255,255,255,.5); }\n.connected-es-article .lb-counter em { font-style:normal; color:var(--gold-lt); }\n.connected-es-article .lb-caption { position:absolute; bottom:36px; left:50%; transform:translateX(-50%); font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.32em; text-transform:uppercase; color:rgba(255,255,255,.72); display:flex; align-items:center; gap:14px; }\n.connected-es-article .lb-caption::before, .connected-es-article .lb-caption::after { content:''; width:28px; height:1px; background:rgba(201,169,110,.55); }\n.connected-es-article .lb-close { position:absolute; top:24px; right:28px; width:48px; height:48px; background:transparent; border:1px solid rgba(255,255,255,.18); color:rgba(255,255,255,.75); cursor:pointer; display:flex; align-items:center; justify-content:center; font-family:var(--sans); font-size:24px; line-height:1; transition:border-color .25s, color .25s, transform .25s; padding:0; }\n.connected-es-article .lb-close:hover { border-color:var(--gold-lt); color:var(--gold-lt); transform:rotate(90deg); }\n.connected-es-article .lb-nav { position:absolute; top:50%; transform:translateY(-50%); width:54px; height:54px; background:transparent; border:1px solid rgba(255,255,255,.18); color:rgba(255,255,255,.75); cursor:pointer; display:flex; align-items:center; justify-content:center; font-family:var(--serif); font-size:28px; font-weight:300; line-height:1; transition:border-color .25s, color .25s, background .25s; padding:0; }\n.connected-es-article .lb-nav:hover { border-color:var(--gold-lt); color:var(--gold-lt); background:rgba(201,169,110,.06); }\n.connected-es-article .lb-prev { left:32px; }\n.connected-es-article .lb-next { right:32px; }\n\n\/* REVEAL *\/\n.connected-es-article .reveal { opacity:0; transform:translateY(40px); transition:opacity 1.1s cubic-bezier(.2,.7,.2,1), transform 1.1s cubic-bezier(.2,.7,.2,1); will-change:opacity, transform; }\n.connected-es-article .reveal.in-view { opacity:1; transform:translateY(0); }\n.connected-es-article .reveal.delay-1 { transition-delay:.12s; }\n.connected-es-article .reveal.delay-2 { transition-delay:.24s; }\n.connected-es-article .reveal.delay-3 { transition-delay:.36s; }\n\n\/* RESPONSIVE *\/\n@media (max-width:960px) {\n  .connected-es-article .stats-strip { grid-template-columns:repeat(2, 1fr); gap:48px 0; padding:56px 24px; }\n  .connected-es-article .stat-item { border-right:none !important; padding:0 20px; }\n  .connected-es-article .stat-item:nth-child(odd) { border-right:1px solid rgba(255,255,255,.08) !important; }\n  .connected-es-article .highlights-grid { grid-template-columns:1fr; gap:48px; }\n  .connected-es-article .gallery-grid-3 { grid-template-columns:1fr 1fr; }\n  .connected-es-article .two-col-feature { grid-template-columns:1fr; gap:40px; padding:64px 24px; }\n  .connected-es-article .two-col-feature.reverse .tc-image { order:0; }\n  .connected-es-article .specs-grid { grid-template-columns:1fr; }\n  .connected-es-article .parallax-img { background-attachment:scroll; }\n  .connected-es-article .art-intro { padding:72px 0 40px; }\n  .connected-es-article .art-container { padding:0 24px; }\n  .connected-es-article .art-pullquote { padding:72px 24px; }\n  .connected-es-article .parallax-caption { right:24px; bottom:24px; font-size:10px; }\n  .connected-es-article .fullwidth-cap { left:24px; bottom:24px; font-size:10px; }\n}\n@media (max-width:720px) {\n  .connected-es-article .art-hero-plate { padding:52px 24px 64px; }\n  .connected-es-article .art-hero-plate .art-h1 { font-size:38px; }\n  .connected-es-article .art-hero-plate .art-bajada-hero { font-size:16px; }\n  .connected-es-article .art-volanta-line { width:36px; }\n  .connected-es-article .lb-stage { padding:60px 16px; }\n  .connected-es-article .lb-nav { width:44px; height:44px; font-size:24px; }\n  .connected-es-article .lb-prev { left:12px; }\n  .connected-es-article .lb-next { right:12px; }\n  .connected-es-article .strip-item { width:78vw; }\n  .connected-es-article .scroll-strip { padding:0 24px 20px; }\n  .connected-es-article .scroll-strip-head { padding:0 24px; }\n}\n@media (max-width:640px) {\n  .connected-es-article .stats-strip { grid-template-columns:1fr; gap:48px 0; }\n  .connected-es-article .stat-item { border-right:none !important; }\n  .connected-es-article .gallery-grid-3 { grid-template-columns:1fr; }\n  .connected-es-article .gallery-grid-2 { grid-template-columns:1fr; }\n  .connected-es-article .credits-container { gap:32px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .connected-es-article .art-hero-bg { animation:none; transform:scale(1); }\n  .connected-es-article .hero-scroll-ind { animation:none; }\n  .connected-es-article .scroll-strip-hint::before { animation:none; }\n  .connected-es-article .parallax-img { background-attachment:scroll; }\n}\n\n<\/style>\n\n<article class=\"connected-es-article\">\n\n  <section class=\"art-hero\">\n    <div class=\"art-hero-bg\" style=\"background-image:url('https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-HERO-Impactante-helm-interior-de-un-riviera-645-con-3-displays-sonar-radar-gps-joystic-y-mas-controles-Imagen-al-atardecer-con-el-helm-muy-iluminado.jpg');\"><\/div>\n    <div class=\"art-hero-grad\"><\/div>\n    <div class=\"hero-scroll-ind\"><span>Descubrir<\/span><span class=\"scroll-ln\"><\/span><\/div>\n  <\/section>\n\n  <section class=\"art-hero-plate\">\n    <div class=\"art-volanta\"><span class=\"art-volanta-line\"><\/span><span class=\"art-volanta-label\">A Bordo &middot; Conectividad<\/span><span class=\"art-volanta-line\"><\/span><\/div>\n    <h1 class=\"art-h1\">El Barco<br>Conectado<\/h1>\n    <p class=\"art-bajada-hero\">Un puente de mando moderno brilla como una cabina de avi&oacute;n, y una antena satelital en el hardtop hace hoy lo que antes hac&iacute;a un tel&eacute;fono en la marina. El barco se ha vuelto, en silencio, la habitaci&oacute;n m&aacute;s conectada que tiene su due&ntilde;o.<\/p>\n    <div class=\"art-meta-hero\"><span>USA Onboard Editorial<\/span><span class=\"art-meta-sep\">&middot;<\/span><span>Reportaje &middot; 2026<\/span><span class=\"art-meta-sep\">&middot;<\/span><span>Lectura &middot; 7 min<\/span><\/div>\n  <\/section>\n\n  <div class=\"art-container\">\n    <div class=\"art-intro\">\n      <p class=\"art-lede reveal\">No hace mucho, soltar amarras significaba dejar la red atr&aacute;s. Las cartas eran de papel, el tiempo era un parte o&iacute;do antes de zarpar, y estar incomunicado era sencillamente parte de hacerse a la mar. Ese barco a&uacute;n existe, pero ya no es lo predeterminado. El buque moderno es uno conectado, y el cambio cala mucho m&aacute;s hondo que ver una pel&iacute;cula al ancla.<\/p>\n      <p class=\"art-body-text reveal delay-1\">Dos revoluciones llegaron a la vez. La primera, en el puente de mando, donde las cartas de papel cedieron a pantallas en red que funden GPS, radar, sonar, AIS y datos de motores en una sola imagen viva del barco y de todo lo que lo rodea. La segunda, sobre el techo, donde el servicio satelital de &oacute;rbita baja convirti&oacute; el oc&eacute;ano abierto en algo cercano a una red dom&eacute;stica. Juntas han rehecho lo que significa estar a bordo.<\/p>\n      <p class=\"art-body-text reveal delay-2\">Esto es una mirada a ese barco conectado en tres partes: el puente, donde el barco se entiende a s&iacute; mismo; el enlace, donde alcanza al mundo m&aacute;s amplio; y la vida a bordo, donde todo ello se resuelve, en silencio, en algo m&aacute;s simple, que es la libertad de estar en cualquier parte sin quedar fuera de alcance.<\/p>\n    <\/div>\n  <\/div>\n\n  <section class=\"parallax-section\">\n    <div class=\"parallax-img\" style=\"background-image:url('https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-X-1350-1920-X-1080-Arco-Radar-con-tres-Grandes-antenas-mast-and-upgraded-Voice-Data-Video-and-radar.jpg');\"><\/div>\n    <div class=\"parallax-overlay\"><\/div>\n    <div class=\"parallax-caption\">El arco de radar: voz, datos, video y radar en lo alto<\/div>\n  <\/section>\n\n  <section class=\"highlights-section\">\n    <div class=\"highlights-container\">\n      <div class=\"highlights-head\"><div class=\"highlights-kicker\">Tres Sistemas<\/div><h2 class=\"highlights-title reveal\">C&oacute;mo un barco <em>se mantiene conectado<\/em><\/h2><\/div>\n      <div class=\"highlights-grid\">\n        <div class=\"hl-item reveal\"><div class=\"hl-num\">01<\/div><div class=\"hl-title\">El <em>puente<\/em><\/div><p class=\"hl-text\">Pantallas en red funden carta, radar, sonar y datos de motores en una sola imagen. El puente es hoy donde el barco se entiende a s&iacute; mismo y a su entorno.<\/p><\/div>\n        <div class=\"hl-item reveal delay-1\"><div class=\"hl-num\">02<\/div><div class=\"hl-title\">El <em>enlace<\/em><\/div><p class=\"hl-text\">Antenas, arcos de radar y antenas satelitales de &oacute;rbita baja alcanzan m&aacute;s all&aacute; del horizonte, volviendo el mar abierto algo cercano a una conexi&oacute;n de casa.<\/p><\/div>\n        <div class=\"hl-item reveal delay-2\"><div class=\"hl-num\">03<\/div><div class=\"hl-title\">La <em>vida<\/em><\/div><p class=\"hl-text\">A lo que suman los sistemas: el tiempo enrutado en vivo, el barco monitoreado desde tierra, y la simple libertad de estar en cualquier parte sin quedar incomunicado.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <div class=\"two-col-feature\">\n    <div class=\"tc-image reveal\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-Imagen-de-helm-interior-en-sunset-com-primer-pantalla-mostrando-radar-la-segunda-mostrando-carta-nautica-y-tercera-con-datos-de-motores-y-perfiormance.jpg\" alt=\"Puente interior al atardecer con radar, carta y datos de motores en tres pantallas\"><\/div>\n    <div class=\"tc-text reveal delay-1\">\n      <div class=\"tc-kicker\">Primer Sistema &middot; El Puente<\/div>\n      <h3 class=\"tc-title\">Donde el barco <em>se entiende a s&iacute; mismo<\/em><\/h3>\n      <div class=\"tc-body\">\n        <p>El puente de mando moderno es una cabina de cristal. Donde antes bastaban una rueda, un comp&aacute;s y una sonda, una hilera de pantallas multifunci&oacute;n en red presenta hoy el barco como una sola imagen integrada: carta y posici&oacute;n en una pantalla, radar y tr&aacute;fico en otra, rendimiento de motores y consumo en una tercera. Nada se lee de forma aislada. Todo se cruza, se superpone y se actualiza en tiempo real.<\/p>\n        <p>La ganancia es la conciencia situacional. Un capit&aacute;n puede ver, de un vistazo, la profundidad bajo la quilla, el buque que converge por la popa, el chubasco que crece a veinte millas y el combustible para llegar al pr&oacute;ximo puerto, todo a la vez. La pantalla no toma las decisiones, pero elimina la conjetura que antes llenaba el espacio entre instrumentos, y ese margen es donde vive la seguridad.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/article>\n<script>\n(function(){\n  var roots = document.querySelectorAll('.connected-es-article'); if(!roots.length) return;\n  var all = [];\n  roots.forEach(function(root){ root.querySelectorAll('.reveal, .fullwidth-img').forEach(function(el){ all.push(el); }); });\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.08, rootMargin: '0px 0px 0px 0px' });\n    all.forEach(function(el){ io.observe(el); });\n    setTimeout(function(){ all.forEach(function(el){ if(!el.classList.contains('in-view')) el.classList.add('in-view'); }); }, 1200);\n  } else {\n    all.forEach(function(el){ el.classList.add('in-view'); });\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-39aad637 e-con-full e-flex e-con e-child\" data-id=\"39aad637\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dcc9bbd elementor-widget elementor-widget-shortcode\" data-id=\"dcc9bbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"obi-ads-slot-placeholder obi-ads-slot-placeholder--landscape\" data-slot=\"landscape\" data-layout-type=\"landscape\" data-width=\"728\" data-height=\"90\" style=\"--obi-slot-width: 728px; --obi-slot-height: 90px;\"><\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-47044506 e-con e-atomic-element e-div-block-base e-47044506-597afa1 \" data-id=\"47044506\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"47044506\" data-e-type=\"e-div-block\" data-id=\"47044506\">\n    <div class=\"elementor-element elementor-element-4c9e783e e-con e-atomic-element e-div-block-base e-4c9e783e-7e3177c \" data-id=\"4c9e783e\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"4c9e783e\" data-e-type=\"e-div-block\" data-id=\"4c9e783e\">\n    \t\t<div class=\"elementor-element elementor-element-7a4629cc elementor-widget elementor-widget-html\" data-id=\"7a4629cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&family=Jost:wght@300;400;500;600;700&display=swap');\n\n.connected-es-article {\n  --serif: \"Cormorant Garamond\", Georgia, serif;\n  --sans:  \"Jost\", -apple-system, BlinkMacSystemFont, sans-serif;\n  --ink:#0a0a0a; --ink-mid:#2c2c2c; --ink-soft:#6a6a6a;\n  --off-white:#faf8f5; --cream:#f3efe8; --cream-mid:#ece6db;\n  --navy:#0c1b2a; --navy-light:#152638;\n  --gold:#b08d57; --gold-lt:#c9a96e; --gold-dk:#8a6b38;\n  --border:#ddd5c5;\n  font-family:var(--sans); color:var(--ink); background:var(--off-white); line-height:1.6; overflow:visible;\n}\n.connected-es-article *, .connected-es-article *::before, .connected-es-article *::after { box-sizing:border-box; }\n.connected-es-article img { display:block; max-width:100%; height:auto; }\n\n\/* HERO *\/\n.connected-es-article .art-hero { position:relative; width:100%; aspect-ratio:16\/9; min-height:520px; max-height:820px; overflow:hidden; margin:0; }\n.connected-es-article .art-hero-bg { position:absolute; inset:0; background-image:none; background-size:cover; background-position:center center; background-repeat:no-repeat; transform:scale(1.03); animation:connectedesHeroZoom 22s ease-in-out infinite alternate; will-change:transform; }\n@keyframes connectedesHeroZoom { from { transform:scale(1.03); } to { transform:scale(1.00); } }\n.connected-es-article .art-hero-grad { position:absolute; inset:0; background:linear-gradient(to bottom, rgba(8,14,22,0) 0%, rgba(8,14,22,0) 78%, rgba(8,14,22,0.4) 100%); }\n.connected-es-article .hero-scroll-ind { position:absolute; bottom:32px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:10px; color:rgba(255,255,255,.45); font-family:var(--sans); font-size:10px; letter-spacing:.28em; text-transform:uppercase; animation:connectedesScrollBob 3s ease-in-out infinite; }\n@keyframes connectedesScrollBob { 0%,100% { transform:translateX(-50%) translateY(0); opacity:.6; } 50% { transform:translateX(-50%) translateY(10px); opacity:1; } }\n.connected-es-article .scroll-ln { width:1px; height:48px; background:linear-gradient(to bottom, rgba(255,255,255,.55), transparent); }\n\n\/* EDITORIAL PLATE *\/\n.connected-es-article .art-hero-plate { background:#0a1420 !important; background-image:linear-gradient(to bottom, #060c14 0%, #0a1420 100%) !important; color:#ffffff; padding:72px 48px 88px; text-align:center; position:relative; overflow:hidden; border-top:1px solid rgba(201,169,110,0.18); }\n.connected-es-article .art-hero-plate::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:80px; height:1px; background:var(--gold); opacity:.6; }\n.connected-es-article .art-volanta { display:inline-flex; align-items:center; gap:18px; margin-bottom:28px; }\n.connected-es-article .art-volanta-line { width:56px; height:1px; background:#b08d57 !important; opacity:.55; }\n.connected-es-article .art-volanta-label { font-family:var(--sans); font-size:11px; font-weight:600; letter-spacing:.38em; text-transform:uppercase; color:#c9a96e !important; border:1px solid rgba(201,169,110,.45); padding:8px 22px; }\n.connected-es-article .art-h1 { font-family:var(--serif); font-size:clamp(48px, 7.5vw, 104px); font-weight:500; color:#ffffff !important; line-height:1.02; letter-spacing:.018em; text-transform:uppercase; margin:0 auto 28px; max-width:1040px; }\n.connected-es-article .art-bajada-hero { font-family:var(--serif); font-size:clamp(19px, 1.65vw, 23px); font-weight:300; font-style:italic; color:rgba(255,255,255,.82); line-height:1.65; max-width:760px; margin:0 auto 38px; }\n.connected-es-article .art-meta-hero { display:flex; align-items:center; gap:18px; font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.3em; text-transform:uppercase; color:rgba(255,255,255,.55); flex-wrap:wrap; justify-content:center; }\n.connected-es-article .art-meta-hero span.art-meta-sep { color:rgba(255,255,255,.3); }\n\n\/* BODY \/ LEDE \/ TYPE *\/\n.connected-es-article .art-container { max-width:860px; margin:0 auto; padding:0 32px; }\n.connected-es-article .art-intro { padding:112px 0 64px; }\n.connected-es-article .art-lede { font-family:var(--serif); font-size:clamp(22px, 2.2vw, 30px); font-weight:400; font-style:italic; color:var(--ink); line-height:1.55; border-left:2px solid var(--gold); padding-left:32px; margin:0 0 48px; max-width:820px; }\n.connected-es-article .art-body-text { font-family:var(--sans); font-size:18px; font-weight:300; color:var(--ink-mid); line-height:1.95; margin:0 0 26px; max-width:780px; }\n.connected-es-article .art-body-text strong { color:var(--ink); font-weight:500; }\n.connected-es-article .art-body-text em { color:var(--gold-dk); font-style:italic; }\n.connected-es-article .art-kicker { display:flex; align-items:center; gap:14px; font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.35em; text-transform:uppercase; color:var(--gold-dk); margin:80px 0 20px; }\n.connected-es-article .art-kicker::before { content:''; width:36px; height:1px; background:var(--gold-dk); }\n.connected-es-article .art-section-head { font-family:var(--serif); font-size:clamp(36px, 4vw, 58px); font-weight:400; color:var(--ink); line-height:1.12; letter-spacing:-.005em; margin:88px 0 36px; max-width:900px; }\n.connected-es-article .art-section-head em { font-style:italic; color:var(--gold-dk); font-weight:300; }\n\n\/* FACT BOX *\/\n.connected-es-article .fact-box { background:var(--cream); border-left:2px solid var(--gold); padding:36px 40px; margin:52px auto; max-width:820px; }\n.connected-es-article .fact-box-label { font-family:var(--sans); font-size:10px; font-weight:600; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:14px; display:flex; align-items:center; gap:12px; }\n.connected-es-article .fact-box-label::before { content:''; width:28px; height:1px; background:var(--gold-dk); }\n.connected-es-article .fact-box-body { font-family:var(--serif); font-size:19px; font-weight:400; font-style:italic; color:var(--ink-mid); line-height:1.65; }\n.connected-es-article .fact-box-body strong { font-style:normal; font-weight:600; color:var(--ink); }\n\n\/* [OPTIONAL] STATS STRIP (dropped) *\/\n.connected-es-article .stats-strip { background:#0c1b2a !important; padding:88px 40px; margin:0; display:grid; grid-template-columns:repeat(4, 1fr); position:relative; overflow:hidden; }\n.connected-es-article .stats-strip::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:120px; height:1px; background:var(--gold); }\n.connected-es-article .stat-item { padding:0 36px; border-right:1px solid rgba(255,255,255,.08); text-align:center; }\n.connected-es-article .stat-item:last-child { border-right:none; }\n.connected-es-article .stat-num { font-family:var(--serif); font-size:clamp(56px, 5.2vw, 84px); font-weight:300; color:#fff; line-height:1; margin-bottom:14px; letter-spacing:-.02em; }\n.connected-es-article .stat-num em { font-style:normal; color:var(--gold-lt); font-size:.5em; vertical-align:super; margin-left:4px; }\n.connected-es-article .stat-label { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.25em; text-transform:uppercase; color:rgba(255,255,255,.5); line-height:1.6; }\n.connected-es-article .stat-sub { font-family:var(--serif); font-size:13px; font-style:italic; font-weight:300; color:rgba(255,255,255,.3); margin-top:8px; }\n\n\/* PARALLAX *\/\n.connected-es-article .parallax-section { position:relative; width:100%; height:clamp(460px, 75vh, 820px); overflow:hidden; margin:0; }\n.connected-es-article .parallax-img { position:absolute; inset:-8%; background-size:cover; background-position:center; background-attachment:fixed; }\n.connected-es-article .parallax-overlay { position:absolute; inset:0; background:linear-gradient(to bottom, rgba(10,15,20,.15) 0%, rgba(10,15,20,.45) 100%); }\n.connected-es-article .parallax-caption { position:absolute; bottom:36px; right:48px; font-family:var(--sans); font-size:11px; font-weight:400; letter-spacing:.26em; text-transform:uppercase; color:rgba(255,255,255,.55); display:flex; align-items:center; gap:12px; }\n.connected-es-article .parallax-caption::before { content:''; width:32px; height:1px; background:rgba(255,255,255,.4); }\n\n\/* HIGHLIGHTS *\/\n.connected-es-article .highlights-section { padding:80px 32px; background:var(--cream); margin:0; }\n.connected-es-article .highlights-container { max-width:1200px; margin:0 auto; }\n.connected-es-article .highlights-head { text-align:center; margin-bottom:64px; }\n.connected-es-article .highlights-kicker { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:18px; display:inline-flex; align-items:center; gap:14px; }\n.connected-es-article .highlights-kicker::before, .connected-es-article .highlights-kicker::after { content:''; width:32px; height:1px; background:var(--gold-dk); }\n.connected-es-article .highlights-title { font-family:var(--serif); font-size:clamp(32px, 3.4vw, 48px); font-weight:400; color:var(--ink); line-height:1.15; }\n.connected-es-article .highlights-title em { font-style:italic; color:var(--gold-dk); font-weight:300; }\n.connected-es-article .highlights-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:48px; margin-top:56px; }\n.connected-es-article .hl-item { display:flex; flex-direction:column; gap:14px; }\n.connected-es-article .hl-num { font-family:var(--serif); font-size:60px; font-weight:300; color:var(--gold); opacity:.45; line-height:1; letter-spacing:-.02em; }\n.connected-es-article .hl-title { font-family:var(--serif); font-size:24px; font-weight:500; color:var(--ink); line-height:1.3; }\n.connected-es-article .hl-title em { font-style:italic; color:var(--gold-dk); font-weight:400; }\n.connected-es-article .hl-text { font-family:var(--sans); font-size:15px; font-weight:300; color:var(--ink-mid); line-height:1.75; }\n\n\/* TWO-COLUMN FEATURE (.reverse to flip) *\/\n.connected-es-article .two-col-feature { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; padding:96px 48px; max-width:1360px; margin:0 auto; }\n.connected-es-article .two-col-feature.reverse .tc-image { order:2; }\n.connected-es-article .tc-image { position:relative; aspect-ratio:4\/5; overflow:hidden; }\n.connected-es-article .tc-image img { width:100%; height:100%; object-fit:cover; }\n.connected-es-article .tc-kicker { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:18px; display:inline-flex; align-items:center; gap:14px; }\n.connected-es-article .tc-kicker::before { content:''; width:32px; height:1px; background:var(--gold-dk); }\n.connected-es-article .tc-title { font-family:var(--serif); font-size:clamp(32px, 3vw, 48px); font-weight:400; color:var(--ink); line-height:1.18; margin-bottom:24px; }\n.connected-es-article .tc-title em { font-style:italic; color:var(--gold-dk); font-weight:300; }\n.connected-es-article .tc-body { font-family:var(--sans); font-size:17px; font-weight:300; color:var(--ink-mid); line-height:1.9; }\n.connected-es-article .tc-body p { margin-bottom:20px; }\n.connected-es-article .tc-body p:last-child { margin-bottom:0; }\n\n\/* GALLERY (3 + 2; items can feed lightbox via data-lb-src\/data-lb-cap) *\/\n.connected-es-article .gallery-section { padding:80px 0; background:var(--off-white); }\n.connected-es-article .gallery-head { max-width:860px; margin:0 auto 52px; padding:0 32px; text-align:center; }\n.connected-es-article .gallery-grid-3 { display:grid; grid-template-columns:repeat(3, 1fr); gap:4px; padding:0 4px; }\n.connected-es-article .gallery-grid-2 { display:grid; grid-template-columns:repeat(2, 1fr); gap:4px; padding:0 4px; margin-top:4px; }\n.connected-es-article .gallery-item { position:relative; overflow:hidden; aspect-ratio:3\/2; cursor:pointer; }\n.connected-es-article .gallery-item img { width:100%; height:100%; object-fit:cover; transition:transform 1.2s cubic-bezier(.2,.7,.2,1); }\n.connected-es-article .gallery-item:hover img { transform:scale(1.06); }\n.connected-es-article .gallery-item-cap { position:absolute; bottom:0; left:0; right:0; padding:20px 22px; background:linear-gradient(to top, rgba(10,15,20,.85), rgba(10,15,20,0)); color:#fff; font-family:var(--sans); font-size:10px; font-weight:500; letter-spacing:.28em; text-transform:uppercase; opacity:0; transform:translateY(10px); transition:opacity .5s, transform .5s; }\n.connected-es-article .gallery-item:hover .gallery-item-cap { opacity:1; transform:translateY(0); }\n\n\/* SCROLL STRIP (manual-drag horizontal gallery; items feed lightbox) *\/\n.connected-es-article .scroll-strip-section { padding:64px 0 48px; background:var(--off-white); margin:32px 0 20px; }\n.connected-es-article .scroll-strip-head { max-width:1360px; margin:0 auto 32px; padding:0 48px; display:flex; align-items:flex-end; justify-content:space-between; gap:32px; flex-wrap:wrap; }\n.connected-es-article .scroll-strip-kicker { display:flex; align-items:center; gap:14px; font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:14px; }\n.connected-es-article .scroll-strip-kicker::before { content:''; width:32px; height:1px; background:var(--gold-dk); }\n.connected-es-article .scroll-strip-title { font-family:var(--serif); font-size:clamp(28px, 2.6vw, 38px); font-weight:400; color:var(--ink); line-height:1.2; margin:0; }\n.connected-es-article .scroll-strip-title em { font-style:italic; color:var(--gold-dk); font-weight:300; }\n.connected-es-article .scroll-strip-hint { font-family:var(--sans); font-size:11px; font-weight:400; letter-spacing:.24em; text-transform:uppercase; color:var(--ink-soft); display:flex; align-items:center; gap:10px; }\n.connected-es-article .scroll-strip-hint::before { content:'\\2192'; font-family:var(--sans); font-size:13px; color:var(--gold); animation:connectedesArrowBob 2.4s ease-in-out infinite; }\n@keyframes connectedesArrowBob { 0%,100% { transform:translateX(0); } 50% { transform:translateX(6px); } }\n.connected-es-article .scroll-strip { display:flex; gap:4px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; padding:0 48px 24px; scrollbar-width:thin; scrollbar-color:rgba(176,141,87,.5) transparent; cursor:grab; -webkit-overflow-scrolling:touch; }\n.connected-es-article .scroll-strip:active { cursor:grabbing; }\n.connected-es-article .scroll-strip::-webkit-scrollbar { height:6px; }\n.connected-es-article .scroll-strip::-webkit-scrollbar-track { background:transparent; }\n.connected-es-article .scroll-strip::-webkit-scrollbar-thumb { background:rgba(176,141,87,.45); border-radius:3px; }\n.connected-es-article .strip-item { flex:0 0 auto; width:clamp(280px, 32vw, 520px); aspect-ratio:4\/3; scroll-snap-align:start; overflow:hidden; position:relative; cursor:pointer; background:var(--cream); }\n.connected-es-article .strip-item img { width:100%; height:100%; object-fit:cover; transition:transform .9s cubic-bezier(.2,.7,.2,1); pointer-events:none; }\n.connected-es-article .strip-item:hover img { transform:scale(1.05); }\n.connected-es-article .strip-cap { position:absolute; bottom:0; left:0; right:0; padding:18px 22px; background:linear-gradient(to top, rgba(10,15,20,.88), rgba(10,15,20,0)); color:#fff; font-family:var(--sans); font-size:10px; font-weight:500; letter-spacing:.28em; text-transform:uppercase; opacity:0; transform:translateY(6px); transition:opacity .4s, transform .4s; pointer-events:none; }\n.connected-es-article .strip-item:hover .strip-cap { opacity:1; transform:translateY(0); }\n.connected-es-article .strip-badge { position:absolute; top:16px; left:16px; padding:6px 14px; background:rgba(10,15,20,.75); color:#c9a96e !important; font-family:var(--sans); font-size:9px; font-weight:500; letter-spacing:.28em; text-transform:uppercase; opacity:0; transform:translateY(-4px); transition:opacity .35s, transform .35s; pointer-events:none; }\n.connected-es-article .strip-item:hover .strip-badge { opacity:1; transform:translateY(0); }\n\n\/* FULL-WIDTH IMAGE *\/\n.connected-es-article .fullwidth-img { width:100%; margin:56px 0; position:relative; overflow:hidden; aspect-ratio:16\/9; }\n.connected-es-article .fullwidth-img img { width:100%; height:100%; object-fit:cover; transition:transform 8s ease-out; }\n.connected-es-article .fullwidth-img.in-view img { transform:scale(1.04); }\n.connected-es-article .fullwidth-cap { position:absolute; bottom:32px; left:48px; font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.26em; text-transform:uppercase; color:rgba(255,255,255,.8); display:flex; align-items:center; gap:14px; }\n.connected-es-article .fullwidth-cap::before { content:''; width:36px; height:1px; background:rgba(255,255,255,.6); }\n\n\/* PULL QUOTE *\/\n.connected-es-article .art-pullquote { padding:48px 48px 54px; margin:28px auto 36px; text-align:center; max-width:1040px; position:relative; }\n.connected-es-article .art-pullquote::before { content:'\\201C'; display:block; font-family:var(--serif); font-size:120px; font-weight:400; color:var(--gold); opacity:.24; line-height:.3; margin-bottom:10px; }\n.connected-es-article .art-pullquote-text { font-family:var(--serif); font-size:clamp(28px, 3vw, 42px); font-weight:300; font-style:italic; color:var(--ink); line-height:1.4; letter-spacing:-.005em; margin:0 0 28px; }\n.connected-es-article .art-pullquote-cite { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.32em; text-transform:uppercase; color:var(--gold-dk); }\n\n\/* [OPTIONAL] SPECS GRID (dropped) *\/\n.connected-es-article .specs-section { background:#0c1b2a !important; padding:96px 48px; margin:0; position:relative; }\n.connected-es-article .specs-container { max-width:1100px; margin:0 auto; }\n.connected-es-article .specs-head { text-align:center; margin-bottom:64px; }\n.connected-es-article .specs-kicker { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-lt); margin-bottom:20px; display:inline-flex; align-items:center; gap:14px; }\n.connected-es-article .specs-kicker::before, .connected-es-article .specs-kicker::after { content:''; width:32px; height:1px; background:var(--gold); }\n.connected-es-article .specs-title { font-family:var(--serif); font-size:clamp(32px, 3.4vw, 48px); font-weight:400; color:#fff; line-height:1.15; }\n.connected-es-article .specs-title em { font-style:italic; color:var(--gold-lt); font-weight:300; }\n.connected-es-article .specs-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:1px; background:rgba(201,169,110,.2); border:1px solid rgba(201,169,110,.2); margin-top:40px; }\n.connected-es-article .spec-row { background:#0c1b2a !important; padding:22px 30px; display:flex; align-items:baseline; justify-content:space-between; gap:20px; }\n.connected-es-article .spec-label { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.45); }\n.connected-es-article .spec-value { font-family:var(--serif); font-size:22px; font-weight:400; color:#fff; text-align:right; letter-spacing:-.005em; }\n.connected-es-article .spec-value em { color:var(--gold-lt); font-style:italic; font-weight:300; }\n\n\/* SIGN-OFF *\/\n.connected-es-article .art-signoff { padding:120px 32px; text-align:center; background:#0c1b2a !important; color:#ffffff; position:relative; overflow:hidden; }\n.connected-es-article .art-signoff::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:120px; height:1px; background:var(--gold); }\n.connected-es-article .signoff-text { font-family:var(--serif); font-size:clamp(24px, 2.4vw, 32px); font-style:italic; font-weight:300; color:rgba(255,255,255,.88) !important; line-height:1.55; max-width:660px; margin:0 auto 28px; }\n.connected-es-article .signoff-cite { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.32em; text-transform:uppercase; color:#c9a96e !important; }\n\n\/* [OPTIONAL] CREDITS (dropped: no credits) *\/\n.connected-es-article .art-credits { padding:60px 32px; background:var(--off-white); border-top:1px solid var(--border); }\n.connected-es-article .credits-container { max-width:860px; margin:0 auto; display:flex; flex-wrap:wrap; gap:48px; justify-content:space-between; }\n.connected-es-article .credits-block { min-width:180px; }\n.connected-es-article .credits-label { font-family:var(--sans); font-size:10px; font-weight:600; letter-spacing:.3em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:10px; }\n.connected-es-article .credits-value { font-family:var(--serif); font-size:18px; font-weight:400; color:var(--ink); }\n\n\/* LIGHTBOX *\/\n.connected-es-article .lb-overlay { position:fixed; inset:0; z-index:9999; background:rgba(6,10,16,.96); display:none; align-items:center; justify-content:center; opacity:0; transition:opacity .35s; }\n.connected-es-article .lb-overlay.open { display:flex; opacity:1; }\n.connected-es-article .lb-stage { position:relative; width:100vw; height:100vh; display:flex; align-items:center; justify-content:center; padding:80px 100px; }\n.connected-es-article .lb-image-wrap { max-width:100%; max-height:100%; display:flex; align-items:center; justify-content:center; }\n.connected-es-article .lb-image { max-width:100%; max-height:calc(100vh - 200px); width:auto; height:auto; object-fit:contain; box-shadow:0 30px 80px rgba(0,0,0,.55); }\n.connected-es-article .lb-counter { position:absolute; top:32px; left:50%; transform:translateX(-50%); font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:rgba(255,255,255,.5); }\n.connected-es-article .lb-counter em { font-style:normal; color:var(--gold-lt); }\n.connected-es-article .lb-caption { position:absolute; bottom:36px; left:50%; transform:translateX(-50%); font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.32em; text-transform:uppercase; color:rgba(255,255,255,.72); display:flex; align-items:center; gap:14px; }\n.connected-es-article .lb-caption::before, .connected-es-article .lb-caption::after { content:''; width:28px; height:1px; background:rgba(201,169,110,.55); }\n.connected-es-article .lb-close { position:absolute; top:24px; right:28px; width:48px; height:48px; background:transparent; border:1px solid rgba(255,255,255,.18); color:rgba(255,255,255,.75); cursor:pointer; display:flex; align-items:center; justify-content:center; font-family:var(--sans); font-size:24px; line-height:1; transition:border-color .25s, color .25s, transform .25s; padding:0; }\n.connected-es-article .lb-close:hover { border-color:var(--gold-lt); color:var(--gold-lt); transform:rotate(90deg); }\n.connected-es-article .lb-nav { position:absolute; top:50%; transform:translateY(-50%); width:54px; height:54px; background:transparent; border:1px solid rgba(255,255,255,.18); color:rgba(255,255,255,.75); cursor:pointer; display:flex; align-items:center; justify-content:center; font-family:var(--serif); font-size:28px; font-weight:300; line-height:1; transition:border-color .25s, color .25s, background .25s; padding:0; }\n.connected-es-article .lb-nav:hover { border-color:var(--gold-lt); color:var(--gold-lt); background:rgba(201,169,110,.06); }\n.connected-es-article .lb-prev { left:32px; }\n.connected-es-article .lb-next { right:32px; }\n\n\/* REVEAL *\/\n.connected-es-article .reveal { opacity:0; transform:translateY(40px); transition:opacity 1.1s cubic-bezier(.2,.7,.2,1), transform 1.1s cubic-bezier(.2,.7,.2,1); will-change:opacity, transform; }\n.connected-es-article .reveal.in-view { opacity:1; transform:translateY(0); }\n.connected-es-article .reveal.delay-1 { transition-delay:.12s; }\n.connected-es-article .reveal.delay-2 { transition-delay:.24s; }\n.connected-es-article .reveal.delay-3 { transition-delay:.36s; }\n\n\/* RESPONSIVE *\/\n@media (max-width:960px) {\n  .connected-es-article .stats-strip { grid-template-columns:repeat(2, 1fr); gap:48px 0; padding:56px 24px; }\n  .connected-es-article .stat-item { border-right:none !important; padding:0 20px; }\n  .connected-es-article .stat-item:nth-child(odd) { border-right:1px solid rgba(255,255,255,.08) !important; }\n  .connected-es-article .highlights-grid { grid-template-columns:1fr; gap:48px; }\n  .connected-es-article .gallery-grid-3 { grid-template-columns:1fr 1fr; }\n  .connected-es-article .two-col-feature { grid-template-columns:1fr; gap:40px; padding:64px 24px; }\n  .connected-es-article .two-col-feature.reverse .tc-image { order:0; }\n  .connected-es-article .specs-grid { grid-template-columns:1fr; }\n  .connected-es-article .parallax-img { background-attachment:scroll; }\n  .connected-es-article .art-intro { padding:72px 0 40px; }\n  .connected-es-article .art-container { padding:0 24px; }\n  .connected-es-article .art-pullquote { padding:72px 24px; }\n  .connected-es-article .parallax-caption { right:24px; bottom:24px; font-size:10px; }\n  .connected-es-article .fullwidth-cap { left:24px; bottom:24px; font-size:10px; }\n}\n@media (max-width:720px) {\n  .connected-es-article .art-hero-plate { padding:52px 24px 64px; }\n  .connected-es-article .art-hero-plate .art-h1 { font-size:38px; }\n  .connected-es-article .art-hero-plate .art-bajada-hero { font-size:16px; }\n  .connected-es-article .art-volanta-line { width:36px; }\n  .connected-es-article .lb-stage { padding:60px 16px; }\n  .connected-es-article .lb-nav { width:44px; height:44px; font-size:24px; }\n  .connected-es-article .lb-prev { left:12px; }\n  .connected-es-article .lb-next { right:12px; }\n  .connected-es-article .strip-item { width:78vw; }\n  .connected-es-article .scroll-strip { padding:0 24px 20px; }\n  .connected-es-article .scroll-strip-head { padding:0 24px; }\n}\n@media (max-width:640px) {\n  .connected-es-article .stats-strip { grid-template-columns:1fr; gap:48px 0; }\n  .connected-es-article .stat-item { border-right:none !important; }\n  .connected-es-article .gallery-grid-3 { grid-template-columns:1fr; }\n  .connected-es-article .gallery-grid-2 { grid-template-columns:1fr; }\n  .connected-es-article .credits-container { gap:32px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .connected-es-article .art-hero-bg { animation:none; transform:scale(1); }\n  .connected-es-article .hero-scroll-ind { animation:none; }\n  .connected-es-article .scroll-strip-hint::before { animation:none; }\n  .connected-es-article .parallax-img { background-attachment:scroll; }\n}\n\n<\/style>\n\n<article class=\"connected-es-article\">\n\n  <div class=\"two-col-feature reverse\">\n    <div class=\"tc-image reveal\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/1400-X-2100-Vista-lateral-de-mega-yate-con-una-torre-de-comunicaciones-en-parate-superior.jpg\" alt=\"Vista lateral de un megayate con una torre de comunicaciones en la cubierta superior\"><\/div>\n    <div class=\"tc-text reveal delay-1\">\n      <div class=\"tc-kicker\">Segundo Sistema &middot; El Enlace<\/div>\n      <h3 class=\"tc-title\">Alcanzar <em>m&aacute;s all&aacute; del horizonte<\/em><\/h3>\n      <div class=\"tc-body\">\n        <p>Si el puente es c&oacute;mo el barco se ve a s&iacute; mismo, el enlace es c&oacute;mo alcanza todo lo dem&aacute;s. El arco, el m&aacute;stil y el radomo cargan un conjunto cada vez m&aacute;s denso de antenas: VHF y AIS para el corto alcance, celular para la costa, y, el cambio que reescribi&oacute; las reglas, antenas satelitales de &oacute;rbita baja que entregan banda ancha de verdad lejos de la costa.<\/p>\n        <p>La llegada del servicio de &oacute;rbita terrestre baja es dif&iacute;cil de exagerar. Durante d&eacute;cadas, la conectividad mar adentro signific&oacute; enlaces satelitales lentos, caros y de alta latencia, reservados a los yates m&aacute;s grandes. Hoy una antena compacta en el hardtop entrega velocidades que rivalizan con una conexi&oacute;n de casa, a cientos de millas de tierra, a un precio que un barco de crucero corriente puede afrontar. El horizonte dej&oacute; de ser el borde de la red.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <figure class=\"fullwidth-img reveal\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-Imporesionante-helm-interior-con-5-displays.jpg\" alt=\"Un impresionante puente interior con cinco pantallas\"><div class=\"fullwidth-cap\">Cinco pantallas, una sola imagen integrada del buque<\/div><\/figure>\n\n  <div class=\"two-col-feature\">\n    <div class=\"tc-image reveal\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/1400-x-1920-Crew-Femenina-en-flybridge-helm-con-una-Tablet-que-tiene-una-carta-nautica.jpg\" alt=\"Tripulante en un puente de flybridge con una tablet que muestra una carta n&aacute;utica\"><\/div>\n    <div class=\"tc-text reveal delay-1\">\n      <div class=\"tc-kicker\">En el Puente &middot; En la Mano<\/div>\n      <h3 class=\"tc-title\">La carta que <em>te sigue a bordo<\/em><\/h3>\n      <div class=\"tc-body\">\n        <p>El puente en red ya no termina en la consola. Los mismos datos de carta, radar e instrumentos se replican hoy en una tablet o un tel&eacute;fono, de modo que quien gobierna el barco desde el flybridge, la ba&ntilde;era o la proa ve exactamente lo que ve el puente. La guardia de fondeo, la ruta, la profundidad y el AIS viajan en un bolsillo, y un tripulante echando el ancla en la proa puede vigilar el c&iacute;rculo de borneo en tiempo real.<\/p>\n        <p>Esta portabilidad cambia c&oacute;mo se maneja un barco. El atraque, el fondeo y la maniobra en espacios cerrados, antes resueltos a fuerza de distancias gritadas y se&ntilde;as con la mano, se informan hoy con una imagen compartida e id&eacute;ntica para toda la tripulaci&oacute;n. Los datos salieron del puente y se esparcieron por el barco, y el barco se volvi&oacute; m&aacute;s f&aacute;cil de llevar gracias a ello.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <section class=\"gallery-section\">\n    <div class=\"gallery-head\"><span class=\"art-kicker\" style=\"justify-content:center;\">El Puente de Cristal<\/span><h2 class=\"art-section-head reveal\" style=\"text-align:center; margin:0 auto 0;\">Pantallas que <em>leen el mar<\/em><\/h2><\/div>\n    <div class=\"gallery-grid-3\">\n      <div class=\"gallery-item reveal\" data-lb-src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-Helm-interior-con-gps-y-ruta-en-el-primer-display-de-3.jpg\" data-lb-cap=\"GPS y ruta en la primera de tres pantallas\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-Helm-interior-con-gps-y-ruta-en-el-primer-display-de-3.jpg\" alt=\"Puente interior con GPS y ruta en la primera pantalla\" loading=\"lazy\"><div class=\"gallery-item-cap\">GPS y ruta en la primera de tres pantallas<\/div><\/div>\n      <div class=\"gallery-item reveal delay-1\" data-lb-src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-Hel-en-Flybrihe-con-dos-Displays-grandes-y-uno-mas-pequeno.jpg\" data-lb-cap=\"Un puente de flybridge, dos pantallas grandes y una peque&ntilde;a\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-Hel-en-Flybrihe-con-dos-Displays-grandes-y-uno-mas-pequeno.jpg\" alt=\"Puente de flybridge con dos pantallas grandes y una m&aacute;s peque&ntilde;a\" loading=\"lazy\"><div class=\"gallery-item-cap\">Un puente de flybridge, dos pantallas grandes y una peque&ntilde;a<\/div><\/div>\n      <div class=\"gallery-item reveal delay-2\" data-lb-src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/1920-X-1080-Primer-plano-de-telefono-movil-con-app-de-starlink-y-la-antena-a-su-lado-en-un-yate.jpg\" data-lb-cap=\"Una app satelital y su antena, lado a lado\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/1920-X-1080-Primer-plano-de-telefono-movil-con-app-de-starlink-y-la-antena-a-su-lado-en-un-yate.jpg\" alt=\"Primer plano de un tel&eacute;fono con una app de internet satelital y la antena al lado\" loading=\"lazy\"><div class=\"gallery-item-cap\">Una app satelital y su antena, lado a lado<\/div><\/div>\n    <\/div>\n    <div class=\"gallery-grid-2\">\n      <div class=\"gallery-item reveal\" data-lb-src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/1400-x-1920-Helm-interior-completo-con-3-displays-y-todos-los-controles.jpg\" data-lb-cap=\"Un puente interior completo, con cada control a mano\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/1400-x-1920-Helm-interior-completo-con-3-displays-y-todos-los-controles.jpg\" alt=\"Puente interior completo con tres pantallas y todos los controles\" loading=\"lazy\"><div class=\"gallery-item-cap\">Un puente interior completo, con cada control a mano<\/div><\/div>\n      <div class=\"gallery-item reveal delay-1\" data-lb-src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-X-1350-1920-X-1080-Arco-Radar-con-tres-Grandes-antenas-mast-and-upgraded-Voice-Data-Video-and-radar.jpg\" data-lb-cap=\"El arco, que carga voz, datos, video y radar\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-X-1350-1920-X-1080-Arco-Radar-con-tres-Grandes-antenas-mast-and-upgraded-Voice-Data-Video-and-radar.jpg\" alt=\"Arco de radar con tres grandes antenas para voz, datos, video y radar\" loading=\"lazy\"><div class=\"gallery-item-cap\">El arco, que carga voz, datos, video y radar<\/div><\/div>\n    <\/div>\n  <\/section>\n\n  <div class=\"art-pullquote reveal\"><p class=\"art-pullquote-text\">El horizonte sol&iacute;a ser el borde de la red. Para el barco conectado, es solo un punto m&aacute;s en la carta.<\/p><span class=\"art-pullquote-cite\">USA Onboard Editorial<\/span><\/div>\n\n  <div class=\"lb-overlay\" data-lightbox role=\"dialog\" aria-hidden=\"true\" aria-label=\"Galer&iacute;a de im&aacute;genes\">\n    <div class=\"lb-stage\">\n      <div class=\"lb-counter\" data-lb-counter><\/div>\n      <button class=\"lb-close\" data-lb-close aria-label=\"Cerrar\">&times;<\/button>\n      <button class=\"lb-nav lb-prev\" data-lb-prev aria-label=\"Anterior\">&lsaquo;<\/button>\n      <div class=\"lb-image-wrap\"><img class=\"lb-image\" data-lb-img alt=\"\"><\/div>\n      <button class=\"lb-nav lb-next\" data-lb-next aria-label=\"Siguiente\">&rsaquo;<\/button>\n      <div class=\"lb-caption\" data-lb-caption><\/div>\n    <\/div>\n  <\/div>\n<\/article>\n<script>\n(function(){\n  var roots = document.querySelectorAll('.connected-es-article'); if(!roots.length) return;\n  var all = [];\n  roots.forEach(function(root){ root.querySelectorAll('.reveal, .fullwidth-img').forEach(function(el){ all.push(el); }); });\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.08, rootMargin: '0px 0px 0px 0px' });\n    all.forEach(function(el){ io.observe(el); });\n    setTimeout(function(){ all.forEach(function(el){ if(!el.classList.contains('in-view')) el.classList.add('in-view'); }); }, 1200);\n  } else {\n    all.forEach(function(el){ el.classList.add('in-view'); });\n  }\n})();\n(function(){\n  var roots = document.querySelectorAll('.connected-es-article');\n  roots.forEach(function(root){\n  var items = Array.from(root.querySelectorAll('[data-lb-src]'));\n  var lb = root.querySelector('[data-lightbox]');\n  if (!lb || !items.length) return;\n  var lbImg = lb.querySelector('[data-lb-img]');\n  var lbCap = lb.querySelector('[data-lb-caption]');\n  var lbCounter = lb.querySelector('[data-lb-counter]');\n  var current = 0;\n  function pad2(n){ return n < 10 ? '0' + n : String(n); }\n  function update(){ var it = items[current]; if (!it) return; lbImg.src = it.dataset.lbSrc || it.querySelector('img').src; lbImg.alt = it.querySelector('img').alt || ''; lbCap.textContent = it.dataset.lbCap || ''; if (lbCounter) lbCounter.innerHTML = '<em>' + pad2(current + 1) + '<\/em> \/ ' + pad2(items.length); }\n  function open(i){ current = i; update(); lb.classList.add('open'); lb.setAttribute('aria-hidden','false'); document.body.style.overflow='hidden'; }\n  function close(){ lb.classList.remove('open'); lb.setAttribute('aria-hidden','true'); document.body.style.overflow=''; }\n  function prev(){ current = (current - 1 + items.length) % items.length; update(); }\n  function next(){ current = (current + 1) % items.length; update(); }\n  var strip = root.querySelector('[data-gallery]');\n  items.forEach(function(it,i){ it.addEventListener('click', function(){ if (strip && strip.dataset.wasDragging === '1') { strip.dataset.wasDragging = '0'; return; } open(i); }); });\n  lb.querySelector('[data-lb-close]').addEventListener('click', close);\n  lb.querySelector('[data-lb-prev]').addEventListener('click', prev);\n  lb.querySelector('[data-lb-next]').addEventListener('click', next);\n  lb.addEventListener('click', function(e){ if (e.target === lb || e.target === lb.firstElementChild) close(); });\n  document.addEventListener('keydown', function(e){ if (!lb.classList.contains('open')) return; if (e.key==='Escape') close(); else if (e.key==='ArrowLeft') prev(); else if (e.key==='ArrowRight') next(); });\n  if (strip) {\n    var isDown=false,startX=0,scrollLeft=0,moved=0;\n    strip.addEventListener('mousedown', function(e){ isDown=true; moved=0; startX=e.pageX-strip.offsetLeft; scrollLeft=strip.scrollLeft; });\n    strip.addEventListener('mouseleave', function(){ isDown=false; });\n    strip.addEventListener('mouseup', function(){ isDown=false; if (moved>6) strip.dataset.wasDragging='1'; });\n    strip.addEventListener('mousemove', function(e){ if(!isDown) return; e.preventDefault(); var x=e.pageX-strip.offsetLeft; var walk=(x-startX); moved=Math.abs(walk); strip.scrollLeft=scrollLeft-walk; });\n  }\n  });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-709ad04a e-con-full e-flex e-con e-child\" data-id=\"709ad04a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4359c6ed elementor-widget elementor-widget-shortcode\" data-id=\"4359c6ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"obi-ads-slot-placeholder obi-ads-slot-placeholder--landscape\" data-slot=\"landscape\" data-layout-type=\"landscape\" data-width=\"728\" data-height=\"90\" style=\"--obi-slot-width: 728px; --obi-slot-height: 90px;\"><\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c085d87 elementor-widget elementor-widget-html\" data-id=\"1c085d87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&family=Jost:wght@300;400;500;600;700&display=swap');\n\n.connected-es-article {\n  --serif: \"Cormorant Garamond\", Georgia, serif;\n  --sans:  \"Jost\", -apple-system, BlinkMacSystemFont, sans-serif;\n  --ink:#0a0a0a; --ink-mid:#2c2c2c; --ink-soft:#6a6a6a;\n  --off-white:#faf8f5; --cream:#f3efe8; --cream-mid:#ece6db;\n  --navy:#0c1b2a; --navy-light:#152638;\n  --gold:#b08d57; --gold-lt:#c9a96e; --gold-dk:#8a6b38;\n  --border:#ddd5c5;\n  font-family:var(--sans); color:var(--ink); background:var(--off-white); line-height:1.6; overflow:visible;\n}\n.connected-es-article *, .connected-es-article *::before, .connected-es-article *::after { box-sizing:border-box; }\n.connected-es-article img { display:block; max-width:100%; height:auto; }\n\n\/* HERO *\/\n.connected-es-article .art-hero { position:relative; width:100%; aspect-ratio:16\/9; min-height:520px; max-height:820px; overflow:hidden; margin:0; }\n.connected-es-article .art-hero-bg { position:absolute; inset:0; background-image:none; background-size:cover; background-position:center center; background-repeat:no-repeat; transform:scale(1.03); animation:connectedesHeroZoom 22s ease-in-out infinite alternate; will-change:transform; }\n@keyframes connectedesHeroZoom { from { transform:scale(1.03); } to { transform:scale(1.00); } }\n.connected-es-article .art-hero-grad { position:absolute; inset:0; background:linear-gradient(to bottom, rgba(8,14,22,0) 0%, rgba(8,14,22,0) 78%, rgba(8,14,22,0.4) 100%); }\n.connected-es-article .hero-scroll-ind { position:absolute; bottom:32px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:10px; color:rgba(255,255,255,.45); font-family:var(--sans); font-size:10px; letter-spacing:.28em; text-transform:uppercase; animation:connectedesScrollBob 3s ease-in-out infinite; }\n@keyframes connectedesScrollBob { 0%,100% { transform:translateX(-50%) translateY(0); opacity:.6; } 50% { transform:translateX(-50%) translateY(10px); opacity:1; } }\n.connected-es-article .scroll-ln { width:1px; height:48px; background:linear-gradient(to bottom, rgba(255,255,255,.55), transparent); }\n\n\/* EDITORIAL PLATE *\/\n.connected-es-article .art-hero-plate { background:#0a1420 !important; background-image:linear-gradient(to bottom, #060c14 0%, #0a1420 100%) !important; color:#ffffff; padding:72px 48px 88px; text-align:center; position:relative; overflow:hidden; border-top:1px solid rgba(201,169,110,0.18); }\n.connected-es-article .art-hero-plate::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:80px; height:1px; background:var(--gold); opacity:.6; }\n.connected-es-article .art-volanta { display:inline-flex; align-items:center; gap:18px; margin-bottom:28px; }\n.connected-es-article .art-volanta-line { width:56px; height:1px; background:#b08d57 !important; opacity:.55; }\n.connected-es-article .art-volanta-label { font-family:var(--sans); font-size:11px; font-weight:600; letter-spacing:.38em; text-transform:uppercase; color:#c9a96e !important; border:1px solid rgba(201,169,110,.45); padding:8px 22px; }\n.connected-es-article .art-h1 { font-family:var(--serif); font-size:clamp(48px, 7.5vw, 104px); font-weight:500; color:#ffffff !important; line-height:1.02; letter-spacing:.018em; text-transform:uppercase; margin:0 auto 28px; max-width:1040px; }\n.connected-es-article .art-bajada-hero { font-family:var(--serif); font-size:clamp(19px, 1.65vw, 23px); font-weight:300; font-style:italic; color:rgba(255,255,255,.82); line-height:1.65; max-width:760px; margin:0 auto 38px; }\n.connected-es-article .art-meta-hero { display:flex; align-items:center; gap:18px; font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.3em; text-transform:uppercase; color:rgba(255,255,255,.55); flex-wrap:wrap; justify-content:center; }\n.connected-es-article .art-meta-hero span.art-meta-sep { color:rgba(255,255,255,.3); }\n\n\/* BODY \/ LEDE \/ TYPE *\/\n.connected-es-article .art-container { max-width:860px; margin:0 auto; padding:0 32px; }\n.connected-es-article .art-intro { padding:112px 0 64px; }\n.connected-es-article .art-lede { font-family:var(--serif); font-size:clamp(22px, 2.2vw, 30px); font-weight:400; font-style:italic; color:var(--ink); line-height:1.55; border-left:2px solid var(--gold); padding-left:32px; margin:0 0 48px; max-width:820px; }\n.connected-es-article .art-body-text { font-family:var(--sans); font-size:18px; font-weight:300; color:var(--ink-mid); line-height:1.95; margin:0 0 26px; max-width:780px; }\n.connected-es-article .art-body-text strong { color:var(--ink); font-weight:500; }\n.connected-es-article .art-body-text em { color:var(--gold-dk); font-style:italic; }\n.connected-es-article .art-kicker { display:flex; align-items:center; gap:14px; font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.35em; text-transform:uppercase; color:var(--gold-dk); margin:80px 0 20px; }\n.connected-es-article .art-kicker::before { content:''; width:36px; height:1px; background:var(--gold-dk); }\n.connected-es-article .art-section-head { font-family:var(--serif); font-size:clamp(36px, 4vw, 58px); font-weight:400; color:var(--ink); line-height:1.12; letter-spacing:-.005em; margin:88px 0 36px; max-width:900px; }\n.connected-es-article .art-section-head em { font-style:italic; color:var(--gold-dk); font-weight:300; }\n\n\/* FACT BOX *\/\n.connected-es-article .fact-box { background:var(--cream); border-left:2px solid var(--gold); padding:36px 40px; margin:52px auto; max-width:820px; }\n.connected-es-article .fact-box-label { font-family:var(--sans); font-size:10px; font-weight:600; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:14px; display:flex; align-items:center; gap:12px; }\n.connected-es-article .fact-box-label::before { content:''; width:28px; height:1px; background:var(--gold-dk); }\n.connected-es-article .fact-box-body { font-family:var(--serif); font-size:19px; font-weight:400; font-style:italic; color:var(--ink-mid); line-height:1.65; }\n.connected-es-article .fact-box-body strong { font-style:normal; font-weight:600; color:var(--ink); }\n\n\/* [OPTIONAL] STATS STRIP (dropped) *\/\n.connected-es-article .stats-strip { background:#0c1b2a !important; padding:88px 40px; margin:0; display:grid; grid-template-columns:repeat(4, 1fr); position:relative; overflow:hidden; }\n.connected-es-article .stats-strip::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:120px; height:1px; background:var(--gold); }\n.connected-es-article .stat-item { padding:0 36px; border-right:1px solid rgba(255,255,255,.08); text-align:center; }\n.connected-es-article .stat-item:last-child { border-right:none; }\n.connected-es-article .stat-num { font-family:var(--serif); font-size:clamp(56px, 5.2vw, 84px); font-weight:300; color:#fff; line-height:1; margin-bottom:14px; letter-spacing:-.02em; }\n.connected-es-article .stat-num em { font-style:normal; color:var(--gold-lt); font-size:.5em; vertical-align:super; margin-left:4px; }\n.connected-es-article .stat-label { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.25em; text-transform:uppercase; color:rgba(255,255,255,.5); line-height:1.6; }\n.connected-es-article .stat-sub { font-family:var(--serif); font-size:13px; font-style:italic; font-weight:300; color:rgba(255,255,255,.3); margin-top:8px; }\n\n\/* PARALLAX *\/\n.connected-es-article .parallax-section { position:relative; width:100%; height:clamp(460px, 75vh, 820px); overflow:hidden; margin:0; }\n.connected-es-article .parallax-img { position:absolute; inset:-8%; background-size:cover; background-position:center; background-attachment:fixed; }\n.connected-es-article .parallax-overlay { position:absolute; inset:0; background:linear-gradient(to bottom, rgba(10,15,20,.15) 0%, rgba(10,15,20,.45) 100%); }\n.connected-es-article .parallax-caption { position:absolute; bottom:36px; right:48px; font-family:var(--sans); font-size:11px; font-weight:400; letter-spacing:.26em; text-transform:uppercase; color:rgba(255,255,255,.55); display:flex; align-items:center; gap:12px; }\n.connected-es-article .parallax-caption::before { content:''; width:32px; height:1px; background:rgba(255,255,255,.4); }\n\n\/* HIGHLIGHTS *\/\n.connected-es-article .highlights-section { padding:80px 32px; background:var(--cream); margin:0; }\n.connected-es-article .highlights-container { max-width:1200px; margin:0 auto; }\n.connected-es-article .highlights-head { text-align:center; margin-bottom:64px; }\n.connected-es-article .highlights-kicker { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:18px; display:inline-flex; align-items:center; gap:14px; }\n.connected-es-article .highlights-kicker::before, .connected-es-article .highlights-kicker::after { content:''; width:32px; height:1px; background:var(--gold-dk); }\n.connected-es-article .highlights-title { font-family:var(--serif); font-size:clamp(32px, 3.4vw, 48px); font-weight:400; color:var(--ink); line-height:1.15; }\n.connected-es-article .highlights-title em { font-style:italic; color:var(--gold-dk); font-weight:300; }\n.connected-es-article .highlights-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:48px; margin-top:56px; }\n.connected-es-article .hl-item { display:flex; flex-direction:column; gap:14px; }\n.connected-es-article .hl-num { font-family:var(--serif); font-size:60px; font-weight:300; color:var(--gold); opacity:.45; line-height:1; letter-spacing:-.02em; }\n.connected-es-article .hl-title { font-family:var(--serif); font-size:24px; font-weight:500; color:var(--ink); line-height:1.3; }\n.connected-es-article .hl-title em { font-style:italic; color:var(--gold-dk); font-weight:400; }\n.connected-es-article .hl-text { font-family:var(--sans); font-size:15px; font-weight:300; color:var(--ink-mid); line-height:1.75; }\n\n\/* TWO-COLUMN FEATURE (.reverse to flip) *\/\n.connected-es-article .two-col-feature { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; padding:96px 48px; max-width:1360px; margin:0 auto; }\n.connected-es-article .two-col-feature.reverse .tc-image { order:2; }\n.connected-es-article .tc-image { position:relative; aspect-ratio:4\/5; overflow:hidden; }\n.connected-es-article .tc-image img { width:100%; height:100%; object-fit:cover; }\n.connected-es-article .tc-kicker { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:18px; display:inline-flex; align-items:center; gap:14px; }\n.connected-es-article .tc-kicker::before { content:''; width:32px; height:1px; background:var(--gold-dk); }\n.connected-es-article .tc-title { font-family:var(--serif); font-size:clamp(32px, 3vw, 48px); font-weight:400; color:var(--ink); line-height:1.18; margin-bottom:24px; }\n.connected-es-article .tc-title em { font-style:italic; color:var(--gold-dk); font-weight:300; }\n.connected-es-article .tc-body { font-family:var(--sans); font-size:17px; font-weight:300; color:var(--ink-mid); line-height:1.9; }\n.connected-es-article .tc-body p { margin-bottom:20px; }\n.connected-es-article .tc-body p:last-child { margin-bottom:0; }\n\n\/* GALLERY (3 + 2; items can feed lightbox via data-lb-src\/data-lb-cap) *\/\n.connected-es-article .gallery-section { padding:80px 0; background:var(--off-white); }\n.connected-es-article .gallery-head { max-width:860px; margin:0 auto 52px; padding:0 32px; text-align:center; }\n.connected-es-article .gallery-grid-3 { display:grid; grid-template-columns:repeat(3, 1fr); gap:4px; padding:0 4px; }\n.connected-es-article .gallery-grid-2 { display:grid; grid-template-columns:repeat(2, 1fr); gap:4px; padding:0 4px; margin-top:4px; }\n.connected-es-article .gallery-item { position:relative; overflow:hidden; aspect-ratio:3\/2; cursor:pointer; }\n.connected-es-article .gallery-item img { width:100%; height:100%; object-fit:cover; transition:transform 1.2s cubic-bezier(.2,.7,.2,1); }\n.connected-es-article .gallery-item:hover img { transform:scale(1.06); }\n.connected-es-article .gallery-item-cap { position:absolute; bottom:0; left:0; right:0; padding:20px 22px; background:linear-gradient(to top, rgba(10,15,20,.85), rgba(10,15,20,0)); color:#fff; font-family:var(--sans); font-size:10px; font-weight:500; letter-spacing:.28em; text-transform:uppercase; opacity:0; transform:translateY(10px); transition:opacity .5s, transform .5s; }\n.connected-es-article .gallery-item:hover .gallery-item-cap { opacity:1; transform:translateY(0); }\n\n\/* SCROLL STRIP (manual-drag horizontal gallery; items feed lightbox) *\/\n.connected-es-article .scroll-strip-section { padding:64px 0 48px; background:var(--off-white); margin:32px 0 20px; }\n.connected-es-article .scroll-strip-head { max-width:1360px; margin:0 auto 32px; padding:0 48px; display:flex; align-items:flex-end; justify-content:space-between; gap:32px; flex-wrap:wrap; }\n.connected-es-article .scroll-strip-kicker { display:flex; align-items:center; gap:14px; font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:14px; }\n.connected-es-article .scroll-strip-kicker::before { content:''; width:32px; height:1px; background:var(--gold-dk); }\n.connected-es-article .scroll-strip-title { font-family:var(--serif); font-size:clamp(28px, 2.6vw, 38px); font-weight:400; color:var(--ink); line-height:1.2; margin:0; }\n.connected-es-article .scroll-strip-title em { font-style:italic; color:var(--gold-dk); font-weight:300; }\n.connected-es-article .scroll-strip-hint { font-family:var(--sans); font-size:11px; font-weight:400; letter-spacing:.24em; text-transform:uppercase; color:var(--ink-soft); display:flex; align-items:center; gap:10px; }\n.connected-es-article .scroll-strip-hint::before { content:'\\2192'; font-family:var(--sans); font-size:13px; color:var(--gold); animation:connectedesArrowBob 2.4s ease-in-out infinite; }\n@keyframes connectedesArrowBob { 0%,100% { transform:translateX(0); } 50% { transform:translateX(6px); } }\n.connected-es-article .scroll-strip { display:flex; gap:4px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; padding:0 48px 24px; scrollbar-width:thin; scrollbar-color:rgba(176,141,87,.5) transparent; cursor:grab; -webkit-overflow-scrolling:touch; }\n.connected-es-article .scroll-strip:active { cursor:grabbing; }\n.connected-es-article .scroll-strip::-webkit-scrollbar { height:6px; }\n.connected-es-article .scroll-strip::-webkit-scrollbar-track { background:transparent; }\n.connected-es-article .scroll-strip::-webkit-scrollbar-thumb { background:rgba(176,141,87,.45); border-radius:3px; }\n.connected-es-article .strip-item { flex:0 0 auto; width:clamp(280px, 32vw, 520px); aspect-ratio:4\/3; scroll-snap-align:start; overflow:hidden; position:relative; cursor:pointer; background:var(--cream); }\n.connected-es-article .strip-item img { width:100%; height:100%; object-fit:cover; transition:transform .9s cubic-bezier(.2,.7,.2,1); pointer-events:none; }\n.connected-es-article .strip-item:hover img { transform:scale(1.05); }\n.connected-es-article .strip-cap { position:absolute; bottom:0; left:0; right:0; padding:18px 22px; background:linear-gradient(to top, rgba(10,15,20,.88), rgba(10,15,20,0)); color:#fff; font-family:var(--sans); font-size:10px; font-weight:500; letter-spacing:.28em; text-transform:uppercase; opacity:0; transform:translateY(6px); transition:opacity .4s, transform .4s; pointer-events:none; }\n.connected-es-article .strip-item:hover .strip-cap { opacity:1; transform:translateY(0); }\n.connected-es-article .strip-badge { position:absolute; top:16px; left:16px; padding:6px 14px; background:rgba(10,15,20,.75); color:#c9a96e !important; font-family:var(--sans); font-size:9px; font-weight:500; letter-spacing:.28em; text-transform:uppercase; opacity:0; transform:translateY(-4px); transition:opacity .35s, transform .35s; pointer-events:none; }\n.connected-es-article .strip-item:hover .strip-badge { opacity:1; transform:translateY(0); }\n\n\/* FULL-WIDTH IMAGE *\/\n.connected-es-article .fullwidth-img { width:100%; margin:56px 0; position:relative; overflow:hidden; aspect-ratio:16\/9; }\n.connected-es-article .fullwidth-img img { width:100%; height:100%; object-fit:cover; transition:transform 8s ease-out; }\n.connected-es-article .fullwidth-img.in-view img { transform:scale(1.04); }\n.connected-es-article .fullwidth-cap { position:absolute; bottom:32px; left:48px; font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.26em; text-transform:uppercase; color:rgba(255,255,255,.8); display:flex; align-items:center; gap:14px; }\n.connected-es-article .fullwidth-cap::before { content:''; width:36px; height:1px; background:rgba(255,255,255,.6); }\n\n\/* PULL QUOTE *\/\n.connected-es-article .art-pullquote { padding:48px 48px 54px; margin:28px auto 36px; text-align:center; max-width:1040px; position:relative; }\n.connected-es-article .art-pullquote::before { content:'\\201C'; display:block; font-family:var(--serif); font-size:120px; font-weight:400; color:var(--gold); opacity:.24; line-height:.3; margin-bottom:10px; }\n.connected-es-article .art-pullquote-text { font-family:var(--serif); font-size:clamp(28px, 3vw, 42px); font-weight:300; font-style:italic; color:var(--ink); line-height:1.4; letter-spacing:-.005em; margin:0 0 28px; }\n.connected-es-article .art-pullquote-cite { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.32em; text-transform:uppercase; color:var(--gold-dk); }\n\n\/* [OPTIONAL] SPECS GRID (dropped) *\/\n.connected-es-article .specs-section { background:#0c1b2a !important; padding:96px 48px; margin:0; position:relative; }\n.connected-es-article .specs-container { max-width:1100px; margin:0 auto; }\n.connected-es-article .specs-head { text-align:center; margin-bottom:64px; }\n.connected-es-article .specs-kicker { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-lt); margin-bottom:20px; display:inline-flex; align-items:center; gap:14px; }\n.connected-es-article .specs-kicker::before, .connected-es-article .specs-kicker::after { content:''; width:32px; height:1px; background:var(--gold); }\n.connected-es-article .specs-title { font-family:var(--serif); font-size:clamp(32px, 3.4vw, 48px); font-weight:400; color:#fff; line-height:1.15; }\n.connected-es-article .specs-title em { font-style:italic; color:var(--gold-lt); font-weight:300; }\n.connected-es-article .specs-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:1px; background:rgba(201,169,110,.2); border:1px solid rgba(201,169,110,.2); margin-top:40px; }\n.connected-es-article .spec-row { background:#0c1b2a !important; padding:22px 30px; display:flex; align-items:baseline; justify-content:space-between; gap:20px; }\n.connected-es-article .spec-label { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.45); }\n.connected-es-article .spec-value { font-family:var(--serif); font-size:22px; font-weight:400; color:#fff; text-align:right; letter-spacing:-.005em; }\n.connected-es-article .spec-value em { color:var(--gold-lt); font-style:italic; font-weight:300; }\n\n\/* SIGN-OFF *\/\n.connected-es-article .art-signoff { padding:120px 32px; text-align:center; background:#0c1b2a !important; color:#ffffff; position:relative; overflow:hidden; }\n.connected-es-article .art-signoff::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:120px; height:1px; background:var(--gold); }\n.connected-es-article .signoff-text { font-family:var(--serif); font-size:clamp(24px, 2.4vw, 32px); font-style:italic; font-weight:300; color:rgba(255,255,255,.88) !important; line-height:1.55; max-width:660px; margin:0 auto 28px; }\n.connected-es-article .signoff-cite { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.32em; text-transform:uppercase; color:#c9a96e !important; }\n\n\/* [OPTIONAL] CREDITS (dropped: no credits) *\/\n.connected-es-article .art-credits { padding:60px 32px; background:var(--off-white); border-top:1px solid var(--border); }\n.connected-es-article .credits-container { max-width:860px; margin:0 auto; display:flex; flex-wrap:wrap; gap:48px; justify-content:space-between; }\n.connected-es-article .credits-block { min-width:180px; }\n.connected-es-article .credits-label { font-family:var(--sans); font-size:10px; font-weight:600; letter-spacing:.3em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:10px; }\n.connected-es-article .credits-value { font-family:var(--serif); font-size:18px; font-weight:400; color:var(--ink); }\n\n\/* LIGHTBOX *\/\n.connected-es-article .lb-overlay { position:fixed; inset:0; z-index:9999; background:rgba(6,10,16,.96); display:none; align-items:center; justify-content:center; opacity:0; transition:opacity .35s; }\n.connected-es-article .lb-overlay.open { display:flex; opacity:1; }\n.connected-es-article .lb-stage { position:relative; width:100vw; height:100vh; display:flex; align-items:center; justify-content:center; padding:80px 100px; }\n.connected-es-article .lb-image-wrap { max-width:100%; max-height:100%; display:flex; align-items:center; justify-content:center; }\n.connected-es-article .lb-image { max-width:100%; max-height:calc(100vh - 200px); width:auto; height:auto; object-fit:contain; box-shadow:0 30px 80px rgba(0,0,0,.55); }\n.connected-es-article .lb-counter { position:absolute; top:32px; left:50%; transform:translateX(-50%); font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:rgba(255,255,255,.5); }\n.connected-es-article .lb-counter em { font-style:normal; color:var(--gold-lt); }\n.connected-es-article .lb-caption { position:absolute; bottom:36px; left:50%; transform:translateX(-50%); font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.32em; text-transform:uppercase; color:rgba(255,255,255,.72); display:flex; align-items:center; gap:14px; }\n.connected-es-article .lb-caption::before, .connected-es-article .lb-caption::after { content:''; width:28px; height:1px; background:rgba(201,169,110,.55); }\n.connected-es-article .lb-close { position:absolute; top:24px; right:28px; width:48px; height:48px; background:transparent; border:1px solid rgba(255,255,255,.18); color:rgba(255,255,255,.75); cursor:pointer; display:flex; align-items:center; justify-content:center; font-family:var(--sans); font-size:24px; line-height:1; transition:border-color .25s, color .25s, transform .25s; padding:0; }\n.connected-es-article .lb-close:hover { border-color:var(--gold-lt); color:var(--gold-lt); transform:rotate(90deg); }\n.connected-es-article .lb-nav { position:absolute; top:50%; transform:translateY(-50%); width:54px; height:54px; background:transparent; border:1px solid rgba(255,255,255,.18); color:rgba(255,255,255,.75); cursor:pointer; display:flex; align-items:center; justify-content:center; font-family:var(--serif); font-size:28px; font-weight:300; line-height:1; transition:border-color .25s, color .25s, background .25s; padding:0; }\n.connected-es-article .lb-nav:hover { border-color:var(--gold-lt); color:var(--gold-lt); background:rgba(201,169,110,.06); }\n.connected-es-article .lb-prev { left:32px; }\n.connected-es-article .lb-next { right:32px; }\n\n\/* REVEAL *\/\n.connected-es-article .reveal { opacity:0; transform:translateY(40px); transition:opacity 1.1s cubic-bezier(.2,.7,.2,1), transform 1.1s cubic-bezier(.2,.7,.2,1); will-change:opacity, transform; }\n.connected-es-article .reveal.in-view { opacity:1; transform:translateY(0); }\n.connected-es-article .reveal.delay-1 { transition-delay:.12s; }\n.connected-es-article .reveal.delay-2 { transition-delay:.24s; }\n.connected-es-article .reveal.delay-3 { transition-delay:.36s; }\n\n\/* RESPONSIVE *\/\n@media (max-width:960px) {\n  .connected-es-article .stats-strip { grid-template-columns:repeat(2, 1fr); gap:48px 0; padding:56px 24px; }\n  .connected-es-article .stat-item { border-right:none !important; padding:0 20px; }\n  .connected-es-article .stat-item:nth-child(odd) { border-right:1px solid rgba(255,255,255,.08) !important; }\n  .connected-es-article .highlights-grid { grid-template-columns:1fr; gap:48px; }\n  .connected-es-article .gallery-grid-3 { grid-template-columns:1fr 1fr; }\n  .connected-es-article .two-col-feature { grid-template-columns:1fr; gap:40px; padding:64px 24px; }\n  .connected-es-article .two-col-feature.reverse .tc-image { order:0; }\n  .connected-es-article .specs-grid { grid-template-columns:1fr; }\n  .connected-es-article .parallax-img { background-attachment:scroll; }\n  .connected-es-article .art-intro { padding:72px 0 40px; }\n  .connected-es-article .art-container { padding:0 24px; }\n  .connected-es-article .art-pullquote { padding:72px 24px; }\n  .connected-es-article .parallax-caption { right:24px; bottom:24px; font-size:10px; }\n  .connected-es-article .fullwidth-cap { left:24px; bottom:24px; font-size:10px; }\n}\n@media (max-width:720px) {\n  .connected-es-article .art-hero-plate { padding:52px 24px 64px; }\n  .connected-es-article .art-hero-plate .art-h1 { font-size:38px; }\n  .connected-es-article .art-hero-plate .art-bajada-hero { font-size:16px; }\n  .connected-es-article .art-volanta-line { width:36px; }\n  .connected-es-article .lb-stage { padding:60px 16px; }\n  .connected-es-article .lb-nav { width:44px; height:44px; font-size:24px; }\n  .connected-es-article .lb-prev { left:12px; }\n  .connected-es-article .lb-next { right:12px; }\n  .connected-es-article .strip-item { width:78vw; }\n  .connected-es-article .scroll-strip { padding:0 24px 20px; }\n  .connected-es-article .scroll-strip-head { padding:0 24px; }\n}\n@media (max-width:640px) {\n  .connected-es-article .stats-strip { grid-template-columns:1fr; gap:48px 0; }\n  .connected-es-article .stat-item { border-right:none !important; }\n  .connected-es-article .gallery-grid-3 { grid-template-columns:1fr; }\n  .connected-es-article .gallery-grid-2 { grid-template-columns:1fr; }\n  .connected-es-article .credits-container { gap:32px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .connected-es-article .art-hero-bg { animation:none; transform:scale(1); }\n  .connected-es-article .hero-scroll-ind { animation:none; }\n  .connected-es-article .scroll-strip-hint::before { animation:none; }\n  .connected-es-article .parallax-img { background-attachment:scroll; }\n}\n\n<\/style>\n\n<article class=\"connected-es-article\">\n\n  <div class=\"art-container\">\n    <span class=\"art-kicker\">Tercer Sistema &middot; La Vida<\/span>\n    <h2 class=\"art-section-head reveal\">Lo que la conexi&oacute;n <em>de verdad compra<\/em><\/h2>\n    <p class=\"art-body-text reveal delay-1\">Quita el hardware y el sentido de todo esto es simple: el barco puede ahora estar en cualquier parte sin quedar fuera de alcance. El enrutado meteorol&oacute;gico se actualiza en vivo, de modo que una traves&iacute;a se planea contra el cielo tal como est&aacute; y no como lo pronosticaron en el muelle. Los sistemas se reportan solos, as&iacute; que una alarma de sentina o una bater&iacute;a baja llega al tel&eacute;fono del due&ntilde;o, est&eacute; a bordo o en tierra. El trabajo que hace la conexi&oacute;n es casi siempre silencioso, y casi siempre sobre la tranquilidad de esp&iacute;ritu.<\/p>\n    <p class=\"art-body-text reveal delay-2\">Hay tambi&eacute;n un cambio cultural dentro de esto. Un barco conectado permite que gente que antes nunca pudo desaparecer una semana a bordo haga exactamente eso, porque la oficina viaja con ellos. Si eso es una ganancia o una p&eacute;rdida es un debate justo, y el due&ntilde;o sabio a&uacute;n elige, en la noche adecuada, dejar las pantallas apagadas. Pero la elecci&oacute;n es ahora suya. El mar dej&oacute; de imponer la desconexi&oacute;n, y devolvi&oacute; la decisi&oacute;n a quien est&aacute; al tim&oacute;n.<\/p>\n  <\/div>\n\n  <section class=\"scroll-strip-section\">\n    <div class=\"scroll-strip-head\">\n      <div><div class=\"scroll-strip-kicker\">El D&iacute;a Conectado<\/div><h2 class=\"scroll-strip-title\">Del puente <em>al fondeadero<\/em><\/h2><\/div>\n      <div class=\"scroll-strip-hint\">Arrastra para explorar<\/div>\n    <\/div>\n    <div class=\"scroll-strip\" data-gallery>\n      <div class=\"strip-item\" data-lb-src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-HERO-Impactante-helm-interior-de-un-riviera-645-con-3-displays-sonar-radar-gps-joystic-y-mas-controles-Imagen-al-atardecer-con-el-helm-muy-iluminado.jpg\" data-lb-cap=\"El puente de un Riviera 645 al anochecer, todo iluminado\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-HERO-Impactante-helm-interior-de-un-riviera-645-con-3-displays-sonar-radar-gps-joystic-y-mas-controles-Imagen-al-atardecer-con-el-helm-muy-iluminado.jpg\" alt=\"Impresionante puente interior de un Riviera 645 con tres pantallas al atardecer\" loading=\"lazy\"><span class=\"strip-badge\">01 &middot; El Puente<\/span><span class=\"strip-cap\">El puente de un Riviera 645 al anochecer, todo iluminado<\/span><\/div>\n      <div class=\"strip-item\" data-lb-src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-Imagen-de-helm-interior-en-sunset-com-primer-pantalla-mostrando-radar-la-segunda-mostrando-carta-nautica-y-tercera-con-datos-de-motores-y-perfiormance.jpg\" data-lb-cap=\"Radar, carta y datos de motores, le&iacute;dos juntos\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-Imagen-de-helm-interior-en-sunset-com-primer-pantalla-mostrando-radar-la-segunda-mostrando-carta-nautica-y-tercera-con-datos-de-motores-y-perfiormance.jpg\" alt=\"Puente con radar, carta y rendimiento de motores en tres pantallas\" loading=\"lazy\"><span class=\"strip-badge\">02 &middot; La Imagen<\/span><span class=\"strip-cap\">Radar, carta y datos de motores, le&iacute;dos juntos<\/span><\/div>\n      <div class=\"strip-item\" data-lb-src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/1920-X-1080-Primer-plano-de-telefono-movil-con-app-de-starlink-y-la-antena-a-su-lado-en-un-yate.jpg\" data-lb-cap=\"Banda ancha desde el hardtop, en cualquier parte mar adentro\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/1920-X-1080-Primer-plano-de-telefono-movil-con-app-de-starlink-y-la-antena-a-su-lado-en-un-yate.jpg\" alt=\"Tel&eacute;fono con una app de internet satelital junto a su antena en un yate\" loading=\"lazy\"><span class=\"strip-badge\">03 &middot; El Enlace<\/span><span class=\"strip-cap\">Banda ancha desde el hardtop, en cualquier parte mar adentro<\/span><\/div>\n      <div class=\"strip-item\" data-lb-src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-Yate-anclado-en-bahia-al-atardecer-con-luces-interiores-y-debajo-del-agua-encendidas.jpg\" data-lb-cap=\"Al ancla al anochecer, con luces interiores y subacu&aacute;ticas encendidas\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-Yate-anclado-en-bahia-al-atardecer-con-luces-interiores-y-debajo-del-agua-encendidas.jpg\" alt=\"Yate anclado en una bah&iacute;a al atardecer con luces interiores y subacu&aacute;ticas\" loading=\"lazy\"><span class=\"strip-badge\">04 &middot; La Recompensa<\/span><span class=\"strip-cap\">Al ancla al anochecer, con luces interiores y subacu&aacute;ticas encendidas<\/span><\/div>\n    <\/div>\n  <\/section>\n\n  <div class=\"lb-overlay\" data-lightbox role=\"dialog\" aria-hidden=\"true\" aria-label=\"Galer&iacute;a de im&aacute;genes\">\n    <div class=\"lb-stage\">\n      <div class=\"lb-counter\" data-lb-counter><\/div>\n      <button class=\"lb-close\" data-lb-close aria-label=\"Cerrar\">&times;<\/button>\n      <button class=\"lb-nav lb-prev\" data-lb-prev aria-label=\"Anterior\">&lsaquo;<\/button>\n      <div class=\"lb-image-wrap\"><img class=\"lb-image\" data-lb-img alt=\"\"><\/div>\n      <button class=\"lb-nav lb-next\" data-lb-next aria-label=\"Siguiente\">&rsaquo;<\/button>\n      <div class=\"lb-caption\" data-lb-caption><\/div>\n    <\/div>\n  <\/div>\n\n  <section class=\"art-signoff\"><p class=\"signoff-text\">El barco conectado no reemplaz&oacute; al arte marinero; lo afil&oacute;, y luego, en silencio, extendi&oacute; el muelle hasta el horizonte. Lo que al fin ofrece no es la pantalla, sino la elecci&oacute;n detr&aacute;s de ella: alcanzar el mundo entero desde el fondeadero, o apagarlo todo y mirar c&oacute;mo baja la luz.<\/p><div class=\"signoff-cite\">USA Onboard &middot; Editorial &middot; 2026<\/div><\/section>\n<\/article>\n<script>\n(function(){\n  var roots = document.querySelectorAll('.connected-es-article'); if(!roots.length) return;\n  var all = [];\n  roots.forEach(function(root){ root.querySelectorAll('.reveal, .fullwidth-img').forEach(function(el){ all.push(el); }); });\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.08, rootMargin: '0px 0px 0px 0px' });\n    all.forEach(function(el){ io.observe(el); });\n    setTimeout(function(){ all.forEach(function(el){ if(!el.classList.contains('in-view')) el.classList.add('in-view'); }); }, 1200);\n  } else {\n    all.forEach(function(el){ el.classList.add('in-view'); });\n  }\n})();\n(function(){\n  var roots = document.querySelectorAll('.connected-es-article');\n  roots.forEach(function(root){\n  var items = Array.from(root.querySelectorAll('[data-lb-src]'));\n  var lb = root.querySelector('[data-lightbox]');\n  if (!lb || !items.length) return;\n  var lbImg = lb.querySelector('[data-lb-img]');\n  var lbCap = lb.querySelector('[data-lb-caption]');\n  var lbCounter = lb.querySelector('[data-lb-counter]');\n  var current = 0;\n  function pad2(n){ return n < 10 ? '0' + n : String(n); }\n  function update(){ var it = items[current]; if (!it) return; lbImg.src = it.dataset.lbSrc || it.querySelector('img').src; lbImg.alt = it.querySelector('img').alt || ''; lbCap.textContent = it.dataset.lbCap || ''; if (lbCounter) lbCounter.innerHTML = '<em>' + pad2(current + 1) + '<\/em> \/ ' + pad2(items.length); }\n  function open(i){ current = i; update(); lb.classList.add('open'); lb.setAttribute('aria-hidden','false'); document.body.style.overflow='hidden'; }\n  function close(){ lb.classList.remove('open'); lb.setAttribute('aria-hidden','true'); document.body.style.overflow=''; }\n  function prev(){ current = (current - 1 + items.length) % items.length; update(); }\n  function next(){ current = (current + 1) % items.length; update(); }\n  var strip = root.querySelector('[data-gallery]');\n  items.forEach(function(it,i){ it.addEventListener('click', function(){ if (strip && strip.dataset.wasDragging === '1') { strip.dataset.wasDragging = '0'; return; } open(i); }); });\n  lb.querySelector('[data-lb-close]').addEventListener('click', close);\n  lb.querySelector('[data-lb-prev]').addEventListener('click', prev);\n  lb.querySelector('[data-lb-next]').addEventListener('click', next);\n  lb.addEventListener('click', function(e){ if (e.target === lb || e.target === lb.firstElementChild) close(); });\n  document.addEventListener('keydown', function(e){ if (!lb.classList.contains('open')) return; if (e.key==='Escape') close(); else if (e.key==='ArrowLeft') prev(); else if (e.key==='ArrowRight') next(); });\n  if (strip) {\n    var isDown=false,startX=0,scrollLeft=0,moved=0;\n    strip.addEventListener('mousedown', function(e){ isDown=true; moved=0; startX=e.pageX-strip.offsetLeft; scrollLeft=strip.scrollLeft; });\n    strip.addEventListener('mouseleave', function(){ isDown=false; });\n    strip.addEventListener('mouseup', function(){ isDown=false; if (moved>6) strip.dataset.wasDragging='1'; });\n    strip.addEventListener('mousemove', function(e){ if(!isDown) return; e.preventDefault(); var x=e.pageX-strip.offsetLeft; var walk=(x-startX); moved=Math.abs(walk); strip.scrollLeft=scrollLeft-walk; });\n  }\n  });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Descubrir A Bordo &middot; Conectividad El BarcoConectado Un puente de mando moderno brilla como una cabina de avi&oacute;n, y una antena satelital en el hardtop hace hoy lo que antes hac&iacute;a un tel&eacute;fono en la marina. El barco se ha vuelto, en silencio, la habitaci&oacute;n m&aacute;s conectada que tiene su due&ntilde;o. USA Onboard Editorial&middot;Reportaje &middot; [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":6285,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"slim_seo":{"title":"El Barco Conectado - USA ONBOARD","description":"Descubrir A Bordo &middot; Conectividad El Barco Conectado Un puente de mando moderno brilla como una cabina de avi&oacute;n, y una antena satelital en el hardt"},"footnotes":""},"categories":[91],"tags":[],"class_list":["post-6290","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-live-aboard"],"acf":[],"_links":{"self":[{"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/posts\/6290","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/comments?post=6290"}],"version-history":[{"count":0,"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/posts\/6290\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/media\/6285"}],"wp:attachment":[{"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/media?parent=6290"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/categories?post=6290"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/tags?post=6290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}