Casas que empiezan en el muelle \u2014 Widget 1 \u2014 USA Onboard<\/title>\n<style>\nbody { margin:0; padding:0; background:#faf8f5; }\n<\/style>\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n WATERFRONT LIVING \u00b7 USA ONBOARD \u00b7 M\u00f3dulo \u00b7 Parte 1 (ES)\n TEMPLATE 5 \u2014 Cinem\u00e1tico, con galer\u00eda en movimiento\n Embebible en Elementor \u2014 sin chrome del sitio\n Fuentes: Cormorant Garamond + Jost\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\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.waterfront-es-article {\n --serif: \"Cormorant Garamond\", Georgia, serif;\n --sans: \"Jost\", -apple-system, BlinkMacSystemFont, sans-serif;\n --ink: #0a0a0a;\n --ink-mid: #2c2c2c;\n --ink-soft: #6a6a6a;\n --off-white: #faf8f5;\n --cream: #f3efe8;\n --cream-mid: #ece6db;\n --navy: #0c1b2a;\n --navy-light: #152638;\n --gold: #b08d57;\n --gold-lt: #c9a96e;\n --gold-dk: #8a6b38;\n --border: #ddd5c5;\n font-family:var(--sans);\n color:var(--ink);\n background:var(--off-white);\n line-height:1.6;\n overflow:hidden;\n}\n.waterfront-es-article *, .waterfront-es-article *::before, .waterfront-es-article *::after { box-sizing:border-box; }\n.waterfront-es-article img { display:block; max-width:100%; height:auto; }\n\n\/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n.waterfront-es-article .art-hero {\n position:relative;\n width:100%;\n aspect-ratio:16\/9;\n min-height:520px;\n max-height:820px;\n overflow:hidden;\n margin:0;\n}\n.waterfront-es-article .art-hero-bg {\n position:absolute; inset:0;\n background-image:url('https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-CASA-ESTILO-EUROPEO-VISTA-DESDE-EL-AGUA-TURQUESA-DE-LA-BAHIA.jpg');\n background-size:cover;\n background-position:center center;\n background-repeat:no-repeat;\n transform:scale(1.03);\n transform-origin:center center;\n animation:waterfrontEsHeroZoom 22s ease-in-out infinite alternate;\n will-change:transform;\n}\n@keyframes waterfrontEsHeroZoom {\n from { transform:scale(1.03); }\n to { transform:scale(1.00); }\n}\n.waterfront-es-article .art-hero-grad {\n position:absolute; inset:0;\n background:\n linear-gradient(to bottom,\n rgba(8,14,22,0) 0%,\n rgba(8,14,22,0) 78%,\n rgba(8,14,22,0.4) 100%);\n}\n.waterfront-es-article .hero-scroll-ind {\n position:absolute; bottom:32px; left:50%;\n transform:translateX(-50%);\n display:flex; flex-direction:column; align-items:center; gap:10px;\n color:rgba(255,255,255,.45);\n font-family:var(--sans); font-size:10px;\n letter-spacing:.28em; text-transform:uppercase;\n animation:waterfrontEsScrollBob 3s ease-in-out infinite;\n}\n@keyframes waterfrontEsScrollBob {\n 0%,100% { transform:translateX(-50%) translateY(0); opacity:.6; }\n 50% { transform:translateX(-50%) translateY(10px); opacity:1; }\n}\n.waterfront-es-article .scroll-ln {\n width:1px; height:48px;\n background:linear-gradient(to bottom, rgba(255,255,255,.55), transparent);\n}\n\n\/* \u2500\u2500\u2500 EDITORIAL PLATE \u2500\u2500\u2500 *\/\n.waterfront-es-article .art-hero-plate {\n background:linear-gradient(to bottom, #060c14 0%, #0a1420 100%);\n padding:72px 48px 88px;\n text-align:center;\n position:relative;\n overflow:hidden;\n border-top:1px solid rgba(201,169,110,0.18);\n}\n.waterfront-es-article .art-hero-plate::before {\n content:'';\n position:absolute; top:0; left:50%;\n transform:translateX(-50%);\n width:80px; height:1px;\n background:var(--gold);\n opacity:.6;\n}\n.waterfront-es-article .art-hero-plate .art-volanta {\n display:inline-flex; align-items:center; gap:18px;\n margin-bottom:28px;\n}\n.waterfront-es-article .art-hero-plate .art-volanta-line {\n width:56px; height:1px;\n background:var(--gold); opacity:.55;\n}\n.waterfront-es-article .art-hero-plate .art-volanta-label {\n font-family:var(--sans); font-size:11px; font-weight:600;\n letter-spacing:.38em; text-transform:uppercase;\n color:var(--gold-lt);\n border:1px solid rgba(201,169,110,.45);\n padding:8px 22px;\n}\n.waterfront-es-article .art-hero-plate .art-h1 {\n font-family:var(--serif);\n font-size:clamp(48px, 7.5vw, 104px);\n font-weight:500;\n color:#fff;\n line-height:1.02;\n letter-spacing:.018em;\n text-transform:uppercase;\n margin:0 auto 28px;\n max-width:1040px;\n}\n.waterfront-es-article .art-hero-plate .art-bajada-hero {\n font-family:var(--serif);\n font-size:clamp(19px, 1.65vw, 23px);\n font-weight:300; font-style:italic;\n color:rgba(255,255,255,.82);\n line-height:1.65;\n max-width:740px;\n margin:0 auto 38px;\n}\n.waterfront-es-article .art-hero-plate .art-meta-hero {\n display:flex; align-items:center; gap:18px;\n font-family:var(--sans); font-size:11px; font-weight:500;\n letter-spacing:.3em; text-transform:uppercase;\n color:rgba(255,255,255,.55);\n flex-wrap:wrap; justify-content:center;\n}\n.waterfront-es-article .art-hero-plate .art-meta-hero span.art-meta-sep {\n color:rgba(255,255,255,.3);\n}\n\n\/* \u2500\u2500\u2500 BODY CONTAINER \u2500\u2500\u2500 *\/\n.waterfront-es-article .art-container {\n max-width:860px;\n margin:0 auto;\n padding:0 32px;\n}\n\n\/* \u2500\u2500\u2500 INTRO \/ LEDE \u2500\u2500\u2500 *\/\n.waterfront-es-article .art-intro {\n padding:112px 0 80px;\n}\n.waterfront-es-article .art-lede {\n font-family:var(--serif);\n font-size:clamp(22px, 2.2vw, 30px);\n font-weight:400; font-style:italic;\n color:var(--ink);\n line-height:1.55;\n border-left:2px solid var(--gold);\n padding-left:32px;\n margin:0 0 48px;\n max-width:820px;\n}\n.waterfront-es-article .art-body-text {\n font-family:var(--sans);\n font-size:18px; font-weight:300;\n color:var(--ink-mid);\n line-height:1.95;\n margin:0 0 26px;\n max-width:780px;\n}\n.waterfront-es-article .art-body-text strong { color:var(--ink); font-weight:500; }\n.waterfront-es-article .art-body-text em { color:var(--gold-dk); font-style:italic; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \u2500\u2500 MARQUEE GALLERY \u2500\u2500\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.waterfront-es-article .marquee-section {\n position:relative;\n width:100%;\n background:linear-gradient(to bottom, var(--off-white) 0%, var(--cream) 100%);\n padding:88px 0 96px;\n overflow:hidden;\n margin:0;\n}\n.waterfront-es-article .marquee-header {\n max-width:860px;\n margin:0 auto 56px;\n padding:0 32px;\n text-align:center;\n}\n.waterfront-es-article .marquee-kicker {\n display:inline-flex; align-items:center; gap:14px;\n font-family:var(--sans); font-size:11px; font-weight:500;\n letter-spacing:.35em; text-transform:uppercase;\n color:var(--gold-dk);\n margin-bottom:20px;\n}\n.waterfront-es-article .marquee-kicker::before,\n.waterfront-es-article .marquee-kicker::after {\n content:''; width:36px; height:1px; background:var(--gold-dk);\n}\n.waterfront-es-article .marquee-title {\n font-family:var(--serif);\n font-size:clamp(28px, 3vw, 40px);\n font-weight:400; font-style:italic;\n color:var(--ink);\n line-height:1.25;\n letter-spacing:-.005em;\n margin:0;\n}\n.waterfront-es-article .marquee-title em { color:var(--gold-dk); font-style:italic; }\n\n.waterfront-es-article .marquee-wrap {\n position:relative;\n width:100%;\n overflow:hidden;\n mask-image:linear-gradient(to right, transparent 0%, #000 6%, #000 94%, transparent 100%);\n -webkit-mask-image:linear-gradient(to right, transparent 0%, #000 6%, #000 94%, transparent 100%);\n}\n.waterfront-es-article .marquee-track {\n display:flex;\n width:max-content;\n gap:28px;\n animation:waterfrontEsMarqueeSlide 80s linear infinite;\n will-change:transform;\n}\n.waterfront-es-article .marquee-wrap:hover .marquee-track {\n animation-play-state:paused;\n}\n@keyframes waterfrontEsMarqueeSlide {\n from { transform:translateX(0); }\n to { transform:translateX(-50%); }\n}\n.waterfront-es-article .marquee-item {\n flex:0 0 auto;\n width:clamp(360px, 38vw, 540px);\n aspect-ratio:16\/10;\n overflow:hidden;\n position:relative;\n background:var(--navy);\n box-shadow:0 12px 40px rgba(8,14,22,0.12);\n cursor:zoom-in;\n border:none;\n padding:0;\n font:inherit;\n color:inherit;\n text-align:left;\n}\n.waterfront-es-article .marquee-item:focus-visible {\n outline:2px solid var(--gold);\n outline-offset:3px;\n}\n.waterfront-es-article .marquee-item img {\n width:100%; height:100%;\n object-fit:cover;\n transition:transform 1.4s ease-out;\n}\n.waterfront-es-article .marquee-item:hover img { transform:scale(1.06); }\n.waterfront-es-article .marquee-cap {\n position:absolute; bottom:14px; left:18px;\n font-family:var(--sans); font-size:10px; font-weight:500;\n letter-spacing:.26em; text-transform:uppercase;\n color:rgba(255,255,255,.85);\n background:rgba(8,14,22,.55);\n padding:6px 12px;\n backdrop-filter:blur(4px);\n}\n\n\/* \u2500\u2500\u2500 STATS STRIP \u2500\u2500\u2500 *\/\n.waterfront-es-article .stats-strip {\n background:var(--navy);\n padding:88px 40px;\n margin:0;\n display:grid;\n grid-template-columns:repeat(4, 1fr);\n position:relative;\n overflow:hidden;\n}\n.waterfront-es-article .stats-strip::before {\n content:''; position:absolute; top:0; left:50%;\n transform:translateX(-50%);\n width:120px; height:1px; background:var(--gold);\n}\n.waterfront-es-article .stat-item {\n padding:0 36px;\n border-right:1px solid rgba(255,255,255,.08);\n text-align:center;\n}\n.waterfront-es-article .stat-item:last-child { border-right:none; }\n.waterfront-es-article .stat-num {\n font-family:var(--serif);\n font-size:clamp(52px, 5vw, 80px);\n font-weight:300;\n color:#fff;\n line-height:1;\n margin-bottom:14px;\n letter-spacing:-.02em;\n}\n.waterfront-es-article .stat-num em {\n font-style:normal; color:var(--gold-lt);\n font-size:.45em; vertical-align:super;\n margin-left:4px;\n}\n.waterfront-es-article .stat-label {\n font-family:var(--sans); font-size:11px; font-weight:500;\n letter-spacing:.25em; text-transform:uppercase;\n color:rgba(255,255,255,.5);\n line-height:1.6;\n}\n.waterfront-es-article .stat-sub {\n font-family:var(--serif);\n font-size:13px; font-style:italic; font-weight:300;\n color:rgba(255,255,255,.3);\n margin-top:8px;\n}\n\n\/* \u2500\u2500\u2500 REVEAL \u2500\u2500\u2500 *\/\n.waterfront-es-article .reveal {\n opacity:0;\n transform:translateY(40px);\n transition:opacity 1.1s cubic-bezier(.2,.7,.2,1), transform 1.1s cubic-bezier(.2,.7,.2,1);\n will-change:opacity, transform;\n}\n.waterfront-es-article .reveal.in-view { opacity:1; transform:translateY(0); }\n.waterfront-es-article .reveal.delay-1 { transition-delay:.12s; }\n.waterfront-es-article .reveal.delay-2 { transition-delay:.24s; }\n.waterfront-es-article .reveal.delay-3 { transition-delay:.36s; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \u2500\u2500 LIGHTBOX \u2500\u2500\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.waterfront-es-article .lightbox {\n position:fixed; inset:0;\n z-index:9999;\n background:rgba(6, 10, 18, 0.96);\n display:none;\n align-items:center; justify-content:center;\n opacity:0;\n transition:opacity .35s cubic-bezier(.2,.7,.2,1);\n backdrop-filter:blur(8px);\n -webkit-backdrop-filter:blur(8px);\n}\n.waterfront-es-article .lightbox.is-open {\n display:flex;\n opacity:1;\n}\n.waterfront-es-article .lightbox-stage {\n position:relative;\n width:100%; height:100%;\n display:flex; align-items:center; justify-content:center;\n padding:80px 88px;\n}\n.waterfront-es-article .lightbox-figure {\n position:relative;\n width:100%; height:100%;\n max-width:100%; max-height:100%;\n display:flex; align-items:center; justify-content:center;\n overflow:hidden;\n}\n.waterfront-es-article .lightbox-slide {\n position:absolute;\n inset:0;\n display:flex; flex-direction:column; align-items:center; justify-content:center;\n gap:18px;\n padding:0 20px;\n opacity:0;\n transform:translateX(0);\n pointer-events:none;\n will-change:transform, opacity;\n}\n.waterfront-es-article .lightbox-slide.is-current {\n opacity:1;\n transform:translateX(0);\n pointer-events:auto;\n transition:transform .55s cubic-bezier(.32,.72,.2,1), opacity .35s ease-out;\n}\n.waterfront-es-article .lightbox-slide.enter-from-right {\n transform:translateX(100%);\n opacity:0;\n transition:none;\n}\n.waterfront-es-article .lightbox-slide.enter-from-left {\n transform:translateX(-100%);\n opacity:0;\n transition:none;\n}\n.waterfront-es-article .lightbox-slide.exit-to-left {\n transform:translateX(-100%);\n opacity:0;\n transition:transform .55s cubic-bezier(.32,.72,.2,1), opacity .45s ease-out;\n}\n.waterfront-es-article .lightbox-slide.exit-to-right {\n transform:translateX(100%);\n opacity:0;\n transition:transform .55s cubic-bezier(.32,.72,.2,1), opacity .45s ease-out;\n}\n.waterfront-es-article .lightbox-img {\n max-width:100%;\n max-height:calc(100vh - 200px);\n width:auto; height:auto;\n object-fit:contain;\n box-shadow:0 30px 80px rgba(0,0,0,.55);\n}\n.waterfront-es-article .lightbox-cap {\n font-family:var(--sans); font-size:11px; font-weight:500;\n letter-spacing:.32em; text-transform:uppercase;\n color:rgba(255,255,255,.72);\n display:flex; align-items:center; gap:14px;\n}\n.waterfront-es-article .lightbox-cap::before,\n.waterfront-es-article .lightbox-cap::after {\n content:''; width:28px; height:1px; background:rgba(201,169,110,.55);\n}\n.waterfront-es-article .lightbox-count {\n position:absolute; top:32px; left:50%;\n transform:translateX(-50%);\n font-family:var(--sans); font-size:11px; font-weight:500;\n letter-spacing:.36em; text-transform:uppercase;\n color:rgba(255,255,255,.5);\n}\n.waterfront-es-article .lightbox-count em {\n font-style:normal; color:var(--gold-lt);\n}\n.waterfront-es-article .lightbox-close {\n position:absolute; top:24px; right:28px;\n width:48px; height:48px;\n background:transparent;\n border:1px solid rgba(255,255,255,.18);\n color:rgba(255,255,255,.75);\n cursor:pointer;\n display:flex; align-items:center; justify-content:center;\n font-family:var(--sans); font-size:22px;\n line-height:1;\n transition:border-color .25s, color .25s, transform .25s;\n padding:0;\n}\n.waterfront-es-article .lightbox-close:hover,\n.waterfront-es-article .lightbox-close:focus-visible {\n border-color:var(--gold-lt);\n color:var(--gold-lt);\n outline:none;\n transform:rotate(90deg);\n}\n.waterfront-es-article .lightbox-nav {\n position:absolute; top:50%;\n transform:translateY(-50%);\n width:54px; height:54px;\n background:transparent;\n border:1px solid rgba(255,255,255,.18);\n color:rgba(255,255,255,.75);\n cursor:pointer;\n display:flex; align-items:center; justify-content:center;\n font-family:var(--serif); font-size:28px; font-weight:300;\n line-height:1;\n transition:border-color .25s, color .25s, background .25s;\n padding:0;\n z-index:2;\n}\n.waterfront-es-article .lightbox-nav:hover,\n.waterfront-es-article .lightbox-nav:focus-visible {\n border-color:var(--gold-lt);\n color:var(--gold-lt);\n background:rgba(201,169,110,.06);\n outline:none;\n}\n.waterfront-es-article .lightbox-prev { left:28px; }\n.waterfront-es-article .lightbox-next { right:28px; }\n\nbody.waterfront-es-lb-open { overflow:hidden; }\n\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n@media (max-width:960px) {\n .waterfront-es-article .stats-strip { grid-template-columns:repeat(2, 1fr); gap:48px 0; padding:56px 24px; }\n .waterfront-es-article .stat-item { border-right:none !important; padding:0 20px; }\n .waterfront-es-article .stat-item:nth-child(odd) { border-right:1px solid rgba(255,255,255,.08) !important; }\n .waterfront-es-article .art-intro { padding:72px 0 56px; }\n .waterfront-es-article .art-container { padding:0 24px; }\n .waterfront-es-article .marquee-track { animation-duration:60s; }\n}\n@media (max-width:720px) {\n .waterfront-es-article .art-hero-plate { padding:52px 24px 64px; }\n .waterfront-es-article .art-hero-plate .art-h1 { font-size:38px; }\n .waterfront-es-article .art-hero-plate .art-bajada-hero { font-size:16px; }\n .waterfront-es-article .art-hero-plate .art-volanta-line { width:36px; }\n .waterfront-es-article .marquee-section { padding:64px 0 72px; }\n .waterfront-es-article .marquee-header { margin-bottom:40px; }\n .waterfront-es-article .marquee-item { width:clamp(280px, 76vw, 380px); }\n .waterfront-es-article .marquee-track { gap:18px; }\n .waterfront-es-article .lightbox-stage { padding:60px 16px; }\n .waterfront-es-article .lightbox-img { max-height:calc(100vh - 180px); }\n .waterfront-es-article .lightbox-nav { width:44px; height:44px; font-size:22px; }\n .waterfront-es-article .lightbox-prev { left:10px; }\n .waterfront-es-article .lightbox-next { right:10px; }\n .waterfront-es-article .lightbox-close { top:14px; right:14px; width:40px; height:40px; font-size:20px; }\n .waterfront-es-article .lightbox-count { top:20px; font-size:10px; }\n .waterfront-es-article .lightbox-cap { font-size:10px; letter-spacing:.24em; }\n}\n@media (max-width:640px) {\n .waterfront-es-article .stats-strip { grid-template-columns:1fr; gap:48px 0; }\n .waterfront-es-article .stat-item { border-right:none !important; }\n}\n@media (prefers-reduced-motion: reduce) {\n .waterfront-es-article .marquee-track { animation:none; }\n .waterfront-es-article .art-hero-bg { animation:none; transform:scale(1); }\n .waterfront-es-article .hero-scroll-ind { animation:none; }\n}\n<\/style>\n\n<article class=\"waterfront-es-article\">\n\n \n <section class=\"art-hero\">\n <div class=\"art-hero-bg\"><\/div>\n <div class=\"art-hero-grad\"><\/div>\n <div class=\"hero-scroll-ind\">\n <span>Descubrir<\/span>\n <span class=\"scroll-ln\"><\/span>\n <\/div>\n <\/section>\n\n \n <section class=\"art-hero-plate\">\n <div class=\"art-volanta\">\n <span class=\"art-volanta-line\"><\/span>\n <span class=\"art-volanta-label\">Waterfront Living<\/span>\n <span class=\"art-volanta-line\"><\/span>\n <\/div>\n <h1 class=\"art-h1\">Casas que empiezan<br>en el muelle<\/h1>\n <p class=\"art-bajada-hero\">Las residencias waterfront m\u00e1s interesantes ya no se dise\u00f1an alrededor de la vista. Se dise\u00f1an alrededor del umbral \u2014 el punto exacto donde arquitectura, terraza y agua finalmente <em>acuerdan<\/em> la misma idea.<\/p>\n <div class=\"art-meta-hero\">\n <span>USA Onboard Editorial<\/span>\n <span class=\"art-meta-sep\">\u00b7<\/span>\n <span>Reportaje \u00b7 2026<\/span>\n <span class=\"art-meta-sep\">\u00b7<\/span>\n <span>Lectura \u00b7 9 min<\/span>\n <\/div>\n <\/section>\n\n \n <div class=\"art-container\">\n <div class=\"art-intro\">\n <p class=\"art-lede reveal\">Durante a\u00f1os, la propiedad waterfront se entendi\u00f3 como una categor\u00eda inmobiliaria antes que como una manera de habitar. La vista sumaba valor. El dock contaba como un plus. El acceso n\u00e1utico funcionaba como atributo, del mismo modo que lo hace una bodega de vinos o un garaje para cuatro autos. Pero la casa en s\u00ed rara vez se conceb\u00eda como parte de una vida vinculada al agua.<\/p>\n\n <p class=\"art-body-text reveal delay-1\">Eso ha cambiado \u2014 silenciosamente, y en lo m\u00e1s alto del mercado. Entre las residencias waterfront norteamericanas m\u00e1s cuidadas de la \u00faltima d\u00e9cada, el muelle ha dejado de comportarse como un ap\u00e9ndice. Hoy funciona como el verdadero umbral del hogar: el punto donde la arquitectura termina una frase y el agua empieza la siguiente. El cambio no es estil\u00edstico. Es estructural. Reescribe c\u00f3mo se planifica la casa, c\u00f3mo se llega a ella y, en \u00faltima instancia, c\u00f3mo se vive.<\/p>\n\n <p class=\"art-body-text reveal delay-2\">La transformaci\u00f3n es m\u00e1s visible en el <strong>cintur\u00f3n de aguas c\u00e1lidas<\/strong> \u2014 el sur de Florida, la Costa del Golfo de Florida y Texas, el Lowcountry de las Carolinas, las bah\u00edas y estuarios del sur de California \u2014 donde la temporada navegable se extiende diez o doce meses al a\u00f1o y la embarcaci\u00f3n se trata menos como una ocasi\u00f3n y m\u00e1s como una extensi\u00f3n del hogar. Pero la misma l\u00f3gica est\u00e1 reformulando las grandes residencias frente a los lagos del norte, las propiedades cl\u00e1sicas de los Grandes Lagos y la profunda tradici\u00f3n waterfront del Noreste, donde la temporada es m\u00e1s corta pero los rituales que la rodean son m\u00e1s densos. La geograf\u00eda cambia. El principio no.<\/p>\n\n <p class=\"art-body-text reveal delay-3\">Lo que sigue no es una lista de chequeo, sino una lectura del momento \u2014 los instintos de dise\u00f1o, los h\u00e1bitos de uso y las claves editoriales que distinguen una casa con agua de una casa que <em>verdaderamente empieza en el muelle<\/em>. La diferencia, en este nivel, rara vez est\u00e1 en los metros cuadrados. Est\u00e1 en la continuidad.<\/p>\n <\/div>\n <\/div>\n\n \n <section class=\"marquee-section\">\n <div class=\"marquee-header reveal\">\n <span class=\"marquee-kicker\">Un vocabulario costero<\/span>\n <h2 class=\"marquee-title\">Diez casas, una misma <em>lectura del agua<\/em><\/h2>\n <\/div>\n <div class=\"marquee-wrap\">\n <div class=\"marquee-track\">\n \n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"0\" aria-label=\"Abrir imagen: Residencia Tudor vista desde el agua\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-CASA-ESTILO-TUDOR-MAJESTUOSA-VISTA-DESDE-EL-AGUA.jpg\" alt=\"Residencia waterfront estilo Tudor vista desde el agua\">\n <span class=\"marquee-cap\">Estilo Tudor \u00b7 Desde el agua<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"1\" aria-label=\"Abrir imagen: Vista a\u00e9rea de residencia waterfront con yate\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-CASA-WATERFRONT-CON-YATE-EN-SU-DOCK-VISTA-DE-DRONE.jpg\" alt=\"Vista a\u00e9rea de residencia waterfront con yate en su dock privado\">\n <span class=\"marquee-cap\">Vista a\u00e9rea \u00b7 Casa y dock<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"2\" aria-label=\"Abrir imagen: Residencia en Fort Lauderdale con superyate\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-CASA-WATERFRONT-EN-FORT-LAUDERDALE-CON-SUPERYATE-EN-LA-AMARRA.jpg\" alt=\"Residencia waterfront en Fort Lauderdale con superyate amarrado\">\n <span class=\"marquee-cap\">Fort Lauderdale \u00b7 Amarra privada<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"3\" aria-label=\"Abrir imagen: Mansi\u00f3n waterfront vista desde el agua\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-MANSION-WATERFRONT-VISTA-DESDE-EL-AGUA.jpg\" alt=\"Mansi\u00f3n waterfront vista desde el agua\">\n <span class=\"marquee-cap\">Mansi\u00f3n \u00b7 Desde el agua<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"4\" aria-label=\"Abrir imagen: Casa waterfront estilo americano antiguo\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-VISTA-DESDE-EL-AGUA-CASA-WATERFRONT-ESTILO-AMERICANO-ANTIGUO.jpg\" alt=\"Casa waterfront estilo americano cl\u00e1sico vista desde el agua\">\n <span class=\"marquee-cap\">Americano cl\u00e1sico \u00b7 Waterfront<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"5\" aria-label=\"Abrir imagen: Residencia waterfront moderna\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-VISTA-DESDE-EL-AGUA-DE-CASA-WATERFRONT-MUY-MODERNA.jpg\" alt=\"Residencia waterfront muy moderna vista desde el agua\">\n <span class=\"marquee-cap\">Volumen moderno \u00b7 Abierto a la bah\u00eda<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"6\" aria-label=\"Abrir imagen: Casa en esquina con yate al frente\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-VISTA-DESDE-EL-AGUA-CASA-EN-ESQUINA-CON-YATE-AL-FRENTE.jpg\" alt=\"Residencia waterfront en esquina con yate amarrado al frente\">\n <span class=\"marquee-cap\">Esquina \u00b7 Yate al frente<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"7\" aria-label=\"Abrir imagen: Vista a\u00e9rea de costa con oc\u00e9ano en el horizonte\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-VISTA-AEREA-DE-COSTA-CON-VARIAS-CASAS-WATERFRONT-CON-EL-OCEANO-EN-EL-HORIZONTE.jpg\" alt=\"Vista a\u00e9rea de una costa de residencias waterfront con el oc\u00e9ano en el horizonte\">\n <span class=\"marquee-cap\">Costa \u00b7 Oc\u00e9ano en el horizonte<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"8\" aria-label=\"Abrir imagen: Vista a\u00e9rea de comunidad waterfront\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-VISTA-AEREA-DE-COSTA-CON-VARIAS-CASAS-WATERFRONT.jpg\" alt=\"Vista a\u00e9rea de una comunidad waterfront con docks privados\">\n <span class=\"marquee-cap\">Comunidad waterfront \u00b7 Vista a\u00e9rea<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"9\" aria-label=\"Abrir imagen: Casa estilo europeo sobre bah\u00eda turquesa\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-CASA-ESTILO-EUROPEO-VISTA-DESDE-EL-AGUA-TURQUESA-DE-LA-BAHIA.jpg\" alt=\"Residencia estilo europeo vista desde el agua turquesa de la bah\u00eda\">\n <span class=\"marquee-cap\">Volumen europeo \u00b7 Bah\u00eda turquesa<\/span>\n <\/button>\n \n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"0\" aria-hidden=\"true\" tabindex=\"-1\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-CASA-ESTILO-TUDOR-MAJESTUOSA-VISTA-DESDE-EL-AGUA.jpg\" alt=\"\">\n <span class=\"marquee-cap\">Estilo Tudor \u00b7 Desde el agua<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"1\" aria-hidden=\"true\" tabindex=\"-1\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-CASA-WATERFRONT-CON-YATE-EN-SU-DOCK-VISTA-DE-DRONE.jpg\" alt=\"\">\n <span class=\"marquee-cap\">Vista a\u00e9rea \u00b7 Casa y dock<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"2\" aria-hidden=\"true\" tabindex=\"-1\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-CASA-WATERFRONT-EN-FORT-LAUDERDALE-CON-SUPERYATE-EN-LA-AMARRA.jpg\" alt=\"\">\n <span class=\"marquee-cap\">Fort Lauderdale \u00b7 Amarra privada<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"3\" aria-hidden=\"true\" tabindex=\"-1\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-MANSION-WATERFRONT-VISTA-DESDE-EL-AGUA.jpg\" alt=\"\">\n <span class=\"marquee-cap\">Mansi\u00f3n \u00b7 Desde el agua<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"4\" aria-hidden=\"true\" tabindex=\"-1\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-VISTA-DESDE-EL-AGUA-CASA-WATERFRONT-ESTILO-AMERICANO-ANTIGUO.jpg\" alt=\"\">\n <span class=\"marquee-cap\">Americano cl\u00e1sico \u00b7 Waterfront<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"5\" aria-hidden=\"true\" tabindex=\"-1\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-VISTA-DESDE-EL-AGUA-DE-CASA-WATERFRONT-MUY-MODERNA.jpg\" alt=\"\">\n <span class=\"marquee-cap\">Volumen moderno \u00b7 Abierto a la bah\u00eda<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"6\" aria-hidden=\"true\" tabindex=\"-1\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-VISTA-DESDE-EL-AGUA-CASA-EN-ESQUINA-CON-YATE-AL-FRENTE.jpg\" alt=\"\">\n <span class=\"marquee-cap\">Esquina \u00b7 Yate al frente<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"7\" aria-hidden=\"true\" tabindex=\"-1\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-VISTA-AEREA-DE-COSTA-CON-VARIAS-CASAS-WATERFRONT-CON-EL-OCEANO-EN-EL-HORIZONTE.jpg\" alt=\"\">\n <span class=\"marquee-cap\">Costa \u00b7 Oc\u00e9ano en el horizonte<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"8\" aria-hidden=\"true\" tabindex=\"-1\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-VISTA-AEREA-DE-COSTA-CON-VARIAS-CASAS-WATERFRONT.jpg\" alt=\"\">\n <span class=\"marquee-cap\">Comunidad waterfront \u00b7 Vista a\u00e9rea<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"9\" aria-hidden=\"true\" tabindex=\"-1\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-CASA-ESTILO-EUROPEO-VISTA-DESDE-EL-AGUA-TURQUESA-DE-LA-BAHIA.jpg\" alt=\"\">\n <span class=\"marquee-cap\">Volumen europeo \u00b7 Bah\u00eda turquesa<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"stats-strip reveal\">\n <div class=\"stat-item\">\n <div class=\"stat-num\">12<em>mo<\/em><\/div>\n <div class=\"stat-label\">Cintur\u00f3n c\u00e1lido<\/div>\n <div class=\"stat-sub\">Temporada navegable todo el a\u00f1o<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-num\">5<em>mo<\/em><\/div>\n <div class=\"stat-label\">Tradici\u00f3n Grandes Lagos<\/div>\n <div class=\"stat-sub\">M\u00e1s corta, m\u00e1s densa, m\u00e1s ritual<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-num\">1<\/div>\n <div class=\"stat-label\">\u00danico umbral<\/div>\n <div class=\"stat-sub\">El muelle, no la puerta de entrada<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-num\">5<\/div>\n <div class=\"stat-label\">Principios de dise\u00f1o<\/div>\n <div class=\"stat-sub\">De la circulaci\u00f3n al silencio<\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"lightbox\" id=\"waterfrontEsLightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Galer\u00eda de im\u00e1genes\" aria-hidden=\"true\">\n <div class=\"lightbox-stage\">\n <span class=\"lightbox-count\"><em id=\"waterfrontEsLbCurrent\">1<\/em> \/ <span id=\"waterfrontEsLbTotal\">10<\/span><\/span>\n <button type=\"button\" class=\"lightbox-close\" id=\"waterfrontEsLbClose\" aria-label=\"Cerrar galer\u00eda\">\u2715<\/button>\n <button type=\"button\" class=\"lightbox-nav lightbox-prev\" id=\"waterfrontEsLbPrev\" aria-label=\"Imagen anterior\">\u2039<\/button>\n <figure class=\"lightbox-figure\" id=\"waterfrontEsLbFigure\">\n <div class=\"lightbox-slide is-current\" id=\"waterfrontEsLbSlideA\">\n <img decoding=\"async\" class=\"lightbox-img\" src=\"\" alt=\"\">\n <figcaption class=\"lightbox-cap\"><\/figcaption>\n <\/div>\n <div class=\"lightbox-slide\" id=\"waterfrontEsLbSlideB\">\n <img decoding=\"async\" class=\"lightbox-img\" src=\"\" alt=\"\">\n <figcaption class=\"lightbox-cap\"><\/figcaption>\n <\/div>\n <\/figure>\n <button type=\"button\" class=\"lightbox-nav lightbox-next\" id=\"waterfrontEsLbNext\" aria-label=\"Imagen siguiente\">\u203a<\/button>\n <\/div>\n <\/div>\n\n<\/article>\n\n<script>\n(function(){\n if (typeof IntersectionObserver !== 'undefined') {\n var io = new IntersectionObserver(function(entries){\n entries.forEach(function(e){\n if (e.isIntersecting) {\n e.target.classList.add('in-view');\n io.unobserve(e.target);\n }\n });\n }, { threshold: 0.14, rootMargin: '0px 0px -60px 0px' });\n document.querySelectorAll('.waterfront-es-article .reveal').forEach(function(el){\n io.observe(el);\n });\n } else {\n document.querySelectorAll('.waterfront-es-article .reveal').forEach(function(el){\n el.classList.add('in-view');\n });\n }\n\n var images = [\n { src: 'https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-CASA-ESTILO-TUDOR-MAJESTUOSA-VISTA-DESDE-EL-AGUA.jpg', cap: 'Estilo Tudor \u00b7 Desde el agua' },\n { src: 'https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-CASA-WATERFRONT-CON-YATE-EN-SU-DOCK-VISTA-DE-DRONE.jpg', cap: 'Vista a\u00e9rea \u00b7 Casa y dock' },\n { src: 'https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-CASA-WATERFRONT-EN-FORT-LAUDERDALE-CON-SUPERYATE-EN-LA-AMARRA.jpg', cap: 'Fort Lauderdale \u00b7 Amarra privada' },\n { src: 'https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-MANSION-WATERFRONT-VISTA-DESDE-EL-AGUA.jpg', cap: 'Mansi\u00f3n \u00b7 Desde el agua' },\n { src: 'https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-VISTA-DESDE-EL-AGUA-CASA-WATERFRONT-ESTILO-AMERICANO-ANTIGUO.jpg', cap: 'Americano cl\u00e1sico \u00b7 Waterfront' },\n { src: 'https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-VISTA-DESDE-EL-AGUA-DE-CASA-WATERFRONT-MUY-MODERNA.jpg', cap: 'Volumen moderno \u00b7 Abierto a la bah\u00eda' },\n { src: 'https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-VISTA-DESDE-EL-AGUA-CASA-EN-ESQUINA-CON-YATE-AL-FRENTE.jpg', cap: 'Esquina \u00b7 Yate al frente' },\n { src: 'https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-VISTA-AEREA-DE-COSTA-CON-VARIAS-CASAS-WATERFRONT-CON-EL-OCEANO-EN-EL-HORIZONTE.jpg', cap: 'Costa \u00b7 Oc\u00e9ano en el horizonte' },\n { src: 'https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-VISTA-AEREA-DE-COSTA-CON-VARIAS-CASAS-WATERFRONT.jpg', cap: 'Comunidad waterfront \u00b7 Vista a\u00e9rea' },\n { src: 'https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-CASA-ESTILO-EUROPEO-VISTA-DESDE-EL-AGUA-TURQUESA-DE-LA-BAHIA.jpg', cap: 'Volumen europeo \u00b7 Bah\u00eda turquesa' }\n ];\n\n var lb = document.getElementById('waterfrontEsLightbox');\n var slideA = document.getElementById('waterfrontEsLbSlideA');\n var slideB = document.getElementById('waterfrontEsLbSlideB');\n var lbCur = document.getElementById('waterfrontEsLbCurrent');\n var lbTotal = document.getElementById('waterfrontEsLbTotal');\n var lbClose = document.getElementById('waterfrontEsLbClose');\n var lbPrev = document.getElementById('waterfrontEsLbPrev');\n var lbNext = document.getElementById('waterfrontEsLbNext');\n var triggers = document.querySelectorAll('.waterfront-es-article .marquee-item');\n\n if (!lb || !triggers.length) return;\n\n var current = 0;\n var activeSlide = slideA;\n var inactiveSlide = slideB;\n var isAnimating = false;\n var lastFocused = null;\n lbTotal.textContent = images.length;\n\n function fillSlide(slideEl, idx){\n var imgEl = slideEl.querySelector('.lightbox-img');\n var capEl = slideEl.querySelector('.lightbox-cap');\n imgEl.src = images[idx].src;\n imgEl.alt = images[idx].cap;\n capEl.textContent = images[idx].cap;\n }\n\n function preload(idx){\n var p = new Image();\n p.src = images[idx].src;\n }\n\n function setInitial(idx){\n current = (idx + images.length) % images.length;\n fillSlide(activeSlide, current);\n activeSlide.classList.remove('enter-from-right','enter-from-left','exit-to-left','exit-to-right');\n activeSlide.classList.add('is-current');\n inactiveSlide.classList.remove('is-current','enter-from-right','enter-from-left','exit-to-left','exit-to-right');\n lbCur.textContent = current + 1;\n preload((current + 1) % images.length);\n preload((current - 1 + images.length) % images.length);\n }\n\n function slideTo(idx, direction){\n if (isAnimating) return;\n var target = (idx + images.length) % images.length;\n if (target === current) return;\n isAnimating = true;\n\n fillSlide(inactiveSlide, target);\n inactiveSlide.classList.remove('is-current','enter-from-right','enter-from-left','exit-to-left','exit-to-right');\n inactiveSlide.classList.add(direction === 'next' ? 'enter-from-right' : 'enter-from-left');\n\n void inactiveSlide.offsetWidth;\n\n inactiveSlide.classList.remove('enter-from-right','enter-from-left');\n inactiveSlide.classList.add('is-current');\n\n activeSlide.classList.remove('is-current');\n activeSlide.classList.add(direction === 'next' ? 'exit-to-left' : 'exit-to-right');\n\n var prevActive = activeSlide;\n activeSlide = inactiveSlide;\n inactiveSlide = prevActive;\n current = target;\n lbCur.textContent = current + 1;\n\n setTimeout(function(){\n inactiveSlide.classList.remove('exit-to-left','exit-to-right');\n isAnimating = false;\n }, 600);\n\n preload((current + 1) % images.length);\n preload((current - 1 + images.length) % images.length);\n }\n\n function open(idx){\n lastFocused = document.activeElement;\n setInitial(idx);\n lb.classList.add('is-open');\n lb.setAttribute('aria-hidden', 'false');\n document.body.classList.add('waterfront-es-lb-open');\n setTimeout(function(){ lbClose.focus(); }, 50);\n }\n\n function close(){\n lb.classList.remove('is-open');\n lb.setAttribute('aria-hidden', 'true');\n document.body.classList.remove('waterfront-es-lb-open');\n if (lastFocused && typeof lastFocused.focus === 'function') {\n try { lastFocused.focus(); } catch(e){}\n }\n }\n\n function next(){ slideTo(current + 1, 'next'); }\n function prev(){ slideTo(current - 1, 'prev'); }\n\n triggers.forEach(function(btn){\n btn.addEventListener('click', function(e){\n e.preventDefault();\n var i = parseInt(btn.getAttribute('data-lb-index'), 10) || 0;\n open(i);\n });\n });\n\n lbClose.addEventListener('click', close);\n lbNext.addEventListener('click', next);\n lbPrev.addEventListener('click', prev);\n\n lb.addEventListener('click', function(e){\n if (e.target === lb || e.target.classList.contains('lightbox-stage')) {\n close();\n }\n });\n\n document.addEventListener('keydown', function(e){\n if (!lb.classList.contains('is-open')) return;\n if (e.key === 'Escape') { e.preventDefault(); close(); }\n if (e.key === 'ArrowRight') { e.preventDefault(); next(); }\n if (e.key === 'ArrowLeft') { e.preventDefault(); prev(); }\n });\n\n var touchStartX = 0, touchEndX = 0;\n lb.addEventListener('touchstart', function(e){\n touchStartX = e.changedTouches[0].screenX;\n }, { passive: true });\n lb.addEventListener('touchend', function(e){\n touchEndX = e.changedTouches[0].screenX;\n var delta = touchEndX - touchStartX;\n if (Math.abs(delta) > 50) {\n if (delta < 0) next(); else prev();\n }\n }, { passive: true });\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1979bf6e e-con-full e-flex e-con e-child\" data-id=\"1979bf6e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72357ff2 elementor-widget elementor-widget-shortcode\" data-id=\"72357ff2\" 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-2384bd73 e-con e-atomic-element e-div-block-base e-2384bd73-16b8854 \" data-id=\"2384bd73\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"2384bd73\" data-e-type=\"e-div-block\" data-id=\"2384bd73\">\n <div class=\"elementor-element elementor-element-613ca91c e-con e-atomic-element e-div-block-base e-613ca91c-9b578ab \" data-id=\"613ca91c\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"613ca91c\" data-e-type=\"e-div-block\" data-id=\"613ca91c\">\n \t\t<div class=\"elementor-element elementor-element-2c95365c elementor-widget elementor-widget-html\" data-id=\"2c95365c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Casas que empiezan en el muelle \u2014 Widget 2 \u2014 USA Onboard<\/title>\n<style>\nbody { margin:0; padding:0; background:#faf8f5; }\n<\/style>\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n WATERFRONT LIVING \u00b7 USA ONBOARD \u00b7 M\u00f3dulo \u00b7 Parte 2 (ES)\n TEMPLATE 5 \u2014 Umbral, hospitalidad, arquitectura de la llegada\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\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.waterfront-es-article {\n --serif: \"Cormorant Garamond\", Georgia, serif;\n --sans: \"Jost\", -apple-system, BlinkMacSystemFont, sans-serif;\n --ink: #0a0a0a;\n --ink-mid: #2c2c2c;\n --ink-soft: #6a6a6a;\n --off-white: #faf8f5;\n --cream: #f3efe8;\n --cream-mid: #ece6db;\n --navy: #0c1b2a;\n --navy-light: #152638;\n --gold: #b08d57;\n --gold-lt: #c9a96e;\n --gold-dk: #8a6b38;\n --border: #ddd5c5;\n font-family:var(--sans);\n color:var(--ink);\n background:var(--off-white);\n line-height:1.6;\n overflow:hidden;\n}\n.waterfront-es-article *, .waterfront-es-article *::before, .waterfront-es-article *::after { box-sizing:border-box; }\n.waterfront-es-article img { display:block; max-width:100%; height:auto; }\n\n.waterfront-es-article .art-container { max-width:860px; margin:0 auto; padding:0 32px; }\n.waterfront-es-article .art-body-text {\n font-family:var(--sans);\n font-size:18px; font-weight:300;\n color:var(--ink-mid);\n line-height:1.95;\n margin:0 0 26px;\n max-width:780px;\n}\n.waterfront-es-article .art-body-text strong { color:var(--ink); font-weight:500; }\n.waterfront-es-article .art-body-text em { color:var(--gold-dk); font-style:italic; }\n\n\/* \u2500\u2500\u2500 KICKER \u2500\u2500\u2500 *\/\n.waterfront-es-article .art-kicker {\n display:flex; align-items:center; gap:14px;\n font-family:var(--sans); font-size:11px; font-weight:500;\n letter-spacing:.35em; text-transform:uppercase;\n color:var(--gold-dk);\n margin:80px 0 20px;\n}\n.waterfront-es-article .art-kicker::before {\n content:''; width:36px; height:1px; background:var(--gold-dk);\n}\n\n\/* \u2500\u2500\u2500 SECTION HEAD \u2500\u2500\u2500 *\/\n.waterfront-es-article .art-section-head {\n font-family:var(--serif);\n font-size:clamp(36px, 4vw, 58px);\n font-weight:400;\n color:var(--ink);\n line-height:1.12;\n letter-spacing:-.005em;\n margin:0 0 36px;\n max-width:900px;\n}\n.waterfront-es-article .art-section-head em {\n font-style:italic; color:var(--gold-dk); font-weight:300;\n}\n\n\/* \u2500\u2500\u2500 REVEAL \u2500\u2500\u2500 *\/\n.waterfront-es-article .reveal {\n opacity:0;\n transform:translateY(40px);\n transition:opacity 1.1s cubic-bezier(.2,.7,.2,1), transform 1.1s cubic-bezier(.2,.7,.2,1);\n will-change:opacity, transform;\n}\n.waterfront-es-article .reveal.in-view { opacity:1; transform:translateY(0); }\n.waterfront-es-article .reveal.delay-1 { transition-delay:.12s; }\n.waterfront-es-article .reveal.delay-2 { transition-delay:.24s; }\n.waterfront-es-article .reveal.delay-3 { transition-delay:.36s; }\n\n\/* \u2500\u2500\u2500 PARALLAX \u2500\u2500\u2500 *\/\n.waterfront-es-article .parallax-section {\n position:relative;\n width:100%;\n height:clamp(460px, 75vh, 820px);\n overflow:hidden;\n margin:0;\n}\n.waterfront-es-article .parallax-img {\n position:absolute; inset:-8%;\n background-size:cover;\n background-position:center;\n background-attachment:fixed;\n}\n.waterfront-es-article .parallax-overlay {\n position:absolute; inset:0;\n background:linear-gradient(to bottom, rgba(10,15,20,.15) 0%, rgba(10,15,20,.45) 100%);\n}\n.waterfront-es-article .parallax-caption {\n position:absolute; bottom:36px; right:48px;\n font-family:var(--sans); font-size:11px; font-weight:400;\n letter-spacing:.26em; text-transform:uppercase;\n color:rgba(255,255,255,.55);\n display:flex; align-items:center; gap:12px;\n}\n.waterfront-es-article .parallax-caption::before {\n content:''; width:32px; height:1px;\n background:rgba(255,255,255,.4);\n}\n\n\/* \u2500\u2500\u2500 FACT BOX \u2500\u2500\u2500 *\/\n.waterfront-es-article .fact-box {\n background:var(--cream);\n border-left:2px solid var(--gold);\n padding:36px 40px;\n margin:52px auto;\n max-width:820px;\n}\n.waterfront-es-article .fact-box-label {\n font-family:var(--sans);\n font-size:10px; font-weight:600;\n letter-spacing:.36em; text-transform:uppercase;\n color:var(--gold-dk);\n margin-bottom:14px;\n display:flex; align-items:center; gap:12px;\n}\n.waterfront-es-article .fact-box-label::before {\n content:''; width:28px; height:1px; background:var(--gold-dk);\n}\n.waterfront-es-article .fact-box-body {\n font-family:var(--serif);\n font-size:19px; font-weight:400; font-style:italic;\n color:var(--ink-mid);\n line-height:1.65;\n}\n.waterfront-es-article .fact-box-body strong {\n font-style:normal; font-weight:600; color:var(--ink);\n}\n.waterfront-es-article .fact-box-body ol {\n margin:18px 0 0;\n padding-left:0;\n list-style:none;\n counter-reset:waterfrontesclaves;\n}\n.waterfront-es-article .fact-box-body ol li {\n counter-increment:waterfrontesclaves;\n position:relative;\n padding:10px 0 10px 44px;\n border-bottom:1px solid rgba(176,141,87,.18);\n font-size:17px;\n line-height:1.5;\n}\n.waterfront-es-article .fact-box-body ol li:last-child { border-bottom:none; }\n.waterfront-es-article .fact-box-body ol li::before {\n content:counter(waterfrontesclaves, decimal-leading-zero);\n position:absolute; left:0; top:10px;\n font-family:var(--sans);\n font-size:11px; font-weight:600; font-style:normal;\n letter-spacing:.22em;\n color:var(--gold-dk);\n}\n\n\/* \u2500\u2500\u2500 EDITORIAL MOSAIC \u2500\u2500\u2500 *\/\n.waterfront-es-article .mosaic-section {\n padding:96px 32px 80px;\n background:var(--off-white);\n}\n.waterfront-es-article .mosaic-wrap {\n max-width:1280px;\n margin:0 auto;\n}\n.waterfront-es-article .mosaic-header {\n text-align:center;\n margin-bottom:56px;\n}\n.waterfront-es-article .mosaic-kicker {\n display:inline-flex; align-items:center; gap:14px;\n font-family:var(--sans); font-size:11px; font-weight:500;\n letter-spacing:.35em; text-transform:uppercase;\n color:var(--gold-dk);\n margin-bottom:20px;\n}\n.waterfront-es-article .mosaic-kicker::before,\n.waterfront-es-article .mosaic-kicker::after {\n content:''; width:36px; height:1px; background:var(--gold-dk);\n}\n.waterfront-es-article .mosaic-title {\n font-family:var(--serif);\n font-size:clamp(28px, 3vw, 42px);\n font-weight:400; font-style:italic;\n color:var(--ink);\n line-height:1.25;\n letter-spacing:-.005em;\n margin:0 auto;\n max-width:760px;\n}\n.waterfront-es-article .mosaic-title em { color:var(--gold-dk); }\n\n.waterfront-es-article .mosaic-grid {\n display:grid;\n grid-template-columns:repeat(12, 1fr);\n grid-auto-rows:140px;\n gap:18px;\n}\n.waterfront-es-article .mosaic-cell {\n position:relative;\n overflow:hidden;\n background:var(--navy);\n}\n.waterfront-es-article .mosaic-cell img {\n width:100%; height:100%;\n object-fit:cover;\n transition:transform 6s ease-out, opacity 1.2s ease-out;\n opacity:.92;\n}\n.waterfront-es-article .mosaic-cell:hover img {\n transform:scale(1.05);\n opacity:1;\n}\n.waterfront-es-article .mosaic-cap {\n position:absolute; left:22px; bottom:18px;\n font-family:var(--sans); font-size:10px; font-weight:500;\n letter-spacing:.26em; text-transform:uppercase;\n color:#fff;\n display:flex; align-items:center; gap:12px;\n text-shadow:0 2px 12px rgba(0,0,0,.5);\n}\n.waterfront-es-article .mosaic-cap::before {\n content:''; width:24px; height:1px; background:rgba(255,255,255,.7);\n}\n.waterfront-es-article .mosaic-cell.m-tall { grid-column:span 5; grid-row:span 4; }\n.waterfront-es-article .mosaic-cell.m-wide { grid-column:span 7; grid-row:span 2; }\n.waterfront-es-article .mosaic-cell.m-square { grid-column:span 7; grid-row:span 2; }\n\n\/* \u2500\u2500\u2500 PULL QUOTE \u2500\u2500\u2500 *\/\n.waterfront-es-article .art-pullquote {\n padding:48px 48px 54px;\n margin:28px auto 36px;\n text-align:center;\n max-width:1040px;\n position:relative;\n}\n.waterfront-es-article .art-pullquote::before {\n content:'\\201C';\n display:block;\n font-family:var(--serif);\n font-size:120px; font-weight:400;\n color:var(--gold);\n opacity:.24;\n line-height:.3;\n margin-bottom:10px;\n}\n.waterfront-es-article .art-pullquote-text {\n font-family:var(--serif);\n font-size:clamp(28px, 3vw, 42px);\n font-weight:300; font-style:italic;\n color:var(--ink);\n line-height:1.4;\n letter-spacing:-.005em;\n margin:0 0 28px;\n}\n.waterfront-es-article .art-pullquote-cite {\n font-family:var(--sans);\n font-size:11px; font-weight:500;\n letter-spacing:.32em; text-transform:uppercase;\n color:var(--gold-dk);\n}\n\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n@media (max-width:960px) {\n .waterfront-es-article .parallax-img { background-attachment:scroll; }\n .waterfront-es-article .art-container { padding:0 24px; }\n .waterfront-es-article .art-pullquote { padding:48px 24px; }\n .waterfront-es-article .parallax-caption { right:24px; bottom:24px; font-size:10px; }\n .waterfront-es-article .mosaic-grid { grid-auto-rows:110px; }\n}\n@media (max-width:720px) {\n .waterfront-es-article .mosaic-section { padding:64px 20px; }\n .waterfront-es-article .mosaic-header { margin-bottom:36px; }\n .waterfront-es-article .mosaic-grid {\n grid-template-columns:1fr;\n grid-auto-rows:240px;\n }\n .waterfront-es-article .mosaic-cell.m-tall,\n .waterfront-es-article .mosaic-cell.m-wide,\n .waterfront-es-article .mosaic-cell.m-square {\n grid-column:span 1; grid-row:span 1;\n }\n .waterfront-es-article .mosaic-cell.m-tall { grid-row:span 2; }\n .waterfront-es-article .fact-box { padding:28px 24px; margin:40px auto; }\n .waterfront-es-article .fact-box-body { font-size:17px; }\n .waterfront-es-article .fact-box-body ol li { font-size:16px; padding-left:38px; }\n}\n@media (prefers-reduced-motion: reduce) {\n .waterfront-es-article .parallax-img { background-attachment:scroll; }\n}\n<\/style>\n\n<article class=\"waterfront-es-article\">\n\n \n <div class=\"art-container\">\n <span class=\"art-kicker reveal\">Parte uno \u00b7 El umbral<\/span>\n <h2 class=\"art-section-head reveal\">El muelle ha dejado de ser <em>un ap\u00e9ndice<\/em><\/h2>\n\n <p class=\"art-body-text reveal\">En una residencia waterfront bien planteada, la circulaci\u00f3n se lee como una frase \u00fanica sin interrupciones. Del interior al deck, del deck al muelle, del muelle a la embarcaci\u00f3n \u2014 el movimiento es tan l\u00f3gico que nunca pide ser notado. Esa fluidez es el primer indicio de seriedad. Las casas que tratan el muelle como un detalle t\u00e9cnico se delatan apenas se llega: un sendero de servicio que bordea la propiedad, un desnivel que exige una llave, una transici\u00f3n que rompe el ritmo del d\u00eda. Las casas que empiezan en el muelle organizan toda la planta baja para que el agua se lea como parte del plano y no como un atributo m\u00e1s all\u00e1 de \u00e9l.<\/p>\n\n <p class=\"art-body-text reveal\">Las implicaciones son espaciales antes que est\u00e9ticas. Los mejores arquitectos que trabajan en el cintur\u00f3n c\u00e1lido dise\u00f1an hoy el muelle y su aproximaci\u00f3n con el mismo cuidado que dedican a un foyer o a una suite principal. La iluminaci\u00f3n se estratifica, no se impone. Los materiales mantienen su compostura bajo sal y humedad. Las l\u00edneas de visi\u00f3n permanecen abiertas entre la embarcaci\u00f3n, la terraza y las habitaciones que importan. El resultado es una propiedad que se lee como un gesto continuo de la calle al muelle \u2014 y que registra, en el instante de la llegada por agua, como <em>compuesta antes que ensamblada<\/em>.<\/p>\n\n <div class=\"fact-box reveal\">\n <div class=\"fact-box-label\">Cinco claves<\/div>\n <div class=\"fact-box-body\">\n Lo que distingue a una gran residencia waterfront de una casa que simplemente tiene acceso al agua:\n <ol>\n <li>Circulaci\u00f3n fluida entre arquitectura, terraza y embarcaci\u00f3n \u2014 sin desv\u00edos de servicio ni quiebres torpes.<\/li>\n <li>Espacios de recepci\u00f3n vinculados directamente con el agua, no orientados de espaldas a ella.<\/li>\n <li>Materiales premium pensados para el entorno marino \u2014 compostura ante la sal, el sol y la humedad.<\/li>\n <li>Privacidad preservada sin sacrificar apertura visual \u2014 transparencia que no expone.<\/li>\n <li>Sistemas de clima, iluminaci\u00f3n y ac\u00fastica que acompa\u00f1an sin invadir.<\/li>\n <\/ol>\n <\/div>\n <\/div>\n <\/div>\n\n \n <section class=\"parallax-section\">\n <div class=\"parallax-img\" style=\"background-image:url('https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-VISTA-AEREA-DE-COSTA-CON-VARIAS-CASAS-WATERFRONT.jpg');\"><\/div>\n <div class=\"parallax-overlay\"><\/div>\n <div class=\"parallax-caption\">Vista a\u00e9rea \u00b7 Comunidad waterfront<\/div>\n <\/section>\n\n \n <div class=\"art-container\">\n <span class=\"art-kicker reveal\">Parte dos \u00b7 Hospitalidad<\/span>\n <h2 class=\"art-section-head reveal\">El muelle aprende a <em>recibir<\/em><\/h2>\n\n <p class=\"art-body-text reveal\">En una propiedad mal resuelta, el muelle es una superficie de trabajo \u2014 un lugar para maniobrar, cargar, partir. En una grande, adquiere una segunda vida como sal\u00f3n social. Se convierte en el sitio donde se recibe a los invitados antes de tocar la puerta de entrada, donde las noches se extienden m\u00e1s all\u00e1 del \u00faltimo c\u00f3ctel en el sal\u00f3n, donde la conversaci\u00f3n se prolonga porque la arquitectura lo permite. La luz baja. El agua se asienta. El borde entre recibir y descansar se difumina, y el muelle sostiene ambos sin esfuerzo.<\/p>\n\n <p class=\"art-body-text reveal\">Aqu\u00ed es donde el dise\u00f1o waterfront se separa del real estate costero como categor\u00eda. Una casa con un dock sirve a un propietario. Una casa que empieza en el muelle sirve a una manera de vivir que integra <strong>navegaci\u00f3n y hospitalidad<\/strong> como parte del mismo gesto. El c\u00f3ctel antes de zarpar se lee como un movimiento natural; el regreso al atardecer encuentra una terraza ya preparada para recibirlo. La arquitectura deja de pedirle al propietario que medie entre dos registros \u2014 casa y embarcaci\u00f3n \u2014 y aprende a contener ambos a la vez.<\/p>\n\n <p class=\"art-body-text reveal\">Es tambi\u00e9n donde la diferencia cultural entre regiones se afina. En <strong>el sur de Florida y la Costa del Golfo<\/strong>, el muelle como sal\u00f3n social es casi un dato anual; el clima escribe el guion. En los <strong>Grandes Lagos y el Noreste<\/strong>, la temporada es breve y los rituales se vuelven m\u00e1s densos \u2014 la apertura del muelle a fines de la primavera, el cierre en octubre, las \u00faltimas tardes de luz c\u00e1lida antes de que regrese la cubierta protectora. Las estructuras difieren, pero la sensibilidad es la misma: el muelle se trata como una habitaci\u00f3n de la casa, planificada con la misma intenci\u00f3n que cualquier otra.<\/p>\n <\/div>\n\n \n <section class=\"mosaic-section\">\n <div class=\"mosaic-wrap\">\n <div class=\"mosaic-header reveal\">\n <span class=\"mosaic-kicker\">Tres lecturas<\/span>\n <h3 class=\"mosaic-title\">Tres maneras en que la <em>casa encuentra el agua<\/em><\/h3>\n <\/div>\n <div class=\"mosaic-grid reveal\">\n <div class=\"mosaic-cell m-tall\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1200-X-1500-VERTICAL-MANSION-VISTA-FRONTAL-DESDE-EL-AGUA-V2.jpg\" alt=\"Vista frontal de mansi\u00f3n waterfront desde el agua\">\n <span class=\"mosaic-cap\">Mansi\u00f3n \u00b7 Frente desde el agua<\/span>\n <\/div>\n <div class=\"mosaic-cell m-wide\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2100-X-900-Vista-desde-el-dock-al-atardecer.jpg\" alt=\"Vista panor\u00e1mica desde el muelle al atardecer\">\n <span class=\"mosaic-cap\">Desde el muelle \u00b7 Al atardecer<\/span>\n <\/div>\n <div class=\"mosaic-cell m-square\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2100-X-900-1920-X-1080-VISTA-DESDE-EL-AGUA-CASA-WATERFRONT-ESTILO-AMERICANO-ANTIGUO-V2.jpg\" alt=\"Residencia waterfront estilo americano cl\u00e1sico en composici\u00f3n panor\u00e1mica\">\n <span class=\"mosaic-cap\">Americano cl\u00e1sico \u00b7 Tradici\u00f3n costera<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"art-pullquote reveal\">\n <p class=\"art-pullquote-text\">El muelle deja de ser un lugar para maniobrar y se convierte en un lugar para recibir, demorarse, cerrar el d\u00eda.<\/p>\n <span class=\"art-pullquote-cite\">USA Onboard \u00b7 Lectura editorial<\/span>\n <\/div>\n\n<\/article>\n\n<script>\n(function(){\n if (typeof IntersectionObserver !== 'undefined') {\n var io = new IntersectionObserver(function(entries){\n entries.forEach(function(e){\n if (e.isIntersecting) {\n e.target.classList.add('in-view');\n io.unobserve(e.target);\n }\n });\n }, { threshold: 0.14, rootMargin: '0px 0px -60px 0px' });\n document.querySelectorAll('.waterfront-es-article .reveal').forEach(function(el){\n io.observe(el);\n });\n } else {\n document.querySelectorAll('.waterfront-es-article .reveal').forEach(function(el){\n el.classList.add('in-view');\n });\n }\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-321c51a8 e-con-full e-flex e-con e-child\" data-id=\"321c51a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74c656ad elementor-widget elementor-widget-shortcode\" data-id=\"74c656ad\" 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-5b0ea09a elementor-widget elementor-widget-html\" data-id=\"5b0ea09a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Casas que empiezan en el muelle \u2014 Widget 3 \u2014 USA Onboard<\/title>\n<style>\nbody { margin:0; padding:0; background:#faf8f5; }\n<\/style>\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n WATERFRONT LIVING \u00b7 USA ONBOARD \u00b7 M\u00f3dulo \u00b7 Parte 3 (ES)\n TEMPLATE 5 \u2014 Materiales, geograf\u00eda, cierre\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\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.waterfront-es-article {\n --serif: \"Cormorant Garamond\", Georgia, serif;\n --sans: \"Jost\", -apple-system, BlinkMacSystemFont, sans-serif;\n --ink: #0a0a0a;\n --ink-mid: #2c2c2c;\n --ink-soft: #6a6a6a;\n --off-white: #faf8f5;\n --cream: #f3efe8;\n --cream-mid: #ece6db;\n --navy: #0c1b2a;\n --navy-light: #152638;\n --gold: #b08d57;\n --gold-lt: #c9a96e;\n --gold-dk: #8a6b38;\n --border: #ddd5c5;\n font-family:var(--sans);\n color:var(--ink);\n background:var(--off-white);\n line-height:1.6;\n overflow:hidden;\n}\n.waterfront-es-article *, .waterfront-es-article *::before, .waterfront-es-article *::after { box-sizing:border-box; }\n.waterfront-es-article img { display:block; max-width:100%; height:auto; }\n\n.waterfront-es-article .art-container { max-width:860px; margin:0 auto; padding:0 32px; }\n.waterfront-es-article .art-body-text {\n font-family:var(--sans);\n font-size:18px; font-weight:300;\n color:var(--ink-mid);\n line-height:1.95;\n margin:0 0 26px;\n max-width:780px;\n}\n.waterfront-es-article .art-body-text strong { color:var(--ink); font-weight:500; }\n.waterfront-es-article .art-body-text em { color:var(--gold-dk); font-style:italic; }\n\n\/* \u2500\u2500\u2500 KICKER \u2500\u2500\u2500 *\/\n.waterfront-es-article .art-kicker {\n display:flex; align-items:center; gap:14px;\n font-family:var(--sans); font-size:11px; font-weight:500;\n letter-spacing:.35em; text-transform:uppercase;\n color:var(--gold-dk);\n margin:80px 0 20px;\n}\n.waterfront-es-article .art-kicker::before {\n content:''; width:36px; height:1px; background:var(--gold-dk);\n}\n\n\/* \u2500\u2500\u2500 SECTION HEAD \u2500\u2500\u2500 *\/\n.waterfront-es-article .art-section-head {\n font-family:var(--serif);\n font-size:clamp(36px, 4vw, 58px);\n font-weight:400;\n color:var(--ink);\n line-height:1.12;\n letter-spacing:-.005em;\n margin:0 0 36px;\n max-width:900px;\n}\n.waterfront-es-article .art-section-head em {\n font-style:italic; color:var(--gold-dk); font-weight:300;\n}\n\n\/* \u2500\u2500\u2500 REVEAL \u2500\u2500\u2500 *\/\n.waterfront-es-article .reveal {\n opacity:0;\n transform:translateY(40px);\n transition:opacity 1.1s cubic-bezier(.2,.7,.2,1), transform 1.1s cubic-bezier(.2,.7,.2,1);\n will-change:opacity, transform;\n}\n.waterfront-es-article .reveal.in-view { opacity:1; transform:translateY(0); }\n.waterfront-es-article .reveal.delay-1 { transition-delay:.12s; }\n.waterfront-es-article .reveal.delay-2 { transition-delay:.24s; }\n.waterfront-es-article .reveal.delay-3 { transition-delay:.36s; }\n\n\/* \u2500\u2500\u2500 FULL-WIDTH IMAGE \u2500\u2500\u2500 *\/\n.waterfront-es-article .fullwidth-img {\n width:100%;\n margin:56px 0;\n position:relative;\n overflow:hidden;\n aspect-ratio:16\/9;\n}\n.waterfront-es-article .fullwidth-img img {\n width:100%; height:100%; object-fit:cover;\n transition:transform 8s ease-out;\n}\n.waterfront-es-article .fullwidth-img.in-view img { transform:scale(1.04); }\n.waterfront-es-article .fullwidth-cap {\n position:absolute; bottom:32px; left:48px;\n font-family:var(--sans);\n font-size:11px; font-weight:500;\n letter-spacing:.26em; text-transform:uppercase;\n color:rgba(255,255,255,.85);\n display:flex; align-items:center; gap:14px;\n text-shadow:0 2px 14px rgba(0,0,0,.5);\n}\n.waterfront-es-article .fullwidth-cap::before {\n content:''; width:36px; height:1px; background:rgba(255,255,255,.6);\n}\n\n\/* \u2500\u2500\u2500 SPLIT PAIR \u2500\u2500\u2500 *\/\n.waterfront-es-article .split-pair {\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:18px;\n margin:64px auto;\n max-width:1280px;\n padding:0 32px;\n}\n.waterfront-es-article .split-cell {\n position:relative;\n aspect-ratio:4\/5;\n overflow:hidden;\n background:var(--navy);\n}\n.waterfront-es-article .split-cell img {\n width:100%; height:100%;\n object-fit:cover;\n transition:transform 6s ease-out;\n}\n.waterfront-es-article .split-cell:hover img { transform:scale(1.05); }\n.waterfront-es-article .split-cap {\n position:absolute; left:22px; bottom:20px;\n font-family:var(--sans); font-size:10px; font-weight:500;\n letter-spacing:.26em; text-transform:uppercase;\n color:#fff;\n display:flex; align-items:center; gap:12px;\n text-shadow:0 2px 10px rgba(0,0,0,.55);\n}\n.waterfront-es-article .split-cap::before {\n content:''; width:24px; height:1px; background:rgba(255,255,255,.65);\n}\n\n\/* \u2500\u2500\u2500 PARALLAX \u2500\u2500\u2500 *\/\n.waterfront-es-article .parallax-section {\n position:relative;\n width:100%;\n height:clamp(460px, 75vh, 820px);\n overflow:hidden;\n margin:0;\n}\n.waterfront-es-article .parallax-img {\n position:absolute; inset:-8%;\n background-size:cover;\n background-position:center;\n background-attachment:fixed;\n}\n.waterfront-es-article .parallax-overlay {\n position:absolute; inset:0;\n background:linear-gradient(to bottom, rgba(10,15,20,.15) 0%, rgba(10,15,20,.45) 100%);\n}\n.waterfront-es-article .parallax-caption {\n position:absolute; bottom:36px; right:48px;\n font-family:var(--sans); font-size:11px; font-weight:400;\n letter-spacing:.26em; text-transform:uppercase;\n color:rgba(255,255,255,.55);\n display:flex; align-items:center; gap:12px;\n}\n.waterfront-es-article .parallax-caption::before {\n content:''; width:32px; height:1px;\n background:rgba(255,255,255,.4);\n}\n\n\/* \u2500\u2500\u2500 FACT BOX \u2500\u2500\u2500 *\/\n.waterfront-es-article .fact-box {\n background:var(--cream);\n border-left:2px solid var(--gold);\n padding:36px 40px;\n margin:52px auto;\n max-width:820px;\n}\n.waterfront-es-article .fact-box-label {\n font-family:var(--sans);\n font-size:10px; font-weight:600;\n letter-spacing:.36em; text-transform:uppercase;\n color:var(--gold-dk);\n margin-bottom:14px;\n display:flex; align-items:center; gap:12px;\n}\n.waterfront-es-article .fact-box-label::before {\n content:''; width:28px; height:1px; background:var(--gold-dk);\n}\n.waterfront-es-article .fact-box-body {\n font-family:var(--serif);\n font-size:19px; font-weight:400; font-style:italic;\n color:var(--ink-mid);\n line-height:1.65;\n}\n.waterfront-es-article .fact-box-body strong {\n font-style:normal; font-weight:600; color:var(--ink);\n}\n\n\/* \u2500\u2500\u2500 SPECS TABLE \u2500\u2500\u2500 *\/\n.waterfront-es-article .specs-table {\n max-width:860px;\n margin:64px auto;\n padding:0 32px;\n}\n.waterfront-es-article .specs-head {\n display:flex; align-items:center; gap:14px;\n font-family:var(--sans); font-size:11px; font-weight:600;\n letter-spacing:.36em; text-transform:uppercase;\n color:var(--gold-dk);\n margin-bottom:28px;\n}\n.waterfront-es-article .specs-head::before {\n content:''; width:36px; height:1px; background:var(--gold-dk);\n}\n.waterfront-es-article .specs-rows {\n border-top:1px solid var(--border);\n}\n.waterfront-es-article .specs-row {\n display:grid;\n grid-template-columns:1fr 2fr;\n gap:24px;\n padding:18px 0;\n border-bottom:1px solid var(--border);\n}\n.waterfront-es-article .specs-row dt {\n font-family:var(--sans);\n font-size:11px; font-weight:500;\n letter-spacing:.22em; text-transform:uppercase;\n color:var(--ink-soft);\n padding-top:4px;\n}\n.waterfront-es-article .specs-row dd {\n font-family:var(--serif);\n font-size:19px; font-weight:400;\n color:var(--ink);\n line-height:1.45;\n margin:0;\n}\n.waterfront-es-article .specs-row dd em {\n font-style:italic; color:var(--gold-dk);\n}\n\n\/* \u2500\u2500\u2500 CLOSING \u2500\u2500\u2500 *\/\n.waterfront-es-article .art-closing {\n padding:96px 32px 128px;\n background:linear-gradient(to bottom, var(--off-white) 0%, var(--cream) 100%);\n text-align:center;\n}\n.waterfront-es-article .art-closing-mark {\n display:inline-block;\n width:42px; height:1px;\n background:var(--gold);\n margin-bottom:32px;\n}\n.waterfront-es-article .art-closing-text {\n font-family:var(--serif);\n font-size:clamp(22px, 2.2vw, 28px);\n font-weight:300; font-style:italic;\n color:var(--ink-mid);\n line-height:1.6;\n max-width:780px;\n margin:0 auto 38px;\n}\n.waterfront-es-article .art-closing-sig {\n font-family:var(--sans); font-size:10px; font-weight:600;\n letter-spacing:.4em; text-transform:uppercase;\n color:var(--gold-dk);\n}\n\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n@media (max-width:960px) {\n .waterfront-es-article .parallax-img { background-attachment:scroll; }\n .waterfront-es-article .art-container { padding:0 24px; }\n .waterfront-es-article .parallax-caption { right:24px; bottom:24px; font-size:10px; }\n .waterfront-es-article .fullwidth-cap { left:24px; bottom:24px; font-size:10px; }\n .waterfront-es-article .split-pair { padding:0 24px; gap:14px; }\n}\n@media (max-width:720px) {\n .waterfront-es-article .split-pair { grid-template-columns:1fr; gap:14px; padding:0 20px; }\n .waterfront-es-article .specs-row { grid-template-columns:1fr; gap:6px; }\n .waterfront-es-article .specs-row dd { font-size:17px; }\n .waterfront-es-article .art-closing { padding:64px 24px 96px; }\n .waterfront-es-article .fact-box { padding:28px 24px; margin:40px auto; }\n .waterfront-es-article .fact-box-body { font-size:17px; }\n}\n@media (prefers-reduced-motion: reduce) {\n .waterfront-es-article .parallax-img { background-attachment:scroll; }\n .waterfront-es-article .fullwidth-img img { transform:none; }\n}\n<\/style>\n\n<article class=\"waterfront-es-article\">\n\n \n <figure class=\"fullwidth-img reveal\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-VISTA-DESDE-EL-AGUA-DE-CASA-WATERFRONT-MUY-MODERNA.jpg\" alt=\"Residencia waterfront muy moderna vista desde el agua, con apertura vidriada hacia la bah\u00eda\">\n <div class=\"fullwidth-cap\">Volumen moderno \u00b7 Le\u00eddo desde el agua<\/div>\n <\/figure>\n\n \n <div class=\"art-container\">\n <span class=\"art-kicker reveal\">Parte tres \u00b7 Materiales y clima<\/span>\n <h2 class=\"art-section-head reveal\">El entorno marino es <em>un brief, no un tel\u00f3n de fondo<\/em><\/h2>\n\n <p class=\"art-body-text reveal\">Una casa waterfront es, en t\u00e9rminos t\u00e9cnicos, un edificio permanentemente expuesto a un socio corrosivo. Aire cargado de sal, sol reflejado de alta intensidad, humedad sostenida, tormenta ocasional \u2014 cada detalle de una propiedad seria es una respuesta silenciosa a ese encargo. Los materiales se eligen solos \u00fanicamente en los proyectos mal concebidos. En los mejores, cada superficie se ha pensado por c\u00f3mo va a leerse en cinco, diez, veinte a\u00f1os de esa exposici\u00f3n.<\/p>\n\n <p class=\"art-body-text reveal\">Lo que la disciplina produce, cuando se hace bien, es un tipo particular de contenci\u00f3n. La piedra se elige por c\u00f3mo envejece, no solamente por c\u00f3mo se ve reci\u00e9n instalada. Los metales se especifican en grados marinos, con terminaciones dise\u00f1adas para envejecer en lugar de fallar. La madera es honesta respecto al clima que se le pide habitar \u2014 teca, ip\u00e9, ciertas maderas duras tratadas t\u00e9rmicamente que ganan su p\u00e1tina con el tiempo. El vidrio se detalla para soportar cargas de hurac\u00e1n sin perder su ligereza. El vocabulario est\u00e9tico es elegante; el argumento subyacente es ingenier\u00eda.<\/p>\n\n <p class=\"art-body-text reveal\">La gesti\u00f3n del clima sigue la misma l\u00f3gica. Las mejores casas no combaten el sol con fuerza mec\u00e1nica bruta. Calibran la sombra a trav\u00e9s de aleros profundos, brise-soleil, terrazas calculadas \u2014 y solo entonces le piden a los sistemas terminar el trabajo. El enfriamiento es silencioso antes que agresivo. La iluminaci\u00f3n se pliega al ciclo natural en lugar de impon\u00e9rsele. El resultado es una propiedad que se registra como <em>compuesta<\/em> antes que acondicionada \u2014 el clima presente en la arquitectura, no desterrado por ella.<\/p>\n <\/div>\n\n \n <section class=\"split-pair reveal\">\n <div class=\"split-cell\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/VERTICAL-CASA-CLASICA-EN-LOS-GRANDES-LAGOS-CON-YATE-CLASICO-DE-MADERA-EN-SU-MUELLE-scaled.jpg\" alt=\"Casa cl\u00e1sica en los Grandes Lagos con yate cl\u00e1sico de madera amarrado en su muelle\">\n <span class=\"split-cap\">Grandes Lagos \u00b7 Madera y tradici\u00f3n<\/span>\n <\/div>\n <div class=\"split-cell\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/VERTICAL-VISTA-DE-LA-TERRAZA-DE-CASA-WATERFRONT-DESDE-LA-PISCINA-HACIA-EL-MAR-scaled.jpg\" alt=\"Vista de la terraza de una casa waterfront desde la piscina hacia el mar\">\n <span class=\"split-cap\">Terraza sure\u00f1a \u00b7 De la piscina al mar<\/span>\n <\/div>\n <\/section>\n\n \n <div class=\"art-container\">\n <span class=\"art-kicker reveal\">Parte cuatro \u00b7 Geograf\u00eda<\/span>\n <h2 class=\"art-section-head reveal\">Dos costas, una <em>disciplina<\/em><\/h2>\n\n <p class=\"art-body-text reveal\">El waterfront norteamericano no es un \u00fanico mercado. Son varios, cada uno con su propia gram\u00e1tica. <strong>Fort Lauderdale<\/strong> y los canales de Miami operan con un vocabulario de amarras generosas, calado profundo y un ritual anual que permite a la embarcaci\u00f3n funcionar como una extensi\u00f3n diaria de la casa. <strong>Naples, Sarasota y la Costa del Golfo de Florida<\/strong> trabajan un registro m\u00e1s tranquilo \u2014 aguas m\u00e1s planas, l\u00edneas de visi\u00f3n m\u00e1s largas, una luz distinta. El <strong>Lowcountry de Charleston<\/strong> y los <strong>Outer Banks<\/strong> importan una tradici\u00f3n arquitect\u00f3nica a un paisaje de marea que ha dado forma a la navegaci\u00f3n norteamericana durante dos siglos. Las <strong>bah\u00edas del sur de California<\/strong> \u2014 Newport, San Diego, Marina del Rey \u2014 traducen los mismos instintos al idioma del Pac\u00edfico.<\/p>\n\n <p class=\"art-body-text reveal\">Al norte del cintur\u00f3n c\u00e1lido, la conversaci\u00f3n cambia pero no se interrumpe. Los <strong>Grandes Lagos<\/strong> \u2014 la costa oeste de Michigan, Lake Geneva en Wisconsin, los Finger Lakes \u2014 sostienen una tradici\u00f3n waterfront que antecede al boom de Florida en varias generaciones. Embarcaciones de madera, runabouts cl\u00e1sicos de caoba, complejos familiares que abren con el deshielo y cierran con la primera helada fuerte. La costa de <strong>Long Island, Cape Cod, Maine y los Hamptons<\/strong> trabaja todav\u00eda otro registro: casas de alto pedigr\u00ed, memoria arquitect\u00f3nica profunda, una temporada medida en oportunidades antes que en meses. La geograf\u00eda cambia. La disciplina no.<\/p>\n <\/div>\n\n \n <section class=\"parallax-section\">\n <div class=\"parallax-img\" style=\"background-image:url('https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-VISTA-DESDE-EL-AGUA-CASA-EN-ESQUINA-CON-YATE-AL-FRENTE.jpg');\"><\/div>\n <div class=\"parallax-overlay\"><\/div>\n <div class=\"parallax-caption\">Casa en esquina \u00b7 Yate como composici\u00f3n frontal<\/div>\n <\/section>\n\n \n <div class=\"art-container\">\n <span class=\"art-kicker reveal\">Parte cinco \u00b7 La lectura<\/span>\n <h2 class=\"art-section-head reveal\">Una breve gu\u00eda editorial para <em>mirar waterfront<\/em><\/h2>\n\n <p class=\"art-body-text reveal\">Para propietarios y decision-makers que se acercan al segmento con seriedad, el indicador de calidad no son los metros cuadrados y ni siquiera la embarcaci\u00f3n en el muelle. Es un peque\u00f1o conjunto de lecturas arquitect\u00f3nicas que se repiten, con discreta consistencia, en cada gran residencia waterfront \u2014 sin importar el estilo, la \u00e9poca o la costa.<\/p>\n\n <div class=\"fact-box reveal\">\n <div class=\"fact-box-label\">Las claves editoriales<\/div>\n <div class=\"fact-box-body\">Los signos arquitect\u00f3nicos que distinguen a una casa que <strong>empieza en el muelle<\/strong> de una casa que simplemente mira al agua \u2014 visibles en el instante en que uno se aproxima por mar.<\/div>\n <\/div>\n <\/div>\n\n \n <dl class=\"specs-table reveal\">\n <div class=\"specs-head\">Una gu\u00eda de lectura \u00b7 Waterfront premium<\/div>\n <div class=\"specs-rows\">\n <div class=\"specs-row\">\n <dt>Aproximaci\u00f3n<\/dt>\n <dd>El muelle est\u00e1 integrado a la composici\u00f3n arquitect\u00f3nica <em>desde el agua<\/em>, no a\u00f1adido al fondo del lote.<\/dd>\n <\/div>\n <div class=\"specs-row\">\n <dt>Circulaci\u00f3n<\/dt>\n <dd>Un recorrido continuo del interior a la terraza al muelle \u2014 sin desv\u00edos de servicio ni quiebres de nivel inelegantes.<\/dd>\n <\/div>\n <div class=\"specs-row\">\n <dt>Recepci\u00f3n<\/dt>\n <dd>Un espacio social definido en el muelle mismo \u2014 <em>no solo una superficie de amarre<\/em>, sino una habitaci\u00f3n de la casa.<\/dd>\n <\/div>\n <div class=\"specs-row\">\n <dt>Materiales<\/dt>\n <dd>Piedra, metal y madera especificados para resistencia marina y envejecimiento elegante.<\/dd>\n <\/div>\n <div class=\"specs-row\">\n <dt>L\u00edneas de visi\u00f3n<\/dt>\n <dd>Transparencia entre las habitaciones que importan y el agua \u2014 <em>sin sacrificar la privacidad<\/em> desde el canal.<\/dd>\n <\/div>\n <div class=\"specs-row\">\n <dt>Clima<\/dt>\n <dd>Sombra calibrada por la arquitectura primero; sistemas mec\u00e1nicos silenciosos, estratificados, nunca como nota dominante.<\/dd>\n <\/div>\n <div class=\"specs-row\">\n <dt>Iluminaci\u00f3n<\/dt>\n <dd>Un esquema lum\u00ednico que sobrevive tanto al deslumbre del mediod\u00eda como a la noche larga \u2014 y que se lee compuesto desde el canal despu\u00e9s del atardecer.<\/dd>\n <\/div>\n <div class=\"specs-row\">\n <dt>Permanencia<\/dt>\n <dd>Casas planificadas para d\u00e9cadas sobre el agua, no para la fotograf\u00eda del cierre de venta.<\/dd>\n <\/div>\n <\/div>\n <\/dl>\n\n \n <section class=\"art-closing\">\n <span class=\"art-closing-mark\"><\/span>\n <p class=\"art-closing-text\">En las residencias waterfront norteamericanas m\u00e1s cuidadas, el agua no se contempla desde la distancia. Se habita. Entra en el ritmo dom\u00e9stico, se abre paso en el lenguaje de la arquitectura y termina formando parte de la identidad del hogar. Esa es la diferencia, al final, entre tener una casa frente al agua y tener una casa que empieza en el muelle.<\/p>\n <span class=\"art-closing-sig\">USA Onboard \u00b7 Editorial<\/span>\n <\/section>\n\n<\/article>\n\n<script>\n(function(){\n if (typeof IntersectionObserver !== 'undefined') {\n var io = new IntersectionObserver(function(entries){\n entries.forEach(function(e){\n if (e.isIntersecting) {\n e.target.classList.add('in-view');\n io.unobserve(e.target);\n }\n });\n }, { threshold: 0.14, rootMargin: '0px 0px -60px 0px' });\n document.querySelectorAll('.waterfront-es-article .reveal').forEach(function(el){\n io.observe(el);\n });\n } else {\n document.querySelectorAll('.waterfront-es-article .reveal').forEach(function(el){\n el.classList.add('in-view');\n });\n }\n})();\n<\/script>\n<\/body>\n<\/html>\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>Casas que empiezan en el muelle \u2014 Widget 1 \u2014 USA Onboard Descubrir Waterfront Living Casas que empiezanen el muelle Las residencias waterfront m\u00e1s interesantes ya no se dise\u00f1an alrededor de la vista. Se dise\u00f1an alrededor del umbral \u2014 el punto exacto donde arquitectura, terraza y agua finalmente acuerdan la misma idea. USA Onboard Editorial […]<\/p>\n","protected":false},"author":3,"featured_media":2766,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"slim_seo":{"title":"Casas que Empiezan en el Muelle - USA ONBOARD","description":"Casas que empiezan en el muelle \u2014 Widget 1 \u2014 USA Onboard Descubrir Waterfront Living Casas que empiezan en el muelle Las residencias waterfront m\u00e1s interesantes"},"footnotes":""},"categories":[48,90,91,57,56],"tags":[],"class_list":["post-2793","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-destinos","category-lifestyle","category-live-aboard","category-propiedad","category-vida-a-bordo"],"acf":[],"_links":{"self":[{"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/posts\/2793","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=2793"}],"version-history":[{"count":0,"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/posts\/2793\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/media\/2766"}],"wp:attachment":[{"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/media?parent=2793"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/categories?post=2793"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/tags?post=2793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t

\n \t\t

\n\t\t\t\t\t\n\n\n\n\n\nCasas que empiezan en el muelle \u2014 Widget 1 \u2014 USA Onboard<\/title>\n<style>\nbody { margin:0; padding:0; background:#faf8f5; }\n<\/style>\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n WATERFRONT LIVING \u00b7 USA ONBOARD \u00b7 M\u00f3dulo \u00b7 Parte 1 (ES)\n TEMPLATE 5 \u2014 Cinem\u00e1tico, con galer\u00eda en movimiento\n Embebible en Elementor \u2014 sin chrome del sitio\n Fuentes: Cormorant Garamond + Jost\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\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.waterfront-es-article {\n --serif: \"Cormorant Garamond\", Georgia, serif;\n --sans: \"Jost\", -apple-system, BlinkMacSystemFont, sans-serif;\n --ink: #0a0a0a;\n --ink-mid: #2c2c2c;\n --ink-soft: #6a6a6a;\n --off-white: #faf8f5;\n --cream: #f3efe8;\n --cream-mid: #ece6db;\n --navy: #0c1b2a;\n --navy-light: #152638;\n --gold: #b08d57;\n --gold-lt: #c9a96e;\n --gold-dk: #8a6b38;\n --border: #ddd5c5;\n font-family:var(--sans);\n color:var(--ink);\n background:var(--off-white);\n line-height:1.6;\n overflow:hidden;\n}\n.waterfront-es-article *, .waterfront-es-article *::before, .waterfront-es-article *::after { box-sizing:border-box; }\n.waterfront-es-article img { display:block; max-width:100%; height:auto; }\n\n\/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n.waterfront-es-article .art-hero {\n position:relative;\n width:100%;\n aspect-ratio:16\/9;\n min-height:520px;\n max-height:820px;\n overflow:hidden;\n margin:0;\n}\n.waterfront-es-article .art-hero-bg {\n position:absolute; inset:0;\n background-image:url('https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-CASA-ESTILO-EUROPEO-VISTA-DESDE-EL-AGUA-TURQUESA-DE-LA-BAHIA.jpg');\n background-size:cover;\n background-position:center center;\n background-repeat:no-repeat;\n transform:scale(1.03);\n transform-origin:center center;\n animation:waterfrontEsHeroZoom 22s ease-in-out infinite alternate;\n will-change:transform;\n}\n@keyframes waterfrontEsHeroZoom {\n from { transform:scale(1.03); }\n to { transform:scale(1.00); }\n}\n.waterfront-es-article .art-hero-grad {\n position:absolute; inset:0;\n background:\n linear-gradient(to bottom,\n rgba(8,14,22,0) 0%,\n rgba(8,14,22,0) 78%,\n rgba(8,14,22,0.4) 100%);\n}\n.waterfront-es-article .hero-scroll-ind {\n position:absolute; bottom:32px; left:50%;\n transform:translateX(-50%);\n display:flex; flex-direction:column; align-items:center; gap:10px;\n color:rgba(255,255,255,.45);\n font-family:var(--sans); font-size:10px;\n letter-spacing:.28em; text-transform:uppercase;\n animation:waterfrontEsScrollBob 3s ease-in-out infinite;\n}\n@keyframes waterfrontEsScrollBob {\n 0%,100% { transform:translateX(-50%) translateY(0); opacity:.6; }\n 50% { transform:translateX(-50%) translateY(10px); opacity:1; }\n}\n.waterfront-es-article .scroll-ln {\n width:1px; height:48px;\n background:linear-gradient(to bottom, rgba(255,255,255,.55), transparent);\n}\n\n\/* \u2500\u2500\u2500 EDITORIAL PLATE \u2500\u2500\u2500 *\/\n.waterfront-es-article .art-hero-plate {\n background:linear-gradient(to bottom, #060c14 0%, #0a1420 100%);\n padding:72px 48px 88px;\n text-align:center;\n position:relative;\n overflow:hidden;\n border-top:1px solid rgba(201,169,110,0.18);\n}\n.waterfront-es-article .art-hero-plate::before {\n content:'';\n position:absolute; top:0; left:50%;\n transform:translateX(-50%);\n width:80px; height:1px;\n background:var(--gold);\n opacity:.6;\n}\n.waterfront-es-article .art-hero-plate .art-volanta {\n display:inline-flex; align-items:center; gap:18px;\n margin-bottom:28px;\n}\n.waterfront-es-article .art-hero-plate .art-volanta-line {\n width:56px; height:1px;\n background:var(--gold); opacity:.55;\n}\n.waterfront-es-article .art-hero-plate .art-volanta-label {\n font-family:var(--sans); font-size:11px; font-weight:600;\n letter-spacing:.38em; text-transform:uppercase;\n color:var(--gold-lt);\n border:1px solid rgba(201,169,110,.45);\n padding:8px 22px;\n}\n.waterfront-es-article .art-hero-plate .art-h1 {\n font-family:var(--serif);\n font-size:clamp(48px, 7.5vw, 104px);\n font-weight:500;\n color:#fff;\n line-height:1.02;\n letter-spacing:.018em;\n text-transform:uppercase;\n margin:0 auto 28px;\n max-width:1040px;\n}\n.waterfront-es-article .art-hero-plate .art-bajada-hero {\n font-family:var(--serif);\n font-size:clamp(19px, 1.65vw, 23px);\n font-weight:300; font-style:italic;\n color:rgba(255,255,255,.82);\n line-height:1.65;\n max-width:740px;\n margin:0 auto 38px;\n}\n.waterfront-es-article .art-hero-plate .art-meta-hero {\n display:flex; align-items:center; gap:18px;\n font-family:var(--sans); font-size:11px; font-weight:500;\n letter-spacing:.3em; text-transform:uppercase;\n color:rgba(255,255,255,.55);\n flex-wrap:wrap; justify-content:center;\n}\n.waterfront-es-article .art-hero-plate .art-meta-hero span.art-meta-sep {\n color:rgba(255,255,255,.3);\n}\n\n\/* \u2500\u2500\u2500 BODY CONTAINER \u2500\u2500\u2500 *\/\n.waterfront-es-article .art-container {\n max-width:860px;\n margin:0 auto;\n padding:0 32px;\n}\n\n\/* \u2500\u2500\u2500 INTRO \/ LEDE \u2500\u2500\u2500 *\/\n.waterfront-es-article .art-intro {\n padding:112px 0 80px;\n}\n.waterfront-es-article .art-lede {\n font-family:var(--serif);\n font-size:clamp(22px, 2.2vw, 30px);\n font-weight:400; font-style:italic;\n color:var(--ink);\n line-height:1.55;\n border-left:2px solid var(--gold);\n padding-left:32px;\n margin:0 0 48px;\n max-width:820px;\n}\n.waterfront-es-article .art-body-text {\n font-family:var(--sans);\n font-size:18px; font-weight:300;\n color:var(--ink-mid);\n line-height:1.95;\n margin:0 0 26px;\n max-width:780px;\n}\n.waterfront-es-article .art-body-text strong { color:var(--ink); font-weight:500; }\n.waterfront-es-article .art-body-text em { color:var(--gold-dk); font-style:italic; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \u2500\u2500 MARQUEE GALLERY \u2500\u2500\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.waterfront-es-article .marquee-section {\n position:relative;\n width:100%;\n background:linear-gradient(to bottom, var(--off-white) 0%, var(--cream) 100%);\n padding:88px 0 96px;\n overflow:hidden;\n margin:0;\n}\n.waterfront-es-article .marquee-header {\n max-width:860px;\n margin:0 auto 56px;\n padding:0 32px;\n text-align:center;\n}\n.waterfront-es-article .marquee-kicker {\n display:inline-flex; align-items:center; gap:14px;\n font-family:var(--sans); font-size:11px; font-weight:500;\n letter-spacing:.35em; text-transform:uppercase;\n color:var(--gold-dk);\n margin-bottom:20px;\n}\n.waterfront-es-article .marquee-kicker::before,\n.waterfront-es-article .marquee-kicker::after {\n content:''; width:36px; height:1px; background:var(--gold-dk);\n}\n.waterfront-es-article .marquee-title {\n font-family:var(--serif);\n font-size:clamp(28px, 3vw, 40px);\n font-weight:400; font-style:italic;\n color:var(--ink);\n line-height:1.25;\n letter-spacing:-.005em;\n margin:0;\n}\n.waterfront-es-article .marquee-title em { color:var(--gold-dk); font-style:italic; }\n\n.waterfront-es-article .marquee-wrap {\n position:relative;\n width:100%;\n overflow:hidden;\n mask-image:linear-gradient(to right, transparent 0%, #000 6%, #000 94%, transparent 100%);\n -webkit-mask-image:linear-gradient(to right, transparent 0%, #000 6%, #000 94%, transparent 100%);\n}\n.waterfront-es-article .marquee-track {\n display:flex;\n width:max-content;\n gap:28px;\n animation:waterfrontEsMarqueeSlide 80s linear infinite;\n will-change:transform;\n}\n.waterfront-es-article .marquee-wrap:hover .marquee-track {\n animation-play-state:paused;\n}\n@keyframes waterfrontEsMarqueeSlide {\n from { transform:translateX(0); }\n to { transform:translateX(-50%); }\n}\n.waterfront-es-article .marquee-item {\n flex:0 0 auto;\n width:clamp(360px, 38vw, 540px);\n aspect-ratio:16\/10;\n overflow:hidden;\n position:relative;\n background:var(--navy);\n box-shadow:0 12px 40px rgba(8,14,22,0.12);\n cursor:zoom-in;\n border:none;\n padding:0;\n font:inherit;\n color:inherit;\n text-align:left;\n}\n.waterfront-es-article .marquee-item:focus-visible {\n outline:2px solid var(--gold);\n outline-offset:3px;\n}\n.waterfront-es-article .marquee-item img {\n width:100%; height:100%;\n object-fit:cover;\n transition:transform 1.4s ease-out;\n}\n.waterfront-es-article .marquee-item:hover img { transform:scale(1.06); }\n.waterfront-es-article .marquee-cap {\n position:absolute; bottom:14px; left:18px;\n font-family:var(--sans); font-size:10px; font-weight:500;\n letter-spacing:.26em; text-transform:uppercase;\n color:rgba(255,255,255,.85);\n background:rgba(8,14,22,.55);\n padding:6px 12px;\n backdrop-filter:blur(4px);\n}\n\n\/* \u2500\u2500\u2500 STATS STRIP \u2500\u2500\u2500 *\/\n.waterfront-es-article .stats-strip {\n background:var(--navy);\n padding:88px 40px;\n margin:0;\n display:grid;\n grid-template-columns:repeat(4, 1fr);\n position:relative;\n overflow:hidden;\n}\n.waterfront-es-article .stats-strip::before {\n content:''; position:absolute; top:0; left:50%;\n transform:translateX(-50%);\n width:120px; height:1px; background:var(--gold);\n}\n.waterfront-es-article .stat-item {\n padding:0 36px;\n border-right:1px solid rgba(255,255,255,.08);\n text-align:center;\n}\n.waterfront-es-article .stat-item:last-child { border-right:none; }\n.waterfront-es-article .stat-num {\n font-family:var(--serif);\n font-size:clamp(52px, 5vw, 80px);\n font-weight:300;\n color:#fff;\n line-height:1;\n margin-bottom:14px;\n letter-spacing:-.02em;\n}\n.waterfront-es-article .stat-num em {\n font-style:normal; color:var(--gold-lt);\n font-size:.45em; vertical-align:super;\n margin-left:4px;\n}\n.waterfront-es-article .stat-label {\n font-family:var(--sans); font-size:11px; font-weight:500;\n letter-spacing:.25em; text-transform:uppercase;\n color:rgba(255,255,255,.5);\n line-height:1.6;\n}\n.waterfront-es-article .stat-sub {\n font-family:var(--serif);\n font-size:13px; font-style:italic; font-weight:300;\n color:rgba(255,255,255,.3);\n margin-top:8px;\n}\n\n\/* \u2500\u2500\u2500 REVEAL \u2500\u2500\u2500 *\/\n.waterfront-es-article .reveal {\n opacity:0;\n transform:translateY(40px);\n transition:opacity 1.1s cubic-bezier(.2,.7,.2,1), transform 1.1s cubic-bezier(.2,.7,.2,1);\n will-change:opacity, transform;\n}\n.waterfront-es-article .reveal.in-view { opacity:1; transform:translateY(0); }\n.waterfront-es-article .reveal.delay-1 { transition-delay:.12s; }\n.waterfront-es-article .reveal.delay-2 { transition-delay:.24s; }\n.waterfront-es-article .reveal.delay-3 { transition-delay:.36s; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \u2500\u2500 LIGHTBOX \u2500\u2500\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.waterfront-es-article .lightbox {\n position:fixed; inset:0;\n z-index:9999;\n background:rgba(6, 10, 18, 0.96);\n display:none;\n align-items:center; justify-content:center;\n opacity:0;\n transition:opacity .35s cubic-bezier(.2,.7,.2,1);\n backdrop-filter:blur(8px);\n -webkit-backdrop-filter:blur(8px);\n}\n.waterfront-es-article .lightbox.is-open {\n display:flex;\n opacity:1;\n}\n.waterfront-es-article .lightbox-stage {\n position:relative;\n width:100%; height:100%;\n display:flex; align-items:center; justify-content:center;\n padding:80px 88px;\n}\n.waterfront-es-article .lightbox-figure {\n position:relative;\n width:100%; height:100%;\n max-width:100%; max-height:100%;\n display:flex; align-items:center; justify-content:center;\n overflow:hidden;\n}\n.waterfront-es-article .lightbox-slide {\n position:absolute;\n inset:0;\n display:flex; flex-direction:column; align-items:center; justify-content:center;\n gap:18px;\n padding:0 20px;\n opacity:0;\n transform:translateX(0);\n pointer-events:none;\n will-change:transform, opacity;\n}\n.waterfront-es-article .lightbox-slide.is-current {\n opacity:1;\n transform:translateX(0);\n pointer-events:auto;\n transition:transform .55s cubic-bezier(.32,.72,.2,1), opacity .35s ease-out;\n}\n.waterfront-es-article .lightbox-slide.enter-from-right {\n transform:translateX(100%);\n opacity:0;\n transition:none;\n}\n.waterfront-es-article .lightbox-slide.enter-from-left {\n transform:translateX(-100%);\n opacity:0;\n transition:none;\n}\n.waterfront-es-article .lightbox-slide.exit-to-left {\n transform:translateX(-100%);\n opacity:0;\n transition:transform .55s cubic-bezier(.32,.72,.2,1), opacity .45s ease-out;\n}\n.waterfront-es-article .lightbox-slide.exit-to-right {\n transform:translateX(100%);\n opacity:0;\n transition:transform .55s cubic-bezier(.32,.72,.2,1), opacity .45s ease-out;\n}\n.waterfront-es-article .lightbox-img {\n max-width:100%;\n max-height:calc(100vh - 200px);\n width:auto; height:auto;\n object-fit:contain;\n box-shadow:0 30px 80px rgba(0,0,0,.55);\n}\n.waterfront-es-article .lightbox-cap {\n font-family:var(--sans); font-size:11px; font-weight:500;\n letter-spacing:.32em; text-transform:uppercase;\n color:rgba(255,255,255,.72);\n display:flex; align-items:center; gap:14px;\n}\n.waterfront-es-article .lightbox-cap::before,\n.waterfront-es-article .lightbox-cap::after {\n content:''; width:28px; height:1px; background:rgba(201,169,110,.55);\n}\n.waterfront-es-article .lightbox-count {\n position:absolute; top:32px; left:50%;\n transform:translateX(-50%);\n font-family:var(--sans); font-size:11px; font-weight:500;\n letter-spacing:.36em; text-transform:uppercase;\n color:rgba(255,255,255,.5);\n}\n.waterfront-es-article .lightbox-count em {\n font-style:normal; color:var(--gold-lt);\n}\n.waterfront-es-article .lightbox-close {\n position:absolute; top:24px; right:28px;\n width:48px; height:48px;\n background:transparent;\n border:1px solid rgba(255,255,255,.18);\n color:rgba(255,255,255,.75);\n cursor:pointer;\n display:flex; align-items:center; justify-content:center;\n font-family:var(--sans); font-size:22px;\n line-height:1;\n transition:border-color .25s, color .25s, transform .25s;\n padding:0;\n}\n.waterfront-es-article .lightbox-close:hover,\n.waterfront-es-article .lightbox-close:focus-visible {\n border-color:var(--gold-lt);\n color:var(--gold-lt);\n outline:none;\n transform:rotate(90deg);\n}\n.waterfront-es-article .lightbox-nav {\n position:absolute; top:50%;\n transform:translateY(-50%);\n width:54px; height:54px;\n background:transparent;\n border:1px solid rgba(255,255,255,.18);\n color:rgba(255,255,255,.75);\n cursor:pointer;\n display:flex; align-items:center; justify-content:center;\n font-family:var(--serif); font-size:28px; font-weight:300;\n line-height:1;\n transition:border-color .25s, color .25s, background .25s;\n padding:0;\n z-index:2;\n}\n.waterfront-es-article .lightbox-nav:hover,\n.waterfront-es-article .lightbox-nav:focus-visible {\n border-color:var(--gold-lt);\n color:var(--gold-lt);\n background:rgba(201,169,110,.06);\n outline:none;\n}\n.waterfront-es-article .lightbox-prev { left:28px; }\n.waterfront-es-article .lightbox-next { right:28px; }\n\nbody.waterfront-es-lb-open { overflow:hidden; }\n\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n@media (max-width:960px) {\n .waterfront-es-article .stats-strip { grid-template-columns:repeat(2, 1fr); gap:48px 0; padding:56px 24px; }\n .waterfront-es-article .stat-item { border-right:none !important; padding:0 20px; }\n .waterfront-es-article .stat-item:nth-child(odd) { border-right:1px solid rgba(255,255,255,.08) !important; }\n .waterfront-es-article .art-intro { padding:72px 0 56px; }\n .waterfront-es-article .art-container { padding:0 24px; }\n .waterfront-es-article .marquee-track { animation-duration:60s; }\n}\n@media (max-width:720px) {\n .waterfront-es-article .art-hero-plate { padding:52px 24px 64px; }\n .waterfront-es-article .art-hero-plate .art-h1 { font-size:38px; }\n .waterfront-es-article .art-hero-plate .art-bajada-hero { font-size:16px; }\n .waterfront-es-article .art-hero-plate .art-volanta-line { width:36px; }\n .waterfront-es-article .marquee-section { padding:64px 0 72px; }\n .waterfront-es-article .marquee-header { margin-bottom:40px; }\n .waterfront-es-article .marquee-item { width:clamp(280px, 76vw, 380px); }\n .waterfront-es-article .marquee-track { gap:18px; }\n .waterfront-es-article .lightbox-stage { padding:60px 16px; }\n .waterfront-es-article .lightbox-img { max-height:calc(100vh - 180px); }\n .waterfront-es-article .lightbox-nav { width:44px; height:44px; font-size:22px; }\n .waterfront-es-article .lightbox-prev { left:10px; }\n .waterfront-es-article .lightbox-next { right:10px; }\n .waterfront-es-article .lightbox-close { top:14px; right:14px; width:40px; height:40px; font-size:20px; }\n .waterfront-es-article .lightbox-count { top:20px; font-size:10px; }\n .waterfront-es-article .lightbox-cap { font-size:10px; letter-spacing:.24em; }\n}\n@media (max-width:640px) {\n .waterfront-es-article .stats-strip { grid-template-columns:1fr; gap:48px 0; }\n .waterfront-es-article .stat-item { border-right:none !important; }\n}\n@media (prefers-reduced-motion: reduce) {\n .waterfront-es-article .marquee-track { animation:none; }\n .waterfront-es-article .art-hero-bg { animation:none; transform:scale(1); }\n .waterfront-es-article .hero-scroll-ind { animation:none; }\n}\n<\/style>\n\n<article class=\"waterfront-es-article\">\n\n \n <section class=\"art-hero\">\n <div class=\"art-hero-bg\"><\/div>\n <div class=\"art-hero-grad\"><\/div>\n <div class=\"hero-scroll-ind\">\n <span>Descubrir<\/span>\n <span class=\"scroll-ln\"><\/span>\n <\/div>\n <\/section>\n\n \n <section class=\"art-hero-plate\">\n <div class=\"art-volanta\">\n <span class=\"art-volanta-line\"><\/span>\n <span class=\"art-volanta-label\">Waterfront Living<\/span>\n <span class=\"art-volanta-line\"><\/span>\n <\/div>\n <h1 class=\"art-h1\">Casas que empiezan<br>en el muelle<\/h1>\n <p class=\"art-bajada-hero\">Las residencias waterfront m\u00e1s interesantes ya no se dise\u00f1an alrededor de la vista. Se dise\u00f1an alrededor del umbral \u2014 el punto exacto donde arquitectura, terraza y agua finalmente <em>acuerdan<\/em> la misma idea.<\/p>\n <div class=\"art-meta-hero\">\n <span>USA Onboard Editorial<\/span>\n <span class=\"art-meta-sep\">\u00b7<\/span>\n <span>Reportaje \u00b7 2026<\/span>\n <span class=\"art-meta-sep\">\u00b7<\/span>\n <span>Lectura \u00b7 9 min<\/span>\n <\/div>\n <\/section>\n\n \n <div class=\"art-container\">\n <div class=\"art-intro\">\n <p class=\"art-lede reveal\">Durante a\u00f1os, la propiedad waterfront se entendi\u00f3 como una categor\u00eda inmobiliaria antes que como una manera de habitar. La vista sumaba valor. El dock contaba como un plus. El acceso n\u00e1utico funcionaba como atributo, del mismo modo que lo hace una bodega de vinos o un garaje para cuatro autos. Pero la casa en s\u00ed rara vez se conceb\u00eda como parte de una vida vinculada al agua.<\/p>\n\n <p class=\"art-body-text reveal delay-1\">Eso ha cambiado \u2014 silenciosamente, y en lo m\u00e1s alto del mercado. Entre las residencias waterfront norteamericanas m\u00e1s cuidadas de la \u00faltima d\u00e9cada, el muelle ha dejado de comportarse como un ap\u00e9ndice. Hoy funciona como el verdadero umbral del hogar: el punto donde la arquitectura termina una frase y el agua empieza la siguiente. El cambio no es estil\u00edstico. Es estructural. Reescribe c\u00f3mo se planifica la casa, c\u00f3mo se llega a ella y, en \u00faltima instancia, c\u00f3mo se vive.<\/p>\n\n <p class=\"art-body-text reveal delay-2\">La transformaci\u00f3n es m\u00e1s visible en el <strong>cintur\u00f3n de aguas c\u00e1lidas<\/strong> \u2014 el sur de Florida, la Costa del Golfo de Florida y Texas, el Lowcountry de las Carolinas, las bah\u00edas y estuarios del sur de California \u2014 donde la temporada navegable se extiende diez o doce meses al a\u00f1o y la embarcaci\u00f3n se trata menos como una ocasi\u00f3n y m\u00e1s como una extensi\u00f3n del hogar. Pero la misma l\u00f3gica est\u00e1 reformulando las grandes residencias frente a los lagos del norte, las propiedades cl\u00e1sicas de los Grandes Lagos y la profunda tradici\u00f3n waterfront del Noreste, donde la temporada es m\u00e1s corta pero los rituales que la rodean son m\u00e1s densos. La geograf\u00eda cambia. El principio no.<\/p>\n\n <p class=\"art-body-text reveal delay-3\">Lo que sigue no es una lista de chequeo, sino una lectura del momento \u2014 los instintos de dise\u00f1o, los h\u00e1bitos de uso y las claves editoriales que distinguen una casa con agua de una casa que <em>verdaderamente empieza en el muelle<\/em>. La diferencia, en este nivel, rara vez est\u00e1 en los metros cuadrados. Est\u00e1 en la continuidad.<\/p>\n <\/div>\n <\/div>\n\n \n <section class=\"marquee-section\">\n <div class=\"marquee-header reveal\">\n <span class=\"marquee-kicker\">Un vocabulario costero<\/span>\n <h2 class=\"marquee-title\">Diez casas, una misma <em>lectura del agua<\/em><\/h2>\n <\/div>\n <div class=\"marquee-wrap\">\n <div class=\"marquee-track\">\n \n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"0\" aria-label=\"Abrir imagen: Residencia Tudor vista desde el agua\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-CASA-ESTILO-TUDOR-MAJESTUOSA-VISTA-DESDE-EL-AGUA.jpg\" alt=\"Residencia waterfront estilo Tudor vista desde el agua\">\n <span class=\"marquee-cap\">Estilo Tudor \u00b7 Desde el agua<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"1\" aria-label=\"Abrir imagen: Vista a\u00e9rea de residencia waterfront con yate\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-CASA-WATERFRONT-CON-YATE-EN-SU-DOCK-VISTA-DE-DRONE.jpg\" alt=\"Vista a\u00e9rea de residencia waterfront con yate en su dock privado\">\n <span class=\"marquee-cap\">Vista a\u00e9rea \u00b7 Casa y dock<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"2\" aria-label=\"Abrir imagen: Residencia en Fort Lauderdale con superyate\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-CASA-WATERFRONT-EN-FORT-LAUDERDALE-CON-SUPERYATE-EN-LA-AMARRA.jpg\" alt=\"Residencia waterfront en Fort Lauderdale con superyate amarrado\">\n <span class=\"marquee-cap\">Fort Lauderdale \u00b7 Amarra privada<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"3\" aria-label=\"Abrir imagen: Mansi\u00f3n waterfront vista desde el agua\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-MANSION-WATERFRONT-VISTA-DESDE-EL-AGUA.jpg\" alt=\"Mansi\u00f3n waterfront vista desde el agua\">\n <span class=\"marquee-cap\">Mansi\u00f3n \u00b7 Desde el agua<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"4\" aria-label=\"Abrir imagen: Casa waterfront estilo americano antiguo\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-VISTA-DESDE-EL-AGUA-CASA-WATERFRONT-ESTILO-AMERICANO-ANTIGUO.jpg\" alt=\"Casa waterfront estilo americano cl\u00e1sico vista desde el agua\">\n <span class=\"marquee-cap\">Americano cl\u00e1sico \u00b7 Waterfront<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"5\" aria-label=\"Abrir imagen: Residencia waterfront moderna\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-VISTA-DESDE-EL-AGUA-DE-CASA-WATERFRONT-MUY-MODERNA.jpg\" alt=\"Residencia waterfront muy moderna vista desde el agua\">\n <span class=\"marquee-cap\">Volumen moderno \u00b7 Abierto a la bah\u00eda<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"6\" aria-label=\"Abrir imagen: Casa en esquina con yate al frente\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-VISTA-DESDE-EL-AGUA-CASA-EN-ESQUINA-CON-YATE-AL-FRENTE.jpg\" alt=\"Residencia waterfront en esquina con yate amarrado al frente\">\n <span class=\"marquee-cap\">Esquina \u00b7 Yate al frente<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"7\" aria-label=\"Abrir imagen: Vista a\u00e9rea de costa con oc\u00e9ano en el horizonte\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-VISTA-AEREA-DE-COSTA-CON-VARIAS-CASAS-WATERFRONT-CON-EL-OCEANO-EN-EL-HORIZONTE.jpg\" alt=\"Vista a\u00e9rea de una costa de residencias waterfront con el oc\u00e9ano en el horizonte\">\n <span class=\"marquee-cap\">Costa \u00b7 Oc\u00e9ano en el horizonte<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"8\" aria-label=\"Abrir imagen: Vista a\u00e9rea de comunidad waterfront\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-VISTA-AEREA-DE-COSTA-CON-VARIAS-CASAS-WATERFRONT.jpg\" alt=\"Vista a\u00e9rea de una comunidad waterfront con docks privados\">\n <span class=\"marquee-cap\">Comunidad waterfront \u00b7 Vista a\u00e9rea<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"9\" aria-label=\"Abrir imagen: Casa estilo europeo sobre bah\u00eda turquesa\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-CASA-ESTILO-EUROPEO-VISTA-DESDE-EL-AGUA-TURQUESA-DE-LA-BAHIA.jpg\" alt=\"Residencia estilo europeo vista desde el agua turquesa de la bah\u00eda\">\n <span class=\"marquee-cap\">Volumen europeo \u00b7 Bah\u00eda turquesa<\/span>\n <\/button>\n \n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"0\" aria-hidden=\"true\" tabindex=\"-1\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-CASA-ESTILO-TUDOR-MAJESTUOSA-VISTA-DESDE-EL-AGUA.jpg\" alt=\"\">\n <span class=\"marquee-cap\">Estilo Tudor \u00b7 Desde el agua<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"1\" aria-hidden=\"true\" tabindex=\"-1\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-CASA-WATERFRONT-CON-YATE-EN-SU-DOCK-VISTA-DE-DRONE.jpg\" alt=\"\">\n <span class=\"marquee-cap\">Vista a\u00e9rea \u00b7 Casa y dock<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"2\" aria-hidden=\"true\" tabindex=\"-1\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-CASA-WATERFRONT-EN-FORT-LAUDERDALE-CON-SUPERYATE-EN-LA-AMARRA.jpg\" alt=\"\">\n <span class=\"marquee-cap\">Fort Lauderdale \u00b7 Amarra privada<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"3\" aria-hidden=\"true\" tabindex=\"-1\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-MANSION-WATERFRONT-VISTA-DESDE-EL-AGUA.jpg\" alt=\"\">\n <span class=\"marquee-cap\">Mansi\u00f3n \u00b7 Desde el agua<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"4\" aria-hidden=\"true\" tabindex=\"-1\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-VISTA-DESDE-EL-AGUA-CASA-WATERFRONT-ESTILO-AMERICANO-ANTIGUO.jpg\" alt=\"\">\n <span class=\"marquee-cap\">Americano cl\u00e1sico \u00b7 Waterfront<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"5\" aria-hidden=\"true\" tabindex=\"-1\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-VISTA-DESDE-EL-AGUA-DE-CASA-WATERFRONT-MUY-MODERNA.jpg\" alt=\"\">\n <span class=\"marquee-cap\">Volumen moderno \u00b7 Abierto a la bah\u00eda<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"6\" aria-hidden=\"true\" tabindex=\"-1\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-VISTA-DESDE-EL-AGUA-CASA-EN-ESQUINA-CON-YATE-AL-FRENTE.jpg\" alt=\"\">\n <span class=\"marquee-cap\">Esquina \u00b7 Yate al frente<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"7\" aria-hidden=\"true\" tabindex=\"-1\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-VISTA-AEREA-DE-COSTA-CON-VARIAS-CASAS-WATERFRONT-CON-EL-OCEANO-EN-EL-HORIZONTE.jpg\" alt=\"\">\n <span class=\"marquee-cap\">Costa \u00b7 Oc\u00e9ano en el horizonte<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"8\" aria-hidden=\"true\" tabindex=\"-1\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-VISTA-AEREA-DE-COSTA-CON-VARIAS-CASAS-WATERFRONT.jpg\" alt=\"\">\n <span class=\"marquee-cap\">Comunidad waterfront \u00b7 Vista a\u00e9rea<\/span>\n <\/button>\n <button type=\"button\" class=\"marquee-item\" data-lb-index=\"9\" aria-hidden=\"true\" tabindex=\"-1\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-CASA-ESTILO-EUROPEO-VISTA-DESDE-EL-AGUA-TURQUESA-DE-LA-BAHIA.jpg\" alt=\"\">\n <span class=\"marquee-cap\">Volumen europeo \u00b7 Bah\u00eda turquesa<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"stats-strip reveal\">\n <div class=\"stat-item\">\n <div class=\"stat-num\">12<em>mo<\/em><\/div>\n <div class=\"stat-label\">Cintur\u00f3n c\u00e1lido<\/div>\n <div class=\"stat-sub\">Temporada navegable todo el a\u00f1o<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-num\">5<em>mo<\/em><\/div>\n <div class=\"stat-label\">Tradici\u00f3n Grandes Lagos<\/div>\n <div class=\"stat-sub\">M\u00e1s corta, m\u00e1s densa, m\u00e1s ritual<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-num\">1<\/div>\n <div class=\"stat-label\">\u00danico umbral<\/div>\n <div class=\"stat-sub\">El muelle, no la puerta de entrada<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-num\">5<\/div>\n <div class=\"stat-label\">Principios de dise\u00f1o<\/div>\n <div class=\"stat-sub\">De la circulaci\u00f3n al silencio<\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"lightbox\" id=\"waterfrontEsLightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Galer\u00eda de im\u00e1genes\" aria-hidden=\"true\">\n <div class=\"lightbox-stage\">\n <span class=\"lightbox-count\"><em id=\"waterfrontEsLbCurrent\">1<\/em> \/ <span id=\"waterfrontEsLbTotal\">10<\/span><\/span>\n <button type=\"button\" class=\"lightbox-close\" id=\"waterfrontEsLbClose\" aria-label=\"Cerrar galer\u00eda\">\u2715<\/button>\n <button type=\"button\" class=\"lightbox-nav lightbox-prev\" id=\"waterfrontEsLbPrev\" aria-label=\"Imagen anterior\">\u2039<\/button>\n <figure class=\"lightbox-figure\" id=\"waterfrontEsLbFigure\">\n <div class=\"lightbox-slide is-current\" id=\"waterfrontEsLbSlideA\">\n <img decoding=\"async\" class=\"lightbox-img\" src=\"\" alt=\"\">\n <figcaption class=\"lightbox-cap\"><\/figcaption>\n <\/div>\n <div class=\"lightbox-slide\" id=\"waterfrontEsLbSlideB\">\n <img decoding=\"async\" class=\"lightbox-img\" src=\"\" alt=\"\">\n <figcaption class=\"lightbox-cap\"><\/figcaption>\n <\/div>\n <\/figure>\n <button type=\"button\" class=\"lightbox-nav lightbox-next\" id=\"waterfrontEsLbNext\" aria-label=\"Imagen siguiente\">\u203a<\/button>\n <\/div>\n <\/div>\n\n<\/article>\n\n<script>\n(function(){\n if (typeof IntersectionObserver !== 'undefined') {\n var io = new IntersectionObserver(function(entries){\n entries.forEach(function(e){\n if (e.isIntersecting) {\n e.target.classList.add('in-view');\n io.unobserve(e.target);\n }\n });\n }, { threshold: 0.14, rootMargin: '0px 0px -60px 0px' });\n document.querySelectorAll('.waterfront-es-article .reveal').forEach(function(el){\n io.observe(el);\n });\n } else {\n document.querySelectorAll('.waterfront-es-article .reveal').forEach(function(el){\n el.classList.add('in-view');\n });\n }\n\n var images = [\n { src: 'https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-CASA-ESTILO-TUDOR-MAJESTUOSA-VISTA-DESDE-EL-AGUA.jpg', cap: 'Estilo Tudor \u00b7 Desde el agua' },\n { src: 'https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-CASA-WATERFRONT-CON-YATE-EN-SU-DOCK-VISTA-DE-DRONE.jpg', cap: 'Vista a\u00e9rea \u00b7 Casa y dock' },\n { src: 'https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-CASA-WATERFRONT-EN-FORT-LAUDERDALE-CON-SUPERYATE-EN-LA-AMARRA.jpg', cap: 'Fort Lauderdale \u00b7 Amarra privada' },\n { src: 'https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-MANSION-WATERFRONT-VISTA-DESDE-EL-AGUA.jpg', cap: 'Mansi\u00f3n \u00b7 Desde el agua' },\n { src: 'https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-VISTA-DESDE-EL-AGUA-CASA-WATERFRONT-ESTILO-AMERICANO-ANTIGUO.jpg', cap: 'Americano cl\u00e1sico \u00b7 Waterfront' },\n { src: 'https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-VISTA-DESDE-EL-AGUA-DE-CASA-WATERFRONT-MUY-MODERNA.jpg', cap: 'Volumen moderno \u00b7 Abierto a la bah\u00eda' },\n { src: 'https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-VISTA-DESDE-EL-AGUA-CASA-EN-ESQUINA-CON-YATE-AL-FRENTE.jpg', cap: 'Esquina \u00b7 Yate al frente' },\n { src: 'https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-VISTA-AEREA-DE-COSTA-CON-VARIAS-CASAS-WATERFRONT-CON-EL-OCEANO-EN-EL-HORIZONTE.jpg', cap: 'Costa \u00b7 Oc\u00e9ano en el horizonte' },\n { src: 'https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-VISTA-AEREA-DE-COSTA-CON-VARIAS-CASAS-WATERFRONT.jpg', cap: 'Comunidad waterfront \u00b7 Vista a\u00e9rea' },\n { src: 'https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-CASA-ESTILO-EUROPEO-VISTA-DESDE-EL-AGUA-TURQUESA-DE-LA-BAHIA.jpg', cap: 'Volumen europeo \u00b7 Bah\u00eda turquesa' }\n ];\n\n var lb = document.getElementById('waterfrontEsLightbox');\n var slideA = document.getElementById('waterfrontEsLbSlideA');\n var slideB = document.getElementById('waterfrontEsLbSlideB');\n var lbCur = document.getElementById('waterfrontEsLbCurrent');\n var lbTotal = document.getElementById('waterfrontEsLbTotal');\n var lbClose = document.getElementById('waterfrontEsLbClose');\n var lbPrev = document.getElementById('waterfrontEsLbPrev');\n var lbNext = document.getElementById('waterfrontEsLbNext');\n var triggers = document.querySelectorAll('.waterfront-es-article .marquee-item');\n\n if (!lb || !triggers.length) return;\n\n var current = 0;\n var activeSlide = slideA;\n var inactiveSlide = slideB;\n var isAnimating = false;\n var lastFocused = null;\n lbTotal.textContent = images.length;\n\n function fillSlide(slideEl, idx){\n var imgEl = slideEl.querySelector('.lightbox-img');\n var capEl = slideEl.querySelector('.lightbox-cap');\n imgEl.src = images[idx].src;\n imgEl.alt = images[idx].cap;\n capEl.textContent = images[idx].cap;\n }\n\n function preload(idx){\n var p = new Image();\n p.src = images[idx].src;\n }\n\n function setInitial(idx){\n current = (idx + images.length) % images.length;\n fillSlide(activeSlide, current);\n activeSlide.classList.remove('enter-from-right','enter-from-left','exit-to-left','exit-to-right');\n activeSlide.classList.add('is-current');\n inactiveSlide.classList.remove('is-current','enter-from-right','enter-from-left','exit-to-left','exit-to-right');\n lbCur.textContent = current + 1;\n preload((current + 1) % images.length);\n preload((current - 1 + images.length) % images.length);\n }\n\n function slideTo(idx, direction){\n if (isAnimating) return;\n var target = (idx + images.length) % images.length;\n if (target === current) return;\n isAnimating = true;\n\n fillSlide(inactiveSlide, target);\n inactiveSlide.classList.remove('is-current','enter-from-right','enter-from-left','exit-to-left','exit-to-right');\n inactiveSlide.classList.add(direction === 'next' ? 'enter-from-right' : 'enter-from-left');\n\n void inactiveSlide.offsetWidth;\n\n inactiveSlide.classList.remove('enter-from-right','enter-from-left');\n inactiveSlide.classList.add('is-current');\n\n activeSlide.classList.remove('is-current');\n activeSlide.classList.add(direction === 'next' ? 'exit-to-left' : 'exit-to-right');\n\n var prevActive = activeSlide;\n activeSlide = inactiveSlide;\n inactiveSlide = prevActive;\n current = target;\n lbCur.textContent = current + 1;\n\n setTimeout(function(){\n inactiveSlide.classList.remove('exit-to-left','exit-to-right');\n isAnimating = false;\n }, 600);\n\n preload((current + 1) % images.length);\n preload((current - 1 + images.length) % images.length);\n }\n\n function open(idx){\n lastFocused = document.activeElement;\n setInitial(idx);\n lb.classList.add('is-open');\n lb.setAttribute('aria-hidden', 'false');\n document.body.classList.add('waterfront-es-lb-open');\n setTimeout(function(){ lbClose.focus(); }, 50);\n }\n\n function close(){\n lb.classList.remove('is-open');\n lb.setAttribute('aria-hidden', 'true');\n document.body.classList.remove('waterfront-es-lb-open');\n if (lastFocused && typeof lastFocused.focus === 'function') {\n try { lastFocused.focus(); } catch(e){}\n }\n }\n\n function next(){ slideTo(current + 1, 'next'); }\n function prev(){ slideTo(current - 1, 'prev'); }\n\n triggers.forEach(function(btn){\n btn.addEventListener('click', function(e){\n e.preventDefault();\n var i = parseInt(btn.getAttribute('data-lb-index'), 10) || 0;\n open(i);\n });\n });\n\n lbClose.addEventListener('click', close);\n lbNext.addEventListener('click', next);\n lbPrev.addEventListener('click', prev);\n\n lb.addEventListener('click', function(e){\n if (e.target === lb || e.target.classList.contains('lightbox-stage')) {\n close();\n }\n });\n\n document.addEventListener('keydown', function(e){\n if (!lb.classList.contains('is-open')) return;\n if (e.key === 'Escape') { e.preventDefault(); close(); }\n if (e.key === 'ArrowRight') { e.preventDefault(); next(); }\n if (e.key === 'ArrowLeft') { e.preventDefault(); prev(); }\n });\n\n var touchStartX = 0, touchEndX = 0;\n lb.addEventListener('touchstart', function(e){\n touchStartX = e.changedTouches[0].screenX;\n }, { passive: true });\n lb.addEventListener('touchend', function(e){\n touchEndX = e.changedTouches[0].screenX;\n var delta = touchEndX - touchStartX;\n if (Math.abs(delta) > 50) {\n if (delta < 0) next(); else prev();\n }\n }, { passive: true });\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1979bf6e e-con-full e-flex e-con e-child\" data-id=\"1979bf6e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72357ff2 elementor-widget elementor-widget-shortcode\" data-id=\"72357ff2\" 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-2384bd73 e-con e-atomic-element e-div-block-base e-2384bd73-16b8854 \" data-id=\"2384bd73\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"2384bd73\" data-e-type=\"e-div-block\" data-id=\"2384bd73\">\n <div class=\"elementor-element elementor-element-613ca91c e-con e-atomic-element e-div-block-base e-613ca91c-9b578ab \" data-id=\"613ca91c\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"613ca91c\" data-e-type=\"e-div-block\" data-id=\"613ca91c\">\n \t\t<div class=\"elementor-element elementor-element-2c95365c elementor-widget elementor-widget-html\" data-id=\"2c95365c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Casas que empiezan en el muelle \u2014 Widget 2 \u2014 USA Onboard<\/title>\n<style>\nbody { margin:0; padding:0; background:#faf8f5; }\n<\/style>\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n WATERFRONT LIVING \u00b7 USA ONBOARD \u00b7 M\u00f3dulo \u00b7 Parte 2 (ES)\n TEMPLATE 5 \u2014 Umbral, hospitalidad, arquitectura de la llegada\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\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.waterfront-es-article {\n --serif: \"Cormorant Garamond\", Georgia, serif;\n --sans: \"Jost\", -apple-system, BlinkMacSystemFont, sans-serif;\n --ink: #0a0a0a;\n --ink-mid: #2c2c2c;\n --ink-soft: #6a6a6a;\n --off-white: #faf8f5;\n --cream: #f3efe8;\n --cream-mid: #ece6db;\n --navy: #0c1b2a;\n --navy-light: #152638;\n --gold: #b08d57;\n --gold-lt: #c9a96e;\n --gold-dk: #8a6b38;\n --border: #ddd5c5;\n font-family:var(--sans);\n color:var(--ink);\n background:var(--off-white);\n line-height:1.6;\n overflow:hidden;\n}\n.waterfront-es-article *, .waterfront-es-article *::before, .waterfront-es-article *::after { box-sizing:border-box; }\n.waterfront-es-article img { display:block; max-width:100%; height:auto; }\n\n.waterfront-es-article .art-container { max-width:860px; margin:0 auto; padding:0 32px; }\n.waterfront-es-article .art-body-text {\n font-family:var(--sans);\n font-size:18px; font-weight:300;\n color:var(--ink-mid);\n line-height:1.95;\n margin:0 0 26px;\n max-width:780px;\n}\n.waterfront-es-article .art-body-text strong { color:var(--ink); font-weight:500; }\n.waterfront-es-article .art-body-text em { color:var(--gold-dk); font-style:italic; }\n\n\/* \u2500\u2500\u2500 KICKER \u2500\u2500\u2500 *\/\n.waterfront-es-article .art-kicker {\n display:flex; align-items:center; gap:14px;\n font-family:var(--sans); font-size:11px; font-weight:500;\n letter-spacing:.35em; text-transform:uppercase;\n color:var(--gold-dk);\n margin:80px 0 20px;\n}\n.waterfront-es-article .art-kicker::before {\n content:''; width:36px; height:1px; background:var(--gold-dk);\n}\n\n\/* \u2500\u2500\u2500 SECTION HEAD \u2500\u2500\u2500 *\/\n.waterfront-es-article .art-section-head {\n font-family:var(--serif);\n font-size:clamp(36px, 4vw, 58px);\n font-weight:400;\n color:var(--ink);\n line-height:1.12;\n letter-spacing:-.005em;\n margin:0 0 36px;\n max-width:900px;\n}\n.waterfront-es-article .art-section-head em {\n font-style:italic; color:var(--gold-dk); font-weight:300;\n}\n\n\/* \u2500\u2500\u2500 REVEAL \u2500\u2500\u2500 *\/\n.waterfront-es-article .reveal {\n opacity:0;\n transform:translateY(40px);\n transition:opacity 1.1s cubic-bezier(.2,.7,.2,1), transform 1.1s cubic-bezier(.2,.7,.2,1);\n will-change:opacity, transform;\n}\n.waterfront-es-article .reveal.in-view { opacity:1; transform:translateY(0); }\n.waterfront-es-article .reveal.delay-1 { transition-delay:.12s; }\n.waterfront-es-article .reveal.delay-2 { transition-delay:.24s; }\n.waterfront-es-article .reveal.delay-3 { transition-delay:.36s; }\n\n\/* \u2500\u2500\u2500 PARALLAX \u2500\u2500\u2500 *\/\n.waterfront-es-article .parallax-section {\n position:relative;\n width:100%;\n height:clamp(460px, 75vh, 820px);\n overflow:hidden;\n margin:0;\n}\n.waterfront-es-article .parallax-img {\n position:absolute; inset:-8%;\n background-size:cover;\n background-position:center;\n background-attachment:fixed;\n}\n.waterfront-es-article .parallax-overlay {\n position:absolute; inset:0;\n background:linear-gradient(to bottom, rgba(10,15,20,.15) 0%, rgba(10,15,20,.45) 100%);\n}\n.waterfront-es-article .parallax-caption {\n position:absolute; bottom:36px; right:48px;\n font-family:var(--sans); font-size:11px; font-weight:400;\n letter-spacing:.26em; text-transform:uppercase;\n color:rgba(255,255,255,.55);\n display:flex; align-items:center; gap:12px;\n}\n.waterfront-es-article .parallax-caption::before {\n content:''; width:32px; height:1px;\n background:rgba(255,255,255,.4);\n}\n\n\/* \u2500\u2500\u2500 FACT BOX \u2500\u2500\u2500 *\/\n.waterfront-es-article .fact-box {\n background:var(--cream);\n border-left:2px solid var(--gold);\n padding:36px 40px;\n margin:52px auto;\n max-width:820px;\n}\n.waterfront-es-article .fact-box-label {\n font-family:var(--sans);\n font-size:10px; font-weight:600;\n letter-spacing:.36em; text-transform:uppercase;\n color:var(--gold-dk);\n margin-bottom:14px;\n display:flex; align-items:center; gap:12px;\n}\n.waterfront-es-article .fact-box-label::before {\n content:''; width:28px; height:1px; background:var(--gold-dk);\n}\n.waterfront-es-article .fact-box-body {\n font-family:var(--serif);\n font-size:19px; font-weight:400; font-style:italic;\n color:var(--ink-mid);\n line-height:1.65;\n}\n.waterfront-es-article .fact-box-body strong {\n font-style:normal; font-weight:600; color:var(--ink);\n}\n.waterfront-es-article .fact-box-body ol {\n margin:18px 0 0;\n padding-left:0;\n list-style:none;\n counter-reset:waterfrontesclaves;\n}\n.waterfront-es-article .fact-box-body ol li {\n counter-increment:waterfrontesclaves;\n position:relative;\n padding:10px 0 10px 44px;\n border-bottom:1px solid rgba(176,141,87,.18);\n font-size:17px;\n line-height:1.5;\n}\n.waterfront-es-article .fact-box-body ol li:last-child { border-bottom:none; }\n.waterfront-es-article .fact-box-body ol li::before {\n content:counter(waterfrontesclaves, decimal-leading-zero);\n position:absolute; left:0; top:10px;\n font-family:var(--sans);\n font-size:11px; font-weight:600; font-style:normal;\n letter-spacing:.22em;\n color:var(--gold-dk);\n}\n\n\/* \u2500\u2500\u2500 EDITORIAL MOSAIC \u2500\u2500\u2500 *\/\n.waterfront-es-article .mosaic-section {\n padding:96px 32px 80px;\n background:var(--off-white);\n}\n.waterfront-es-article .mosaic-wrap {\n max-width:1280px;\n margin:0 auto;\n}\n.waterfront-es-article .mosaic-header {\n text-align:center;\n margin-bottom:56px;\n}\n.waterfront-es-article .mosaic-kicker {\n display:inline-flex; align-items:center; gap:14px;\n font-family:var(--sans); font-size:11px; font-weight:500;\n letter-spacing:.35em; text-transform:uppercase;\n color:var(--gold-dk);\n margin-bottom:20px;\n}\n.waterfront-es-article .mosaic-kicker::before,\n.waterfront-es-article .mosaic-kicker::after {\n content:''; width:36px; height:1px; background:var(--gold-dk);\n}\n.waterfront-es-article .mosaic-title {\n font-family:var(--serif);\n font-size:clamp(28px, 3vw, 42px);\n font-weight:400; font-style:italic;\n color:var(--ink);\n line-height:1.25;\n letter-spacing:-.005em;\n margin:0 auto;\n max-width:760px;\n}\n.waterfront-es-article .mosaic-title em { color:var(--gold-dk); }\n\n.waterfront-es-article .mosaic-grid {\n display:grid;\n grid-template-columns:repeat(12, 1fr);\n grid-auto-rows:140px;\n gap:18px;\n}\n.waterfront-es-article .mosaic-cell {\n position:relative;\n overflow:hidden;\n background:var(--navy);\n}\n.waterfront-es-article .mosaic-cell img {\n width:100%; height:100%;\n object-fit:cover;\n transition:transform 6s ease-out, opacity 1.2s ease-out;\n opacity:.92;\n}\n.waterfront-es-article .mosaic-cell:hover img {\n transform:scale(1.05);\n opacity:1;\n}\n.waterfront-es-article .mosaic-cap {\n position:absolute; left:22px; bottom:18px;\n font-family:var(--sans); font-size:10px; font-weight:500;\n letter-spacing:.26em; text-transform:uppercase;\n color:#fff;\n display:flex; align-items:center; gap:12px;\n text-shadow:0 2px 12px rgba(0,0,0,.5);\n}\n.waterfront-es-article .mosaic-cap::before {\n content:''; width:24px; height:1px; background:rgba(255,255,255,.7);\n}\n.waterfront-es-article .mosaic-cell.m-tall { grid-column:span 5; grid-row:span 4; }\n.waterfront-es-article .mosaic-cell.m-wide { grid-column:span 7; grid-row:span 2; }\n.waterfront-es-article .mosaic-cell.m-square { grid-column:span 7; grid-row:span 2; }\n\n\/* \u2500\u2500\u2500 PULL QUOTE \u2500\u2500\u2500 *\/\n.waterfront-es-article .art-pullquote {\n padding:48px 48px 54px;\n margin:28px auto 36px;\n text-align:center;\n max-width:1040px;\n position:relative;\n}\n.waterfront-es-article .art-pullquote::before {\n content:'\\201C';\n display:block;\n font-family:var(--serif);\n font-size:120px; font-weight:400;\n color:var(--gold);\n opacity:.24;\n line-height:.3;\n margin-bottom:10px;\n}\n.waterfront-es-article .art-pullquote-text {\n font-family:var(--serif);\n font-size:clamp(28px, 3vw, 42px);\n font-weight:300; font-style:italic;\n color:var(--ink);\n line-height:1.4;\n letter-spacing:-.005em;\n margin:0 0 28px;\n}\n.waterfront-es-article .art-pullquote-cite {\n font-family:var(--sans);\n font-size:11px; font-weight:500;\n letter-spacing:.32em; text-transform:uppercase;\n color:var(--gold-dk);\n}\n\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n@media (max-width:960px) {\n .waterfront-es-article .parallax-img { background-attachment:scroll; }\n .waterfront-es-article .art-container { padding:0 24px; }\n .waterfront-es-article .art-pullquote { padding:48px 24px; }\n .waterfront-es-article .parallax-caption { right:24px; bottom:24px; font-size:10px; }\n .waterfront-es-article .mosaic-grid { grid-auto-rows:110px; }\n}\n@media (max-width:720px) {\n .waterfront-es-article .mosaic-section { padding:64px 20px; }\n .waterfront-es-article .mosaic-header { margin-bottom:36px; }\n .waterfront-es-article .mosaic-grid {\n grid-template-columns:1fr;\n grid-auto-rows:240px;\n }\n .waterfront-es-article .mosaic-cell.m-tall,\n .waterfront-es-article .mosaic-cell.m-wide,\n .waterfront-es-article .mosaic-cell.m-square {\n grid-column:span 1; grid-row:span 1;\n }\n .waterfront-es-article .mosaic-cell.m-tall { grid-row:span 2; }\n .waterfront-es-article .fact-box { padding:28px 24px; margin:40px auto; }\n .waterfront-es-article .fact-box-body { font-size:17px; }\n .waterfront-es-article .fact-box-body ol li { font-size:16px; padding-left:38px; }\n}\n@media (prefers-reduced-motion: reduce) {\n .waterfront-es-article .parallax-img { background-attachment:scroll; }\n}\n<\/style>\n\n<article class=\"waterfront-es-article\">\n\n \n <div class=\"art-container\">\n <span class=\"art-kicker reveal\">Parte uno \u00b7 El umbral<\/span>\n <h2 class=\"art-section-head reveal\">El muelle ha dejado de ser <em>un ap\u00e9ndice<\/em><\/h2>\n\n <p class=\"art-body-text reveal\">En una residencia waterfront bien planteada, la circulaci\u00f3n se lee como una frase \u00fanica sin interrupciones. Del interior al deck, del deck al muelle, del muelle a la embarcaci\u00f3n \u2014 el movimiento es tan l\u00f3gico que nunca pide ser notado. Esa fluidez es el primer indicio de seriedad. Las casas que tratan el muelle como un detalle t\u00e9cnico se delatan apenas se llega: un sendero de servicio que bordea la propiedad, un desnivel que exige una llave, una transici\u00f3n que rompe el ritmo del d\u00eda. Las casas que empiezan en el muelle organizan toda la planta baja para que el agua se lea como parte del plano y no como un atributo m\u00e1s all\u00e1 de \u00e9l.<\/p>\n\n <p class=\"art-body-text reveal\">Las implicaciones son espaciales antes que est\u00e9ticas. Los mejores arquitectos que trabajan en el cintur\u00f3n c\u00e1lido dise\u00f1an hoy el muelle y su aproximaci\u00f3n con el mismo cuidado que dedican a un foyer o a una suite principal. La iluminaci\u00f3n se estratifica, no se impone. Los materiales mantienen su compostura bajo sal y humedad. Las l\u00edneas de visi\u00f3n permanecen abiertas entre la embarcaci\u00f3n, la terraza y las habitaciones que importan. El resultado es una propiedad que se lee como un gesto continuo de la calle al muelle \u2014 y que registra, en el instante de la llegada por agua, como <em>compuesta antes que ensamblada<\/em>.<\/p>\n\n <div class=\"fact-box reveal\">\n <div class=\"fact-box-label\">Cinco claves<\/div>\n <div class=\"fact-box-body\">\n Lo que distingue a una gran residencia waterfront de una casa que simplemente tiene acceso al agua:\n <ol>\n <li>Circulaci\u00f3n fluida entre arquitectura, terraza y embarcaci\u00f3n \u2014 sin desv\u00edos de servicio ni quiebres torpes.<\/li>\n <li>Espacios de recepci\u00f3n vinculados directamente con el agua, no orientados de espaldas a ella.<\/li>\n <li>Materiales premium pensados para el entorno marino \u2014 compostura ante la sal, el sol y la humedad.<\/li>\n <li>Privacidad preservada sin sacrificar apertura visual \u2014 transparencia que no expone.<\/li>\n <li>Sistemas de clima, iluminaci\u00f3n y ac\u00fastica que acompa\u00f1an sin invadir.<\/li>\n <\/ol>\n <\/div>\n <\/div>\n <\/div>\n\n \n <section class=\"parallax-section\">\n <div class=\"parallax-img\" style=\"background-image:url('https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-VISTA-AEREA-DE-COSTA-CON-VARIAS-CASAS-WATERFRONT.jpg');\"><\/div>\n <div class=\"parallax-overlay\"><\/div>\n <div class=\"parallax-caption\">Vista a\u00e9rea \u00b7 Comunidad waterfront<\/div>\n <\/section>\n\n \n <div class=\"art-container\">\n <span class=\"art-kicker reveal\">Parte dos \u00b7 Hospitalidad<\/span>\n <h2 class=\"art-section-head reveal\">El muelle aprende a <em>recibir<\/em><\/h2>\n\n <p class=\"art-body-text reveal\">En una propiedad mal resuelta, el muelle es una superficie de trabajo \u2014 un lugar para maniobrar, cargar, partir. En una grande, adquiere una segunda vida como sal\u00f3n social. Se convierte en el sitio donde se recibe a los invitados antes de tocar la puerta de entrada, donde las noches se extienden m\u00e1s all\u00e1 del \u00faltimo c\u00f3ctel en el sal\u00f3n, donde la conversaci\u00f3n se prolonga porque la arquitectura lo permite. La luz baja. El agua se asienta. El borde entre recibir y descansar se difumina, y el muelle sostiene ambos sin esfuerzo.<\/p>\n\n <p class=\"art-body-text reveal\">Aqu\u00ed es donde el dise\u00f1o waterfront se separa del real estate costero como categor\u00eda. Una casa con un dock sirve a un propietario. Una casa que empieza en el muelle sirve a una manera de vivir que integra <strong>navegaci\u00f3n y hospitalidad<\/strong> como parte del mismo gesto. El c\u00f3ctel antes de zarpar se lee como un movimiento natural; el regreso al atardecer encuentra una terraza ya preparada para recibirlo. La arquitectura deja de pedirle al propietario que medie entre dos registros \u2014 casa y embarcaci\u00f3n \u2014 y aprende a contener ambos a la vez.<\/p>\n\n <p class=\"art-body-text reveal\">Es tambi\u00e9n donde la diferencia cultural entre regiones se afina. En <strong>el sur de Florida y la Costa del Golfo<\/strong>, el muelle como sal\u00f3n social es casi un dato anual; el clima escribe el guion. En los <strong>Grandes Lagos y el Noreste<\/strong>, la temporada es breve y los rituales se vuelven m\u00e1s densos \u2014 la apertura del muelle a fines de la primavera, el cierre en octubre, las \u00faltimas tardes de luz c\u00e1lida antes de que regrese la cubierta protectora. Las estructuras difieren, pero la sensibilidad es la misma: el muelle se trata como una habitaci\u00f3n de la casa, planificada con la misma intenci\u00f3n que cualquier otra.<\/p>\n <\/div>\n\n \n <section class=\"mosaic-section\">\n <div class=\"mosaic-wrap\">\n <div class=\"mosaic-header reveal\">\n <span class=\"mosaic-kicker\">Tres lecturas<\/span>\n <h3 class=\"mosaic-title\">Tres maneras en que la <em>casa encuentra el agua<\/em><\/h3>\n <\/div>\n <div class=\"mosaic-grid reveal\">\n <div class=\"mosaic-cell m-tall\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1200-X-1500-VERTICAL-MANSION-VISTA-FRONTAL-DESDE-EL-AGUA-V2.jpg\" alt=\"Vista frontal de mansi\u00f3n waterfront desde el agua\">\n <span class=\"mosaic-cap\">Mansi\u00f3n \u00b7 Frente desde el agua<\/span>\n <\/div>\n <div class=\"mosaic-cell m-wide\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2100-X-900-Vista-desde-el-dock-al-atardecer.jpg\" alt=\"Vista panor\u00e1mica desde el muelle al atardecer\">\n <span class=\"mosaic-cap\">Desde el muelle \u00b7 Al atardecer<\/span>\n <\/div>\n <div class=\"mosaic-cell m-square\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2100-X-900-1920-X-1080-VISTA-DESDE-EL-AGUA-CASA-WATERFRONT-ESTILO-AMERICANO-ANTIGUO-V2.jpg\" alt=\"Residencia waterfront estilo americano cl\u00e1sico en composici\u00f3n panor\u00e1mica\">\n <span class=\"mosaic-cap\">Americano cl\u00e1sico \u00b7 Tradici\u00f3n costera<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"art-pullquote reveal\">\n <p class=\"art-pullquote-text\">El muelle deja de ser un lugar para maniobrar y se convierte en un lugar para recibir, demorarse, cerrar el d\u00eda.<\/p>\n <span class=\"art-pullquote-cite\">USA Onboard \u00b7 Lectura editorial<\/span>\n <\/div>\n\n<\/article>\n\n<script>\n(function(){\n if (typeof IntersectionObserver !== 'undefined') {\n var io = new IntersectionObserver(function(entries){\n entries.forEach(function(e){\n if (e.isIntersecting) {\n e.target.classList.add('in-view');\n io.unobserve(e.target);\n }\n });\n }, { threshold: 0.14, rootMargin: '0px 0px -60px 0px' });\n document.querySelectorAll('.waterfront-es-article .reveal').forEach(function(el){\n io.observe(el);\n });\n } else {\n document.querySelectorAll('.waterfront-es-article .reveal').forEach(function(el){\n el.classList.add('in-view');\n });\n }\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-321c51a8 e-con-full e-flex e-con e-child\" data-id=\"321c51a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74c656ad elementor-widget elementor-widget-shortcode\" data-id=\"74c656ad\" 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-5b0ea09a elementor-widget elementor-widget-html\" data-id=\"5b0ea09a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Casas que empiezan en el muelle \u2014 Widget 3 \u2014 USA Onboard<\/title>\n<style>\nbody { margin:0; padding:0; background:#faf8f5; }\n<\/style>\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n WATERFRONT LIVING \u00b7 USA ONBOARD \u00b7 M\u00f3dulo \u00b7 Parte 3 (ES)\n TEMPLATE 5 \u2014 Materiales, geograf\u00eda, cierre\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\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.waterfront-es-article {\n --serif: \"Cormorant Garamond\", Georgia, serif;\n --sans: \"Jost\", -apple-system, BlinkMacSystemFont, sans-serif;\n --ink: #0a0a0a;\n --ink-mid: #2c2c2c;\n --ink-soft: #6a6a6a;\n --off-white: #faf8f5;\n --cream: #f3efe8;\n --cream-mid: #ece6db;\n --navy: #0c1b2a;\n --navy-light: #152638;\n --gold: #b08d57;\n --gold-lt: #c9a96e;\n --gold-dk: #8a6b38;\n --border: #ddd5c5;\n font-family:var(--sans);\n color:var(--ink);\n background:var(--off-white);\n line-height:1.6;\n overflow:hidden;\n}\n.waterfront-es-article *, .waterfront-es-article *::before, .waterfront-es-article *::after { box-sizing:border-box; }\n.waterfront-es-article img { display:block; max-width:100%; height:auto; }\n\n.waterfront-es-article .art-container { max-width:860px; margin:0 auto; padding:0 32px; }\n.waterfront-es-article .art-body-text {\n font-family:var(--sans);\n font-size:18px; font-weight:300;\n color:var(--ink-mid);\n line-height:1.95;\n margin:0 0 26px;\n max-width:780px;\n}\n.waterfront-es-article .art-body-text strong { color:var(--ink); font-weight:500; }\n.waterfront-es-article .art-body-text em { color:var(--gold-dk); font-style:italic; }\n\n\/* \u2500\u2500\u2500 KICKER \u2500\u2500\u2500 *\/\n.waterfront-es-article .art-kicker {\n display:flex; align-items:center; gap:14px;\n font-family:var(--sans); font-size:11px; font-weight:500;\n letter-spacing:.35em; text-transform:uppercase;\n color:var(--gold-dk);\n margin:80px 0 20px;\n}\n.waterfront-es-article .art-kicker::before {\n content:''; width:36px; height:1px; background:var(--gold-dk);\n}\n\n\/* \u2500\u2500\u2500 SECTION HEAD \u2500\u2500\u2500 *\/\n.waterfront-es-article .art-section-head {\n font-family:var(--serif);\n font-size:clamp(36px, 4vw, 58px);\n font-weight:400;\n color:var(--ink);\n line-height:1.12;\n letter-spacing:-.005em;\n margin:0 0 36px;\n max-width:900px;\n}\n.waterfront-es-article .art-section-head em {\n font-style:italic; color:var(--gold-dk); font-weight:300;\n}\n\n\/* \u2500\u2500\u2500 REVEAL \u2500\u2500\u2500 *\/\n.waterfront-es-article .reveal {\n opacity:0;\n transform:translateY(40px);\n transition:opacity 1.1s cubic-bezier(.2,.7,.2,1), transform 1.1s cubic-bezier(.2,.7,.2,1);\n will-change:opacity, transform;\n}\n.waterfront-es-article .reveal.in-view { opacity:1; transform:translateY(0); }\n.waterfront-es-article .reveal.delay-1 { transition-delay:.12s; }\n.waterfront-es-article .reveal.delay-2 { transition-delay:.24s; }\n.waterfront-es-article .reveal.delay-3 { transition-delay:.36s; }\n\n\/* \u2500\u2500\u2500 FULL-WIDTH IMAGE \u2500\u2500\u2500 *\/\n.waterfront-es-article .fullwidth-img {\n width:100%;\n margin:56px 0;\n position:relative;\n overflow:hidden;\n aspect-ratio:16\/9;\n}\n.waterfront-es-article .fullwidth-img img {\n width:100%; height:100%; object-fit:cover;\n transition:transform 8s ease-out;\n}\n.waterfront-es-article .fullwidth-img.in-view img { transform:scale(1.04); }\n.waterfront-es-article .fullwidth-cap {\n position:absolute; bottom:32px; left:48px;\n font-family:var(--sans);\n font-size:11px; font-weight:500;\n letter-spacing:.26em; text-transform:uppercase;\n color:rgba(255,255,255,.85);\n display:flex; align-items:center; gap:14px;\n text-shadow:0 2px 14px rgba(0,0,0,.5);\n}\n.waterfront-es-article .fullwidth-cap::before {\n content:''; width:36px; height:1px; background:rgba(255,255,255,.6);\n}\n\n\/* \u2500\u2500\u2500 SPLIT PAIR \u2500\u2500\u2500 *\/\n.waterfront-es-article .split-pair {\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:18px;\n margin:64px auto;\n max-width:1280px;\n padding:0 32px;\n}\n.waterfront-es-article .split-cell {\n position:relative;\n aspect-ratio:4\/5;\n overflow:hidden;\n background:var(--navy);\n}\n.waterfront-es-article .split-cell img {\n width:100%; height:100%;\n object-fit:cover;\n transition:transform 6s ease-out;\n}\n.waterfront-es-article .split-cell:hover img { transform:scale(1.05); }\n.waterfront-es-article .split-cap {\n position:absolute; left:22px; bottom:20px;\n font-family:var(--sans); font-size:10px; font-weight:500;\n letter-spacing:.26em; text-transform:uppercase;\n color:#fff;\n display:flex; align-items:center; gap:12px;\n text-shadow:0 2px 10px rgba(0,0,0,.55);\n}\n.waterfront-es-article .split-cap::before {\n content:''; width:24px; height:1px; background:rgba(255,255,255,.65);\n}\n\n\/* \u2500\u2500\u2500 PARALLAX \u2500\u2500\u2500 *\/\n.waterfront-es-article .parallax-section {\n position:relative;\n width:100%;\n height:clamp(460px, 75vh, 820px);\n overflow:hidden;\n margin:0;\n}\n.waterfront-es-article .parallax-img {\n position:absolute; inset:-8%;\n background-size:cover;\n background-position:center;\n background-attachment:fixed;\n}\n.waterfront-es-article .parallax-overlay {\n position:absolute; inset:0;\n background:linear-gradient(to bottom, rgba(10,15,20,.15) 0%, rgba(10,15,20,.45) 100%);\n}\n.waterfront-es-article .parallax-caption {\n position:absolute; bottom:36px; right:48px;\n font-family:var(--sans); font-size:11px; font-weight:400;\n letter-spacing:.26em; text-transform:uppercase;\n color:rgba(255,255,255,.55);\n display:flex; align-items:center; gap:12px;\n}\n.waterfront-es-article .parallax-caption::before {\n content:''; width:32px; height:1px;\n background:rgba(255,255,255,.4);\n}\n\n\/* \u2500\u2500\u2500 FACT BOX \u2500\u2500\u2500 *\/\n.waterfront-es-article .fact-box {\n background:var(--cream);\n border-left:2px solid var(--gold);\n padding:36px 40px;\n margin:52px auto;\n max-width:820px;\n}\n.waterfront-es-article .fact-box-label {\n font-family:var(--sans);\n font-size:10px; font-weight:600;\n letter-spacing:.36em; text-transform:uppercase;\n color:var(--gold-dk);\n margin-bottom:14px;\n display:flex; align-items:center; gap:12px;\n}\n.waterfront-es-article .fact-box-label::before {\n content:''; width:28px; height:1px; background:var(--gold-dk);\n}\n.waterfront-es-article .fact-box-body {\n font-family:var(--serif);\n font-size:19px; font-weight:400; font-style:italic;\n color:var(--ink-mid);\n line-height:1.65;\n}\n.waterfront-es-article .fact-box-body strong {\n font-style:normal; font-weight:600; color:var(--ink);\n}\n\n\/* \u2500\u2500\u2500 SPECS TABLE \u2500\u2500\u2500 *\/\n.waterfront-es-article .specs-table {\n max-width:860px;\n margin:64px auto;\n padding:0 32px;\n}\n.waterfront-es-article .specs-head {\n display:flex; align-items:center; gap:14px;\n font-family:var(--sans); font-size:11px; font-weight:600;\n letter-spacing:.36em; text-transform:uppercase;\n color:var(--gold-dk);\n margin-bottom:28px;\n}\n.waterfront-es-article .specs-head::before {\n content:''; width:36px; height:1px; background:var(--gold-dk);\n}\n.waterfront-es-article .specs-rows {\n border-top:1px solid var(--border);\n}\n.waterfront-es-article .specs-row {\n display:grid;\n grid-template-columns:1fr 2fr;\n gap:24px;\n padding:18px 0;\n border-bottom:1px solid var(--border);\n}\n.waterfront-es-article .specs-row dt {\n font-family:var(--sans);\n font-size:11px; font-weight:500;\n letter-spacing:.22em; text-transform:uppercase;\n color:var(--ink-soft);\n padding-top:4px;\n}\n.waterfront-es-article .specs-row dd {\n font-family:var(--serif);\n font-size:19px; font-weight:400;\n color:var(--ink);\n line-height:1.45;\n margin:0;\n}\n.waterfront-es-article .specs-row dd em {\n font-style:italic; color:var(--gold-dk);\n}\n\n\/* \u2500\u2500\u2500 CLOSING \u2500\u2500\u2500 *\/\n.waterfront-es-article .art-closing {\n padding:96px 32px 128px;\n background:linear-gradient(to bottom, var(--off-white) 0%, var(--cream) 100%);\n text-align:center;\n}\n.waterfront-es-article .art-closing-mark {\n display:inline-block;\n width:42px; height:1px;\n background:var(--gold);\n margin-bottom:32px;\n}\n.waterfront-es-article .art-closing-text {\n font-family:var(--serif);\n font-size:clamp(22px, 2.2vw, 28px);\n font-weight:300; font-style:italic;\n color:var(--ink-mid);\n line-height:1.6;\n max-width:780px;\n margin:0 auto 38px;\n}\n.waterfront-es-article .art-closing-sig {\n font-family:var(--sans); font-size:10px; font-weight:600;\n letter-spacing:.4em; text-transform:uppercase;\n color:var(--gold-dk);\n}\n\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n@media (max-width:960px) {\n .waterfront-es-article .parallax-img { background-attachment:scroll; }\n .waterfront-es-article .art-container { padding:0 24px; }\n .waterfront-es-article .parallax-caption { right:24px; bottom:24px; font-size:10px; }\n .waterfront-es-article .fullwidth-cap { left:24px; bottom:24px; font-size:10px; }\n .waterfront-es-article .split-pair { padding:0 24px; gap:14px; }\n}\n@media (max-width:720px) {\n .waterfront-es-article .split-pair { grid-template-columns:1fr; gap:14px; padding:0 20px; }\n .waterfront-es-article .specs-row { grid-template-columns:1fr; gap:6px; }\n .waterfront-es-article .specs-row dd { font-size:17px; }\n .waterfront-es-article .art-closing { padding:64px 24px 96px; }\n .waterfront-es-article .fact-box { padding:28px 24px; margin:40px auto; }\n .waterfront-es-article .fact-box-body { font-size:17px; }\n}\n@media (prefers-reduced-motion: reduce) {\n .waterfront-es-article .parallax-img { background-attachment:scroll; }\n .waterfront-es-article .fullwidth-img img { transform:none; }\n}\n<\/style>\n\n<article class=\"waterfront-es-article\">\n\n \n <figure class=\"fullwidth-img reveal\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/1920-X-1080-VISTA-DESDE-EL-AGUA-DE-CASA-WATERFRONT-MUY-MODERNA.jpg\" alt=\"Residencia waterfront muy moderna vista desde el agua, con apertura vidriada hacia la bah\u00eda\">\n <div class=\"fullwidth-cap\">Volumen moderno \u00b7 Le\u00eddo desde el agua<\/div>\n <\/figure>\n\n \n <div class=\"art-container\">\n <span class=\"art-kicker reveal\">Parte tres \u00b7 Materiales y clima<\/span>\n <h2 class=\"art-section-head reveal\">El entorno marino es <em>un brief, no un tel\u00f3n de fondo<\/em><\/h2>\n\n <p class=\"art-body-text reveal\">Una casa waterfront es, en t\u00e9rminos t\u00e9cnicos, un edificio permanentemente expuesto a un socio corrosivo. Aire cargado de sal, sol reflejado de alta intensidad, humedad sostenida, tormenta ocasional \u2014 cada detalle de una propiedad seria es una respuesta silenciosa a ese encargo. Los materiales se eligen solos \u00fanicamente en los proyectos mal concebidos. En los mejores, cada superficie se ha pensado por c\u00f3mo va a leerse en cinco, diez, veinte a\u00f1os de esa exposici\u00f3n.<\/p>\n\n <p class=\"art-body-text reveal\">Lo que la disciplina produce, cuando se hace bien, es un tipo particular de contenci\u00f3n. La piedra se elige por c\u00f3mo envejece, no solamente por c\u00f3mo se ve reci\u00e9n instalada. Los metales se especifican en grados marinos, con terminaciones dise\u00f1adas para envejecer en lugar de fallar. La madera es honesta respecto al clima que se le pide habitar \u2014 teca, ip\u00e9, ciertas maderas duras tratadas t\u00e9rmicamente que ganan su p\u00e1tina con el tiempo. El vidrio se detalla para soportar cargas de hurac\u00e1n sin perder su ligereza. El vocabulario est\u00e9tico es elegante; el argumento subyacente es ingenier\u00eda.<\/p>\n\n <p class=\"art-body-text reveal\">La gesti\u00f3n del clima sigue la misma l\u00f3gica. Las mejores casas no combaten el sol con fuerza mec\u00e1nica bruta. Calibran la sombra a trav\u00e9s de aleros profundos, brise-soleil, terrazas calculadas \u2014 y solo entonces le piden a los sistemas terminar el trabajo. El enfriamiento es silencioso antes que agresivo. La iluminaci\u00f3n se pliega al ciclo natural en lugar de impon\u00e9rsele. El resultado es una propiedad que se registra como <em>compuesta<\/em> antes que acondicionada \u2014 el clima presente en la arquitectura, no desterrado por ella.<\/p>\n <\/div>\n\n \n <section class=\"split-pair reveal\">\n <div class=\"split-cell\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/VERTICAL-CASA-CLASICA-EN-LOS-GRANDES-LAGOS-CON-YATE-CLASICO-DE-MADERA-EN-SU-MUELLE-scaled.jpg\" alt=\"Casa cl\u00e1sica en los Grandes Lagos con yate cl\u00e1sico de madera amarrado en su muelle\">\n <span class=\"split-cap\">Grandes Lagos \u00b7 Madera y tradici\u00f3n<\/span>\n <\/div>\n <div class=\"split-cell\">\n <img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/VERTICAL-VISTA-DE-LA-TERRAZA-DE-CASA-WATERFRONT-DESDE-LA-PISCINA-HACIA-EL-MAR-scaled.jpg\" alt=\"Vista de la terraza de una casa waterfront desde la piscina hacia el mar\">\n <span class=\"split-cap\">Terraza sure\u00f1a \u00b7 De la piscina al mar<\/span>\n <\/div>\n <\/section>\n\n \n <div class=\"art-container\">\n <span class=\"art-kicker reveal\">Parte cuatro \u00b7 Geograf\u00eda<\/span>\n <h2 class=\"art-section-head reveal\">Dos costas, una <em>disciplina<\/em><\/h2>\n\n <p class=\"art-body-text reveal\">El waterfront norteamericano no es un \u00fanico mercado. Son varios, cada uno con su propia gram\u00e1tica. <strong>Fort Lauderdale<\/strong> y los canales de Miami operan con un vocabulario de amarras generosas, calado profundo y un ritual anual que permite a la embarcaci\u00f3n funcionar como una extensi\u00f3n diaria de la casa. <strong>Naples, Sarasota y la Costa del Golfo de Florida<\/strong> trabajan un registro m\u00e1s tranquilo \u2014 aguas m\u00e1s planas, l\u00edneas de visi\u00f3n m\u00e1s largas, una luz distinta. El <strong>Lowcountry de Charleston<\/strong> y los <strong>Outer Banks<\/strong> importan una tradici\u00f3n arquitect\u00f3nica a un paisaje de marea que ha dado forma a la navegaci\u00f3n norteamericana durante dos siglos. Las <strong>bah\u00edas del sur de California<\/strong> \u2014 Newport, San Diego, Marina del Rey \u2014 traducen los mismos instintos al idioma del Pac\u00edfico.<\/p>\n\n <p class=\"art-body-text reveal\">Al norte del cintur\u00f3n c\u00e1lido, la conversaci\u00f3n cambia pero no se interrumpe. Los <strong>Grandes Lagos<\/strong> \u2014 la costa oeste de Michigan, Lake Geneva en Wisconsin, los Finger Lakes \u2014 sostienen una tradici\u00f3n waterfront que antecede al boom de Florida en varias generaciones. Embarcaciones de madera, runabouts cl\u00e1sicos de caoba, complejos familiares que abren con el deshielo y cierran con la primera helada fuerte. La costa de <strong>Long Island, Cape Cod, Maine y los Hamptons<\/strong> trabaja todav\u00eda otro registro: casas de alto pedigr\u00ed, memoria arquitect\u00f3nica profunda, una temporada medida en oportunidades antes que en meses. La geograf\u00eda cambia. La disciplina no.<\/p>\n <\/div>\n\n \n <section class=\"parallax-section\">\n <div class=\"parallax-img\" style=\"background-image:url('https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/05\/2400-X-1350-VISTA-DESDE-EL-AGUA-CASA-EN-ESQUINA-CON-YATE-AL-FRENTE.jpg');\"><\/div>\n <div class=\"parallax-overlay\"><\/div>\n <div class=\"parallax-caption\">Casa en esquina \u00b7 Yate como composici\u00f3n frontal<\/div>\n <\/section>\n\n \n <div class=\"art-container\">\n <span class=\"art-kicker reveal\">Parte cinco \u00b7 La lectura<\/span>\n <h2 class=\"art-section-head reveal\">Una breve gu\u00eda editorial para <em>mirar waterfront<\/em><\/h2>\n\n <p class=\"art-body-text reveal\">Para propietarios y decision-makers que se acercan al segmento con seriedad, el indicador de calidad no son los metros cuadrados y ni siquiera la embarcaci\u00f3n en el muelle. Es un peque\u00f1o conjunto de lecturas arquitect\u00f3nicas que se repiten, con discreta consistencia, en cada gran residencia waterfront \u2014 sin importar el estilo, la \u00e9poca o la costa.<\/p>\n\n <div class=\"fact-box reveal\">\n <div class=\"fact-box-label\">Las claves editoriales<\/div>\n <div class=\"fact-box-body\">Los signos arquitect\u00f3nicos que distinguen a una casa que <strong>empieza en el muelle<\/strong> de una casa que simplemente mira al agua \u2014 visibles en el instante en que uno se aproxima por mar.<\/div>\n <\/div>\n <\/div>\n\n \n <dl class=\"specs-table reveal\">\n <div class=\"specs-head\">Una gu\u00eda de lectura \u00b7 Waterfront premium<\/div>\n <div class=\"specs-rows\">\n <div class=\"specs-row\">\n <dt>Aproximaci\u00f3n<\/dt>\n <dd>El muelle est\u00e1 integrado a la composici\u00f3n arquitect\u00f3nica <em>desde el agua<\/em>, no a\u00f1adido al fondo del lote.<\/dd>\n <\/div>\n <div class=\"specs-row\">\n <dt>Circulaci\u00f3n<\/dt>\n <dd>Un recorrido continuo del interior a la terraza al muelle \u2014 sin desv\u00edos de servicio ni quiebres de nivel inelegantes.<\/dd>\n <\/div>\n <div class=\"specs-row\">\n <dt>Recepci\u00f3n<\/dt>\n <dd>Un espacio social definido en el muelle mismo \u2014 <em>no solo una superficie de amarre<\/em>, sino una habitaci\u00f3n de la casa.<\/dd>\n <\/div>\n <div class=\"specs-row\">\n <dt>Materiales<\/dt>\n <dd>Piedra, metal y madera especificados para resistencia marina y envejecimiento elegante.<\/dd>\n <\/div>\n <div class=\"specs-row\">\n <dt>L\u00edneas de visi\u00f3n<\/dt>\n <dd>Transparencia entre las habitaciones que importan y el agua \u2014 <em>sin sacrificar la privacidad<\/em> desde el canal.<\/dd>\n <\/div>\n <div class=\"specs-row\">\n <dt>Clima<\/dt>\n <dd>Sombra calibrada por la arquitectura primero; sistemas mec\u00e1nicos silenciosos, estratificados, nunca como nota dominante.<\/dd>\n <\/div>\n <div class=\"specs-row\">\n <dt>Iluminaci\u00f3n<\/dt>\n <dd>Un esquema lum\u00ednico que sobrevive tanto al deslumbre del mediod\u00eda como a la noche larga \u2014 y que se lee compuesto desde el canal despu\u00e9s del atardecer.<\/dd>\n <\/div>\n <div class=\"specs-row\">\n <dt>Permanencia<\/dt>\n <dd>Casas planificadas para d\u00e9cadas sobre el agua, no para la fotograf\u00eda del cierre de venta.<\/dd>\n <\/div>\n <\/div>\n <\/dl>\n\n \n <section class=\"art-closing\">\n <span class=\"art-closing-mark\"><\/span>\n <p class=\"art-closing-text\">En las residencias waterfront norteamericanas m\u00e1s cuidadas, el agua no se contempla desde la distancia. Se habita. Entra en el ritmo dom\u00e9stico, se abre paso en el lenguaje de la arquitectura y termina formando parte de la identidad del hogar. Esa es la diferencia, al final, entre tener una casa frente al agua y tener una casa que empieza en el muelle.<\/p>\n <span class=\"art-closing-sig\">USA Onboard \u00b7 Editorial<\/span>\n <\/section>\n\n<\/article>\n\n<script>\n(function(){\n if (typeof IntersectionObserver !== 'undefined') {\n var io = new IntersectionObserver(function(entries){\n entries.forEach(function(e){\n if (e.isIntersecting) {\n e.target.classList.add('in-view');\n io.unobserve(e.target);\n }\n });\n }, { threshold: 0.14, rootMargin: '0px 0px -60px 0px' });\n document.querySelectorAll('.waterfront-es-article .reveal').forEach(function(el){\n io.observe(el);\n });\n } else {\n document.querySelectorAll('.waterfront-es-article .reveal').forEach(function(el){\n el.classList.add('in-view');\n });\n }\n})();\n<\/script>\n<\/body>\n<\/html>\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>Casas que empiezan en el muelle \u2014 Widget 1 \u2014 USA Onboard Descubrir Waterfront Living Casas que empiezanen el muelle Las residencias waterfront m\u00e1s interesantes ya no se dise\u00f1an alrededor de la vista. Se dise\u00f1an alrededor del umbral \u2014 el punto exacto donde arquitectura, terraza y agua finalmente acuerdan la misma idea. USA Onboard Editorial […]<\/p>\n","protected":false},"author":3,"featured_media":2766,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"slim_seo":{"title":"Casas que Empiezan en el Muelle - USA ONBOARD","description":"Casas que empiezan en el muelle \u2014 Widget 1 \u2014 USA Onboard Descubrir Waterfront Living Casas que empiezan en el muelle Las residencias waterfront m\u00e1s interesantes"},"footnotes":""},"categories":[48,90,91,57,56],"tags":[],"class_list":["post-2793","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-destinos","category-lifestyle","category-live-aboard","category-propiedad","category-vida-a-bordo"],"acf":[],"_links":{"self":[{"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/posts\/2793","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=2793"}],"version-history":[{"count":0,"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/posts\/2793\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/media\/2766"}],"wp:attachment":[{"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/media?parent=2793"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/categories?post=2793"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/tags?post=2793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}