{"id":6124,"date":"2026-06-08T21:44:32","date_gmt":"2026-06-08T21:44:32","guid":{"rendered":"https:\/\/usaonboard.com\/reading-the-mediterranean-summer\/"},"modified":"2026-06-09T15:13:45","modified_gmt":"2026-06-09T15:13:45","slug":"reading-the-mediterranean-summer","status":"publish","type":"post","link":"https:\/\/usaonboard.com\/es\/reading-the-mediterranean-summer\/","title":{"rendered":"Leer el Verano Mediterr\u00e1neo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"6124\" class=\"elementor elementor-6124 elementor-6117\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7842f12d e-con-full e-flex e-con e-parent\" data-id=\"7842f12d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-279bad7e e-con-full e-flex e-con e-child\" data-id=\"279bad7e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5c60ca5e e-con e-atomic-element e-div-block-base e-5c60ca5e-861803b \" data-id=\"5c60ca5e\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"5c60ca5e\" data-e-type=\"e-div-block\" data-id=\"5c60ca5e\">\n    \t\t<div class=\"elementor-element elementor-element-42585e6 elementor-widget elementor-widget-html\" data-id=\"42585e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&family=Jost:wght@300;400;500;600;700&display=swap');\n\n.medsummer-es-article {\n  --serif: \"Cormorant Garamond\", Georgia, serif;\n  --sans:  \"Jost\", -apple-system, BlinkMacSystemFont, sans-serif;\n  --ink:#0a0a0a; --ink-mid:#2c2c2c; --ink-soft:#6a6a6a;\n  --off-white:#faf8f5; --cream:#f3efe8; --cream-mid:#ece6db;\n  --navy:#0c1b2a; --navy-light:#152638;\n  --gold:#b08d57; --gold-lt:#c9a96e; --gold-dk:#8a6b38;\n  --border:#ddd5c5;\n  font-family:var(--sans); color:var(--ink); background:var(--off-white); line-height:1.6; overflow:visible;\n}\n.medsummer-es-article *, .medsummer-es-article *::before, .medsummer-es-article *::after { box-sizing:border-box; }\n.medsummer-es-article img { display:block; max-width:100%; height:auto; }\n\n\/* HERO *\/\n.medsummer-es-article .art-hero { position:relative; width:100%; aspect-ratio:16\/9; min-height:520px; max-height:820px; overflow:hidden; margin:0; }\n.medsummer-es-article .art-hero-bg { position:absolute; inset:0; background-image:none; background-size:cover; background-position:center center; background-repeat:no-repeat; transform:scale(1.03); animation:medsummeresHeroZoom 22s ease-in-out infinite alternate; will-change:transform; }\n@keyframes medsummeresHeroZoom { from { transform:scale(1.03); } to { transform:scale(1.00); } }\n.medsummer-es-article .art-hero-grad { position:absolute; inset:0; background:linear-gradient(to bottom, rgba(8,14,22,0) 0%, rgba(8,14,22,0) 78%, rgba(8,14,22,0.4) 100%); }\n.medsummer-es-article .hero-scroll-ind { position:absolute; bottom:32px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:10px; color:rgba(255,255,255,.45); font-family:var(--sans); font-size:10px; letter-spacing:.28em; text-transform:uppercase; animation:medsummeresScrollBob 3s ease-in-out infinite; }\n@keyframes medsummeresScrollBob { 0%,100% { transform:translateX(-50%) translateY(0); opacity:.6; } 50% { transform:translateX(-50%) translateY(10px); opacity:1; } }\n.medsummer-es-article .scroll-ln { width:1px; height:48px; background:linear-gradient(to bottom, rgba(255,255,255,.55), transparent); }\n\n\/* EDITORIAL PLATE *\/\n.medsummer-es-article .art-hero-plate { background:#0a1420 !important; background-image:linear-gradient(to bottom, #060c14 0%, #0a1420 100%) !important; color:#ffffff; padding:72px 48px 88px; text-align:center; position:relative; overflow:hidden; border-top:1px solid rgba(201,169,110,0.18); }\n.medsummer-es-article .art-hero-plate::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:80px; height:1px; background:var(--gold); opacity:.6; }\n.medsummer-es-article .art-volanta { display:inline-flex; align-items:center; gap:18px; margin-bottom:28px; }\n.medsummer-es-article .art-volanta-line { width:56px; height:1px; background:#b08d57 !important; opacity:.55; }\n.medsummer-es-article .art-volanta-label { font-family:var(--sans); font-size:11px; font-weight:600; letter-spacing:.38em; text-transform:uppercase; color:#c9a96e !important; border:1px solid rgba(201,169,110,.45); padding:8px 22px; }\n.medsummer-es-article .art-h1 { font-family:var(--serif); font-size:clamp(48px, 7.5vw, 104px); font-weight:500; color:#ffffff !important; line-height:1.02; letter-spacing:.018em; text-transform:uppercase; margin:0 auto 28px; max-width:1040px; }\n.medsummer-es-article .art-bajada-hero { font-family:var(--serif); font-size:clamp(19px, 1.65vw, 23px); font-weight:300; font-style:italic; color:rgba(255,255,255,.82); line-height:1.65; max-width:760px; margin:0 auto 38px; }\n.medsummer-es-article .art-meta-hero { display:flex; align-items:center; gap:18px; font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.3em; text-transform:uppercase; color:rgba(255,255,255,.55); flex-wrap:wrap; justify-content:center; }\n.medsummer-es-article .art-meta-hero span.art-meta-sep { color:rgba(255,255,255,.3); }\n\n\/* BODY \/ LEDE \/ TYPE *\/\n.medsummer-es-article .art-container { max-width:860px; margin:0 auto; padding:0 32px; }\n.medsummer-es-article .art-intro { padding:112px 0 64px; }\n.medsummer-es-article .art-lede { font-family:var(--serif); font-size:clamp(22px, 2.2vw, 30px); font-weight:400; font-style:italic; color:var(--ink); line-height:1.55; border-left:2px solid var(--gold); padding-left:32px; margin:0 0 48px; max-width:820px; }\n.medsummer-es-article .art-body-text { font-family:var(--sans); font-size:18px; font-weight:300; color:var(--ink-mid); line-height:1.95; margin:0 0 26px; max-width:780px; }\n.medsummer-es-article .art-body-text strong { color:var(--ink); font-weight:500; }\n.medsummer-es-article .art-body-text em { color:var(--gold-dk); font-style:italic; }\n.medsummer-es-article .art-kicker { display:flex; align-items:center; gap:14px; font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.35em; text-transform:uppercase; color:var(--gold-dk); margin:80px 0 20px; }\n.medsummer-es-article .art-kicker::before { content:''; width:36px; height:1px; background:var(--gold-dk); }\n.medsummer-es-article .art-section-head { font-family:var(--serif); font-size:clamp(36px, 4vw, 58px); font-weight:400; color:var(--ink); line-height:1.12; letter-spacing:-.005em; margin:88px 0 36px; max-width:900px; }\n.medsummer-es-article .art-section-head em { font-style:italic; color:var(--gold-dk); font-weight:300; }\n\n\/* FACT BOX *\/\n.medsummer-es-article .fact-box { background:var(--cream); border-left:2px solid var(--gold); padding:36px 40px; margin:52px auto; max-width:820px; }\n.medsummer-es-article .fact-box-label { font-family:var(--sans); font-size:10px; font-weight:600; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:14px; display:flex; align-items:center; gap:12px; }\n.medsummer-es-article .fact-box-label::before { content:''; width:28px; height:1px; background:var(--gold-dk); }\n.medsummer-es-article .fact-box-body { font-family:var(--serif); font-size:19px; font-weight:400; font-style:italic; color:var(--ink-mid); line-height:1.65; }\n.medsummer-es-article .fact-box-body strong { font-style:normal; font-weight:600; color:var(--ink); }\n\n\/* [OPTIONAL] STATS STRIP (dropped) *\/\n.medsummer-es-article .stats-strip { background:#0c1b2a !important; padding:88px 40px; margin:0; display:grid; grid-template-columns:repeat(4, 1fr); position:relative; overflow:hidden; }\n.medsummer-es-article .stats-strip::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:120px; height:1px; background:var(--gold); }\n.medsummer-es-article .stat-item { padding:0 36px; border-right:1px solid rgba(255,255,255,.08); text-align:center; }\n.medsummer-es-article .stat-item:last-child { border-right:none; }\n.medsummer-es-article .stat-num { font-family:var(--serif); font-size:clamp(56px, 5.2vw, 84px); font-weight:300; color:#fff; line-height:1; margin-bottom:14px; letter-spacing:-.02em; }\n.medsummer-es-article .stat-num em { font-style:normal; color:var(--gold-lt); font-size:.5em; vertical-align:super; margin-left:4px; }\n.medsummer-es-article .stat-label { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.25em; text-transform:uppercase; color:rgba(255,255,255,.5); line-height:1.6; }\n.medsummer-es-article .stat-sub { font-family:var(--serif); font-size:13px; font-style:italic; font-weight:300; color:rgba(255,255,255,.3); margin-top:8px; }\n\n\/* PARALLAX *\/\n.medsummer-es-article .parallax-section { position:relative; width:100%; height:clamp(460px, 75vh, 820px); overflow:hidden; margin:0; }\n.medsummer-es-article .parallax-img { position:absolute; inset:-8%; background-size:cover; background-position:center; background-attachment:fixed; }\n.medsummer-es-article .parallax-overlay { position:absolute; inset:0; background:linear-gradient(to bottom, rgba(10,15,20,.15) 0%, rgba(10,15,20,.45) 100%); }\n.medsummer-es-article .parallax-caption { position:absolute; bottom:36px; right:48px; font-family:var(--sans); font-size:11px; font-weight:400; letter-spacing:.26em; text-transform:uppercase; color:rgba(255,255,255,.55); display:flex; align-items:center; gap:12px; }\n.medsummer-es-article .parallax-caption::before { content:''; width:32px; height:1px; background:rgba(255,255,255,.4); }\n\n\/* HIGHLIGHTS *\/\n.medsummer-es-article .highlights-section { padding:80px 32px; background:var(--cream); margin:0; }\n.medsummer-es-article .highlights-container { max-width:1200px; margin:0 auto; }\n.medsummer-es-article .highlights-head { text-align:center; margin-bottom:64px; }\n.medsummer-es-article .highlights-kicker { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:18px; display:inline-flex; align-items:center; gap:14px; }\n.medsummer-es-article .highlights-kicker::before, .medsummer-es-article .highlights-kicker::after { content:''; width:32px; height:1px; background:var(--gold-dk); }\n.medsummer-es-article .highlights-title { font-family:var(--serif); font-size:clamp(32px, 3.4vw, 48px); font-weight:400; color:var(--ink); line-height:1.15; }\n.medsummer-es-article .highlights-title em { font-style:italic; color:var(--gold-dk); font-weight:300; }\n.medsummer-es-article .highlights-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:48px; margin-top:56px; }\n.medsummer-es-article .hl-item { display:flex; flex-direction:column; gap:14px; }\n.medsummer-es-article .hl-num { font-family:var(--serif); font-size:60px; font-weight:300; color:var(--gold); opacity:.45; line-height:1; letter-spacing:-.02em; }\n.medsummer-es-article .hl-title { font-family:var(--serif); font-size:24px; font-weight:500; color:var(--ink); line-height:1.3; }\n.medsummer-es-article .hl-title em { font-style:italic; color:var(--gold-dk); font-weight:400; }\n.medsummer-es-article .hl-text { font-family:var(--sans); font-size:15px; font-weight:300; color:var(--ink-mid); line-height:1.75; }\n\n\/* TWO-COLUMN FEATURE (.reverse to flip) *\/\n.medsummer-es-article .two-col-feature { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; padding:96px 48px; max-width:1360px; margin:0 auto; }\n.medsummer-es-article .two-col-feature.reverse .tc-image { order:2; }\n.medsummer-es-article .tc-image { position:relative; aspect-ratio:4\/5; overflow:hidden; }\n.medsummer-es-article .tc-image img { width:100%; height:100%; object-fit:cover; }\n.medsummer-es-article .tc-kicker { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:18px; display:inline-flex; align-items:center; gap:14px; }\n.medsummer-es-article .tc-kicker::before { content:''; width:32px; height:1px; background:var(--gold-dk); }\n.medsummer-es-article .tc-title { font-family:var(--serif); font-size:clamp(32px, 3vw, 48px); font-weight:400; color:var(--ink); line-height:1.18; margin-bottom:24px; }\n.medsummer-es-article .tc-title em { font-style:italic; color:var(--gold-dk); font-weight:300; }\n.medsummer-es-article .tc-body { font-family:var(--sans); font-size:17px; font-weight:300; color:var(--ink-mid); line-height:1.9; }\n.medsummer-es-article .tc-body p { margin-bottom:20px; }\n.medsummer-es-article .tc-body p:last-child { margin-bottom:0; }\n\n\/* GALLERY (3 + 2; items can feed lightbox via data-lb-src\/data-lb-cap) *\/\n.medsummer-es-article .gallery-section { padding:80px 0; background:var(--off-white); }\n.medsummer-es-article .gallery-head { max-width:860px; margin:0 auto 52px; padding:0 32px; text-align:center; }\n.medsummer-es-article .gallery-grid-3 { display:grid; grid-template-columns:repeat(3, 1fr); gap:4px; padding:0 4px; }\n.medsummer-es-article .gallery-grid-2 { display:grid; grid-template-columns:repeat(2, 1fr); gap:4px; padding:0 4px; margin-top:4px; }\n.medsummer-es-article .gallery-item { position:relative; overflow:hidden; aspect-ratio:3\/2; cursor:pointer; }\n.medsummer-es-article .gallery-item img { width:100%; height:100%; object-fit:cover; transition:transform 1.2s cubic-bezier(.2,.7,.2,1); }\n.medsummer-es-article .gallery-item:hover img { transform:scale(1.06); }\n.medsummer-es-article .gallery-item-cap { position:absolute; bottom:0; left:0; right:0; padding:20px 22px; background:linear-gradient(to top, rgba(10,15,20,.85), rgba(10,15,20,0)); color:#fff; font-family:var(--sans); font-size:10px; font-weight:500; letter-spacing:.28em; text-transform:uppercase; opacity:0; transform:translateY(10px); transition:opacity .5s, transform .5s; }\n.medsummer-es-article .gallery-item:hover .gallery-item-cap { opacity:1; transform:translateY(0); }\n\n\/* SCROLL STRIP (manual-drag horizontal gallery; items feed lightbox) *\/\n.medsummer-es-article .scroll-strip-section { padding:64px 0 48px; background:var(--off-white); margin:32px 0 20px; }\n.medsummer-es-article .scroll-strip-head { max-width:1360px; margin:0 auto 32px; padding:0 48px; display:flex; align-items:flex-end; justify-content:space-between; gap:32px; flex-wrap:wrap; }\n.medsummer-es-article .scroll-strip-kicker { display:flex; align-items:center; gap:14px; font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:14px; }\n.medsummer-es-article .scroll-strip-kicker::before { content:''; width:32px; height:1px; background:var(--gold-dk); }\n.medsummer-es-article .scroll-strip-title { font-family:var(--serif); font-size:clamp(28px, 2.6vw, 38px); font-weight:400; color:var(--ink); line-height:1.2; margin:0; }\n.medsummer-es-article .scroll-strip-title em { font-style:italic; color:var(--gold-dk); font-weight:300; }\n.medsummer-es-article .scroll-strip-hint { font-family:var(--sans); font-size:11px; font-weight:400; letter-spacing:.24em; text-transform:uppercase; color:var(--ink-soft); display:flex; align-items:center; gap:10px; }\n.medsummer-es-article .scroll-strip-hint::before { content:'\\2192'; font-family:var(--sans); font-size:13px; color:var(--gold); animation:medsummeresArrowBob 2.4s ease-in-out infinite; }\n@keyframes medsummeresArrowBob { 0%,100% { transform:translateX(0); } 50% { transform:translateX(6px); } }\n.medsummer-es-article .scroll-strip { display:flex; gap:4px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; padding:0 48px 24px; scrollbar-width:thin; scrollbar-color:rgba(176,141,87,.5) transparent; cursor:grab; -webkit-overflow-scrolling:touch; }\n.medsummer-es-article .scroll-strip:active { cursor:grabbing; }\n.medsummer-es-article .scroll-strip::-webkit-scrollbar { height:6px; }\n.medsummer-es-article .scroll-strip::-webkit-scrollbar-track { background:transparent; }\n.medsummer-es-article .scroll-strip::-webkit-scrollbar-thumb { background:rgba(176,141,87,.45); border-radius:3px; }\n.medsummer-es-article .strip-item { flex:0 0 auto; width:clamp(280px, 32vw, 520px); aspect-ratio:4\/3; scroll-snap-align:start; overflow:hidden; position:relative; cursor:pointer; background:var(--cream); }\n.medsummer-es-article .strip-item img { width:100%; height:100%; object-fit:cover; transition:transform .9s cubic-bezier(.2,.7,.2,1); pointer-events:none; }\n.medsummer-es-article .strip-item:hover img { transform:scale(1.05); }\n.medsummer-es-article .strip-cap { position:absolute; bottom:0; left:0; right:0; padding:18px 22px; background:linear-gradient(to top, rgba(10,15,20,.88), rgba(10,15,20,0)); color:#fff; font-family:var(--sans); font-size:10px; font-weight:500; letter-spacing:.28em; text-transform:uppercase; opacity:0; transform:translateY(6px); transition:opacity .4s, transform .4s; pointer-events:none; }\n.medsummer-es-article .strip-item:hover .strip-cap { opacity:1; transform:translateY(0); }\n.medsummer-es-article .strip-badge { position:absolute; top:16px; left:16px; padding:6px 14px; background:rgba(10,15,20,.75); color:#c9a96e !important; font-family:var(--sans); font-size:9px; font-weight:500; letter-spacing:.28em; text-transform:uppercase; opacity:0; transform:translateY(-4px); transition:opacity .35s, transform .35s; pointer-events:none; }\n.medsummer-es-article .strip-item:hover .strip-badge { opacity:1; transform:translateY(0); }\n\n\/* FULL-WIDTH IMAGE *\/\n.medsummer-es-article .fullwidth-img { width:100%; margin:56px 0; position:relative; overflow:hidden; aspect-ratio:16\/9; }\n.medsummer-es-article .fullwidth-img img { width:100%; height:100%; object-fit:cover; transition:transform 8s ease-out; }\n.medsummer-es-article .fullwidth-img.in-view img { transform:scale(1.04); }\n.medsummer-es-article .fullwidth-cap { position:absolute; bottom:32px; left:48px; font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.26em; text-transform:uppercase; color:rgba(255,255,255,.8); display:flex; align-items:center; gap:14px; }\n.medsummer-es-article .fullwidth-cap::before { content:''; width:36px; height:1px; background:rgba(255,255,255,.6); }\n\n\/* PULL QUOTE *\/\n.medsummer-es-article .art-pullquote { padding:48px 48px 54px; margin:28px auto 36px; text-align:center; max-width:1040px; position:relative; }\n.medsummer-es-article .art-pullquote::before { content:'\\201C'; display:block; font-family:var(--serif); font-size:120px; font-weight:400; color:var(--gold); opacity:.24; line-height:.3; margin-bottom:10px; }\n.medsummer-es-article .art-pullquote-text { font-family:var(--serif); font-size:clamp(28px, 3vw, 42px); font-weight:300; font-style:italic; color:var(--ink); line-height:1.4; letter-spacing:-.005em; margin:0 0 28px; }\n.medsummer-es-article .art-pullquote-cite { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.32em; text-transform:uppercase; color:var(--gold-dk); }\n\n\/* [OPTIONAL] SPECS GRID (dropped) *\/\n.medsummer-es-article .specs-section { background:#0c1b2a !important; padding:96px 48px; margin:0; position:relative; }\n.medsummer-es-article .specs-container { max-width:1100px; margin:0 auto; }\n.medsummer-es-article .specs-head { text-align:center; margin-bottom:64px; }\n.medsummer-es-article .specs-kicker { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-lt); margin-bottom:20px; display:inline-flex; align-items:center; gap:14px; }\n.medsummer-es-article .specs-kicker::before, .medsummer-es-article .specs-kicker::after { content:''; width:32px; height:1px; background:var(--gold); }\n.medsummer-es-article .specs-title { font-family:var(--serif); font-size:clamp(32px, 3.4vw, 48px); font-weight:400; color:#fff; line-height:1.15; }\n.medsummer-es-article .specs-title em { font-style:italic; color:var(--gold-lt); font-weight:300; }\n.medsummer-es-article .specs-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:1px; background:rgba(201,169,110,.2); border:1px solid rgba(201,169,110,.2); margin-top:40px; }\n.medsummer-es-article .spec-row { background:#0c1b2a !important; padding:22px 30px; display:flex; align-items:baseline; justify-content:space-between; gap:20px; }\n.medsummer-es-article .spec-label { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.45); }\n.medsummer-es-article .spec-value { font-family:var(--serif); font-size:22px; font-weight:400; color:#fff; text-align:right; letter-spacing:-.005em; }\n.medsummer-es-article .spec-value em { color:var(--gold-lt); font-style:italic; font-weight:300; }\n\n\/* SIGN-OFF *\/\n.medsummer-es-article .art-signoff { padding:120px 32px; text-align:center; background:#0c1b2a !important; color:#ffffff; position:relative; overflow:hidden; }\n.medsummer-es-article .art-signoff::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:120px; height:1px; background:var(--gold); }\n.medsummer-es-article .signoff-text { font-family:var(--serif); font-size:clamp(24px, 2.4vw, 32px); font-style:italic; font-weight:300; color:rgba(255,255,255,.88) !important; line-height:1.55; max-width:660px; margin:0 auto 28px; }\n.medsummer-es-article .signoff-cite { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.32em; text-transform:uppercase; color:#c9a96e !important; }\n\n\/* [OPTIONAL] CREDITS (dropped: no credits) *\/\n.medsummer-es-article .art-credits { padding:60px 32px; background:var(--off-white); border-top:1px solid var(--border); }\n.medsummer-es-article .credits-container { max-width:860px; margin:0 auto; display:flex; flex-wrap:wrap; gap:48px; justify-content:space-between; }\n.medsummer-es-article .credits-block { min-width:180px; }\n.medsummer-es-article .credits-label { font-family:var(--sans); font-size:10px; font-weight:600; letter-spacing:.3em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:10px; }\n.medsummer-es-article .credits-value { font-family:var(--serif); font-size:18px; font-weight:400; color:var(--ink); }\n\n\/* LIGHTBOX *\/\n.medsummer-es-article .lb-overlay { position:fixed; inset:0; z-index:9999; background:rgba(6,10,16,.96); display:none; align-items:center; justify-content:center; opacity:0; transition:opacity .35s; }\n.medsummer-es-article .lb-overlay.open { display:flex; opacity:1; }\n.medsummer-es-article .lb-stage { position:relative; width:100vw; height:100vh; display:flex; align-items:center; justify-content:center; padding:80px 100px; }\n.medsummer-es-article .lb-image-wrap { max-width:100%; max-height:100%; display:flex; align-items:center; justify-content:center; }\n.medsummer-es-article .lb-image { max-width:100%; max-height:calc(100vh - 200px); width:auto; height:auto; object-fit:contain; box-shadow:0 30px 80px rgba(0,0,0,.55); }\n.medsummer-es-article .lb-counter { position:absolute; top:32px; left:50%; transform:translateX(-50%); font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:rgba(255,255,255,.5); }\n.medsummer-es-article .lb-counter em { font-style:normal; color:var(--gold-lt); }\n.medsummer-es-article .lb-caption { position:absolute; bottom:36px; left:50%; transform:translateX(-50%); font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.32em; text-transform:uppercase; color:rgba(255,255,255,.72); display:flex; align-items:center; gap:14px; }\n.medsummer-es-article .lb-caption::before, .medsummer-es-article .lb-caption::after { content:''; width:28px; height:1px; background:rgba(201,169,110,.55); }\n.medsummer-es-article .lb-close { position:absolute; top:24px; right:28px; width:48px; height:48px; background:transparent; border:1px solid rgba(255,255,255,.18); color:rgba(255,255,255,.75); cursor:pointer; display:flex; align-items:center; justify-content:center; font-family:var(--sans); font-size:24px; line-height:1; transition:border-color .25s, color .25s, transform .25s; padding:0; }\n.medsummer-es-article .lb-close:hover { border-color:var(--gold-lt); color:var(--gold-lt); transform:rotate(90deg); }\n.medsummer-es-article .lb-nav { position:absolute; top:50%; transform:translateY(-50%); width:54px; height:54px; background:transparent; border:1px solid rgba(255,255,255,.18); color:rgba(255,255,255,.75); cursor:pointer; display:flex; align-items:center; justify-content:center; font-family:var(--serif); font-size:28px; font-weight:300; line-height:1; transition:border-color .25s, color .25s, background .25s; padding:0; }\n.medsummer-es-article .lb-nav:hover { border-color:var(--gold-lt); color:var(--gold-lt); background:rgba(201,169,110,.06); }\n.medsummer-es-article .lb-prev { left:32px; }\n.medsummer-es-article .lb-next { right:32px; }\n\n\/* REVEAL *\/\n.medsummer-es-article .reveal { opacity:0; transform:translateY(40px); transition:opacity 1.1s cubic-bezier(.2,.7,.2,1), transform 1.1s cubic-bezier(.2,.7,.2,1); will-change:opacity, transform; }\n.medsummer-es-article .reveal.in-view { opacity:1; transform:translateY(0); }\n.medsummer-es-article .reveal.delay-1 { transition-delay:.12s; }\n.medsummer-es-article .reveal.delay-2 { transition-delay:.24s; }\n.medsummer-es-article .reveal.delay-3 { transition-delay:.36s; }\n\n\/* RESPONSIVE *\/\n@media (max-width:960px) {\n  .medsummer-es-article .stats-strip { grid-template-columns:repeat(2, 1fr); gap:48px 0; padding:56px 24px; }\n  .medsummer-es-article .stat-item { border-right:none !important; padding:0 20px; }\n  .medsummer-es-article .stat-item:nth-child(odd) { border-right:1px solid rgba(255,255,255,.08) !important; }\n  .medsummer-es-article .highlights-grid { grid-template-columns:1fr; gap:48px; }\n  .medsummer-es-article .gallery-grid-3 { grid-template-columns:1fr 1fr; }\n  .medsummer-es-article .two-col-feature { grid-template-columns:1fr; gap:40px; padding:64px 24px; }\n  .medsummer-es-article .two-col-feature.reverse .tc-image { order:0; }\n  .medsummer-es-article .specs-grid { grid-template-columns:1fr; }\n  .medsummer-es-article .parallax-img { background-attachment:scroll; }\n  .medsummer-es-article .art-intro { padding:72px 0 40px; }\n  .medsummer-es-article .art-container { padding:0 24px; }\n  .medsummer-es-article .art-pullquote { padding:72px 24px; }\n  .medsummer-es-article .parallax-caption { right:24px; bottom:24px; font-size:10px; }\n  .medsummer-es-article .fullwidth-cap { left:24px; bottom:24px; font-size:10px; }\n}\n@media (max-width:720px) {\n  .medsummer-es-article .art-hero-plate { padding:52px 24px 64px; }\n  .medsummer-es-article .art-hero-plate .art-h1 { font-size:38px; }\n  .medsummer-es-article .art-hero-plate .art-bajada-hero { font-size:16px; }\n  .medsummer-es-article .art-volanta-line { width:36px; }\n  .medsummer-es-article .lb-stage { padding:60px 16px; }\n  .medsummer-es-article .lb-nav { width:44px; height:44px; font-size:24px; }\n  .medsummer-es-article .lb-prev { left:12px; }\n  .medsummer-es-article .lb-next { right:12px; }\n  .medsummer-es-article .strip-item { width:78vw; }\n  .medsummer-es-article .scroll-strip { padding:0 24px 20px; }\n  .medsummer-es-article .scroll-strip-head { padding:0 24px; }\n}\n@media (max-width:640px) {\n  .medsummer-es-article .stats-strip { grid-template-columns:1fr; gap:48px 0; }\n  .medsummer-es-article .stat-item { border-right:none !important; }\n  .medsummer-es-article .gallery-grid-3 { grid-template-columns:1fr; }\n  .medsummer-es-article .gallery-grid-2 { grid-template-columns:1fr; }\n  .medsummer-es-article .credits-container { gap:32px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .medsummer-es-article .art-hero-bg { animation:none; transform:scale(1); }\n  .medsummer-es-article .hero-scroll-ind { animation:none; }\n  .medsummer-es-article .scroll-strip-hint::before { animation:none; }\n  .medsummer-es-article .parallax-img { background-attachment:scroll; }\n}\n\n<\/style>\n\n<article class=\"medsummer-es-article\">\n\n  <section class=\"art-hero\">\n    <div class=\"art-hero-bg\" style=\"background-image:url('https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-yacht-luxury-boat-on-calm-bay-at-sunset-.jpg');\"><\/div>\n    <div class=\"art-hero-grad\"><\/div>\n    <div class=\"hero-scroll-ind\"><span>Descubrir<\/span><span class=\"scroll-ln\"><\/span><\/div>\n  <\/section>\n\n  <section class=\"art-hero-plate\">\n    <div class=\"art-volanta\"><span class=\"art-volanta-line\"><\/span><span class=\"art-volanta-label\">Navegaci&oacute;n &middot; Mediterr&aacute;neo<\/span><span class=\"art-volanta-line\"><\/span><\/div>\n    <h1 class=\"art-h1\">Leer el Verano<br>Mediterr&aacute;neo<\/h1>\n    <p class=\"art-bajada-hero\">Una temporada en este mar no se recorre tanto como se lee. Las se&ntilde;ales est&aacute;n por todas partes, en el agua, en los puertos y en las largas tardes doradas, para quien aprende a mirar.<\/p>\n    <div class=\"art-meta-hero\"><span>USA Onboard Editorial<\/span><span class=\"art-meta-sep\">&middot;<\/span><span>Reportaje &middot; 2026<\/span><span class=\"art-meta-sep\">&middot;<\/span><span>Lectura &middot; 8 min<\/span><\/div>\n  <\/section>\n\n  <div class=\"art-container\">\n    <div class=\"art-intro\">\n      <p class=\"art-lede reveal\">El Mediterr&aacute;neo en verano es un texto que se aprende a leer despacio. Su gram&aacute;tica es el agua, su puntuaci&oacute;n son los puertos, y sus frases largas terminan, siempre, en la misma luz dorada.<\/p>\n      <p class=\"art-body-text reveal delay-1\">Con un mar tan c&eacute;lebre, existe la tentaci&oacute;n de tratar un verano aqu&iacute; como una lista de nombres. Saint-Tropez, Capri, M&iacute;konos: tacharlos y seguir. Pero quienes vuelven, temporada tras temporada, han aprendido a leerlo de otro modo. Dejan de contar lugares y empiezan a leer condiciones: el color de una cala al mediod&iacute;a, el modo en que un pueblo de pescadores acomoda sus barcas, la hora en que cae el viento y salen las mesas a cubierta.<\/p>\n      <p class=\"art-body-text reveal delay-2\">Le&iacute;do as&iacute;, el verano se ordena no por pa&iacute;s sino por especie. Est&aacute;n las calas, est&aacute;n los puertos, y est&aacute; la vida a bordo que los une. Aprende esos tres, y el mar entero se abre.<\/p>\n    <\/div>\n  <\/div>\n\n  <section class=\"parallax-section\">\n    <div class=\"parallax-img\" style=\"background-image:url('https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-scenic-view-of-the-mallorca-shoreline-with-crystal.jpg');\"><\/div>\n    <div class=\"parallax-overlay\"><\/div>\n    <div class=\"parallax-caption\">Agua transparente a lo largo del litoral de Mallorca<\/div>\n  <\/section>\n\n  <section class=\"highlights-section\">\n    <div class=\"highlights-container\">\n      <div class=\"highlights-head\"><div class=\"highlights-kicker\">Tres Cosas que Leer<\/div><h2 class=\"highlights-title reveal\">C&oacute;mo <em>se ordena<\/em> un verano<\/h2><\/div>\n      <div class=\"highlights-grid\">\n        <div class=\"hl-item reveal\"><div class=\"hl-num\">01<\/div><div class=\"hl-title\">Las <em>calas<\/em><\/div><p class=\"hl-text\">Las calas turquesa de Baleares y Cerde&ntilde;a, accesibles solo desde el agua, son donde de verdad ocurre el d&iacute;a. Fondear a media ma&ntilde;ana, nadar, y dejar pasar el calor antes de seguir.<\/p><\/div>\n        <div class=\"hl-item reveal delay-1\"><div class=\"hl-num\">02<\/div><div class=\"hl-title\">Los <em>puertos<\/em><\/div><p class=\"hl-text\">Cada puerto se lee distinto, desde un pueblo de pescadores menorqu&iacute;n hasta los muelles de superyates de M&oacute;naco. El puerto es donde el mar se encuentra con el pueblo, y donde empieza la tarde.<\/p><\/div>\n        <div class=\"hl-item reveal delay-2\"><div class=\"hl-num\">03<\/div><div class=\"hl-title\">La <em>vida a bordo<\/em><\/div><p class=\"hl-text\">Entre las calas y los puertos est&aacute; lo que los mantiene unidos: el almuerzo en marcha, un ba&ntilde;o desde la popa, la mesa puesta en cubierta cuando la luz se vuelve dorada. El verano se vive aqu&iacute;.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <div class=\"two-col-feature\">\n    <div class=\"tc-image reveal\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/1400-x-1920-cala-goloritze-beach-with-turquoise-water-in-mediterranean.jpg\" alt=\"Una cala turquesa en el Mediterr&aacute;neo\"><\/div>\n    <div class=\"tc-text reveal delay-1\">\n      <div class=\"tc-kicker\">Primera Se&ntilde;al &middot; Las Calas<\/div>\n      <h3 class=\"tc-title\">Agua a la que solo se <em>llega en barco<\/em><\/h3>\n      <div class=\"tc-body\">\n        <p>Las mejores calas de este mar comparten una cualidad: no hay camino que llegue a ellas. Las ensenadas turquesa de Cerde&ntilde;a y Baleares se abren solo a quien llega por agua, y por eso siguen siendo lo que son. Una cala as&iacute; no es tanto un destino como una recompensa, ganada por la traves&iacute;a que lleva hasta ella.<\/p>\n        <p>Leer una cala es un peque&ntilde;o arte en s&iacute; mismo. El color del agua dice la profundidad, la disposici&oacute;n de la roca dice el abrigo, y la hora del d&iacute;a dice si la tendr&aacute;s para ti. Llega temprano y, durante una hora o dos, el lugar es solo tuyo.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/article>\n<script>\n(function(){\n  var roots = document.querySelectorAll('.medsummer-es-article'); if(!roots.length) return;\n  var all = [];\n  roots.forEach(function(root){\n    root.querySelectorAll('.reveal, .fullwidth-img').forEach(function(el){ all.push(el); });\n  });\n  if (typeof IntersectionObserver !== 'undefined') {\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(e){ if (e.isIntersecting) { e.target.classList.add('in-view'); io.unobserve(e.target); } });\n    }, { threshold: 0.08, rootMargin: '0px 0px 0px 0px' });\n    all.forEach(function(el){ io.observe(el); });\n    setTimeout(function(){\n      all.forEach(function(el){ if(!el.classList.contains('in-view')) el.classList.add('in-view'); });\n    }, 1200);\n  } else {\n    all.forEach(function(el){ el.classList.add('in-view'); });\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1b4978 e-con-full e-flex e-con e-child\" data-id=\"1b4978\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-797fdfd5 elementor-widget elementor-widget-shortcode\" data-id=\"797fdfd5\" 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-650a2cfd e-con e-atomic-element e-div-block-base e-650a2cfd-83be179 \" data-id=\"650a2cfd\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"650a2cfd\" data-e-type=\"e-div-block\" data-id=\"650a2cfd\">\n    <div class=\"elementor-element elementor-element-309f06bf e-con e-atomic-element e-div-block-base e-309f06bf-1a9d0a8 \" data-id=\"309f06bf\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"309f06bf\" data-e-type=\"e-div-block\" data-id=\"309f06bf\">\n    \t\t<div class=\"elementor-element elementor-element-19e5c70b elementor-widget elementor-widget-html\" data-id=\"19e5c70b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&family=Jost:wght@300;400;500;600;700&display=swap');\n\n.medsummer-es-article {\n  --serif: \"Cormorant Garamond\", Georgia, serif;\n  --sans:  \"Jost\", -apple-system, BlinkMacSystemFont, sans-serif;\n  --ink:#0a0a0a; --ink-mid:#2c2c2c; --ink-soft:#6a6a6a;\n  --off-white:#faf8f5; --cream:#f3efe8; --cream-mid:#ece6db;\n  --navy:#0c1b2a; --navy-light:#152638;\n  --gold:#b08d57; --gold-lt:#c9a96e; --gold-dk:#8a6b38;\n  --border:#ddd5c5;\n  font-family:var(--sans); color:var(--ink); background:var(--off-white); line-height:1.6; overflow:visible;\n}\n.medsummer-es-article *, .medsummer-es-article *::before, .medsummer-es-article *::after { box-sizing:border-box; }\n.medsummer-es-article img { display:block; max-width:100%; height:auto; }\n\n\/* HERO *\/\n.medsummer-es-article .art-hero { position:relative; width:100%; aspect-ratio:16\/9; min-height:520px; max-height:820px; overflow:hidden; margin:0; }\n.medsummer-es-article .art-hero-bg { position:absolute; inset:0; background-image:none; background-size:cover; background-position:center center; background-repeat:no-repeat; transform:scale(1.03); animation:medsummeresHeroZoom 22s ease-in-out infinite alternate; will-change:transform; }\n@keyframes medsummeresHeroZoom { from { transform:scale(1.03); } to { transform:scale(1.00); } }\n.medsummer-es-article .art-hero-grad { position:absolute; inset:0; background:linear-gradient(to bottom, rgba(8,14,22,0) 0%, rgba(8,14,22,0) 78%, rgba(8,14,22,0.4) 100%); }\n.medsummer-es-article .hero-scroll-ind { position:absolute; bottom:32px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:10px; color:rgba(255,255,255,.45); font-family:var(--sans); font-size:10px; letter-spacing:.28em; text-transform:uppercase; animation:medsummeresScrollBob 3s ease-in-out infinite; }\n@keyframes medsummeresScrollBob { 0%,100% { transform:translateX(-50%) translateY(0); opacity:.6; } 50% { transform:translateX(-50%) translateY(10px); opacity:1; } }\n.medsummer-es-article .scroll-ln { width:1px; height:48px; background:linear-gradient(to bottom, rgba(255,255,255,.55), transparent); }\n\n\/* EDITORIAL PLATE *\/\n.medsummer-es-article .art-hero-plate { background:#0a1420 !important; background-image:linear-gradient(to bottom, #060c14 0%, #0a1420 100%) !important; color:#ffffff; padding:72px 48px 88px; text-align:center; position:relative; overflow:hidden; border-top:1px solid rgba(201,169,110,0.18); }\n.medsummer-es-article .art-hero-plate::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:80px; height:1px; background:var(--gold); opacity:.6; }\n.medsummer-es-article .art-volanta { display:inline-flex; align-items:center; gap:18px; margin-bottom:28px; }\n.medsummer-es-article .art-volanta-line { width:56px; height:1px; background:#b08d57 !important; opacity:.55; }\n.medsummer-es-article .art-volanta-label { font-family:var(--sans); font-size:11px; font-weight:600; letter-spacing:.38em; text-transform:uppercase; color:#c9a96e !important; border:1px solid rgba(201,169,110,.45); padding:8px 22px; }\n.medsummer-es-article .art-h1 { font-family:var(--serif); font-size:clamp(48px, 7.5vw, 104px); font-weight:500; color:#ffffff !important; line-height:1.02; letter-spacing:.018em; text-transform:uppercase; margin:0 auto 28px; max-width:1040px; }\n.medsummer-es-article .art-bajada-hero { font-family:var(--serif); font-size:clamp(19px, 1.65vw, 23px); font-weight:300; font-style:italic; color:rgba(255,255,255,.82); line-height:1.65; max-width:760px; margin:0 auto 38px; }\n.medsummer-es-article .art-meta-hero { display:flex; align-items:center; gap:18px; font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.3em; text-transform:uppercase; color:rgba(255,255,255,.55); flex-wrap:wrap; justify-content:center; }\n.medsummer-es-article .art-meta-hero span.art-meta-sep { color:rgba(255,255,255,.3); }\n\n\/* BODY \/ LEDE \/ TYPE *\/\n.medsummer-es-article .art-container { max-width:860px; margin:0 auto; padding:0 32px; }\n.medsummer-es-article .art-intro { padding:112px 0 64px; }\n.medsummer-es-article .art-lede { font-family:var(--serif); font-size:clamp(22px, 2.2vw, 30px); font-weight:400; font-style:italic; color:var(--ink); line-height:1.55; border-left:2px solid var(--gold); padding-left:32px; margin:0 0 48px; max-width:820px; }\n.medsummer-es-article .art-body-text { font-family:var(--sans); font-size:18px; font-weight:300; color:var(--ink-mid); line-height:1.95; margin:0 0 26px; max-width:780px; }\n.medsummer-es-article .art-body-text strong { color:var(--ink); font-weight:500; }\n.medsummer-es-article .art-body-text em { color:var(--gold-dk); font-style:italic; }\n.medsummer-es-article .art-kicker { display:flex; align-items:center; gap:14px; font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.35em; text-transform:uppercase; color:var(--gold-dk); margin:80px 0 20px; }\n.medsummer-es-article .art-kicker::before { content:''; width:36px; height:1px; background:var(--gold-dk); }\n.medsummer-es-article .art-section-head { font-family:var(--serif); font-size:clamp(36px, 4vw, 58px); font-weight:400; color:var(--ink); line-height:1.12; letter-spacing:-.005em; margin:88px 0 36px; max-width:900px; }\n.medsummer-es-article .art-section-head em { font-style:italic; color:var(--gold-dk); font-weight:300; }\n\n\/* FACT BOX *\/\n.medsummer-es-article .fact-box { background:var(--cream); border-left:2px solid var(--gold); padding:36px 40px; margin:52px auto; max-width:820px; }\n.medsummer-es-article .fact-box-label { font-family:var(--sans); font-size:10px; font-weight:600; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:14px; display:flex; align-items:center; gap:12px; }\n.medsummer-es-article .fact-box-label::before { content:''; width:28px; height:1px; background:var(--gold-dk); }\n.medsummer-es-article .fact-box-body { font-family:var(--serif); font-size:19px; font-weight:400; font-style:italic; color:var(--ink-mid); line-height:1.65; }\n.medsummer-es-article .fact-box-body strong { font-style:normal; font-weight:600; color:var(--ink); }\n\n\/* [OPTIONAL] STATS STRIP (dropped) *\/\n.medsummer-es-article .stats-strip { background:#0c1b2a !important; padding:88px 40px; margin:0; display:grid; grid-template-columns:repeat(4, 1fr); position:relative; overflow:hidden; }\n.medsummer-es-article .stats-strip::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:120px; height:1px; background:var(--gold); }\n.medsummer-es-article .stat-item { padding:0 36px; border-right:1px solid rgba(255,255,255,.08); text-align:center; }\n.medsummer-es-article .stat-item:last-child { border-right:none; }\n.medsummer-es-article .stat-num { font-family:var(--serif); font-size:clamp(56px, 5.2vw, 84px); font-weight:300; color:#fff; line-height:1; margin-bottom:14px; letter-spacing:-.02em; }\n.medsummer-es-article .stat-num em { font-style:normal; color:var(--gold-lt); font-size:.5em; vertical-align:super; margin-left:4px; }\n.medsummer-es-article .stat-label { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.25em; text-transform:uppercase; color:rgba(255,255,255,.5); line-height:1.6; }\n.medsummer-es-article .stat-sub { font-family:var(--serif); font-size:13px; font-style:italic; font-weight:300; color:rgba(255,255,255,.3); margin-top:8px; }\n\n\/* PARALLAX *\/\n.medsummer-es-article .parallax-section { position:relative; width:100%; height:clamp(460px, 75vh, 820px); overflow:hidden; margin:0; }\n.medsummer-es-article .parallax-img { position:absolute; inset:-8%; background-size:cover; background-position:center; background-attachment:fixed; }\n.medsummer-es-article .parallax-overlay { position:absolute; inset:0; background:linear-gradient(to bottom, rgba(10,15,20,.15) 0%, rgba(10,15,20,.45) 100%); }\n.medsummer-es-article .parallax-caption { position:absolute; bottom:36px; right:48px; font-family:var(--sans); font-size:11px; font-weight:400; letter-spacing:.26em; text-transform:uppercase; color:rgba(255,255,255,.55); display:flex; align-items:center; gap:12px; }\n.medsummer-es-article .parallax-caption::before { content:''; width:32px; height:1px; background:rgba(255,255,255,.4); }\n\n\/* HIGHLIGHTS *\/\n.medsummer-es-article .highlights-section { padding:80px 32px; background:var(--cream); margin:0; }\n.medsummer-es-article .highlights-container { max-width:1200px; margin:0 auto; }\n.medsummer-es-article .highlights-head { text-align:center; margin-bottom:64px; }\n.medsummer-es-article .highlights-kicker { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:18px; display:inline-flex; align-items:center; gap:14px; }\n.medsummer-es-article .highlights-kicker::before, .medsummer-es-article .highlights-kicker::after { content:''; width:32px; height:1px; background:var(--gold-dk); }\n.medsummer-es-article .highlights-title { font-family:var(--serif); font-size:clamp(32px, 3.4vw, 48px); font-weight:400; color:var(--ink); line-height:1.15; }\n.medsummer-es-article .highlights-title em { font-style:italic; color:var(--gold-dk); font-weight:300; }\n.medsummer-es-article .highlights-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:48px; margin-top:56px; }\n.medsummer-es-article .hl-item { display:flex; flex-direction:column; gap:14px; }\n.medsummer-es-article .hl-num { font-family:var(--serif); font-size:60px; font-weight:300; color:var(--gold); opacity:.45; line-height:1; letter-spacing:-.02em; }\n.medsummer-es-article .hl-title { font-family:var(--serif); font-size:24px; font-weight:500; color:var(--ink); line-height:1.3; }\n.medsummer-es-article .hl-title em { font-style:italic; color:var(--gold-dk); font-weight:400; }\n.medsummer-es-article .hl-text { font-family:var(--sans); font-size:15px; font-weight:300; color:var(--ink-mid); line-height:1.75; }\n\n\/* TWO-COLUMN FEATURE (.reverse to flip) *\/\n.medsummer-es-article .two-col-feature { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; padding:96px 48px; max-width:1360px; margin:0 auto; }\n.medsummer-es-article .two-col-feature.reverse .tc-image { order:2; }\n.medsummer-es-article .tc-image { position:relative; aspect-ratio:4\/5; overflow:hidden; }\n.medsummer-es-article .tc-image img { width:100%; height:100%; object-fit:cover; }\n.medsummer-es-article .tc-kicker { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:18px; display:inline-flex; align-items:center; gap:14px; }\n.medsummer-es-article .tc-kicker::before { content:''; width:32px; height:1px; background:var(--gold-dk); }\n.medsummer-es-article .tc-title { font-family:var(--serif); font-size:clamp(32px, 3vw, 48px); font-weight:400; color:var(--ink); line-height:1.18; margin-bottom:24px; }\n.medsummer-es-article .tc-title em { font-style:italic; color:var(--gold-dk); font-weight:300; }\n.medsummer-es-article .tc-body { font-family:var(--sans); font-size:17px; font-weight:300; color:var(--ink-mid); line-height:1.9; }\n.medsummer-es-article .tc-body p { margin-bottom:20px; }\n.medsummer-es-article .tc-body p:last-child { margin-bottom:0; }\n\n\/* GALLERY (3 + 2; items can feed lightbox via data-lb-src\/data-lb-cap) *\/\n.medsummer-es-article .gallery-section { padding:80px 0; background:var(--off-white); }\n.medsummer-es-article .gallery-head { max-width:860px; margin:0 auto 52px; padding:0 32px; text-align:center; }\n.medsummer-es-article .gallery-grid-3 { display:grid; grid-template-columns:repeat(3, 1fr); gap:4px; padding:0 4px; }\n.medsummer-es-article .gallery-grid-2 { display:grid; grid-template-columns:repeat(2, 1fr); gap:4px; padding:0 4px; margin-top:4px; }\n.medsummer-es-article .gallery-item { position:relative; overflow:hidden; aspect-ratio:3\/2; cursor:pointer; }\n.medsummer-es-article .gallery-item img { width:100%; height:100%; object-fit:cover; transition:transform 1.2s cubic-bezier(.2,.7,.2,1); }\n.medsummer-es-article .gallery-item:hover img { transform:scale(1.06); }\n.medsummer-es-article .gallery-item-cap { position:absolute; bottom:0; left:0; right:0; padding:20px 22px; background:linear-gradient(to top, rgba(10,15,20,.85), rgba(10,15,20,0)); color:#fff; font-family:var(--sans); font-size:10px; font-weight:500; letter-spacing:.28em; text-transform:uppercase; opacity:0; transform:translateY(10px); transition:opacity .5s, transform .5s; }\n.medsummer-es-article .gallery-item:hover .gallery-item-cap { opacity:1; transform:translateY(0); }\n\n\/* SCROLL STRIP (manual-drag horizontal gallery; items feed lightbox) *\/\n.medsummer-es-article .scroll-strip-section { padding:64px 0 48px; background:var(--off-white); margin:32px 0 20px; }\n.medsummer-es-article .scroll-strip-head { max-width:1360px; margin:0 auto 32px; padding:0 48px; display:flex; align-items:flex-end; justify-content:space-between; gap:32px; flex-wrap:wrap; }\n.medsummer-es-article .scroll-strip-kicker { display:flex; align-items:center; gap:14px; font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:14px; }\n.medsummer-es-article .scroll-strip-kicker::before { content:''; width:32px; height:1px; background:var(--gold-dk); }\n.medsummer-es-article .scroll-strip-title { font-family:var(--serif); font-size:clamp(28px, 2.6vw, 38px); font-weight:400; color:var(--ink); line-height:1.2; margin:0; }\n.medsummer-es-article .scroll-strip-title em { font-style:italic; color:var(--gold-dk); font-weight:300; }\n.medsummer-es-article .scroll-strip-hint { font-family:var(--sans); font-size:11px; font-weight:400; letter-spacing:.24em; text-transform:uppercase; color:var(--ink-soft); display:flex; align-items:center; gap:10px; }\n.medsummer-es-article .scroll-strip-hint::before { content:'\\2192'; font-family:var(--sans); font-size:13px; color:var(--gold); animation:medsummeresArrowBob 2.4s ease-in-out infinite; }\n@keyframes medsummeresArrowBob { 0%,100% { transform:translateX(0); } 50% { transform:translateX(6px); } }\n.medsummer-es-article .scroll-strip { display:flex; gap:4px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; padding:0 48px 24px; scrollbar-width:thin; scrollbar-color:rgba(176,141,87,.5) transparent; cursor:grab; -webkit-overflow-scrolling:touch; }\n.medsummer-es-article .scroll-strip:active { cursor:grabbing; }\n.medsummer-es-article .scroll-strip::-webkit-scrollbar { height:6px; }\n.medsummer-es-article .scroll-strip::-webkit-scrollbar-track { background:transparent; }\n.medsummer-es-article .scroll-strip::-webkit-scrollbar-thumb { background:rgba(176,141,87,.45); border-radius:3px; }\n.medsummer-es-article .strip-item { flex:0 0 auto; width:clamp(280px, 32vw, 520px); aspect-ratio:4\/3; scroll-snap-align:start; overflow:hidden; position:relative; cursor:pointer; background:var(--cream); }\n.medsummer-es-article .strip-item img { width:100%; height:100%; object-fit:cover; transition:transform .9s cubic-bezier(.2,.7,.2,1); pointer-events:none; }\n.medsummer-es-article .strip-item:hover img { transform:scale(1.05); }\n.medsummer-es-article .strip-cap { position:absolute; bottom:0; left:0; right:0; padding:18px 22px; background:linear-gradient(to top, rgba(10,15,20,.88), rgba(10,15,20,0)); color:#fff; font-family:var(--sans); font-size:10px; font-weight:500; letter-spacing:.28em; text-transform:uppercase; opacity:0; transform:translateY(6px); transition:opacity .4s, transform .4s; pointer-events:none; }\n.medsummer-es-article .strip-item:hover .strip-cap { opacity:1; transform:translateY(0); }\n.medsummer-es-article .strip-badge { position:absolute; top:16px; left:16px; padding:6px 14px; background:rgba(10,15,20,.75); color:#c9a96e !important; font-family:var(--sans); font-size:9px; font-weight:500; letter-spacing:.28em; text-transform:uppercase; opacity:0; transform:translateY(-4px); transition:opacity .35s, transform .35s; pointer-events:none; }\n.medsummer-es-article .strip-item:hover .strip-badge { opacity:1; transform:translateY(0); }\n\n\/* FULL-WIDTH IMAGE *\/\n.medsummer-es-article .fullwidth-img { width:100%; margin:56px 0; position:relative; overflow:hidden; aspect-ratio:16\/9; }\n.medsummer-es-article .fullwidth-img img { width:100%; height:100%; object-fit:cover; transition:transform 8s ease-out; }\n.medsummer-es-article .fullwidth-img.in-view img { transform:scale(1.04); }\n.medsummer-es-article .fullwidth-cap { position:absolute; bottom:32px; left:48px; font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.26em; text-transform:uppercase; color:rgba(255,255,255,.8); display:flex; align-items:center; gap:14px; }\n.medsummer-es-article .fullwidth-cap::before { content:''; width:36px; height:1px; background:rgba(255,255,255,.6); }\n\n\/* PULL QUOTE *\/\n.medsummer-es-article .art-pullquote { padding:48px 48px 54px; margin:28px auto 36px; text-align:center; max-width:1040px; position:relative; }\n.medsummer-es-article .art-pullquote::before { content:'\\201C'; display:block; font-family:var(--serif); font-size:120px; font-weight:400; color:var(--gold); opacity:.24; line-height:.3; margin-bottom:10px; }\n.medsummer-es-article .art-pullquote-text { font-family:var(--serif); font-size:clamp(28px, 3vw, 42px); font-weight:300; font-style:italic; color:var(--ink); line-height:1.4; letter-spacing:-.005em; margin:0 0 28px; }\n.medsummer-es-article .art-pullquote-cite { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.32em; text-transform:uppercase; color:var(--gold-dk); }\n\n\/* [OPTIONAL] SPECS GRID (dropped) *\/\n.medsummer-es-article .specs-section { background:#0c1b2a !important; padding:96px 48px; margin:0; position:relative; }\n.medsummer-es-article .specs-container { max-width:1100px; margin:0 auto; }\n.medsummer-es-article .specs-head { text-align:center; margin-bottom:64px; }\n.medsummer-es-article .specs-kicker { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-lt); margin-bottom:20px; display:inline-flex; align-items:center; gap:14px; }\n.medsummer-es-article .specs-kicker::before, .medsummer-es-article .specs-kicker::after { content:''; width:32px; height:1px; background:var(--gold); }\n.medsummer-es-article .specs-title { font-family:var(--serif); font-size:clamp(32px, 3.4vw, 48px); font-weight:400; color:#fff; line-height:1.15; }\n.medsummer-es-article .specs-title em { font-style:italic; color:var(--gold-lt); font-weight:300; }\n.medsummer-es-article .specs-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:1px; background:rgba(201,169,110,.2); border:1px solid rgba(201,169,110,.2); margin-top:40px; }\n.medsummer-es-article .spec-row { background:#0c1b2a !important; padding:22px 30px; display:flex; align-items:baseline; justify-content:space-between; gap:20px; }\n.medsummer-es-article .spec-label { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.45); }\n.medsummer-es-article .spec-value { font-family:var(--serif); font-size:22px; font-weight:400; color:#fff; text-align:right; letter-spacing:-.005em; }\n.medsummer-es-article .spec-value em { color:var(--gold-lt); font-style:italic; font-weight:300; }\n\n\/* SIGN-OFF *\/\n.medsummer-es-article .art-signoff { padding:120px 32px; text-align:center; background:#0c1b2a !important; color:#ffffff; position:relative; overflow:hidden; }\n.medsummer-es-article .art-signoff::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:120px; height:1px; background:var(--gold); }\n.medsummer-es-article .signoff-text { font-family:var(--serif); font-size:clamp(24px, 2.4vw, 32px); font-style:italic; font-weight:300; color:rgba(255,255,255,.88) !important; line-height:1.55; max-width:660px; margin:0 auto 28px; }\n.medsummer-es-article .signoff-cite { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.32em; text-transform:uppercase; color:#c9a96e !important; }\n\n\/* [OPTIONAL] CREDITS (dropped: no credits) *\/\n.medsummer-es-article .art-credits { padding:60px 32px; background:var(--off-white); border-top:1px solid var(--border); }\n.medsummer-es-article .credits-container { max-width:860px; margin:0 auto; display:flex; flex-wrap:wrap; gap:48px; justify-content:space-between; }\n.medsummer-es-article .credits-block { min-width:180px; }\n.medsummer-es-article .credits-label { font-family:var(--sans); font-size:10px; font-weight:600; letter-spacing:.3em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:10px; }\n.medsummer-es-article .credits-value { font-family:var(--serif); font-size:18px; font-weight:400; color:var(--ink); }\n\n\/* LIGHTBOX *\/\n.medsummer-es-article .lb-overlay { position:fixed; inset:0; z-index:9999; background:rgba(6,10,16,.96); display:none; align-items:center; justify-content:center; opacity:0; transition:opacity .35s; }\n.medsummer-es-article .lb-overlay.open { display:flex; opacity:1; }\n.medsummer-es-article .lb-stage { position:relative; width:100vw; height:100vh; display:flex; align-items:center; justify-content:center; padding:80px 100px; }\n.medsummer-es-article .lb-image-wrap { max-width:100%; max-height:100%; display:flex; align-items:center; justify-content:center; }\n.medsummer-es-article .lb-image { max-width:100%; max-height:calc(100vh - 200px); width:auto; height:auto; object-fit:contain; box-shadow:0 30px 80px rgba(0,0,0,.55); }\n.medsummer-es-article .lb-counter { position:absolute; top:32px; left:50%; transform:translateX(-50%); font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:rgba(255,255,255,.5); }\n.medsummer-es-article .lb-counter em { font-style:normal; color:var(--gold-lt); }\n.medsummer-es-article .lb-caption { position:absolute; bottom:36px; left:50%; transform:translateX(-50%); font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.32em; text-transform:uppercase; color:rgba(255,255,255,.72); display:flex; align-items:center; gap:14px; }\n.medsummer-es-article .lb-caption::before, .medsummer-es-article .lb-caption::after { content:''; width:28px; height:1px; background:rgba(201,169,110,.55); }\n.medsummer-es-article .lb-close { position:absolute; top:24px; right:28px; width:48px; height:48px; background:transparent; border:1px solid rgba(255,255,255,.18); color:rgba(255,255,255,.75); cursor:pointer; display:flex; align-items:center; justify-content:center; font-family:var(--sans); font-size:24px; line-height:1; transition:border-color .25s, color .25s, transform .25s; padding:0; }\n.medsummer-es-article .lb-close:hover { border-color:var(--gold-lt); color:var(--gold-lt); transform:rotate(90deg); }\n.medsummer-es-article .lb-nav { position:absolute; top:50%; transform:translateY(-50%); width:54px; height:54px; background:transparent; border:1px solid rgba(255,255,255,.18); color:rgba(255,255,255,.75); cursor:pointer; display:flex; align-items:center; justify-content:center; font-family:var(--serif); font-size:28px; font-weight:300; line-height:1; transition:border-color .25s, color .25s, background .25s; padding:0; }\n.medsummer-es-article .lb-nav:hover { border-color:var(--gold-lt); color:var(--gold-lt); background:rgba(201,169,110,.06); }\n.medsummer-es-article .lb-prev { left:32px; }\n.medsummer-es-article .lb-next { right:32px; }\n\n\/* REVEAL *\/\n.medsummer-es-article .reveal { opacity:0; transform:translateY(40px); transition:opacity 1.1s cubic-bezier(.2,.7,.2,1), transform 1.1s cubic-bezier(.2,.7,.2,1); will-change:opacity, transform; }\n.medsummer-es-article .reveal.in-view { opacity:1; transform:translateY(0); }\n.medsummer-es-article .reveal.delay-1 { transition-delay:.12s; }\n.medsummer-es-article .reveal.delay-2 { transition-delay:.24s; }\n.medsummer-es-article .reveal.delay-3 { transition-delay:.36s; }\n\n\/* RESPONSIVE *\/\n@media (max-width:960px) {\n  .medsummer-es-article .stats-strip { grid-template-columns:repeat(2, 1fr); gap:48px 0; padding:56px 24px; }\n  .medsummer-es-article .stat-item { border-right:none !important; padding:0 20px; }\n  .medsummer-es-article .stat-item:nth-child(odd) { border-right:1px solid rgba(255,255,255,.08) !important; }\n  .medsummer-es-article .highlights-grid { grid-template-columns:1fr; gap:48px; }\n  .medsummer-es-article .gallery-grid-3 { grid-template-columns:1fr 1fr; }\n  .medsummer-es-article .two-col-feature { grid-template-columns:1fr; gap:40px; padding:64px 24px; }\n  .medsummer-es-article .two-col-feature.reverse .tc-image { order:0; }\n  .medsummer-es-article .specs-grid { grid-template-columns:1fr; }\n  .medsummer-es-article .parallax-img { background-attachment:scroll; }\n  .medsummer-es-article .art-intro { padding:72px 0 40px; }\n  .medsummer-es-article .art-container { padding:0 24px; }\n  .medsummer-es-article .art-pullquote { padding:72px 24px; }\n  .medsummer-es-article .parallax-caption { right:24px; bottom:24px; font-size:10px; }\n  .medsummer-es-article .fullwidth-cap { left:24px; bottom:24px; font-size:10px; }\n}\n@media (max-width:720px) {\n  .medsummer-es-article .art-hero-plate { padding:52px 24px 64px; }\n  .medsummer-es-article .art-hero-plate .art-h1 { font-size:38px; }\n  .medsummer-es-article .art-hero-plate .art-bajada-hero { font-size:16px; }\n  .medsummer-es-article .art-volanta-line { width:36px; }\n  .medsummer-es-article .lb-stage { padding:60px 16px; }\n  .medsummer-es-article .lb-nav { width:44px; height:44px; font-size:24px; }\n  .medsummer-es-article .lb-prev { left:12px; }\n  .medsummer-es-article .lb-next { right:12px; }\n  .medsummer-es-article .strip-item { width:78vw; }\n  .medsummer-es-article .scroll-strip { padding:0 24px 20px; }\n  .medsummer-es-article .scroll-strip-head { padding:0 24px; }\n}\n@media (max-width:640px) {\n  .medsummer-es-article .stats-strip { grid-template-columns:1fr; gap:48px 0; }\n  .medsummer-es-article .stat-item { border-right:none !important; }\n  .medsummer-es-article .gallery-grid-3 { grid-template-columns:1fr; }\n  .medsummer-es-article .gallery-grid-2 { grid-template-columns:1fr; }\n  .medsummer-es-article .credits-container { gap:32px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .medsummer-es-article .art-hero-bg { animation:none; transform:scale(1); }\n  .medsummer-es-article .hero-scroll-ind { animation:none; }\n  .medsummer-es-article .scroll-strip-hint::before { animation:none; }\n  .medsummer-es-article .parallax-img { background-attachment:scroll; }\n}\n\n<\/style>\n\n<article class=\"medsummer-es-article\">\n\n  <div class=\"two-col-feature reverse\">\n    <div class=\"tc-image reveal\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-port-de-soller-waterfront-buildings-and-mountains-in-mallorc.jpg\" alt=\"Frente mar&iacute;timo y monta&ntilde;as de Port de S&oacute;ller, Mallorca\"><\/div>\n    <div class=\"tc-text reveal delay-1\">\n      <div class=\"tc-kicker\">Segunda Se&ntilde;al &middot; Los Puertos<\/div>\n      <h3 class=\"tc-title\">Cada puerto te dice <em>d&oacute;nde est&aacute;s<\/em><\/h3>\n      <div class=\"tc-body\">\n        <p>Si las calas son donde se pasa el d&iacute;a, los puertos son donde se lee. No hay dos iguales. Un pueblo de pescadores menorqu&iacute;n acomoda sus barcas de un modo, un pueblo isle&ntilde;o griego de otro, y los grandes puertos de yates del Mediterr&aacute;neo occidental de otro a&uacute;n. Llega por agua y el puerto te presenta el lugar antes de poner un pie en tierra.<\/p>\n        <p>El placer est&aacute; en la variedad. Una tarde un muelle tranquilo con una sola taberna, la siguiente un frente mar&iacute;timo encendido de luz y movimiento. Aprender a leer cu&aacute;l es cu&aacute;l, y cu&aacute;ndo quieres cada uno, es la mitad del arte de un verano mediterr&aacute;neo.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <figure class=\"fullwidth-img reveal\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-monaco-port-at-sunset-.jpg\" alt=\"Un puerto mediterr&aacute;neo al atardecer\"><div class=\"fullwidth-cap\">Un puerto al final del d&iacute;a<\/div><\/figure>\n\n  <div class=\"two-col-feature\">\n    <div class=\"tc-image reveal\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/1400-x-1920-wine-grapes-and-croissant-on-boat-at-sunset-.jpg\" alt=\"Vino, uvas y un croissant en cubierta al atardecer\"><\/div>\n    <div class=\"tc-text reveal delay-1\">\n      <div class=\"tc-kicker\">Tercera Se&ntilde;al &middot; La Vida a Bordo<\/div>\n      <h3 class=\"tc-title\">La hora en que <em>salen las mesas<\/em><\/h3>\n      <div class=\"tc-body\">\n        <p>Entre las calas y los puertos corre el hilo que ata el verano: la vida a bordo. Tiene su propio reloj. El ba&ntilde;o antes del almuerzo, la larga tarde en calma, y luego el momento en que rompe el calor, cae el viento y se pone la mesa en cubierta contra un cielo que va del azul al oro y al rosa.<\/p>\n        <p>Esta es la parte que ning&uacute;n itinerario puede planear y ning&uacute;n puerto puede vender. Es, sencillamente, lo que ocurre cuando la buena compa&ntilde;&iacute;a, un fondeadero tranquilo y el final de un d&iacute;a mediterr&aacute;neo llegan al mismo tiempo. Lee bien el verano y ordenar&aacute;s tus d&iacute;as en torno a exactamente esto.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <section class=\"gallery-section\">\n    <div class=\"gallery-head\"><span class=\"art-kicker\" style=\"justify-content:center;\">El Verano en Im&aacute;genes<\/span><h2 class=\"art-section-head reveal\" style=\"text-align:center; margin:0 auto 0;\">Un solo mar, <em>muchas lecturas<\/em><\/h2><\/div>\n    <div class=\"gallery-grid-3\">\n      <div class=\"gallery-item reveal\" data-lb-src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-view-on-oia-in-santorini-.jpg\" data-lb-cap=\"Terrazas blancas sobre el Egeo\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-view-on-oia-in-santorini-.jpg\" alt=\"Vista de Oia en Santorini, Grecia\" loading=\"lazy\"><div class=\"gallery-item-cap\">Terrazas blancas sobre el Egeo<\/div><\/div>\n      <div class=\"gallery-item reveal delay-1\" data-lb-src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-View-from-water-spetses-island-greece-seafront-buildings-.jpg\" data-lb-cap=\"El frente mar&iacute;timo de una isla griega desde el agua\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-View-from-water-spetses-island-greece-seafront-buildings-.jpg\" alt=\"Edificios del frente mar&iacute;timo de la isla de Spetses, Grecia\" loading=\"lazy\"><div class=\"gallery-item-cap\">El frente mar&iacute;timo de una isla griega desde el agua<\/div><\/div>\n      <div class=\"gallery-item reveal delay-2\" data-lb-src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-calobra-hidden-beach-with-yachts-mallorca-spain-.jpg\" data-lb-cap=\"Una playa escondida de Mallorca a la que se llega por mar\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-calobra-hidden-beach-with-yachts-mallorca-spain-.jpg\" alt=\"Playa escondida de Sa Calobra con yates, Mallorca\" loading=\"lazy\"><div class=\"gallery-item-cap\">Una playa escondida de Mallorca a la que se llega por mar<\/div><\/div>\n    <\/div>\n    <div class=\"gallery-grid-2\">\n      <div class=\"gallery-item reveal\" data-lb-src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-nature-and-scenery-in-costa-brava-of-tossa-de-mar-views-from-water.jpg\" data-lb-cap=\"La Costa Brava en Tossa de Mar\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-nature-and-scenery-in-costa-brava-of-tossa-de-mar-views-from-water.jpg\" alt=\"Tossa de Mar en la Costa Brava, vista desde el agua\" loading=\"lazy\"><div class=\"gallery-item-cap\">La Costa Brava en Tossa de Mar<\/div><\/div>\n      <div class=\"gallery-item reveal delay-1\" data-lb-src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-alcalfar-is-a-fishing-village-in-minorca-balearics-vista-desde-el-agua.jpg\" data-lb-cap=\"Un pueblo de pescadores en Menorca\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-alcalfar-is-a-fishing-village-in-minorca-balearics-vista-desde-el-agua.jpg\" alt=\"Pueblo de pescadores de Alcalfar, Menorca, Baleares\" loading=\"lazy\"><div class=\"gallery-item-cap\">Un pueblo de pescadores en Menorca<\/div><\/div>\n    <\/div>\n  <\/section>\n\n  <div class=\"art-pullquote reveal\"><p class=\"art-pullquote-text\">Deja de contar lugares. Empieza a leer el agua, y el mar entero se abre.<\/p><span class=\"art-pullquote-cite\">USA Onboard Editorial<\/span><\/div>\n\n  <div class=\"lb-overlay\" data-lightbox role=\"dialog\" aria-hidden=\"true\" aria-label=\"Galer&iacute;a de im&aacute;genes\">\n    <div class=\"lb-stage\">\n      <div class=\"lb-counter\" data-lb-counter><\/div>\n      <button class=\"lb-close\" data-lb-close aria-label=\"Cerrar\">&times;<\/button>\n      <button class=\"lb-nav lb-prev\" data-lb-prev aria-label=\"Anterior\">&lsaquo;<\/button>\n      <div class=\"lb-image-wrap\"><img class=\"lb-image\" data-lb-img alt=\"\"><\/div>\n      <button class=\"lb-nav lb-next\" data-lb-next aria-label=\"Siguiente\">&rsaquo;<\/button>\n      <div class=\"lb-caption\" data-lb-caption><\/div>\n    <\/div>\n  <\/div>\n<\/article>\n<script>\n(function(){\n  var roots = document.querySelectorAll('.medsummer-es-article'); if(!roots.length) return;\n  var all = [];\n  roots.forEach(function(root){\n    root.querySelectorAll('.reveal, .fullwidth-img').forEach(function(el){ all.push(el); });\n  });\n  if (typeof IntersectionObserver !== 'undefined') {\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(e){ if (e.isIntersecting) { e.target.classList.add('in-view'); io.unobserve(e.target); } });\n    }, { threshold: 0.08, rootMargin: '0px 0px 0px 0px' });\n    all.forEach(function(el){ io.observe(el); });\n    setTimeout(function(){\n      all.forEach(function(el){ if(!el.classList.contains('in-view')) el.classList.add('in-view'); });\n    }, 1200);\n  } else {\n    all.forEach(function(el){ el.classList.add('in-view'); });\n  }\n})();\n(function(){\n  var roots = document.querySelectorAll('.medsummer-es-article');\n  roots.forEach(function(root){\n  var items = Array.from(root.querySelectorAll('[data-lb-src]'));\n  var lb = root.querySelector('[data-lightbox]');\n  if (!lb || !items.length) return;\n  var lbImg = lb.querySelector('[data-lb-img]');\n  var lbCap = lb.querySelector('[data-lb-caption]');\n  var lbCounter = lb.querySelector('[data-lb-counter]');\n  var current = 0;\n  function pad2(n){ return n < 10 ? '0' + n : String(n); }\n  function update(){ var it = items[current]; if (!it) return; lbImg.src = it.dataset.lbSrc || it.querySelector('img').src; lbImg.alt = it.querySelector('img').alt || ''; lbCap.textContent = it.dataset.lbCap || ''; if (lbCounter) lbCounter.innerHTML = '<em>' + pad2(current + 1) + '<\/em> \/ ' + pad2(items.length); }\n  function open(i){ current = i; update(); lb.classList.add('open'); lb.setAttribute('aria-hidden','false'); document.body.style.overflow='hidden'; }\n  function close(){ lb.classList.remove('open'); lb.setAttribute('aria-hidden','true'); document.body.style.overflow=''; }\n  function prev(){ current = (current - 1 + items.length) % items.length; update(); }\n  function next(){ current = (current + 1) % items.length; update(); }\n  var strip = root.querySelector('[data-gallery]');\n  items.forEach(function(it,i){ it.addEventListener('click', function(){ if (strip && strip.dataset.wasDragging === '1') { strip.dataset.wasDragging = '0'; return; } open(i); }); });\n  lb.querySelector('[data-lb-close]').addEventListener('click', close);\n  lb.querySelector('[data-lb-prev]').addEventListener('click', prev);\n  lb.querySelector('[data-lb-next]').addEventListener('click', next);\n  lb.addEventListener('click', function(e){ if (e.target === lb || e.target === lb.firstElementChild) close(); });\n  document.addEventListener('keydown', function(e){ if (!lb.classList.contains('open')) return; if (e.key==='Escape') close(); else if (e.key==='ArrowLeft') prev(); else if (e.key==='ArrowRight') next(); });\n  if (strip) {\n    var isDown=false,startX=0,scrollLeft=0,moved=0;\n    strip.addEventListener('mousedown', function(e){ isDown=true; moved=0; startX=e.pageX-strip.offsetLeft; scrollLeft=strip.scrollLeft; });\n    strip.addEventListener('mouseleave', function(){ isDown=false; });\n    strip.addEventListener('mouseup', function(){ isDown=false; if (moved>6) strip.dataset.wasDragging='1'; });\n    strip.addEventListener('mousemove', function(e){ if(!isDown) return; e.preventDefault(); var x=e.pageX-strip.offsetLeft; var walk=(x-startX); moved=Math.abs(walk); strip.scrollLeft=scrollLeft-walk; });\n  }\n});\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c3e85f8 e-con-full e-flex e-con e-child\" data-id=\"1c3e85f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6acd8ad2 elementor-widget elementor-widget-shortcode\" data-id=\"6acd8ad2\" 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-522249f2 elementor-widget elementor-widget-html\" data-id=\"522249f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&family=Jost:wght@300;400;500;600;700&display=swap');\n\n.medsummer-es-article {\n  --serif: \"Cormorant Garamond\", Georgia, serif;\n  --sans:  \"Jost\", -apple-system, BlinkMacSystemFont, sans-serif;\n  --ink:#0a0a0a; --ink-mid:#2c2c2c; --ink-soft:#6a6a6a;\n  --off-white:#faf8f5; --cream:#f3efe8; --cream-mid:#ece6db;\n  --navy:#0c1b2a; --navy-light:#152638;\n  --gold:#b08d57; --gold-lt:#c9a96e; --gold-dk:#8a6b38;\n  --border:#ddd5c5;\n  font-family:var(--sans); color:var(--ink); background:var(--off-white); line-height:1.6; overflow:visible;\n}\n.medsummer-es-article *, .medsummer-es-article *::before, .medsummer-es-article *::after { box-sizing:border-box; }\n.medsummer-es-article img { display:block; max-width:100%; height:auto; }\n\n\/* HERO *\/\n.medsummer-es-article .art-hero { position:relative; width:100%; aspect-ratio:16\/9; min-height:520px; max-height:820px; overflow:hidden; margin:0; }\n.medsummer-es-article .art-hero-bg { position:absolute; inset:0; background-image:none; background-size:cover; background-position:center center; background-repeat:no-repeat; transform:scale(1.03); animation:medsummeresHeroZoom 22s ease-in-out infinite alternate; will-change:transform; }\n@keyframes medsummeresHeroZoom { from { transform:scale(1.03); } to { transform:scale(1.00); } }\n.medsummer-es-article .art-hero-grad { position:absolute; inset:0; background:linear-gradient(to bottom, rgba(8,14,22,0) 0%, rgba(8,14,22,0) 78%, rgba(8,14,22,0.4) 100%); }\n.medsummer-es-article .hero-scroll-ind { position:absolute; bottom:32px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:10px; color:rgba(255,255,255,.45); font-family:var(--sans); font-size:10px; letter-spacing:.28em; text-transform:uppercase; animation:medsummeresScrollBob 3s ease-in-out infinite; }\n@keyframes medsummeresScrollBob { 0%,100% { transform:translateX(-50%) translateY(0); opacity:.6; } 50% { transform:translateX(-50%) translateY(10px); opacity:1; } }\n.medsummer-es-article .scroll-ln { width:1px; height:48px; background:linear-gradient(to bottom, rgba(255,255,255,.55), transparent); }\n\n\/* EDITORIAL PLATE *\/\n.medsummer-es-article .art-hero-plate { background:#0a1420 !important; background-image:linear-gradient(to bottom, #060c14 0%, #0a1420 100%) !important; color:#ffffff; padding:72px 48px 88px; text-align:center; position:relative; overflow:hidden; border-top:1px solid rgba(201,169,110,0.18); }\n.medsummer-es-article .art-hero-plate::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:80px; height:1px; background:var(--gold); opacity:.6; }\n.medsummer-es-article .art-volanta { display:inline-flex; align-items:center; gap:18px; margin-bottom:28px; }\n.medsummer-es-article .art-volanta-line { width:56px; height:1px; background:#b08d57 !important; opacity:.55; }\n.medsummer-es-article .art-volanta-label { font-family:var(--sans); font-size:11px; font-weight:600; letter-spacing:.38em; text-transform:uppercase; color:#c9a96e !important; border:1px solid rgba(201,169,110,.45); padding:8px 22px; }\n.medsummer-es-article .art-h1 { font-family:var(--serif); font-size:clamp(48px, 7.5vw, 104px); font-weight:500; color:#ffffff !important; line-height:1.02; letter-spacing:.018em; text-transform:uppercase; margin:0 auto 28px; max-width:1040px; }\n.medsummer-es-article .art-bajada-hero { font-family:var(--serif); font-size:clamp(19px, 1.65vw, 23px); font-weight:300; font-style:italic; color:rgba(255,255,255,.82); line-height:1.65; max-width:760px; margin:0 auto 38px; }\n.medsummer-es-article .art-meta-hero { display:flex; align-items:center; gap:18px; font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.3em; text-transform:uppercase; color:rgba(255,255,255,.55); flex-wrap:wrap; justify-content:center; }\n.medsummer-es-article .art-meta-hero span.art-meta-sep { color:rgba(255,255,255,.3); }\n\n\/* BODY \/ LEDE \/ TYPE *\/\n.medsummer-es-article .art-container { max-width:860px; margin:0 auto; padding:0 32px; }\n.medsummer-es-article .art-intro { padding:112px 0 64px; }\n.medsummer-es-article .art-lede { font-family:var(--serif); font-size:clamp(22px, 2.2vw, 30px); font-weight:400; font-style:italic; color:var(--ink); line-height:1.55; border-left:2px solid var(--gold); padding-left:32px; margin:0 0 48px; max-width:820px; }\n.medsummer-es-article .art-body-text { font-family:var(--sans); font-size:18px; font-weight:300; color:var(--ink-mid); line-height:1.95; margin:0 0 26px; max-width:780px; }\n.medsummer-es-article .art-body-text strong { color:var(--ink); font-weight:500; }\n.medsummer-es-article .art-body-text em { color:var(--gold-dk); font-style:italic; }\n.medsummer-es-article .art-kicker { display:flex; align-items:center; gap:14px; font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.35em; text-transform:uppercase; color:var(--gold-dk); margin:80px 0 20px; }\n.medsummer-es-article .art-kicker::before { content:''; width:36px; height:1px; background:var(--gold-dk); }\n.medsummer-es-article .art-section-head { font-family:var(--serif); font-size:clamp(36px, 4vw, 58px); font-weight:400; color:var(--ink); line-height:1.12; letter-spacing:-.005em; margin:88px 0 36px; max-width:900px; }\n.medsummer-es-article .art-section-head em { font-style:italic; color:var(--gold-dk); font-weight:300; }\n\n\/* FACT BOX *\/\n.medsummer-es-article .fact-box { background:var(--cream); border-left:2px solid var(--gold); padding:36px 40px; margin:52px auto; max-width:820px; }\n.medsummer-es-article .fact-box-label { font-family:var(--sans); font-size:10px; font-weight:600; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:14px; display:flex; align-items:center; gap:12px; }\n.medsummer-es-article .fact-box-label::before { content:''; width:28px; height:1px; background:var(--gold-dk); }\n.medsummer-es-article .fact-box-body { font-family:var(--serif); font-size:19px; font-weight:400; font-style:italic; color:var(--ink-mid); line-height:1.65; }\n.medsummer-es-article .fact-box-body strong { font-style:normal; font-weight:600; color:var(--ink); }\n\n\/* [OPTIONAL] STATS STRIP (dropped) *\/\n.medsummer-es-article .stats-strip { background:#0c1b2a !important; padding:88px 40px; margin:0; display:grid; grid-template-columns:repeat(4, 1fr); position:relative; overflow:hidden; }\n.medsummer-es-article .stats-strip::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:120px; height:1px; background:var(--gold); }\n.medsummer-es-article .stat-item { padding:0 36px; border-right:1px solid rgba(255,255,255,.08); text-align:center; }\n.medsummer-es-article .stat-item:last-child { border-right:none; }\n.medsummer-es-article .stat-num { font-family:var(--serif); font-size:clamp(56px, 5.2vw, 84px); font-weight:300; color:#fff; line-height:1; margin-bottom:14px; letter-spacing:-.02em; }\n.medsummer-es-article .stat-num em { font-style:normal; color:var(--gold-lt); font-size:.5em; vertical-align:super; margin-left:4px; }\n.medsummer-es-article .stat-label { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.25em; text-transform:uppercase; color:rgba(255,255,255,.5); line-height:1.6; }\n.medsummer-es-article .stat-sub { font-family:var(--serif); font-size:13px; font-style:italic; font-weight:300; color:rgba(255,255,255,.3); margin-top:8px; }\n\n\/* PARALLAX *\/\n.medsummer-es-article .parallax-section { position:relative; width:100%; height:clamp(460px, 75vh, 820px); overflow:hidden; margin:0; }\n.medsummer-es-article .parallax-img { position:absolute; inset:-8%; background-size:cover; background-position:center; background-attachment:fixed; }\n.medsummer-es-article .parallax-overlay { position:absolute; inset:0; background:linear-gradient(to bottom, rgba(10,15,20,.15) 0%, rgba(10,15,20,.45) 100%); }\n.medsummer-es-article .parallax-caption { position:absolute; bottom:36px; right:48px; font-family:var(--sans); font-size:11px; font-weight:400; letter-spacing:.26em; text-transform:uppercase; color:rgba(255,255,255,.55); display:flex; align-items:center; gap:12px; }\n.medsummer-es-article .parallax-caption::before { content:''; width:32px; height:1px; background:rgba(255,255,255,.4); }\n\n\/* HIGHLIGHTS *\/\n.medsummer-es-article .highlights-section { padding:80px 32px; background:var(--cream); margin:0; }\n.medsummer-es-article .highlights-container { max-width:1200px; margin:0 auto; }\n.medsummer-es-article .highlights-head { text-align:center; margin-bottom:64px; }\n.medsummer-es-article .highlights-kicker { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:18px; display:inline-flex; align-items:center; gap:14px; }\n.medsummer-es-article .highlights-kicker::before, .medsummer-es-article .highlights-kicker::after { content:''; width:32px; height:1px; background:var(--gold-dk); }\n.medsummer-es-article .highlights-title { font-family:var(--serif); font-size:clamp(32px, 3.4vw, 48px); font-weight:400; color:var(--ink); line-height:1.15; }\n.medsummer-es-article .highlights-title em { font-style:italic; color:var(--gold-dk); font-weight:300; }\n.medsummer-es-article .highlights-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:48px; margin-top:56px; }\n.medsummer-es-article .hl-item { display:flex; flex-direction:column; gap:14px; }\n.medsummer-es-article .hl-num { font-family:var(--serif); font-size:60px; font-weight:300; color:var(--gold); opacity:.45; line-height:1; letter-spacing:-.02em; }\n.medsummer-es-article .hl-title { font-family:var(--serif); font-size:24px; font-weight:500; color:var(--ink); line-height:1.3; }\n.medsummer-es-article .hl-title em { font-style:italic; color:var(--gold-dk); font-weight:400; }\n.medsummer-es-article .hl-text { font-family:var(--sans); font-size:15px; font-weight:300; color:var(--ink-mid); line-height:1.75; }\n\n\/* TWO-COLUMN FEATURE (.reverse to flip) *\/\n.medsummer-es-article .two-col-feature { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; padding:96px 48px; max-width:1360px; margin:0 auto; }\n.medsummer-es-article .two-col-feature.reverse .tc-image { order:2; }\n.medsummer-es-article .tc-image { position:relative; aspect-ratio:4\/5; overflow:hidden; }\n.medsummer-es-article .tc-image img { width:100%; height:100%; object-fit:cover; }\n.medsummer-es-article .tc-kicker { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:18px; display:inline-flex; align-items:center; gap:14px; }\n.medsummer-es-article .tc-kicker::before { content:''; width:32px; height:1px; background:var(--gold-dk); }\n.medsummer-es-article .tc-title { font-family:var(--serif); font-size:clamp(32px, 3vw, 48px); font-weight:400; color:var(--ink); line-height:1.18; margin-bottom:24px; }\n.medsummer-es-article .tc-title em { font-style:italic; color:var(--gold-dk); font-weight:300; }\n.medsummer-es-article .tc-body { font-family:var(--sans); font-size:17px; font-weight:300; color:var(--ink-mid); line-height:1.9; }\n.medsummer-es-article .tc-body p { margin-bottom:20px; }\n.medsummer-es-article .tc-body p:last-child { margin-bottom:0; }\n\n\/* GALLERY (3 + 2; items can feed lightbox via data-lb-src\/data-lb-cap) *\/\n.medsummer-es-article .gallery-section { padding:80px 0; background:var(--off-white); }\n.medsummer-es-article .gallery-head { max-width:860px; margin:0 auto 52px; padding:0 32px; text-align:center; }\n.medsummer-es-article .gallery-grid-3 { display:grid; grid-template-columns:repeat(3, 1fr); gap:4px; padding:0 4px; }\n.medsummer-es-article .gallery-grid-2 { display:grid; grid-template-columns:repeat(2, 1fr); gap:4px; padding:0 4px; margin-top:4px; }\n.medsummer-es-article .gallery-item { position:relative; overflow:hidden; aspect-ratio:3\/2; cursor:pointer; }\n.medsummer-es-article .gallery-item img { width:100%; height:100%; object-fit:cover; transition:transform 1.2s cubic-bezier(.2,.7,.2,1); }\n.medsummer-es-article .gallery-item:hover img { transform:scale(1.06); }\n.medsummer-es-article .gallery-item-cap { position:absolute; bottom:0; left:0; right:0; padding:20px 22px; background:linear-gradient(to top, rgba(10,15,20,.85), rgba(10,15,20,0)); color:#fff; font-family:var(--sans); font-size:10px; font-weight:500; letter-spacing:.28em; text-transform:uppercase; opacity:0; transform:translateY(10px); transition:opacity .5s, transform .5s; }\n.medsummer-es-article .gallery-item:hover .gallery-item-cap { opacity:1; transform:translateY(0); }\n\n\/* SCROLL STRIP (manual-drag horizontal gallery; items feed lightbox) *\/\n.medsummer-es-article .scroll-strip-section { padding:64px 0 48px; background:var(--off-white); margin:32px 0 20px; }\n.medsummer-es-article .scroll-strip-head { max-width:1360px; margin:0 auto 32px; padding:0 48px; display:flex; align-items:flex-end; justify-content:space-between; gap:32px; flex-wrap:wrap; }\n.medsummer-es-article .scroll-strip-kicker { display:flex; align-items:center; gap:14px; font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:14px; }\n.medsummer-es-article .scroll-strip-kicker::before { content:''; width:32px; height:1px; background:var(--gold-dk); }\n.medsummer-es-article .scroll-strip-title { font-family:var(--serif); font-size:clamp(28px, 2.6vw, 38px); font-weight:400; color:var(--ink); line-height:1.2; margin:0; }\n.medsummer-es-article .scroll-strip-title em { font-style:italic; color:var(--gold-dk); font-weight:300; }\n.medsummer-es-article .scroll-strip-hint { font-family:var(--sans); font-size:11px; font-weight:400; letter-spacing:.24em; text-transform:uppercase; color:var(--ink-soft); display:flex; align-items:center; gap:10px; }\n.medsummer-es-article .scroll-strip-hint::before { content:'\\2192'; font-family:var(--sans); font-size:13px; color:var(--gold); animation:medsummeresArrowBob 2.4s ease-in-out infinite; }\n@keyframes medsummeresArrowBob { 0%,100% { transform:translateX(0); } 50% { transform:translateX(6px); } }\n.medsummer-es-article .scroll-strip { display:flex; gap:4px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; padding:0 48px 24px; scrollbar-width:thin; scrollbar-color:rgba(176,141,87,.5) transparent; cursor:grab; -webkit-overflow-scrolling:touch; }\n.medsummer-es-article .scroll-strip:active { cursor:grabbing; }\n.medsummer-es-article .scroll-strip::-webkit-scrollbar { height:6px; }\n.medsummer-es-article .scroll-strip::-webkit-scrollbar-track { background:transparent; }\n.medsummer-es-article .scroll-strip::-webkit-scrollbar-thumb { background:rgba(176,141,87,.45); border-radius:3px; }\n.medsummer-es-article .strip-item { flex:0 0 auto; width:clamp(280px, 32vw, 520px); aspect-ratio:4\/3; scroll-snap-align:start; overflow:hidden; position:relative; cursor:pointer; background:var(--cream); }\n.medsummer-es-article .strip-item img { width:100%; height:100%; object-fit:cover; transition:transform .9s cubic-bezier(.2,.7,.2,1); pointer-events:none; }\n.medsummer-es-article .strip-item:hover img { transform:scale(1.05); }\n.medsummer-es-article .strip-cap { position:absolute; bottom:0; left:0; right:0; padding:18px 22px; background:linear-gradient(to top, rgba(10,15,20,.88), rgba(10,15,20,0)); color:#fff; font-family:var(--sans); font-size:10px; font-weight:500; letter-spacing:.28em; text-transform:uppercase; opacity:0; transform:translateY(6px); transition:opacity .4s, transform .4s; pointer-events:none; }\n.medsummer-es-article .strip-item:hover .strip-cap { opacity:1; transform:translateY(0); }\n.medsummer-es-article .strip-badge { position:absolute; top:16px; left:16px; padding:6px 14px; background:rgba(10,15,20,.75); color:#c9a96e !important; font-family:var(--sans); font-size:9px; font-weight:500; letter-spacing:.28em; text-transform:uppercase; opacity:0; transform:translateY(-4px); transition:opacity .35s, transform .35s; pointer-events:none; }\n.medsummer-es-article .strip-item:hover .strip-badge { opacity:1; transform:translateY(0); }\n\n\/* FULL-WIDTH IMAGE *\/\n.medsummer-es-article .fullwidth-img { width:100%; margin:56px 0; position:relative; overflow:hidden; aspect-ratio:16\/9; }\n.medsummer-es-article .fullwidth-img img { width:100%; height:100%; object-fit:cover; transition:transform 8s ease-out; }\n.medsummer-es-article .fullwidth-img.in-view img { transform:scale(1.04); }\n.medsummer-es-article .fullwidth-cap { position:absolute; bottom:32px; left:48px; font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.26em; text-transform:uppercase; color:rgba(255,255,255,.8); display:flex; align-items:center; gap:14px; }\n.medsummer-es-article .fullwidth-cap::before { content:''; width:36px; height:1px; background:rgba(255,255,255,.6); }\n\n\/* PULL QUOTE *\/\n.medsummer-es-article .art-pullquote { padding:48px 48px 54px; margin:28px auto 36px; text-align:center; max-width:1040px; position:relative; }\n.medsummer-es-article .art-pullquote::before { content:'\\201C'; display:block; font-family:var(--serif); font-size:120px; font-weight:400; color:var(--gold); opacity:.24; line-height:.3; margin-bottom:10px; }\n.medsummer-es-article .art-pullquote-text { font-family:var(--serif); font-size:clamp(28px, 3vw, 42px); font-weight:300; font-style:italic; color:var(--ink); line-height:1.4; letter-spacing:-.005em; margin:0 0 28px; }\n.medsummer-es-article .art-pullquote-cite { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.32em; text-transform:uppercase; color:var(--gold-dk); }\n\n\/* [OPTIONAL] SPECS GRID (dropped) *\/\n.medsummer-es-article .specs-section { background:#0c1b2a !important; padding:96px 48px; margin:0; position:relative; }\n.medsummer-es-article .specs-container { max-width:1100px; margin:0 auto; }\n.medsummer-es-article .specs-head { text-align:center; margin-bottom:64px; }\n.medsummer-es-article .specs-kicker { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:var(--gold-lt); margin-bottom:20px; display:inline-flex; align-items:center; gap:14px; }\n.medsummer-es-article .specs-kicker::before, .medsummer-es-article .specs-kicker::after { content:''; width:32px; height:1px; background:var(--gold); }\n.medsummer-es-article .specs-title { font-family:var(--serif); font-size:clamp(32px, 3.4vw, 48px); font-weight:400; color:#fff; line-height:1.15; }\n.medsummer-es-article .specs-title em { font-style:italic; color:var(--gold-lt); font-weight:300; }\n.medsummer-es-article .specs-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:1px; background:rgba(201,169,110,.2); border:1px solid rgba(201,169,110,.2); margin-top:40px; }\n.medsummer-es-article .spec-row { background:#0c1b2a !important; padding:22px 30px; display:flex; align-items:baseline; justify-content:space-between; gap:20px; }\n.medsummer-es-article .spec-label { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.45); }\n.medsummer-es-article .spec-value { font-family:var(--serif); font-size:22px; font-weight:400; color:#fff; text-align:right; letter-spacing:-.005em; }\n.medsummer-es-article .spec-value em { color:var(--gold-lt); font-style:italic; font-weight:300; }\n\n\/* SIGN-OFF *\/\n.medsummer-es-article .art-signoff { padding:120px 32px; text-align:center; background:#0c1b2a !important; color:#ffffff; position:relative; overflow:hidden; }\n.medsummer-es-article .art-signoff::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:120px; height:1px; background:var(--gold); }\n.medsummer-es-article .signoff-text { font-family:var(--serif); font-size:clamp(24px, 2.4vw, 32px); font-style:italic; font-weight:300; color:rgba(255,255,255,.88) !important; line-height:1.55; max-width:660px; margin:0 auto 28px; }\n.medsummer-es-article .signoff-cite { font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.32em; text-transform:uppercase; color:#c9a96e !important; }\n\n\/* [OPTIONAL] CREDITS (dropped: no credits) *\/\n.medsummer-es-article .art-credits { padding:60px 32px; background:var(--off-white); border-top:1px solid var(--border); }\n.medsummer-es-article .credits-container { max-width:860px; margin:0 auto; display:flex; flex-wrap:wrap; gap:48px; justify-content:space-between; }\n.medsummer-es-article .credits-block { min-width:180px; }\n.medsummer-es-article .credits-label { font-family:var(--sans); font-size:10px; font-weight:600; letter-spacing:.3em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:10px; }\n.medsummer-es-article .credits-value { font-family:var(--serif); font-size:18px; font-weight:400; color:var(--ink); }\n\n\/* LIGHTBOX *\/\n.medsummer-es-article .lb-overlay { position:fixed; inset:0; z-index:9999; background:rgba(6,10,16,.96); display:none; align-items:center; justify-content:center; opacity:0; transition:opacity .35s; }\n.medsummer-es-article .lb-overlay.open { display:flex; opacity:1; }\n.medsummer-es-article .lb-stage { position:relative; width:100vw; height:100vh; display:flex; align-items:center; justify-content:center; padding:80px 100px; }\n.medsummer-es-article .lb-image-wrap { max-width:100%; max-height:100%; display:flex; align-items:center; justify-content:center; }\n.medsummer-es-article .lb-image { max-width:100%; max-height:calc(100vh - 200px); width:auto; height:auto; object-fit:contain; box-shadow:0 30px 80px rgba(0,0,0,.55); }\n.medsummer-es-article .lb-counter { position:absolute; top:32px; left:50%; transform:translateX(-50%); font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:rgba(255,255,255,.5); }\n.medsummer-es-article .lb-counter em { font-style:normal; color:var(--gold-lt); }\n.medsummer-es-article .lb-caption { position:absolute; bottom:36px; left:50%; transform:translateX(-50%); font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.32em; text-transform:uppercase; color:rgba(255,255,255,.72); display:flex; align-items:center; gap:14px; }\n.medsummer-es-article .lb-caption::before, .medsummer-es-article .lb-caption::after { content:''; width:28px; height:1px; background:rgba(201,169,110,.55); }\n.medsummer-es-article .lb-close { position:absolute; top:24px; right:28px; width:48px; height:48px; background:transparent; border:1px solid rgba(255,255,255,.18); color:rgba(255,255,255,.75); cursor:pointer; display:flex; align-items:center; justify-content:center; font-family:var(--sans); font-size:24px; line-height:1; transition:border-color .25s, color .25s, transform .25s; padding:0; }\n.medsummer-es-article .lb-close:hover { border-color:var(--gold-lt); color:var(--gold-lt); transform:rotate(90deg); }\n.medsummer-es-article .lb-nav { position:absolute; top:50%; transform:translateY(-50%); width:54px; height:54px; background:transparent; border:1px solid rgba(255,255,255,.18); color:rgba(255,255,255,.75); cursor:pointer; display:flex; align-items:center; justify-content:center; font-family:var(--serif); font-size:28px; font-weight:300; line-height:1; transition:border-color .25s, color .25s, background .25s; padding:0; }\n.medsummer-es-article .lb-nav:hover { border-color:var(--gold-lt); color:var(--gold-lt); background:rgba(201,169,110,.06); }\n.medsummer-es-article .lb-prev { left:32px; }\n.medsummer-es-article .lb-next { right:32px; }\n\n\/* REVEAL *\/\n.medsummer-es-article .reveal { opacity:0; transform:translateY(40px); transition:opacity 1.1s cubic-bezier(.2,.7,.2,1), transform 1.1s cubic-bezier(.2,.7,.2,1); will-change:opacity, transform; }\n.medsummer-es-article .reveal.in-view { opacity:1; transform:translateY(0); }\n.medsummer-es-article .reveal.delay-1 { transition-delay:.12s; }\n.medsummer-es-article .reveal.delay-2 { transition-delay:.24s; }\n.medsummer-es-article .reveal.delay-3 { transition-delay:.36s; }\n\n\/* RESPONSIVE *\/\n@media (max-width:960px) {\n  .medsummer-es-article .stats-strip { grid-template-columns:repeat(2, 1fr); gap:48px 0; padding:56px 24px; }\n  .medsummer-es-article .stat-item { border-right:none !important; padding:0 20px; }\n  .medsummer-es-article .stat-item:nth-child(odd) { border-right:1px solid rgba(255,255,255,.08) !important; }\n  .medsummer-es-article .highlights-grid { grid-template-columns:1fr; gap:48px; }\n  .medsummer-es-article .gallery-grid-3 { grid-template-columns:1fr 1fr; }\n  .medsummer-es-article .two-col-feature { grid-template-columns:1fr; gap:40px; padding:64px 24px; }\n  .medsummer-es-article .two-col-feature.reverse .tc-image { order:0; }\n  .medsummer-es-article .specs-grid { grid-template-columns:1fr; }\n  .medsummer-es-article .parallax-img { background-attachment:scroll; }\n  .medsummer-es-article .art-intro { padding:72px 0 40px; }\n  .medsummer-es-article .art-container { padding:0 24px; }\n  .medsummer-es-article .art-pullquote { padding:72px 24px; }\n  .medsummer-es-article .parallax-caption { right:24px; bottom:24px; font-size:10px; }\n  .medsummer-es-article .fullwidth-cap { left:24px; bottom:24px; font-size:10px; }\n}\n@media (max-width:720px) {\n  .medsummer-es-article .art-hero-plate { padding:52px 24px 64px; }\n  .medsummer-es-article .art-hero-plate .art-h1 { font-size:38px; }\n  .medsummer-es-article .art-hero-plate .art-bajada-hero { font-size:16px; }\n  .medsummer-es-article .art-volanta-line { width:36px; }\n  .medsummer-es-article .lb-stage { padding:60px 16px; }\n  .medsummer-es-article .lb-nav { width:44px; height:44px; font-size:24px; }\n  .medsummer-es-article .lb-prev { left:12px; }\n  .medsummer-es-article .lb-next { right:12px; }\n  .medsummer-es-article .strip-item { width:78vw; }\n  .medsummer-es-article .scroll-strip { padding:0 24px 20px; }\n  .medsummer-es-article .scroll-strip-head { padding:0 24px; }\n}\n@media (max-width:640px) {\n  .medsummer-es-article .stats-strip { grid-template-columns:1fr; gap:48px 0; }\n  .medsummer-es-article .stat-item { border-right:none !important; }\n  .medsummer-es-article .gallery-grid-3 { grid-template-columns:1fr; }\n  .medsummer-es-article .gallery-grid-2 { grid-template-columns:1fr; }\n  .medsummer-es-article .credits-container { gap:32px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .medsummer-es-article .art-hero-bg { animation:none; transform:scale(1); }\n  .medsummer-es-article .hero-scroll-ind { animation:none; }\n  .medsummer-es-article .scroll-strip-hint::before { animation:none; }\n  .medsummer-es-article .parallax-img { background-attachment:scroll; }\n}\n\n<\/style>\n\n<article class=\"medsummer-es-article\">\n\n  <div class=\"art-container\">\n    <span class=\"art-kicker\">El Mar M&aacute;s Amplio<\/span>\n    <h2 class=\"art-section-head reveal\">De una costa <em>a la siguiente<\/em><\/h2>\n    <p class=\"art-body-text reveal delay-1\">Las mismas tres se&ntilde;ales se leen en toda la cuenca. Un puerto en el sur de Francia, un fondeadero en Montenegro, un gran velero en reposo frente a una isla portuguesa, la costa de roca desnuda de Turqu&iacute;a alz&aacute;ndose desde el agua: pa&iacute;ses distintos, la misma gram&aacute;tica de verano. Apr&eacute;ndela en una costa y podr&aacute;s leerla en cualquiera.<\/p>\n  <\/div>\n\n  <section class=\"scroll-strip-section\">\n    <div class=\"scroll-strip-head\">\n      <div><div class=\"scroll-strip-kicker\">Por Toda la Cuenca<\/div><h2 class=\"scroll-strip-title\">Escenas de <em>la temporada<\/em><\/h2><\/div>\n      <div class=\"scroll-strip-hint\">Arrastra para explorar<\/div>\n    <\/div>\n    <div class=\"scroll-strip\" data-gallery>\n      <div class=\"strip-item\" data-lb-src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-vieux-port-of-marseille-south-of-france-.jpg\" data-lb-cap=\"El puerto viejo de Marsella, sur de Francia\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-vieux-port-of-marseille-south-of-france-.jpg\" alt=\"Vieux Port de Marsella, sur de Francia\" loading=\"lazy\"><span class=\"strip-badge\">01 &middot; Francia<\/span><span class=\"strip-cap\">El puerto viejo de Marsella, sur de Francia<\/span><\/div>\n      <div class=\"strip-item\" data-lb-src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-yachts-at-anchor-in-montenegro-.jpg\" data-lb-cap=\"Yates fondeados en el Adri&aacute;tico\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-yachts-at-anchor-in-montenegro-.jpg\" alt=\"Yates fondeados en Montenegro\" loading=\"lazy\"><span class=\"strip-badge\">02 &middot; Montenegro<\/span><span class=\"strip-cap\">Yates fondeados en el Adri&aacute;tico<\/span><\/div>\n      <div class=\"strip-item\" data-lb-src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-Big-sailing-ship-moored-in-the-harbor-with-porto-santo.jpg\" data-lb-cap=\"Un gran velero amarrado frente a Porto Santo\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-Big-sailing-ship-moored-in-the-harbor-with-porto-santo.jpg\" alt=\"Gran velero amarrado en el puerto de Porto Santo\" loading=\"lazy\"><span class=\"strip-badge\">03 &middot; Borde Atl&aacute;ntico<\/span><span class=\"strip-cap\">Un gran velero amarrado frente a Porto Santo<\/span><\/div>\n      <div class=\"strip-item\" data-lb-src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-landscape-of-turkey-natural-rock-mountains-view-from-water.jpg\" data-lb-cap=\"La costa de roca de Turqu&iacute;a desde el agua\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-landscape-of-turkey-natural-rock-mountains-view-from-water.jpg\" alt=\"Monta&ntilde;as de roca natural de Turqu&iacute;a, vista desde el agua\" loading=\"lazy\"><span class=\"strip-badge\">04 &middot; Turqu&iacute;a<\/span><span class=\"strip-cap\">La costa de roca de Turqu&iacute;a desde el agua<\/span><\/div>\n      <div class=\"strip-item\" data-lb-src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-scenic-night-view-of-coastal-town-with-reflections.jpg\" data-lb-cap=\"Un pueblo costero reflejado al caer la noche\"><img decoding=\"async\" src=\"https:\/\/usaonboard.com\/wp-content\/uploads\/2026\/06\/2400-x-1350-scenic-night-view-of-coastal-town-with-reflections.jpg\" alt=\"Vista nocturna de un pueblo costero con reflejos\" loading=\"lazy\"><span class=\"strip-badge\">05 &middot; De Noche<\/span><span class=\"strip-cap\">Un pueblo costero reflejado al caer la noche<\/span><\/div>\n    <\/div>\n  <\/section>\n\n  <div class=\"lb-overlay\" data-lightbox role=\"dialog\" aria-hidden=\"true\" aria-label=\"Galer&iacute;a de im&aacute;genes\">\n    <div class=\"lb-stage\">\n      <div class=\"lb-counter\" data-lb-counter><\/div>\n      <button class=\"lb-close\" data-lb-close aria-label=\"Cerrar\">&times;<\/button>\n      <button class=\"lb-nav lb-prev\" data-lb-prev aria-label=\"Anterior\">&lsaquo;<\/button>\n      <div class=\"lb-image-wrap\"><img class=\"lb-image\" data-lb-img alt=\"\"><\/div>\n      <button class=\"lb-nav lb-next\" data-lb-next aria-label=\"Siguiente\">&rsaquo;<\/button>\n      <div class=\"lb-caption\" data-lb-caption><\/div>\n    <\/div>\n  <\/div>\n\n  <section class=\"art-signoff\"><p class=\"signoff-text\">Al final, el verano mediterr&aacute;neo premia al lector pausado, al que deja de contar nombres y empieza a leer agua, puerto y luz. Hazlo, y el mismo mar que cre&iacute;as conocer empieza, en voz baja, a contarte m&aacute;s.<\/p><div class=\"signoff-cite\">USA Onboard &middot; Editorial &middot; 2026<\/div><\/section>\n<\/article>\n<script>\n(function(){\n  var roots = document.querySelectorAll('.medsummer-es-article'); if(!roots.length) return;\n  var all = [];\n  roots.forEach(function(root){\n    root.querySelectorAll('.reveal, .fullwidth-img').forEach(function(el){ all.push(el); });\n  });\n  if (typeof IntersectionObserver !== 'undefined') {\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(e){ if (e.isIntersecting) { e.target.classList.add('in-view'); io.unobserve(e.target); } });\n    }, { threshold: 0.08, rootMargin: '0px 0px 0px 0px' });\n    all.forEach(function(el){ io.observe(el); });\n    setTimeout(function(){\n      all.forEach(function(el){ if(!el.classList.contains('in-view')) el.classList.add('in-view'); });\n    }, 1200);\n  } else {\n    all.forEach(function(el){ el.classList.add('in-view'); });\n  }\n})();\n(function(){\n  var roots = document.querySelectorAll('.medsummer-es-article');\n  roots.forEach(function(root){\n  var items = Array.from(root.querySelectorAll('[data-lb-src]'));\n  var lb = root.querySelector('[data-lightbox]');\n  if (!lb || !items.length) return;\n  var lbImg = lb.querySelector('[data-lb-img]');\n  var lbCap = lb.querySelector('[data-lb-caption]');\n  var lbCounter = lb.querySelector('[data-lb-counter]');\n  var current = 0;\n  function pad2(n){ return n < 10 ? '0' + n : String(n); }\n  function update(){ var it = items[current]; if (!it) return; lbImg.src = it.dataset.lbSrc || it.querySelector('img').src; lbImg.alt = it.querySelector('img').alt || ''; lbCap.textContent = it.dataset.lbCap || ''; if (lbCounter) lbCounter.innerHTML = '<em>' + pad2(current + 1) + '<\/em> \/ ' + pad2(items.length); }\n  function open(i){ current = i; update(); lb.classList.add('open'); lb.setAttribute('aria-hidden','false'); document.body.style.overflow='hidden'; }\n  function close(){ lb.classList.remove('open'); lb.setAttribute('aria-hidden','true'); document.body.style.overflow=''; }\n  function prev(){ current = (current - 1 + items.length) % items.length; update(); }\n  function next(){ current = (current + 1) % items.length; update(); }\n  var strip = root.querySelector('[data-gallery]');\n  items.forEach(function(it,i){ it.addEventListener('click', function(){ if (strip && strip.dataset.wasDragging === '1') { strip.dataset.wasDragging = '0'; return; } open(i); }); });\n  lb.querySelector('[data-lb-close]').addEventListener('click', close);\n  lb.querySelector('[data-lb-prev]').addEventListener('click', prev);\n  lb.querySelector('[data-lb-next]').addEventListener('click', next);\n  lb.addEventListener('click', function(e){ if (e.target === lb || e.target === lb.firstElementChild) close(); });\n  document.addEventListener('keydown', function(e){ if (!lb.classList.contains('open')) return; if (e.key==='Escape') close(); else if (e.key==='ArrowLeft') prev(); else if (e.key==='ArrowRight') next(); });\n  if (strip) {\n    var isDown=false,startX=0,scrollLeft=0,moved=0;\n    strip.addEventListener('mousedown', function(e){ isDown=true; moved=0; startX=e.pageX-strip.offsetLeft; scrollLeft=strip.scrollLeft; });\n    strip.addEventListener('mouseleave', function(){ isDown=false; });\n    strip.addEventListener('mouseup', function(){ isDown=false; if (moved>6) strip.dataset.wasDragging='1'; });\n    strip.addEventListener('mousemove', function(e){ if(!isDown) return; e.preventDefault(); var x=e.pageX-strip.offsetLeft; var walk=(x-startX); moved=Math.abs(walk); strip.scrollLeft=scrollLeft-walk; });\n  }\n});\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Descubrir Navegaci&oacute;n &middot; Mediterr&aacute;neo Leer el VeranoMediterr&aacute;neo Una temporada en este mar no se recorre tanto como se lee. Las se&ntilde;ales est&aacute;n por todas partes, en el agua, en los puertos y en las largas tardes doradas, para quien aprende a mirar. USA Onboard Editorial&middot;Reportaje &middot; 2026&middot;Lectura &middot; 8 min El Mediterr&aacute;neo en verano es [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":6119,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"slim_seo":{"title":"Leer el Verano Mediterr\u00e1neo - USA ONBOARD","description":"Descubrir Navegaci&oacute;n &middot; Mediterr&aacute;neo Leer el Verano Mediterr&aacute;neo Una temporada en este mar no se recorre tanto como se lee. Las se&nt"},"footnotes":""},"categories":[91],"tags":[],"class_list":["post-6124","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-live-aboard"],"acf":[],"_links":{"self":[{"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/posts\/6124","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=6124"}],"version-history":[{"count":0,"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/posts\/6124\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/media\/6119"}],"wp:attachment":[{"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/media?parent=6124"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/categories?post=6124"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/usaonboard.com\/es\/wp-json\/wp\/v2\/tags?post=6124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}