:root{
  --navy:#062f43;
  --navy-2:#0b4056;
  --teal:#2c7da0;
  --teal-2:#3a9fbd;
  --water:#eaf7fb;
  --sand:#f5efe5;
  --cream:#fffaf2;
  --ink:#102830;
  --muted:#637b84;
  --white:#fff;
  --line:rgba(16,40,48,.14);
  --shadow:0 24px 70px rgba(6,47,67,.17);
  --radius:24px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:linear-gradient(180deg,#effbff 0%,#fff 48%,#f7fbfd 100%);line-height:1.65}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
p{margin:0 0 1rem}
h1,h2,h3{font-family:Fraunces,Georgia,serif;line-height:1.05;margin:0 0 1rem;color:var(--navy)}
h1{font-size:clamp(2.5rem,7vw,5.7rem);letter-spacing:-.05em}
h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.04em}
h3{font-size:1.35rem;letter-spacing:-.02em}.skip{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip:focus{left:1rem;top:1rem;z-index:9999;width:auto;height:auto;padding:.75rem 1rem;background:white;border-radius:1rem}.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);background:rgba(6,47,67,.86);color:#fff;backdrop-filter:blur(18px);box-shadow:0 12px 30px rgba(6,47,67,.12)}.site-header.is-scrolled{background:rgba(6,47,67,.96)}.brand{display:flex;align-items:center;gap:.8rem;min-width:210px}.brand__mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#ffb347,#2c7da0);font-weight:900;color:#062f43;box-shadow:0 8px 24px rgba(0,0,0,.16)}.brand strong{display:block;line-height:1}.brand small{display:block;opacity:.78;font-size:.78rem}.main-nav{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;justify-content:center}.main-nav a,.header-wa{padding:.55rem .8rem;border-radius:999px;font-weight:700;font-size:.95rem;opacity:.95}.main-nav a:hover,.main-nav a.is-active{background:rgba(255,255,255,.14);opacity:1}.header-wa{background:#25d366;color:#07364a;white-space:nowrap}.hero{position:relative;isolation:isolate;min-height:78vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,520px);gap:clamp(2rem,5vw,5rem);align-items:center;padding:clamp(4rem,8vw,7rem) clamp(1.2rem,5vw,4rem);overflow:hidden}.hero__bg{position:absolute;inset:0;background:linear-gradient(120deg,rgba(6,47,67,.9),rgba(6,47,67,.58)),url('../images/boats/buena-proa/gallery-2.jpg') center/cover;z-index:-2}.hero__bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(58,159,189,.38),transparent 34%)}.hero__copy{max-width:820px;color:#fff}.hero__copy h1,.hero__copy .hero-kicker{color:#fff}.hero__copy .lead{font-size:clamp(1.15rem,2vw,1.45rem);max-width:720px;color:rgba(255,255,255,.92)}.hero-kicker{font-family:Fraunces,Georgia,serif;font-size:clamp(1.5rem,3vw,2.6rem);line-height:1.12;margin-bottom:1rem}.hero__media{border-radius:32px;overflow:hidden;box-shadow:var(--shadow);transform:rotate(1deg);border:1px solid rgba(255,255,255,.25)}.hero__media img{height:min(66vh,620px);width:100%;object-fit:cover}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:var(--teal);font-size:.8rem;margin-bottom:.85rem}.hero .eyebrow,.section--deep .eyebrow{color:#9ee8ff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:999px;padding:.85rem 1.2rem;font-weight:900;cursor:pointer;transition:.2s ease;box-shadow:0 10px 30px rgba(6,47,67,.12)}.btn:hover{transform:translateY(-2px)}.btn--primary{background:linear-gradient(135deg,#25d366,#79e5a0);color:#063a24}.btn--glass{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(12px)}.btn--ghost{background:#fff;color:var(--navy);border:1px solid var(--line)}.btn--large{padding:1rem 1.45rem;font-size:1rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.7rem 0}.trust-strip{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;margin-top:1.5rem;padding:.8rem 1rem;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2);width:max-content;max-width:100%}.trust-strip strong{font-size:1.2rem;color:#ffdd67}.section{max-width:var(--max);margin:0 auto;padding:clamp(3.5rem,7vw,6rem) clamp(1rem,4vw,2rem)}.section--sand{max-width:none;background:linear-gradient(135deg,#fff7e9,#eaf7fb);padding-left:max(clamp(1rem,4vw,2rem),calc((100vw - var(--max))/2 + 2rem));padding-right:max(clamp(1rem,4vw,2rem),calc((100vw - var(--max))/2 + 2rem))}.section--deep{max-width:none;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;text-align:center;padding-left:max(clamp(1rem,4vw,2rem),calc((100vw - var(--max))/2 + 2rem));padding-right:max(clamp(1rem,4vw,2rem),calc((100vw - var(--max))/2 + 2rem))}.section--deep h2,.section--deep p{color:#fff}.section__head{text-align:center;max-width:820px;margin:0 auto 2.2rem}.section__head--left{text-align:left;margin-left:0}.intro-literal{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:1.5rem;align-items:stretch}.copy-card,.detail-card,.price-callout,.wa-form{background:rgba(255,255,255,.84);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(1.3rem,3vw,2rem);backdrop-filter:blur(10px)}.copy-card--wide h2 span{color:var(--teal)}.price-callout{display:flex;flex-direction:column;justify-content:center;text-align:center;background:linear-gradient(135deg,var(--navy),var(--teal));color:#fff}.price-callout span{letter-spacing:.14em;text-transform:uppercase;font-weight:900}.price-callout strong{font-family:Fraunces,Georgia,serif;font-size:3rem;margin:1rem 0}.microcopy{font-size:.92rem;color:var(--muted)}.steps-grid,.feature-grid,.reviews-grid,.price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.steps-grid article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.4rem;box-shadow:0 14px 44px rgba(6,47,67,.08)}.steps-grid span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--teal);color:#fff;font-weight:900;margin-bottom:.9rem}.steps-grid h3{font-family:Inter,sans-serif;font-size:1rem;letter-spacing:0;margin:0}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-card h3{font-size:1.45rem}.detail-card a:not(.btn){font-weight:900;color:var(--teal);text-decoration:underline;text-underline-offset:4px}.image-band{display:grid;gap:1.5rem}.image-row{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:1rem}.image-row img{height:320px;width:100%;object-fit:cover;border-radius:24px;box-shadow:var(--shadow)}.split-section{display:grid;grid-template-columns:minmax(280px,520px) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:center}.split-section figure{margin:0;border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.split-section img{height:520px;width:100%;object-fit:cover}.clean-list{padding-left:1.2rem}.clean-list li{margin:.6rem 0}.phrase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;max-width:var(--max);margin:2rem auto 0}.phrase-grid p{padding:1.4rem;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(255,255,255,.08);margin:0}.two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem}.memory-cta{text-align:center}.memory-cta h2{font-size:clamp(2.2rem,5vw,4.4rem)}.reviews-grid{grid-template-columns:repeat(3,minmax(0,1fr)) 1.2fr;align-items:stretch}.review-stat,.review-image{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:1.4rem}.review-stat strong{display:block;font-family:Fraunces,Georgia,serif;font-size:2.3rem;color:var(--teal)}.review-image{margin:0}.review-image img{border-radius:16px;width:100%;height:100%;object-fit:contain}.review-image--center{max-width:460px;margin:auto}.reviews-section blockquote{max-width:780px;margin:2rem auto 0;padding:1.4rem 1.8rem;border-left:4px solid var(--teal);background:#fff;border-radius:0 22px 22px 0;font-size:1.1rem}.reviews-section cite{display:block;margin-top:.8rem;color:var(--muted)}.reserve-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,480px);gap:2rem;align-items:start}.wa-form{display:grid;gap:.85rem}.wa-form label{display:grid;gap:.35rem;font-weight:800}.wa-form input,.wa-form select{width:100%;border:1px solid var(--line);border-radius:16px;padding:.9rem 1rem;font:inherit;background:#fff}.form-error{color:#b3261e;font-weight:800;margin:0}.page-hero{padding:clamp(5rem,10vw,9rem) clamp(1rem,4vw,2rem);text-align:center;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(6,47,67,.86),rgba(44,125,160,.66)),url('../images/boats/buena-proa/gallery-2.jpg') center/cover;color:#fff}.page-hero h1,.page-hero p{color:#fff}.page-hero .lead{max-width:880px;margin:0 auto;font-size:1.2rem}.boat-hero{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:0;min-height:72vh;background:linear-gradient(135deg,#eaf7fb,#fff7e9)}.boat-hero__image img{height:100%;min-height:520px;width:100%;object-fit:cover}.boat-hero__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,6vw,5rem)}.boat-hero h1{font-size:clamp(2.5rem,5vw,5rem)}.boat-detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:1.3rem}.facts{display:grid;gap:.7rem}.facts div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:.8rem;padding:.75rem 0;border-bottom:1px solid var(--line)}.facts dt{font-weight:900;color:var(--teal)}.facts dd{margin:0}.three-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}.tick-list{padding-left:0;list-style:none;margin:0}.tick-list li{padding:.55rem 0 .55rem 1.7rem;position:relative;border-bottom:1px solid var(--line)}.tick-list li:before{content:"✓";position:absolute;left:0;color:#168c52;font-weight:900}.inline-review{margin-top:1rem;border-radius:16px}.equipment-section .feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.price-grid article{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:1.5rem}.price-grid span{font-weight:900;color:var(--teal);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}.price-grid strong{display:block;font-family:Fraunces,Georgia,serif;font-size:3rem;color:var(--navy);margin:.4rem 0}.condition-row{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:1.5rem}.condition-row span{padding:.7rem 1rem;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:900}.faq{max-width:900px}.faq details{background:#fff;border:1px solid var(--line);border-radius:18px;margin:.8rem 0;padding:1rem 1.1rem;box-shadow:0 12px 36px rgba(6,47,67,.07)}.faq summary{font-weight:900;cursor:pointer;color:var(--navy)}.faq-tail{margin-top:1.5rem}.route-cards{display:grid;gap:1.5rem}.route-card{display:grid;grid-template-columns:minmax(280px,440px) minmax(0,1fr);gap:0;border-radius:28px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.route-card img{height:100%;min-height:330px;width:100%;object-fit:cover}.route-card div{padding:clamp(1.4rem,4vw,2.2rem)}.route-card dl{display:grid;gap:.6rem;margin:1.3rem 0}.route-card dl div{display:flex;gap:.5rem;padding:0}.route-card dt{font-weight:900;color:var(--teal)}.route-card dd{margin:0}.gallery-toolbar{max-width:var(--max);margin:0 auto .9rem;display:flex;justify-content:flex-end;gap:.5rem}.gallery-toolbar button{width:46px;height:46px;border:0;border-radius:50%;background:var(--navy);color:#fff;font-size:2rem;line-height:1;cursor:pointer}.gallery-carousel{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 1rem;scrollbar-color:var(--teal) transparent}.gallery-carousel figure{min-width:min(86vw,760px);height:560px;margin:0;position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);scroll-snap-align:center;background:#ddd}.gallery-carousel img{width:100%;height:100%;object-fit:cover}.gallery-carousel figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;padding:1rem;border-radius:18px;background:rgba(6,47,67,.78);color:#fff;backdrop-filter:blur(10px)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.gallery-grid figure{margin:0;border-radius:24px;overflow:hidden;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line)}.gallery-grid img{height:280px;width:100%;object-fit:cover}.gallery-grid figcaption{padding:1rem;font-size:.95rem;color:var(--muted)}.site-footer{background:var(--navy);color:#fff;padding:2.5rem clamp(1rem,4vw,3rem);display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:start}.site-footer p{color:rgba(255,255,255,.75)}.site-footer nav{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:flex-end}.site-footer nav a{opacity:.8}.site-footer nav a:hover{opacity:1}.legal-note{grid-column:1/-1;font-size:.85rem;margin:0}.sticky-wa{position:fixed;right:1rem;bottom:1rem;z-index:120}.sticky-wa a{display:inline-flex;padding:1rem 1.2rem;border-radius:999px;background:#25d366;color:#063a24;font-weight:900;box-shadow:0 16px 40px rgba(6,47,67,.22)}
@media (max-width:980px){.site-header{align-items:flex-start;flex-wrap:wrap}.main-nav{order:3;width:100%;justify-content:flex-start;overflow:auto;flex-wrap:nowrap}.hero,.intro-literal,.split-section,.reserve-panel,.boat-hero,.boat-detail-grid,.two-cols,.route-card{grid-template-columns:1fr}.hero{min-height:auto}.hero__media{transform:none}.hero__media img{height:420px}.steps-grid,.feature-grid,.reviews-grid,.price-grid,.three-cols,.equipment-section .feature-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phrase-grid{grid-template-columns:1fr 1fr}.boat-hero__image img{min-height:360px}.site-footer{grid-template-columns:1fr}.site-footer nav{justify-content:flex-start}.route-card img{min-height:260px}.gallery-carousel figure{height:480px}}
@media (max-width:640px){h1{font-size:2.5rem}.site-header{padding:.8rem}.brand{min-width:0}.brand small{display:none}.header-wa{margin-left:auto}.main-nav a{white-space:nowrap}.hero{padding:3.2rem 1rem}.hero__media img{height:300px}.trust-strip{border-radius:20px}.section{padding:3rem 1rem}.steps-grid,.feature-grid,.reviews-grid,.price-grid,.three-cols,.equipment-section .feature-grid,.gallery-grid,.phrase-grid{grid-template-columns:1fr}.image-row{grid-template-columns:1fr}.image-row img,.split-section img{height:300px}.facts div{grid-template-columns:1fr;gap:.15rem}.gallery-carousel figure{height:420px;min-width:92vw}.sticky-wa{left:1rem;right:1rem}.sticky-wa a{width:100%;justify-content:center}.price-callout strong{font-size:2.5rem}}


/* v13 - more visual selling blocks and legal page */
.main-nav a{font-size:.88rem;padding:.5rem .68rem}.feature-section--visual{max-width:none;padding-left:max(clamp(1rem,4vw,2rem),calc((100vw - var(--max))/2 + 2rem));padding-right:max(clamp(1rem,4vw,2rem),calc((100vw - var(--max))/2 + 2rem));background:linear-gradient(180deg,#fff,#eaf7fb)}.feature-grid--visual{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.detail-card--photo{min-height:430px;position:relative;overflow:hidden;color:#fff;padding:0;border:0;background:#062f43}.detail-card--photo:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,47,67,.12),rgba(6,47,67,.88)),var(--card-bg) center/cover no-repeat;transition:transform .35s ease}.detail-card--photo:hover:before{transform:scale(1.04)}.detail-card--photo>div{position:absolute;inset:auto 0 0 0;padding:1.35rem;z-index:1}.detail-card--photo h3,.detail-card--photo p{color:#fff}.detail-card--photo a:not(.btn){display:inline-flex;margin-top:.45rem;padding:.6rem .85rem;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px)}.experience-wall{padding-top:3rem}.experience-mosaic{display:grid;grid-template-columns:1.3fr .85fr .85fr;grid-auto-rows:260px;gap:1rem}.experience-tile{margin:0;position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#d9edf4}.experience-tile--wide{grid-row:span 2}.experience-tile img{width:100%;height:100%;object-fit:cover}.experience-tile:after,.photo-strip-card--placeholder:after,.experience-tile--placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,47,67,0),rgba(6,47,67,.68))}.experience-tile figcaption{position:absolute;left:1rem;bottom:1rem;right:1rem;z-index:1;color:#fff;font-weight:900}.experience-tile--placeholder figcaption,.photo-strip-card--placeholder figcaption{background:rgba(6,47,67,.72);border:1px dashed rgba(255,255,255,.55);border-radius:16px;padding:.8rem}.image-row--large img{height:380px}.boat-photo-strip{max-width:none;padding:1.5rem max(clamp(1rem,4vw,2rem),calc((100vw - var(--max))/2 + 2rem)) 3rem;background:#fff}.photo-strip-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:240px;gap:1rem}.photo-strip-card{margin:0;position:relative;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);background:#eaf7fb}.photo-strip-card--large{grid-row:span 2}.photo-strip-card img{width:100%;height:100%;object-fit:cover}.photo-strip-card figcaption{position:absolute;left:1rem;bottom:1rem;right:1rem;color:#fff;font-weight:900;z-index:1;text-shadow:0 2px 12px rgba(0,0,0,.35)}.photo-strip-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,47,67,0),rgba(6,47,67,.55));z-index:1}.photo-strip-card figcaption{z-index:2}.pending-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.pending-photo-grid figure{margin:0;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);position:relative;background:#fff}.pending-photo-grid img{height:310px;width:100%;object-fit:cover}.pending-photo-grid figcaption{position:absolute;left:.8rem;right:.8rem;bottom:.8rem;padding:.7rem .8rem;border-radius:14px;background:rgba(6,47,67,.76);color:#fff;font-weight:900}.page-hero--legal{background:linear-gradient(135deg,rgba(6,47,67,.9),rgba(44,125,160,.72)),url('../images/boats/buena-proa/gallery-2.jpg') center/cover}.legal-content{max-width:980px}.legal-card h3{font-family:Inter,sans-serif;color:var(--teal);font-size:1.1rem;margin-top:1.6rem}.legal-card h3:first-child{margin-top:0}.legal-card ul{margin-bottom:1.3rem}.legal-card li{margin:.35rem 0}
@media (max-width:980px){.feature-grid--visual,.pending-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-mosaic,.photo-strip-grid{grid-template-columns:1fr 1fr}.experience-tile--wide,.photo-strip-card--large{grid-row:span 1}.detail-card--photo{min-height:360px}}
@media (max-width:640px){.feature-grid--visual,.pending-photo-grid,.experience-mosaic,.photo-strip-grid{grid-template-columns:1fr}.experience-mosaic,.photo-strip-grid{grid-auto-rows:300px}.detail-card--photo{min-height:330px}.pending-photo-grid img{height:280px}}


/* v14 - logo real, social links, better local navigation and equipment panel */
.brand{min-width:250px}
.brand__logo{width:64px;height:52px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22));flex:0 0 auto}
.brand__mark{display:none}
.footer-social{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.85rem}
.footer-social a{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .85rem;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-weight:800;color:#fff;opacity:.92}
.footer-social a:hover{opacity:1;background:rgba(255,255,255,.18)}
.equipment-summary{max-width:var(--max)}
.equipment-summary__card{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:1.2rem;background:#fff;border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);padding:clamp(1.25rem,3vw,2rem)}
.equipment-summary__intro{padding:clamp(.4rem,2vw,1rem)}
.equipment-summary__intro h2{font-size:clamp(2rem,4vw,3.25rem)}
.equipment-summary__content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.equipment-summary__content article{background:linear-gradient(180deg,#f7fcfe,#fff);border:1px solid var(--line);border-radius:24px;padding:1.15rem;min-width:0}
.equipment-summary__content h3{font-family:Inter,sans-serif;font-size:1.05rem;letter-spacing:0;margin-bottom:.8rem;color:var(--navy)}
.equipment-summary__review{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,360px);gap:1rem;align-items:center;background:linear-gradient(135deg,#fffaf2,#f7fcfe)!important}
.equipment-summary__review p{margin:0;color:var(--muted)}
.tick-list--compact li{padding-top:.45rem;padding-bottom:.45rem;font-size:.98rem}
.equipment-summary__review .inline-review{max-height:220px;width:100%;object-fit:contain;background:#fff;border-radius:18px;padding:.4rem;border:1px solid rgba(16,40,48,.08)}
.route-card .btn{margin-top:.35rem}
@media (max-width:980px){.brand{min-width:0}.brand__logo{width:56px;height:46px}.equipment-summary__card{grid-template-columns:1fr}.equipment-summary__review{grid-template-columns:1fr}.site-footer nav{justify-content:flex-start}}
@media (max-width:640px){.brand__logo{width:48px;height:40px}.brand strong{font-size:.95rem}.equipment-summary__content{grid-template-columns:1fr}.footer-social a{width:100%}.main-nav a{font-size:.82rem}}

/* =========================================================
   v15 - prueba de estilo Lora + Inter
   Inspirada en el HTML de prueba aportado, pero manteniendo
   la estructura, textos, WhatsApp y SEO de Buena Proa v14.
   ========================================================= */
:root{
  --navy:#06384b;
  --navy-2:#0a5670;
  --teal:#0077b6;
  --teal-2:#00a8cc;
  --water:#e8f7fb;
  --sand:#f7f0e5;
  --cream:#fffdf8;
  --ink:#14292f;
  --muted:#5f747c;
  --white:#fff;
  --line:rgba(20,41,47,.13);
  --shadow:0 16px 44px rgba(6,56,75,.12);
  --shadow-strong:0 24px 72px rgba(6,56,75,.18);
  --radius:18px;
}

body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:var(--ink);
  background:linear-gradient(180deg,#ffffff 0%,#f7fcfe 48%,#ffffff 100%);
  line-height:1.62;
}

h1,h2,h3,.hero-kicker,.price-callout strong,.review-stat strong,.memory-cta h2,.boat-hero h1{
  font-family:'Lora',Georgia,serif;
  letter-spacing:-.025em;
}

h1{
  font-size:clamp(2.15rem,5.6vw,4.85rem);
  line-height:1.08;
}

h2{
  font-size:clamp(1.9rem,3.7vw,3.15rem);
  line-height:1.12;
}

h3{
  font-size:1.32rem;
  line-height:1.18;
}

.site-header{
  background:rgba(255,255,255,.96);
  color:var(--ink);
  border-bottom:1px solid var(--line);
  box-shadow:0 8px 28px rgba(6,56,75,.08);
}
.site-header.is-scrolled{
  background:rgba(255,255,255,.98);
}
.brand strong{color:var(--navy)}
.brand small{color:var(--muted);opacity:1}
.brand__logo{filter:drop-shadow(0 6px 14px rgba(6,56,75,.16))}
.main-nav a,.header-wa{
  border-radius:12px;
  font-weight:700;
}
.main-nav a:hover,.main-nav a.is-active{
  background:var(--water);
  color:var(--navy);
}
.header-wa{
  background:#25d366;
  color:#063a24;
  box-shadow:0 10px 24px rgba(37,211,102,.18);
}

.hero{
  min-height:74vh;
}
.hero__bg{
  background:
    linear-gradient(120deg,rgba(6,56,75,.88),rgba(0,119,182,.58)),
    url('../images/boats/buena-proa/gallery-2.jpg') center/cover;
}
.hero__copy .lead{
  font-size:clamp(1.08rem,1.55vw,1.28rem);
  max-width:700px;
}
.hero-kicker{
  font-size:clamp(1.25rem,2.25vw,2rem);
  letter-spacing:-.015em;
}
.hero__media{
  border-radius:22px;
  transform:none;
  box-shadow:var(--shadow-strong);
}
.hero__media img{
  height:min(63vh,580px);
}

.btn{
  border-radius:12px;
  min-height:48px;
  box-shadow:0 10px 24px rgba(6,56,75,.10);
}
.btn--primary{
  background:#0066cc;
  color:#fff;
}
.btn--primary:hover{
  background:#0052a3;
}
.btn--glass{
  background:rgba(255,255,255,.10);
  color:#fff;
  border:1.5px solid rgba(255,255,255,.54);
}
.btn--ghost{
  border-radius:12px;
}
.trust-strip{
  border-radius:16px;
  background:rgba(255,255,255,.14);
}

.section{
  padding-top:clamp(3rem,6vw,5rem);
  padding-bottom:clamp(3rem,6vw,5rem);
}
.copy-card,.detail-card,.price-callout,.wa-form,.review-stat,.review-image,.route-card,.legal-card{
  border-radius:18px;
  box-shadow:var(--shadow);
}
.copy-card,.detail-card,.wa-form,.review-stat,.review-image{
  background:rgba(255,255,255,.92);
}
.price-callout{
  background:linear-gradient(135deg,#0066cc,#00a8cc);
}
.price-callout strong{
  font-size:clamp(2.25rem,4vw,3rem);
}
.eyebrow{
  color:#0077b6;
}
.hero .eyebrow,.section--deep .eyebrow{
  color:#c9f2ff;
}

.steps-grid article,.equipment-summary__content article,.feature-grid .detail-card{
  border-radius:18px;
}
.steps-grid span{
  background:#0066cc;
  border-radius:12px;
}
.detail-card--photo{
  border-radius:18px;
  min-height:405px;
}
.detail-card--photo a:not(.btn){
  border-radius:12px;
}
.image-row img,.split-section figure,.gallery-carousel figure,.gallery-grid figure,.experience-tile,.photo-strip-card,.pending-photo-grid figure{
  border-radius:18px;
}

.page-hero{
  background:
    linear-gradient(135deg,rgba(6,56,75,.88),rgba(0,119,182,.62)),
    url('../images/boats/buena-proa/gallery-2.jpg') center/cover;
}
.boat-hero{
  background:linear-gradient(135deg,#f7fcfe,#fff7ec);
}
.equipment-summary__card{
  border-radius:22px;
}
.equipment-summary__content article{
  background:#fff;
}

.wa-form input,.wa-form select,.form__group input,.form__group select,.form__group textarea{
  border-radius:12px;
}
.sticky-wa a{
  background:#25d366;
  color:#063a24;
  border-radius:14px;
}
.site-footer{
  background:#10292f;
}

@media (max-width:640px){
  h1{font-size:2.35rem;line-height:1.1}
  .hero__media img{height:295px}
  .main-nav a{border-radius:10px}
  .sticky-wa a{border-radius:12px}
}


/* =========================================================
   v17 - basada en v15: Lora + Inter con experiencia real
   ========================================================= */
.home-page .hero__bg{
  background:
    linear-gradient(115deg,rgba(6,56,75,.88) 0%,rgba(6,56,75,.64) 43%,rgba(0,119,182,.32) 100%),
    url('../images/experience/hero-aerea-2026.jpg') 52% 50%/cover no-repeat;
}
.home-page .hero__bg:after{
  background:radial-gradient(circle at 55% 52%,rgba(201,242,255,.26),transparent 31%);
}
.home-page .hero__media img{object-position:center center}
.btn--glass-dark{background:rgba(255,255,255,.72);color:var(--navy);border:1px solid rgba(6,56,75,.14);box-shadow:0 10px 24px rgba(6,56,75,.08)}
.btn--glass-dark:hover{background:#fff}

.intro-flow-section{
  max-width:none;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(4rem,8vw,7rem) max(clamp(1rem,4vw,2rem),calc((100vw - var(--max))/2 + 2rem));
  background:#eaf7fb;
}
.intro-flow__bg{position:absolute;inset:0;z-index:-2;background:url('../images/experience/chapuzon.jpg') center 56%/cover no-repeat;transform:scale(1.02)}
.intro-flow-section:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.87) 51%,rgba(255,255,255,.62) 100%),radial-gradient(circle at 80% 20%,rgba(0,168,204,.18),transparent 34%)}
.intro-flow__content{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:1.5rem;align-items:stretch}
.intro-flow__copy,.intro-flow__steps{background:rgba(255,255,255,.82);border:1px solid rgba(20,41,47,.13);border-radius:22px;box-shadow:var(--shadow);padding:clamp(1.4rem,3vw,2.4rem);backdrop-filter:blur(12px)}
.intro-flow__copy h2 span{color:var(--teal)}
.intro-flow__copy p{max-width:760px}.intro-flow__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.3rem}
.intro-flow__steps{display:flex;flex-direction:column;gap:1rem;background:rgba(6,56,75,.86);color:#fff}.intro-flow__steps h3{color:#fff;font-family:'Lora',Georgia,serif;font-size:clamp(1.65rem,2.65vw,2.3rem);margin:0}.intro-flow__steps .eyebrow{color:#c9f2ff;margin:0}.intro-flow__steps ol{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.intro-flow__steps li{display:grid;grid-template-columns:42px 1fr;gap:.8rem;align-items:center;padding:.78rem;border-radius:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16)}.intro-flow__steps li span{width:42px;height:42px;border-radius:12px;background:#c9f2ff;color:var(--navy);display:grid;place-items:center;font-weight:900}.intro-flow__steps strong{font-family:Inter,sans-serif;color:#fff}.intro-flow__price{margin-top:auto;border-top:1px solid rgba(255,255,255,.20);padding-top:1rem;display:flex;justify-content:space-between;gap:1rem;align-items:end}.intro-flow__price span{text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#c9f2ff}.intro-flow__price strong{font-family:'Lora',Georgia,serif;font-size:2.35rem;color:#fff}

.plan-section{max-width:none;position:relative;isolation:isolate;overflow:hidden;background:#06384b!important;padding-left:max(clamp(1rem,4vw,2rem),calc((100vw - var(--max))/2 + 2rem));padding-right:max(clamp(1rem,4vw,2rem),calc((100vw - var(--max))/2 + 2rem))}
.plan-section:before{content:"";position:absolute;inset:0;z-index:-2;background:url('../images/experience/amigos9.jpg') center 50%/cover no-repeat;transform:scale(1.02)}
.plan-section:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,56,75,.48),rgba(6,56,75,.72)),linear-gradient(90deg,rgba(6,56,75,.72),rgba(0,119,182,.24))}
.plan-section .section__head h2,.plan-section .section__head p{color:#fff}.plan-section .eyebrow{color:#c9f2ff}.plan-grid{max-width:var(--max);margin:0 auto;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.plan-card{min-height:330px;display:flex;flex-direction:column;justify-content:flex-end;background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.26);box-shadow:0 24px 70px rgba(0,0,0,.18);backdrop-filter:blur(10px);padding:1.35rem}.plan-card h3,.plan-card p{color:#fff}.plan-card h3{font-size:1.55rem}.plan-card a:not(.btn){display:inline-flex;width:max-content;max-width:100%;margin-top:.7rem;padding:.58rem .85rem;border-radius:12px;background:rgba(255,255,255,.14);color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.28);font-weight:900}.plan-card a:not(.btn):hover{background:rgba(255,255,255,.22)}

.real-day-section{max-width:none;position:relative;isolation:isolate;overflow:hidden;padding:clamp(4rem,8vw,7rem) max(clamp(1rem,4vw,2rem),calc((100vw - var(--max))/2 + 2rem));background:#edf8fb}
.real-day__bg{position:absolute;inset:0;z-index:-2;background:url('../images/experience/naturaleza18.jpg') center/cover no-repeat;filter:saturate(1.05)}
.real-day-section:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.78)),linear-gradient(90deg,rgba(234,247,251,.92),rgba(234,247,251,.48))}.real-day__head{max-width:var(--max);margin:0 auto 2rem;text-align:center}.real-day__grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:1.1rem;align-items:stretch}.real-day__copy,.real-day__experience{background:rgba(255,255,255,.82);border:1px solid rgba(20,41,47,.13);border-radius:22px;box-shadow:var(--shadow);padding:clamp(1.35rem,3vw,2.1rem);backdrop-filter:blur(10px)}.real-day__copy h3,.real-day__experience h3{font-size:clamp(1.75rem,3.1vw,2.85rem)}.real-day__copy ul{padding-left:1.2rem;margin:0 0 1rem}.real-day__copy li{margin:.55rem 0}.real-day__photo{margin:0;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);min-height:260px;background:#d9edf4}.real-day__photo img{width:100%;height:100%;object-fit:cover}.real-day__photo--main{min-height:430px}.real-day__experience{display:flex;flex-direction:column;justify-content:center}.experience-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem}.experience-lines span{display:block;padding:.85rem 1rem;border-radius:14px;background:rgba(0,119,182,.10);border:1px solid rgba(0,119,182,.18);font-weight:800;color:var(--navy)}.real-day__gallery-link{max-width:var(--max);margin:1.3rem auto 0;text-align:center}
.gallery-page .page-hero--gallery{background:linear-gradient(135deg,rgba(6,56,75,.78),rgba(0,119,182,.50)),url('../images/experience/aerea-2024.jpg') center/cover;color:#fff}.gallery-page .page-hero--gallery h1,.gallery-page .page-hero--gallery p{color:#fff}.gallery-page .page-hero--gallery .eyebrow{color:#c9f2ff}.gallery-carousel figure{min-width:min(86vw,820px)}
.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.gallery-grid figure{min-height:320px}
.gallery-grid img{height:320px;object-fit:cover}

@media (max-width:980px){.intro-flow__content,.real-day__grid{grid-template-columns:1fr}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.real-day__photo--main{min-height:340px}.experience-lines{grid-template-columns:1fr}.home-page .hero__bg{background-position:50% 50%}}
@media (max-width:640px){.intro-flow-section,.real-day-section{padding:3.5rem 1rem}.intro-flow-section:before{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.74))}.intro-flow__price{align-items:flex-start;flex-direction:column}.intro-flow__steps li{grid-template-columns:36px 1fr}.intro-flow__steps li span{width:36px;height:36px}.plan-grid{grid-template-columns:1fr}.plan-card{min-height:280px}.real-day__photo{min-height:250px}.real-day__photo--main{min-height:300px}.gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:280px}}


/* =========================================================
   V18 - Ajustes de escala visual y experiencia real
   Base v15: mantenemos Lora + Inter, pero reducimos volumen,
   damos más transparencia y recuperamos el ritmo de la web original.
   ========================================================= */
.home-page .intro-flow-section{
  padding-top:clamp(2.6rem,5vw,4rem)!important;
  padding-bottom:clamp(2.6rem,5vw,4rem)!important;
}
.home-page .intro-flow-section:before{
  background:
    linear-gradient(90deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.54) 52%,rgba(255,255,255,.36) 100%),
    radial-gradient(circle at 80% 25%,rgba(0,168,204,.12),transparent 34%)!important;
}
.home-page .intro-flow__content--compact{
  max-width:1120px;
  grid-template-columns:minmax(0,1.05fr) minmax(285px,.72fr)!important;
  gap:1rem!important;
}
.home-page .intro-flow__copy--compact,
.home-page .intro-flow__steps--compact{
  border-radius:20px!important;
  padding:clamp(1.15rem,2.3vw,1.75rem)!important;
  box-shadow:0 18px 56px rgba(6,47,67,.12)!important;
}
.home-page .intro-flow__copy--compact{
  background:rgba(255,255,255,.66)!important;
  backdrop-filter:blur(8px)!important;
}
.home-page .intro-flow__copy--compact h2{
  font-size:clamp(2rem,3.2vw,3.15rem)!important;
  line-height:1.08!important;
  margin-bottom:1rem!important;
}
.home-page .intro-flow__copy--compact p{
  font-size:1rem!important;
  line-height:1.62!important;
  margin:.7rem 0!important;
}
.home-page .intro-flow__steps--compact{
  background:rgba(6,56,75,.66)!important;
  backdrop-filter:blur(8px)!important;
  gap:.75rem!important;
}
.home-page .intro-flow__steps--compact h3{
  font-size:clamp(1.35rem,2vw,1.75rem)!important;
  line-height:1.18!important;
}
.home-page .intro-flow__steps--compact ol{
  gap:.5rem!important;
}
.home-page .intro-flow__steps--compact li{
  padding:.58rem .68rem!important;
  border-radius:13px!important;
  grid-template-columns:34px 1fr!important;
}
.home-page .intro-flow__steps--compact li span{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
}
.home-page .intro-flow__price--top{
  order:-2;
  margin:0 0 .4rem 0!important;
  padding:.75rem 0 .85rem!important;
  border-top:0!important;
  border-bottom:1px solid rgba(255,255,255,.22)!important;
  align-items:center!important;
}
.home-page .intro-flow__price--top strong{
  font-size:clamp(2rem,3.4vw,3rem)!important;
  line-height:1!important;
}
.home-page .intro-flow__price--top span{
  font-size:.72rem!important;
}

/* Más foto y menos bloque oscuro en "Nosotros ponemos el barco" */
.home-page .plan-section{
  padding-top:clamp(3rem,6vw,4.8rem)!important;
  padding-bottom:clamp(3rem,6vw,4.8rem)!important;
}
.home-page .plan-section:after{
  background:
    linear-gradient(180deg,rgba(6,56,75,.18),rgba(6,56,75,.36)),
    linear-gradient(90deg,rgba(6,56,75,.30),rgba(0,119,182,.10))!important;
}
.home-page .plan-section .section__head{
  margin-bottom:1.6rem!important;
}
.home-page .plan-section .section__head h2,
.home-page .plan-section .section__head p,
.home-page .plan-section .eyebrow{
  color:#fff!important;
  text-shadow:0 2px 16px rgba(0,0,0,.34);
}
.home-page .plan-grid{
  gap:.9rem!important;
}
.home-page .plan-card{
  min-height:255px!important;
  background:rgba(255,255,255,.58)!important;
  color:var(--navy)!important;
  border:1px solid rgba(255,255,255,.52)!important;
  box-shadow:0 18px 50px rgba(6,47,67,.14)!important;
  backdrop-filter:blur(7px)!important;
  justify-content:flex-end!important;
  padding:1.15rem!important;
}
.home-page .plan-card h3,
.home-page .plan-card p{
  color:var(--navy)!important;
  text-shadow:none!important;
}
.home-page .plan-card h3{
  font-size:1.32rem!important;
  line-height:1.15!important;
}
.home-page .plan-card p{
  font-size:.95rem!important;
  line-height:1.55!important;
  margin:.4rem 0!important;
}
.home-page .plan-card a:not(.btn){
  background:rgba(6,56,75,.10)!important;
  color:var(--navy)!important;
  border:1px solid rgba(6,56,75,.18)!important;
  border-radius:12px!important;
  padding:.52rem .75rem!important;
}

/* Experiencia real: más compacta, intercalada y con naturaleza18 visible */
.home-page .real-day-section--compact{
  padding-top:clamp(3rem,6vw,4.8rem)!important;
  padding-bottom:clamp(3rem,6vw,4.8rem)!important;
  background:#edf8fb!important;
}
.home-page .real-day-section--compact:before{
  background:
    linear-gradient(180deg,rgba(255,255,255,.66),rgba(255,255,255,.54)),
    linear-gradient(90deg,rgba(234,247,251,.60),rgba(234,247,251,.28))!important;
}
.home-page .real-day-section--compact .real-day__bg{
  background:url('../images/experience/naturaleza18.jpg') center 48%/cover no-repeat!important;
  opacity:1!important;
  filter:saturate(1.05) contrast(1.02)!important;
}
.home-page .real-day__head--compact{
  max-width:1120px!important;
  text-align:left!important;
  margin:0 auto 1.25rem!important;
}
.home-page .real-day__head--compact h2{
  font-size:clamp(2.1rem,4vw,3.7rem)!important;
  margin:0!important;
}
.home-page .real-day__layout{
  max-width:1120px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:1rem;
  align-items:stretch;
}
.home-page .real-day__panel,
.home-page .real-day__quote--inline{
  background:rgba(255,255,255,.70);
  border:1px solid rgba(20,41,47,.12);
  border-radius:20px;
  box-shadow:0 16px 46px rgba(6,47,67,.11);
  backdrop-filter:blur(7px);
  padding:clamp(1.1rem,2vw,1.55rem);
}
.home-page .real-day__panel h3,
.home-page .real-day__quote--inline h3{
  font-size:clamp(1.55rem,2.45vw,2.25rem)!important;
  line-height:1.15!important;
  margin-bottom:.8rem!important;
}
.home-page .real-day__panel p,
.home-page .real-day__panel li,
.home-page .real-day__quote--inline p{
  font-size:1rem!important;
  line-height:1.58!important;
}
.home-page .real-day__panel ul{
  margin:.55rem 0 .8rem!important;
  padding-left:1.2rem!important;
}
.home-page .real-day__panel li{
  margin:.35rem 0!important;
}
.home-page .real-day__photo{
  margin:0!important;
  border-radius:20px!important;
  overflow:hidden!important;
  box-shadow:0 16px 46px rgba(6,47,67,.13)!important;
  background:#d9edf4!important;
  min-height:0!important;
}
.home-page .real-day__photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.home-page .real-day__photo--wide{grid-column:span 5;min-height:300px!important;}
.home-page .real-day__panel--list{grid-column:span 7;}
.home-page .real-day__panel--experience{grid-column:span 5;}
.home-page .real-day__photo--square{grid-column:span 3;min-height:245px!important;}
.home-page .real-day__photo--small{grid-column:span 4;min-height:220px!important;}
.home-page .real-day__quote--inline{grid-column:span 4;display:flex;flex-direction:column;justify-content:center;text-align:center;background:rgba(6,56,75,.74);color:#fff;border-color:rgba(255,255,255,.22);}
.home-page .real-day__quote--inline h3,
.home-page .real-day__quote--inline p{color:#fff!important;}
.home-page .real-day__quote--inline .btn{align-self:center;margin-top:.7rem;}
.home-page .real-day__gallery-link{margin-top:1rem!important;}

/* Evita duplicar el remate emocional: ya vive dentro del bloque de experiencia */
.home-page .memory-cta{display:none!important;}

@media (max-width:980px){
  .home-page .intro-flow__content--compact{grid-template-columns:1fr!important;}
  .home-page .real-day__layout{grid-template-columns:repeat(6,minmax(0,1fr));}
  .home-page .real-day__photo--wide,.home-page .real-day__panel--list,.home-page .real-day__panel--experience{grid-column:span 6;}
  .home-page .real-day__photo--square,.home-page .real-day__photo--small,.home-page .real-day__quote--inline{grid-column:span 3;}
}
@media (max-width:640px){
  .home-page .intro-flow-section:before{background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,255,255,.58))!important;}
  .home-page .plan-grid{grid-template-columns:1fr!important;}
  .home-page .plan-card{min-height:220px!important;}
  .home-page .real-day__layout{grid-template-columns:1fr;}
  .home-page .real-day__photo--wide,.home-page .real-day__panel--list,.home-page .real-day__panel--experience,.home-page .real-day__photo--square,.home-page .real-day__photo--small,.home-page .real-day__quote--inline{grid-column:1/-1;}
  .home-page .real-day__photo--wide,.home-page .real-day__photo--square,.home-page .real-day__photo--small{min-height:240px!important;}
}


/* =========================================================
   V19 - Ajustes pedidos: más foto visible, cards dentro del
   bloque inicial, Es Vedrà en opiniones y fondo amigos9.
   ========================================================= */
.home-page .hero__bg{
  background:
    linear-gradient(115deg,rgba(6,56,75,.66) 0%,rgba(6,56,75,.42) 42%,rgba(0,119,182,.16) 100%),
    url('../images/experience/hero-aerea-2026.jpg') 52% 50%/cover no-repeat!important;
}
.home-page .hero__bg:after{
  background:radial-gradient(circle at 55% 52%,rgba(201,242,255,.14),transparent 32%)!important;
}

.home-page .intro-flow-section--compact{
  padding-bottom:clamp(2.7rem,5.2vw,4.4rem)!important;
}
.home-page .intro-flow__extras{
  max-width:1120px;
  margin:1rem auto 0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.9rem;
  align-items:stretch;
}
.home-page .intro-flow__photo-card,
.home-page .intro-flow__info-card{
  min-height:190px;
  margin:0;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.48);
  box-shadow:0 16px 44px rgba(6,47,67,.12);
}
.home-page .intro-flow__photo-card img{
  width:100%;
  height:100%;
  min-height:190px;
  object-fit:cover;
  display:block;
}
.home-page .intro-flow__info-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:rgba(255,255,255,.68);
  backdrop-filter:blur(8px);
  padding:1rem;
}
.home-page .intro-flow__info-card h3{
  font-size:1.28rem!important;
  line-height:1.16!important;
  margin:0 0 .55rem!important;
}
.home-page .intro-flow__info-card p{
  font-size:.96rem!important;
  line-height:1.55!important;
  margin:0!important;
}

.home-page .plan-section:before{
  background:url('../images/experience/amigos9.jpg') center 50%/cover no-repeat!important;
}
.home-page .plan-section:after{
  background:
    linear-gradient(180deg,rgba(6,56,75,.12),rgba(6,56,75,.30)),
    linear-gradient(90deg,rgba(6,56,75,.22),rgba(0,119,182,.08))!important;
}
.home-page .plan-card{
  background:rgba(255,255,255,.62)!important;
}

.review-scenic{
  max-width:var(--max);
  margin:1.15rem auto 0;
  height:340px;
  border-radius:22px;
  overflow:hidden;
  position:relative;
  box-shadow:var(--shadow);
  border:1px solid var(--line);
  background:#d9edf4;
}
.review-scenic img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.review-scenic:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(6,56,75,0),rgba(6,56,75,.54));
}
.review-scenic figcaption{
  position:absolute;
  left:1rem;
  right:1rem;
  bottom:1rem;
  z-index:1;
  color:#fff;
  font-weight:900;
  text-shadow:0 2px 16px rgba(0,0,0,.32);
}

@media (max-width:980px){
  .home-page .intro-flow__extras{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:640px){
  .home-page .intro-flow__extras{grid-template-columns:1fr;}
  .home-page .intro-flow__photo-card,
  .home-page .intro-flow__info-card{min-height:180px;}
  .review-scenic{height:260px;border-radius:18px;}
}


/* =========================================================
   V20 - Corrección: patrón/autoguiado, calas, grupos y tarifas
   dentro de "Tu día, a tu manera". Es Vedrà pasa a fondo del
   bloque de opiniones, no como imagen suelta.
   ========================================================= */
.home-page .intro-flow__extras{
  display:none!important;
}

.home-page .real-day__layout--v20{
  max-width:1120px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:1rem;
  align-items:stretch;
}
.home-page .real-day__layout--v20 .real-day__photo--wide{grid-column:span 5;min-height:290px!important;}
.home-page .real-day__layout--v20 .real-day__panel--list{grid-column:span 7;}
.home-page .real-day__layout--v20 .real-day__mini{grid-column:span 3;}
.home-page .real-day__layout--v20 .real-day__panel--experience{grid-column:span 5;}
.home-page .real-day__layout--v20 .real-day__photo--square{grid-column:span 3;min-height:230px!important;}
.home-page .real-day__layout--v20 .real-day__photo--small{grid-column:span 4;min-height:210px!important;}
.home-page .real-day__layout--v20 .real-day__quote--inline{grid-column:span 4;}

.home-page .real-day__mini{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(20,41,47,.12);
  border-radius:20px;
  box-shadow:0 16px 46px rgba(6,47,67,.10);
  backdrop-filter:blur(7px);
  padding:1.05rem 1.1rem;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.home-page .real-day__mini .eyebrow{
  margin-bottom:.45rem!important;
  font-size:.72rem!important;
  color:var(--teal)!important;
}
.home-page .real-day__mini h3{
  font-size:clamp(1.2rem,1.75vw,1.55rem)!important;
  line-height:1.14!important;
  margin:0 0 .55rem!important;
}
.home-page .real-day__mini p{
  font-size:.95rem!important;
  line-height:1.55!important;
  margin:0!important;
}
.home-page .real-day__mini a{
  width:max-content;
  margin-top:.75rem;
  color:var(--teal);
  font-weight:900;
  text-decoration:underline;
  text-underline-offset:4px;
}
.home-page .real-day__mini--price{
  background:rgba(6,56,75,.78);
  color:#fff;
  border-color:rgba(255,255,255,.22);
}
.home-page .real-day__mini--price .eyebrow,
.home-page .real-day__mini--price h3,
.home-page .real-day__mini--price p,
.home-page .real-day__mini--price a{
  color:#fff!important;
}
.home-page .real-day__mini--price h3{
  font-size:clamp(1.65rem,2.6vw,2.45rem)!important;
}

.home-page .reviews-section--scenic{
  max-width:none!important;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-left:max(clamp(1rem,4vw,2rem),calc((100vw - var(--max))/2 + 2rem));
  padding-right:max(clamp(1rem,4vw,2rem),calc((100vw - var(--max))/2 + 2rem));
  background:#eaf7fb!important;
}
.home-page .reviews-section--scenic:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:url('../images/experience/es-vedra-2024.jpg') center 50%/cover no-repeat;
  transform:scale(1.02);
}
.home-page .reviews-section--scenic:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.64)),linear-gradient(90deg,rgba(234,247,251,.74),rgba(234,247,251,.34));
}
.home-page .reviews-section--scenic .section__head,
.home-page .reviews-section--scenic .reviews-grid,
.home-page .reviews-section--scenic blockquote{
  max-width:var(--max);
  margin-left:auto;
  margin-right:auto;
}
.home-page .reviews-section--scenic .section__head{
  background:rgba(255,255,255,.58);
  border:1px solid rgba(20,41,47,.12);
  border-radius:22px;
  padding:1.35rem;
  backdrop-filter:blur(8px);
  box-shadow:0 16px 46px rgba(6,47,67,.10);
}
.home-page .reviews-section--scenic .review-stat,
.home-page .reviews-section--scenic .review-image{
  background:rgba(255,255,255,.82)!important;
  backdrop-filter:blur(8px);
}
.home-page .reviews-section--scenic blockquote{
  background:rgba(255,255,255,.78)!important;
  backdrop-filter:blur(8px);
}
.home-page .reviews-section--scenic .review-scenic{
  display:none!important;
}

@media (max-width:980px){
  .home-page .real-day__layout--v20{grid-template-columns:repeat(6,minmax(0,1fr));}
  .home-page .real-day__layout--v20 .real-day__photo--wide,
  .home-page .real-day__layout--v20 .real-day__panel--list,
  .home-page .real-day__layout--v20 .real-day__panel--experience{grid-column:span 6;}
  .home-page .real-day__layout--v20 .real-day__mini,
  .home-page .real-day__layout--v20 .real-day__photo--square,
  .home-page .real-day__layout--v20 .real-day__photo--small,
  .home-page .real-day__layout--v20 .real-day__quote--inline{grid-column:span 3;}
}
@media (max-width:640px){
  .home-page .real-day__layout--v20{grid-template-columns:1fr;}
  .home-page .real-day__layout--v20 .real-day__photo--wide,
  .home-page .real-day__layout--v20 .real-day__panel--list,
  .home-page .real-day__layout--v20 .real-day__mini,
  .home-page .real-day__layout--v20 .real-day__panel--experience,
  .home-page .real-day__layout--v20 .real-day__photo--square,
  .home-page .real-day__layout--v20 .real-day__photo--small,
  .home-page .real-day__layout--v20 .real-day__quote--inline{grid-column:1/-1;}
  .home-page .reviews-section--scenic:after{
    background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.68));
  }
}


/* =========================================================
   V21 - redes con iconos, opiniones actualizadas y página
   El Barco más fiel a la web original, con fotos reales.
   ========================================================= */
.footer-social--icons{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:.9rem;
}
.footer-social--icons .social-link{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  min-height:38px;
  padding:.5rem .72rem;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-weight:800;
  opacity:.94;
}
.footer-social--icons .social-link:hover{
  opacity:1;
  transform:translateY(-1px);
  background:rgba(255,255,255,.18);
}
.social-icon{
  width:24px;
  height:24px;
  border-radius:999px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
}
.social-icon svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:1.8}
.social-link--facebook .social-icon svg,.social-link--youtube .social-icon svg{fill:#fff;stroke:none}
.social-link--instagram .social-icon{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4)}
.social-link--facebook .social-icon{background:#1877f2}
.social-link--youtube .social-icon{background:#ff0033}

.boat-page-v21 .boat-hero--scenic{
  min-height:72vh;
  display:flex;
  align-items:flex-end;
  position:relative;
  isolation:isolate;
  padding:clamp(5rem,11vw,8rem) clamp(1rem,5vw,4rem);
  background:#08364a;
  overflow:hidden;
}
.boat-page-v21 .boat-hero--scenic:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:url('../images/boats/buena-proa/hero-quino2.png') center 48%/cover no-repeat;
  transform:scale(1.02);
}
.boat-page-v21 .boat-hero--scenic:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(6,47,67,.82) 0%,rgba(6,47,67,.50) 42%,rgba(6,47,67,.20) 100%),
    linear-gradient(180deg,rgba(6,47,67,.12) 0%,rgba(6,47,67,.74) 100%);
}
.boat-page-v21 .boat-hero__copy--scenic{
  max-width:780px;
  color:#fff;
  background:rgba(6,47,67,.30);
  border:1px solid rgba(255,255,255,.20);
  border-radius:28px;
  padding:clamp(1.25rem,3vw,2rem);
  backdrop-filter:blur(8px);
  box-shadow:0 24px 80px rgba(6,47,67,.22);
}
.boat-page-v21 .boat-hero__copy--scenic h1,
.boat-page-v21 .boat-hero__copy--scenic p,
.boat-page-v21 .boat-hero__copy--scenic .lead{color:#fff}
.boat-page-v21 .boat-hero__copy--scenic .eyebrow{color:#b9f2ff}

.boat-page-v21 .boat-overview-board{
  max-width:none;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-left:max(clamp(1rem,4vw,2rem),calc((100vw - var(--max))/2 + 2rem));
  padding-right:max(clamp(1rem,4vw,2rem),calc((100vw - var(--max))/2 + 2rem));
}
.boat-page-v21 .boat-overview-board__bg{
  position:absolute;
  inset:0;
  z-index:-2;
  background:url('../images/boats/buena-proa/intro-quino3.png') center 44%/cover no-repeat;
  transform:scale(1.02);
}
.boat-page-v21 .boat-overview-board:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(234,247,251,.70)),linear-gradient(90deg,rgba(255,250,242,.70),rgba(255,255,255,.32));
}
.boat-page-v21 .boat-overview-board__grid{
  max-width:var(--max);
  margin:0 auto;
  display:grid;
  grid-template-columns:1.2fr .9fr;
  gap:1rem;
}
.boat-page-v21 .boat-overview-card{
  background:rgba(255,255,255,.68);
  border:1px solid rgba(16,40,48,.14);
  border-radius:24px;
  box-shadow:0 18px 58px rgba(6,47,67,.12);
  padding:clamp(1.15rem,2.6vw,1.8rem);
  backdrop-filter:blur(8px);
}
.boat-page-v21 .boat-overview-card--main{grid-row:span 2}
.boat-page-v21 .boat-overview-card h2{font-size:clamp(2rem,4.3vw,3.55rem)}
.boat-page-v21 .boat-overview-card h3{font-family:'Lora',Georgia,serif;font-size:1.45rem}
.boat-page-v21 .facts--compact div{grid-template-columns:130px minmax(0,1fr);padding:.55rem 0}
.boat-page-v21 .boat-overview-card--included .btn{margin-top:.65rem}

.boat-page-v21 .boat-experience-intro{
  max-width:none;
  background:linear-gradient(135deg,#fffaf2,#eaf7fb);
  padding-left:max(clamp(1rem,4vw,2rem),calc((100vw - var(--max))/2 + 2rem));
  padding-right:max(clamp(1rem,4vw,2rem),calc((100vw - var(--max))/2 + 2rem));
}
.boat-page-v21 .boat-experience-intro__content{
  max-width:900px;
  margin:0 auto;
  text-align:center;
}
.boat-page-v21 .boat-experience-intro__content h2{font-size:clamp(2rem,4.2vw,3.4rem)}
.boat-page-v21 .boat-experience-intro__content p{font-size:1.06rem}

.boat-page-v21 .boat-comfort-section{
  max-width:var(--max);
}
.boat-page-v21 .boat-comfort-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.15rem;
  align-items:stretch;
}
.boat-page-v21 .boat-comfort-card{
  background:rgba(255,255,255,.88);
  border:1px solid var(--line);
  border-radius:24px;
  overflow:hidden;
  box-shadow:var(--shadow);
  display:flex;
  flex-direction:column;
}
.boat-page-v21 .boat-comfort-card figure{margin:0;overflow:hidden}
.boat-page-v21 .boat-comfort-card img{
  width:100%;
  height:240px;
  object-fit:cover;
}
.boat-page-v21 .boat-comfort-card>div{
  padding:1.2rem;
}
.boat-page-v21 .boat-comfort-card h3{
  font-size:1.75rem;
  margin-bottom:.85rem;
}
.boat-page-v21 .boat-comfort-card p{
  margin:0 0 .72rem;
  font-size:.96rem;
  line-height:1.55;
}

.boat-page-v21 .boat-captain-section{
  position:relative;
  isolation:isolate;
  min-height:650px;
  display:flex;
  align-items:center;
  padding:clamp(4rem,8vw,6rem) clamp(1rem,5vw,4rem);
  background:#062f43;
  overflow:hidden;
}
.boat-page-v21 .boat-captain-section:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:url('../images/boats/buena-proa/patron-quino.jpg') center 42%/cover no-repeat;
  transform:scale(1.03);
}
.boat-page-v21 .boat-captain-section:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(6,47,67,.86) 0%,rgba(6,47,67,.62) 42%,rgba(6,47,67,.24) 100%),linear-gradient(180deg,rgba(6,47,67,.10),rgba(6,47,67,.54));
}
.boat-page-v21 .boat-captain-section__card{
  max-width:720px;
  margin-left:max(0px,calc((100vw - var(--max))/2));
  background:rgba(6,47,67,.26);
  border:1px solid rgba(255,255,255,.18);
  border-radius:28px;
  padding:clamp(1.4rem,3vw,2rem);
  backdrop-filter:blur(8px);
  color:#fff;
}
.boat-page-v21 .boat-captain-section__card h2,
.boat-page-v21 .boat-captain-section__card p{color:#fff}
.boat-page-v21 .boat-captain-section__card .eyebrow{color:#b9f2ff}

@media (max-width:980px){
  .boat-page-v21 .boat-overview-board__grid{grid-template-columns:1fr}
  .boat-page-v21 .boat-overview-card--main{grid-row:auto}
  .boat-page-v21 .boat-comfort-grid{grid-template-columns:1fr}
  .boat-page-v21 .boat-captain-section{min-height:560px;align-items:flex-end}
}
@media (max-width:640px){
  .footer-social--icons .social-link{width:100%;justify-content:center}
  .boat-page-v21 .boat-hero--scenic{min-height:66vh;padding:4rem 1rem 2rem}
  .boat-page-v21 .boat-overview-card{padding:1rem}
  .boat-page-v21 .facts--compact div{grid-template-columns:1fr;gap:.15rem}
  .boat-page-v21 .boat-comfort-card img{height:230px}
  .boat-page-v21 .boat-captain-section{min-height:620px;background-position:center top}
}

/* =========================================================
   V22 - Pulido El Barco: hero limpio, bloque integrado,
   cards translucidas y capitán mejor encuadrado.
   ========================================================= */
.boat-page-v21 .boat-hero--clean{
  min-height:70vh;
  align-items:center;
  padding:clamp(4.8rem,9vw,7.2rem) clamp(1rem,5vw,4rem);
}
.boat-page-v21 .boat-hero--clean:before{
  background:url('../images/boats/buena-proa/hero-quino2.png') 64% 50%/cover no-repeat;
  filter:saturate(1.18) contrast(1.04) brightness(1.16);
  transform:scale(1.01);
}
.boat-page-v21 .boat-hero--clean:after{
  background:
    linear-gradient(90deg,rgba(6,47,67,.70) 0%,rgba(6,47,67,.42) 38%,rgba(6,47,67,.08) 78%,rgba(6,47,67,.02) 100%),
    linear-gradient(180deg,rgba(6,47,67,.06) 0%,rgba(6,47,67,.34) 100%);
}
.boat-page-v21 .boat-hero__copy--plain{
  max-width:650px;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  padding:0!important;
  text-shadow:0 3px 22px rgba(0,0,0,.42);
}
.boat-page-v21 .boat-hero__copy--plain h1{
  font-size:clamp(2.9rem,6.1vw,5.4rem);
}
.boat-page-v21 .boat-hero__copy--plain .lead{
  max-width:560px;
  font-size:clamp(1.15rem,2vw,1.45rem);
}

.boat-page-v21 .boat-overview-board--integrated{
  padding-top:clamp(3.8rem,7vw,5.8rem);
  padding-bottom:clamp(3.8rem,7vw,5.8rem);
}
.boat-page-v21 .boat-overview-board--integrated .boat-overview-board__bg{
  background:url('../images/boats/buena-proa/intro-quino3.png') center 50%/cover no-repeat;
  filter:saturate(1.12) contrast(1.03) brightness(1.08);
}
.boat-page-v21 .boat-overview-board--integrated:after{
  background:
    linear-gradient(180deg,rgba(255,255,255,.72),rgba(234,247,251,.54)),
    linear-gradient(90deg,rgba(255,250,242,.58),rgba(255,255,255,.22));
}
.boat-page-v21 .boat-overview-board__intro{
  max-width:980px;
  margin:0 auto clamp(1.35rem,3vw,2.2rem);
  text-align:center;
  padding:0 clamp(.2rem,2vw,1rem);
}
.boat-page-v21 .boat-overview-board__intro h2{
  max-width:960px;
  margin-left:auto;
  margin-right:auto;
  font-size:clamp(2rem,4.2vw,3.45rem);
}
.boat-page-v21 .boat-overview-board__intro p{
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
  font-size:1.05rem;
}
.boat-page-v21 .boat-overview-board__grid--v22{
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:1rem;
  align-items:stretch;
}
.boat-page-v21 .boat-overview-board__grid--v22 .boat-overview-card{
  background:rgba(255,255,255,.52);
  border-color:rgba(16,40,48,.12);
  box-shadow:0 18px 60px rgba(6,47,67,.10);
  backdrop-filter:blur(7px);
}
.boat-page-v21 .boat-overview-card--with-included{
  grid-row:span 2;
  display:flex;
  flex-direction:column;
  gap:.95rem;
}
.boat-page-v21 .boat-overview-card--with-included h2{
  font-size:clamp(2.05rem,4.1vw,3.45rem);
}
.boat-page-v21 .included-inline-panel{
  margin-top:auto;
  background:rgba(255,255,255,.46);
  border:1px solid rgba(20,41,47,.10);
  border-radius:18px;
  padding:1rem;
  backdrop-filter:blur(6px);
}
.boat-page-v21 .included-inline-panel h3{
  font-size:1.35rem;
  margin-bottom:.55rem;
}
.boat-page-v21 .included-inline-panel .tick-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 .9rem;
}
.boat-page-v21 .included-inline-panel .microcopy{
  margin:.75rem 0 0;
}

.boat-page-v21 .boat-captain-section{
  min-height:620px;
  align-items:center;
}
.boat-page-v21 .boat-captain-section:before{
  background:url('../images/boats/buena-proa/patron-quino.jpg') 78% center/auto 96% no-repeat;
  filter:saturate(1.08) contrast(1.02) brightness(1.08);
  transform:none;
}
.boat-page-v21 .boat-captain-section:after{
  background:
    linear-gradient(90deg,rgba(6,47,67,.82) 0%,rgba(6,47,67,.58) 42%,rgba(6,47,67,.18) 74%,rgba(6,47,67,.06) 100%),
    linear-gradient(180deg,rgba(6,47,67,.06),rgba(6,47,67,.28));
}
.boat-page-v21 .boat-captain-section__card{
  background:rgba(6,47,67,.22);
  backdrop-filter:blur(5px);
}

@media (max-width:980px){
  .boat-page-v21 .boat-hero--clean:before{background-position:62% 50%;}
  .boat-page-v21 .boat-overview-board__grid--v22{grid-template-columns:1fr;}
  .boat-page-v21 .boat-overview-card--with-included{grid-row:auto;}
  .boat-page-v21 .boat-captain-section:before{background-position:center top;background-size:auto 88%;opacity:.82;}
  .boat-page-v21 .boat-captain-section{align-items:flex-end;}
}
@media (max-width:640px){
  .boat-page-v21 .boat-hero--clean{min-height:62vh;align-items:flex-end;}
  .boat-page-v21 .boat-hero--clean:before{background-position:62% 50%;}
  .boat-page-v21 .boat-hero__copy--plain h1{font-size:2.75rem;}
  .boat-page-v21 .included-inline-panel .tick-list{grid-template-columns:1fr;}
  .boat-page-v21 .boat-captain-section:before{background-size:auto 78%;background-position:center top;}
}

/* =========================================================
   V23 - Ajustes finos El Barco
   - Hero más luminoso y encuadrado hacia arriba/derecha.
   - Ficha técnica sin duplicar equipamiento.
   - Incluido integrado en texto, sin caja independiente.
   ========================================================= */
.boat-page-v21 .boat-hero--clean:before{
  background-position:72% 40%;
  filter:saturate(1.22) contrast(1.05) brightness(1.26);
}
.boat-page-v21 .boat-hero--clean:after{
  background:
    linear-gradient(90deg,rgba(6,47,67,.58) 0%,rgba(6,47,67,.32) 36%,rgba(6,47,67,.06) 76%,rgba(6,47,67,.01) 100%),
    linear-gradient(180deg,rgba(6,47,67,.02) 0%,rgba(6,47,67,.22) 100%);
}
.boat-page-v21 .boat-overview-board--integrated:after{
  background:
    linear-gradient(180deg,rgba(255,255,255,.54),rgba(234,247,251,.34)),
    linear-gradient(90deg,rgba(255,250,242,.42),rgba(255,255,255,.12));
}
.boat-page-v21 .boat-overview-board__grid--v22{
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.9fr);
  align-items:start;
}
.boat-page-v21 .boat-overview-board__grid--v22 .boat-overview-card{
  background:rgba(255,255,255,.40);
  backdrop-filter:blur(5px);
  box-shadow:0 16px 50px rgba(6,47,67,.08);
}
.boat-page-v21 .boat-overview-card--with-included{
  grid-row:auto;
  min-height:auto;
}
.boat-page-v21 .included-inline-text{
  margin:1rem 0 0;
  padding:0;
  background:transparent;
  border:0;
  color:var(--text);
  font-size:1rem;
  line-height:1.6;
}
.boat-page-v21 .included-inline-text strong{color:var(--navy)}

@media (max-width:980px){
  .boat-page-v21 .boat-hero--clean:before{background-position:67% 42%;}
  .boat-page-v21 .boat-overview-board__grid--v22{grid-template-columns:1fr;}
}


/* =========================================================
   V24 - Ajustes visuales El Barco
   - Hero más encuadrado arriba/derecha.
   - Bloque principal más transparente para que se vea el barco.
   - Fondo real en sección A bordo.
   ========================================================= */
.boat-page-v21 .boat-hero--clean:before{
  background-position:86% 30%;
  filter:saturate(1.30) contrast(1.07) brightness(1.34);
  transform:scale(1.035);
}
.boat-page-v21 .boat-hero--clean:after{
  background:
    linear-gradient(90deg,rgba(6,47,67,.50) 0%,rgba(6,47,67,.26) 34%,rgba(6,47,67,.045) 74%,rgba(6,47,67,0) 100%),
    linear-gradient(180deg,rgba(6,47,67,0) 0%,rgba(6,47,67,.18) 100%);
}
.boat-page-v21 .boat-overview-board--integrated .boat-overview-board__bg{
  background-position:57% 46%;
  filter:saturate(1.18) contrast(1.04) brightness(1.18);
  transform:scale(1.015);
}
.boat-page-v21 .boat-overview-board--integrated:after{
  background:
    linear-gradient(180deg,rgba(255,255,255,.34),rgba(234,247,251,.19)),
    linear-gradient(90deg,rgba(255,250,242,.27),rgba(255,255,255,.06));
}
.boat-page-v21 .boat-overview-board__intro{
  text-shadow:0 1px 18px rgba(255,255,255,.72);
}
.boat-page-v21 .boat-overview-board__grid--v22 .boat-overview-card{
  background:rgba(255,255,255,.24);
  border-color:rgba(255,255,255,.34);
  box-shadow:0 16px 48px rgba(6,47,67,.07);
  backdrop-filter:blur(3px);
}
.boat-page-v21 .boat-overview-card--with-included{
  background:rgba(255,255,255,.16)!important;
}
.boat-page-v21 .boat-overview-card--facts{
  background:rgba(255,255,255,.30)!important;
}
.boat-page-v21 .boat-overview-card p,
.boat-page-v21 .boat-overview-card h2,
.boat-page-v21 .boat-overview-card h3,
.boat-page-v21 .boat-overview-card dt,
.boat-page-v21 .boat-overview-card dd{
  text-shadow:0 1px 14px rgba(255,255,255,.62);
}

.boat-page-v21 .boat-comfort-section{
  max-width:none;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-left:max(clamp(1rem,4vw,2rem),calc((100vw - var(--max))/2 + 2rem));
  padding-right:max(clamp(1rem,4vw,2rem),calc((100vw - var(--max))/2 + 2rem));
  background:#e8f7fb;
}
.boat-page-v21 .boat-comfort-section:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:url('../images/experience/vista-aerea-formentera.jpg') center center/cover no-repeat;
  opacity:.58;
  filter:saturate(1.18) contrast(1.04) brightness(1.10);
  transform:scale(1.02);
}
.boat-page-v21 .boat-comfort-section:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg,rgba(255,255,255,.74),rgba(234,247,251,.54)),
    linear-gradient(90deg,rgba(255,250,242,.42),rgba(255,255,255,.12));
}
.boat-page-v21 .boat-comfort-section .section__head,
.boat-page-v21 .boat-comfort-grid{
  max-width:var(--max);
  margin-left:auto;
  margin-right:auto;
  position:relative;
  z-index:1;
}
.boat-page-v21 .boat-comfort-card{
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(5px);
}
@media (max-width:980px){
  .boat-page-v21 .boat-hero--clean:before{background-position:73% 32%;}
  .boat-page-v21 .boat-comfort-section{padding-left:1rem;padding-right:1rem;}
}
@media (max-width:640px){
  .boat-page-v21 .boat-hero--clean:before{background-position:68% 34%;}
  .boat-page-v21 .boat-overview-board__grid--v22 .boat-overview-card{background:rgba(255,255,255,.58);}
}

/* =========================================================
   V25 - El Barco sin cuadros en bloque principal
   - Información directamente sobre la foto.
   - Incluido separado como lista limpia.
   - Capitán con texto más a la izquierda.
   ========================================================= */
.boat-page-v21 .boat-overview-board--integrated{
  padding-top:clamp(3.4rem,6vw,5rem);
  padding-bottom:clamp(3.4rem,6vw,5rem);
}
.boat-page-v21 .boat-overview-board--integrated .boat-overview-board__bg{
  background-position:60% 46%;
  filter:saturate(1.22) contrast(1.05) brightness(1.20);
  transform:scale(1.01);
}
.boat-page-v21 .boat-overview-board--integrated:after{
  background:
    linear-gradient(90deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.58) 37%,rgba(255,255,255,.34) 62%,rgba(255,255,255,.18) 100%),
    linear-gradient(180deg,rgba(234,247,251,.30),rgba(255,250,242,.18));
}
.boat-page-v21 .boat-overview-board__intro{
  max-width:900px;
  margin-bottom:clamp(1.4rem,3vw,2.4rem);
  text-shadow:0 1px 14px rgba(255,255,255,.70);
}
.boat-page-v21 .boat-overview-board__grid--v22{
  max-width:var(--max);
  margin-left:auto;
  margin-right:auto;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
  gap:clamp(2rem,5vw,4.2rem);
  align-items:start;
}
.boat-page-v21 .boat-overview-board__grid--v22 .boat-overview-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  padding:0!important;
  border-radius:0!important;
}
.boat-page-v21 .boat-overview-card--with-included h2{
  max-width:650px;
  text-shadow:0 2px 18px rgba(255,255,255,.72);
}
.boat-page-v21 .boat-overview-card--with-included p,
.boat-page-v21 .boat-overview-card--facts dd,
.boat-page-v21 .boat-overview-card--facts dt{
  text-shadow:0 1px 14px rgba(255,255,255,.76);
}
.boat-page-v21 .boat-overview-card--with-included > p{
  max-width:660px;
  font-weight:500;
}
.boat-page-v21 .boat-overview-card--facts h3{
  margin-top:.2rem;
  text-shadow:0 2px 18px rgba(255,255,255,.72);
}
.boat-page-v21 .boat-overview-card--facts .facts div{
  border-bottom:1px solid rgba(6,47,67,.20);
  padding:.62rem 0;
}
.boat-page-v21 .included-plain-list{
  margin-top:1.25rem;
  max-width:670px;
  padding-top:1rem;
  border-top:1px solid rgba(6,47,67,.22);
}
.boat-page-v21 .included-plain-list h3{
  margin:0 0 .55rem;
  font-family:'Lora',Georgia,serif;
  font-size:1.35rem;
  color:var(--navy);
  text-shadow:0 2px 18px rgba(255,255,255,.72);
}
.boat-page-v21 .included-plain-list ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.35rem 1.2rem;
  list-style:none;
  padding:0;
  margin:0;
}
.boat-page-v21 .included-plain-list li{
  position:relative;
  padding-left:1.35rem;
  font-weight:700;
  text-shadow:0 1px 14px rgba(255,255,255,.76);
}
.boat-page-v21 .included-plain-list li:before{
  content:'✓';
  position:absolute;
  left:0;
  top:0;
  color:#168c52;
  font-weight:900;
}
.boat-page-v21 .included-plain-list p{
  margin:.65rem 0 0;
  color:var(--muted);
  max-width:620px;
  font-size:.96rem;
}

.boat-page-v21 .boat-captain-section{
  justify-content:flex-start;
}
.boat-page-v21 .boat-captain-section:before{
  background-position:78% 52%;
  background-size:auto 94%;
  filter:saturate(1.10) contrast(1.02) brightness(1.12);
}
.boat-page-v21 .boat-captain-section:after{
  background:
    linear-gradient(90deg,rgba(6,47,67,.82) 0%,rgba(6,47,67,.58) 36%,rgba(6,47,67,.16) 68%,rgba(6,47,67,.04) 100%),
    linear-gradient(180deg,rgba(6,47,67,.04),rgba(6,47,67,.22));
}
.boat-page-v21 .boat-captain-section__card{
  max-width:560px;
  margin-left:max(1rem,calc((100vw - var(--max))/2));
  margin-right:auto;
  background:rgba(6,47,67,.28);
  backdrop-filter:blur(4px);
}

@media (max-width:980px){
  .boat-page-v21 .boat-overview-board--integrated:after{
    background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,255,255,.42));
  }
  .boat-page-v21 .boat-overview-board__grid--v22{grid-template-columns:1fr;gap:1.6rem;}
  .boat-page-v21 .boat-captain-section__card{margin-left:1rem;margin-right:1rem;max-width:none;}
  .boat-page-v21 .boat-captain-section:before{background-position:center top;background-size:auto 84%;}
}
@media (max-width:640px){
  .boat-page-v21 .included-plain-list ul{grid-template-columns:1fr;}
  .boat-page-v21 .boat-overview-board--integrated .boat-overview-board__bg{background-position:58% center;}
}

/* =========================================================
   V26 - Tarifas 2026 unificadas y visuales
   - Una sola sección con fondo de Formentera.
   - Cada mes conserva texto y precio, con foto propia.
   ========================================================= */
.tarifas-page .tarifas-unified{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  max-width:none;
  padding:clamp(4.2rem,7vw,6rem) clamp(1rem,4vw,2rem);
  background:#eaf7fb;
}
.tarifas-page .tarifas-unified__bg{
  position:absolute;
  inset:0;
  z-index:-3;
  background:url('../images/rates/tarifas-fondo-formentera5.jpg') center 48%/cover no-repeat;
  filter:saturate(1.20) contrast(1.04) brightness(1.12);
  transform:scale(1.02);
}
.tarifas-page .tarifas-unified__overlay{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(180deg,rgba(255,255,255,.78) 0%,rgba(234,247,251,.56) 45%,rgba(255,250,242,.66) 100%),
    linear-gradient(90deg,rgba(255,255,255,.62),rgba(255,255,255,.26));
}
.tarifas-page .tarifas-unified__inner{
  max-width:var(--max);
  margin:0 auto;
  position:relative;
  z-index:1;
}
.tarifas-page .tarifas-head{
  max-width:900px;
  margin:0 auto clamp(2rem,4vw,3rem);
  text-align:center;
  text-shadow:0 2px 18px rgba(255,255,255,.78);
}
.tarifas-page .tarifas-head h1{
  font-size:clamp(2.4rem,5.4vw,5rem);
  max-width:1000px;
  margin-left:auto;
  margin-right:auto;
}
.tarifas-page .tarifas-head .lead{
  font-size:clamp(1.15rem,2vw,1.45rem);
  margin-top:.4rem;
}
.tarifas-page .price-grid--visual{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.1rem;
}
.tarifas-page .price-card-visual{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(16,40,48,.14);
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 18px 58px rgba(6,47,67,.12);
  backdrop-filter:blur(7px);
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.tarifas-page .price-card-visual figure{
  margin:0;
  height:210px;
  overflow:hidden;
  background:#d9eef4;
}
.tarifas-page .price-card-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(1.10) contrast(1.02);
  transition:transform .4s ease;
}
.tarifas-page .price-card-visual:hover img{
  transform:scale(1.035);
}
.tarifas-page .price-card-visual>div{
  padding:1.25rem 1.25rem 1.35rem;
  display:flex;
  flex-direction:column;
  flex:1;
}
.tarifas-page .price-card-visual span{
  font-weight:900;
  color:var(--teal);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.78rem;
}
.tarifas-page .price-card-visual strong{
  display:block;
  font-family:'Lora',Georgia,serif;
  font-size:clamp(2.35rem,4.5vw,3.4rem);
  line-height:1;
  color:var(--navy);
  margin:.5rem 0 .65rem;
}
.tarifas-page .price-card-visual p{
  margin:0;
  color:var(--text);
  line-height:1.55;
}
.tarifas-page .condition-row--glass{
  margin:clamp(1.3rem,3vw,2rem) auto 0;
}
.tarifas-page .condition-row--glass span{
  background:rgba(255,255,255,.70);
  border-color:rgba(16,40,48,.12);
  box-shadow:0 12px 38px rgba(6,47,67,.08);
  backdrop-filter:blur(6px);
}
.tarifas-page .tarifas-reserva-panel{
  margin:clamp(1.8rem,4vw,3rem) auto 0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:1.4rem;
  padding:clamp(1.25rem,3vw,2rem);
  border-radius:28px;
  background:rgba(6,56,75,.78);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 20px 70px rgba(6,47,67,.18);
  color:#fff;
  backdrop-filter:blur(8px);
}
.tarifas-page .tarifas-reserva-panel h2,
.tarifas-page .tarifas-reserva-panel p{color:#fff}
.tarifas-page .tarifas-reserva-panel h2{
  font-size:clamp(2rem,4vw,3.4rem);
  margin:0;
}
.tarifas-page .tarifas-reserva-panel p{margin:.6rem 0 0;max-width:780px;color:rgba(255,255,255,.88)}
.tarifas-page .tarifas-reserva-panel .eyebrow{color:#b9f2ff;margin:0}
.tarifas-page .tarifas-faq{
  max-width:none;
  margin-top:clamp(2.2rem,4vw,3.3rem);
  padding:clamp(1.3rem,3vw,2rem);
  border-radius:30px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(234,247,251,.76)),
    url('../images/rates/faq-faro2.jpg') center / cover no-repeat;
  border:1px solid rgba(16,40,48,.12);
  box-shadow:0 18px 58px rgba(6,47,67,.10);
  backdrop-filter:blur(8px);
  overflow:hidden;
}
.tarifas-page .tarifas-faq .section__head{
  margin-bottom:1rem;
}
.tarifas-page .tarifas-faq__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.8rem;
}
.tarifas-page .tarifas-faq details{
  margin:0;
  background:rgba(255,255,255,.82);
  box-shadow:none;
  border-color:rgba(16,40,48,.10);
}
.tarifas-page .tarifas-faq .faq-tail{
  text-align:center;
  margin:1.25rem 0 .8rem;
}
.tarifas-page .tarifas-faq>.btn{
  display:flex;
  width:max-content;
  margin:0 auto;
}
@media (max-width:980px){
  .tarifas-page .price-grid--visual{grid-template-columns:repeat(2,minmax(0,1fr));}
  .tarifas-page .tarifas-reserva-panel{grid-template-columns:1fr;text-align:left;}
  .tarifas-page .tarifas-reserva-panel .btn{width:max-content;}
}
@media (max-width:640px){
  .tarifas-page .tarifas-unified{padding:3.3rem 1rem;}
  .tarifas-page .price-grid--visual,
  .tarifas-page .tarifas-faq__grid{grid-template-columns:1fr;}
  .tarifas-page .price-card-visual figure{height:220px;}
  .tarifas-page .tarifas-reserva-panel .btn,
  .tarifas-page .tarifas-faq>.btn{width:100%;}
}

/* V28 - Destinos y experiencias: con patrón / sin patrón */
.routes-page-v28 .routes-hero-v28{
  background:
    linear-gradient(135deg,rgba(6,56,75,.72),rgba(0,119,182,.36)),
    url('../images/experience/vista-aerea-formentera.jpg') center/cover;
}
.routes-page-v28 .routes-hero-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.85rem;
  margin-top:1.55rem;
}
.routes-choice{padding-bottom:3rem}
.mode-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.2rem;
}
.mode-card{
  position:relative;
  min-height:540px;
  overflow:hidden;
  border-radius:30px;
  box-shadow:var(--shadow);
  border:1px solid rgba(255,255,255,.55);
  isolation:isolate;
  background:var(--navy);
}
.mode-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(6,56,75,.08),rgba(6,56,75,.84)),
    var(--mode-bg) center/cover no-repeat;
  z-index:-2;
  filter:saturate(1.08) contrast(1.02);
}
.mode-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(6,56,75,.76),rgba(6,56,75,.24));
  z-index:-1;
}
.mode-card__content{
  min-height:540px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:.85rem;
  padding:clamp(1.4rem,3vw,2.2rem);
  color:#fff;
}
.mode-card__content span{
  width:max-content;
  max-width:100%;
  padding:.45rem .7rem;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.25);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:900;
  font-size:.75rem;
}
.mode-card__content h3,
.mode-card__content p,
.mode-card__content li{color:#fff}
.mode-card__content h3{font-size:clamp(1.8rem,3vw,2.65rem)}
.mode-card__content .clean-list{margin:.2rem 0 .6rem}
.mode-card .btn--ghost{background:rgba(255,255,255,.92);color:var(--navy)}
.route-cards-v28 .section__head{margin-bottom:2rem}
.route-card-v28{
  background:rgba(255,255,255,.92);
}
.route-card-v28 h3{font-size:clamp(1.75rem,3vw,2.65rem)}
.route-card-v28 img{
  filter:saturate(1.08) contrast(1.02);
}
.route-mode-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:1rem;
  padding:0!important;
}
.route-mode-actions .btn{box-shadow:none}
.routes-experience-options{
  position:relative;
  overflow:hidden;
}
.experience-options-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  max-width:var(--max);
  margin:0 auto;
}
.experience-options-grid article{
  background:rgba(255,255,255,.78);
  border:1px solid rgba(20,41,47,.12);
  box-shadow:var(--shadow);
  border-radius:24px;
  padding:1.35rem;
  backdrop-filter:blur(12px);
}
.experience-options-grid h3{font-size:1.35rem}
.routes-comparison-section{padding-top:4rem}
.comparison-table-wrap{
  max-width:980px;
  margin:0 auto;
  overflow:auto;
  border-radius:24px;
  box-shadow:var(--shadow);
  border:1px solid var(--line);
  background:#fff;
}
.comparison-table{
  width:100%;
  border-collapse:collapse;
  min-width:720px;
}
.comparison-table th,
.comparison-table td{
  padding:1rem 1.1rem;
  text-align:left;
  border-bottom:1px solid var(--line);
  vertical-align:top;
}
.comparison-table thead th{
  background:linear-gradient(135deg,#eaf7fb,#fff7e9);
  color:var(--navy);
  font-family:'Inter',sans-serif;
  font-size:1rem;
}
.comparison-table tbody th{
  color:var(--teal);
  font-weight:900;
  width:210px;
}
.comparison-table tr:last-child th,
.comparison-table tr:last-child td{border-bottom:0}
.route-final-cta{
  max-width:none;
  background:
    linear-gradient(135deg,rgba(6,56,75,.72),rgba(0,119,182,.34)),
    url('../images/rates/tarifas-fondo-formentera5.jpg') center/cover;
  color:#fff;
}
.route-final-cta h2,
.route-final-cta p{color:#fff}
.route-final-cta .eyebrow{color:#c9f2ff}
@media (max-width:980px){
  .mode-grid,.experience-options-grid{grid-template-columns:1fr}
  .mode-card,.mode-card__content{min-height:460px}
}
@media (max-width:680px){
  .routes-page-v28 .routes-hero-actions{justify-content:flex-start}
  .mode-card,.mode-card__content{min-height:420px}
  .mode-card__content{padding:1.15rem}
  .route-mode-actions .btn{width:100%}
}


/* V29 - Destinos y experiencias: fondo de agua y mapas de rutas */
.routes-page-v29 .route-cards-water-bg,
.routes-page-v29 .routes-comparison-water-bg{
  max-width:none;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-left:max(clamp(1rem,4vw,2rem),calc((100vw - var(--max))/2 + 2rem));
  padding-right:max(clamp(1rem,4vw,2rem),calc((100vw - var(--max))/2 + 2rem));
  background:#eaf7fb;
}
.routes-page-v29 .route-cards-water-bg::before,
.routes-page-v29 .routes-comparison-water-bg::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:url('../images/experience/naturaleza9.jpg') center center / cover no-repeat;
  transform:scale(1.04);
  filter:saturate(1.08) contrast(1.03);
}
.routes-page-v29 .route-cards-water-bg::after,
.routes-page-v29 .routes-comparison-water-bg::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg,rgba(250,253,253,.88),rgba(234,247,251,.78)),
    radial-gradient(circle at 18% 20%,rgba(255,255,255,.58),transparent 30%),
    radial-gradient(circle at 82% 70%,rgba(0,180,216,.14),transparent 34%);
  pointer-events:none;
}
.routes-page-v29 .route-cards-water-bg{
  padding-top:clamp(3.7rem,7vw,6rem);
  padding-bottom:clamp(3.7rem,7vw,6rem);
}
.routes-page-v29 .routes-comparison-water-bg{
  padding-top:clamp(3.7rem,7vw,6rem);
  padding-bottom:clamp(3.7rem,7vw,6rem);
}
.routes-page-v29 .route-card-v28{
  background:rgba(255,255,255,.9);
  border-color:rgba(16,40,48,.10);
  backdrop-filter:blur(10px);
}
.routes-page-v29 .route-card-v28 img.route-map-img{
  object-fit:contain;
  background:linear-gradient(135deg,#163f52,#0f2532);
  padding:0;
}
.routes-page-v29 .comparison-table-wrap{
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(10px);
  border-color:rgba(16,40,48,.10);
}
.routes-page-v29 .comparison-table thead th{
  background:linear-gradient(135deg,rgba(234,247,251,.92),rgba(255,247,233,.9));
}
@media (max-width:980px){
  .routes-page-v29 .route-card-v28 img.route-map-img{
    min-height:300px;
    height:auto;
    aspect-ratio:1/1;
  }
}


/* V30 - Reserva visual + fondos mejor matizados */
.routes-page-v29 .route-cards-water-bg::before,
.routes-page-v29 .routes-comparison-water-bg::before{
  filter:saturate(1.18) contrast(1.08) brightness(.88);
  transform:scale(1.055);
}
.routes-page-v29 .route-cards-water-bg::after,
.routes-page-v29 .routes-comparison-water-bg::after{
  background:
    linear-gradient(180deg,rgba(250,253,253,.73),rgba(234,247,251,.57)),
    radial-gradient(circle at 18% 20%,rgba(255,255,255,.34),transparent 30%),
    radial-gradient(circle at 82% 70%,rgba(0,180,216,.12),transparent 34%);
}
.routes-page-v29 .route-card-v28{
  background:rgba(255,255,255,.86);
}
.routes-page-v29 .comparison-table-wrap{
  background:rgba(255,255,255,.84);
}

.reserve-page-v30 .page-hero--reserve-v30{
  min-height:clamp(360px,48vh,540px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:
    linear-gradient(135deg,rgba(6,47,67,.72),rgba(6,47,67,.32)),
    url('../images/experience/atardecer.jpg') center 54% / cover no-repeat;
}
.reserve-page-v30 .page-hero--reserve-v30 h1{
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}
.reserve-page-v30 .page-hero--reserve-v30 .lead{
  max-width:780px;
}
.reserve-v30-bg{
  max-width:none;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-left:max(clamp(1rem,4vw,2rem),calc((100vw - var(--max))/2 + 2rem));
  padding-right:max(clamp(1rem,4vw,2rem),calc((100vw - var(--max))/2 + 2rem));
  background:#082f40;
}
.reserve-v30-bg::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:url('../images/experience/vista-aerea-formentera11.jpg') center center / cover no-repeat;
  filter:saturate(1.08) contrast(1.04) brightness(.55);
  transform:scale(1.04);
}
.reserve-v30-bg::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg,rgba(6,47,67,.36),rgba(6,47,67,.56)),
    radial-gradient(circle at 18% 12%,rgba(0,180,216,.22),transparent 32%),
    radial-gradient(circle at 82% 82%,rgba(255,255,255,.16),transparent 36%);
  pointer-events:none;
}
.reserve-v30-shell{
  max-width:var(--max);
  margin:0 auto;
  display:grid;
  gap:1.2rem;
}
.reserve-panel-v30{
  background:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.52);
  border-radius:30px;
  box-shadow:0 26px 70px rgba(0,0,0,.22);
  padding:clamp(1.3rem,4vw,2.2rem);
  backdrop-filter:blur(16px);
}
.reserve-panel-v30 .section__head{
  margin-bottom:0;
}
.reserve-panel-v30 .reserve-intro p{
  color:#13262e;
}
.reserve-panel-v30 .reserve-note{
  margin-top:.75rem;
  font-weight:800;
  color:var(--teal)!important;
}
.wa-form-v30{
  background:rgba(255,255,255,.74);
  border:1px solid rgba(6,47,67,.10);
  border-radius:24px;
  padding:1rem;
}
.wa-form-v30 .btn{
  width:100%;
}
.reserve-mini-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.85rem;
}
.reserve-mini-steps article{
  padding:1rem;
  border-radius:20px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(255,255,255,.44);
  box-shadow:0 16px 42px rgba(0,0,0,.16);
  backdrop-filter:blur(14px);
}
.reserve-mini-steps strong{
  display:block;
  color:var(--navy);
  font-size:1rem;
  margin-bottom:.25rem;
}
.reserve-mini-steps span{
  color:#18323b;
  font-size:.95rem;
}
.reserve-info-grid{
  display:grid;
  grid-template-columns:1.35fr .82fr .82fr;
  gap:1rem;
  align-items:stretch;
}
.reserve-info-card{
  background:rgba(255,255,255,.82);
  border:1px solid rgba(255,255,255,.52);
  box-shadow:0 18px 50px rgba(0,0,0,.18);
  border-radius:26px;
  padding:1.2rem;
  backdrop-filter:blur(15px);
}
.reserve-info-card h2{
  font-size:clamp(1.45rem,2.3vw,2.2rem);
  margin-bottom:.55rem;
}
.reserve-info-card p{
  color:#18323b;
}
.map-embed{
  margin-top:1rem;
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(6,47,67,.12);
  min-height:300px;
  background:#dfeff4;
}
.map-embed iframe{
  width:100%;
  height:330px;
  border:0;
  display:block;
}
.review-image--compact{
  margin:.9rem 0 0;
  padding:.5rem;
  border-radius:18px;
}
.review-image--compact img{
  max-height:180px;
  object-fit:contain;
}
.reserve-social-links{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:1rem;
}
.reserve-social-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:.65rem .9rem;
  border-radius:999px;
  color:var(--navy);
  font-weight:900;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(6,47,67,.14);
}
.reserve-social-links a:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(6,47,67,.14);
}
@media (max-width:980px){
  .reserve-info-grid,
  .reserve-mini-steps{
    grid-template-columns:1fr;
  }
  .reserve-panel-v30{
    grid-template-columns:1fr;
  }
}
@media (max-width:640px){
  .reserve-v30-bg{
    padding-left:1rem;
    padding-right:1rem;
  }
  .map-embed iframe{height:280px;}
}


/* =========================================================
   V31 - Versión definitiva: móvil, Reserva, Galería modelo 3 y Legal
   ========================================================= */
.home-page .hero__copy h1{
  max-width:980px;
}
.reserve-social-links--icons{
  align-items:center;
}
.reserve-social-links--icons .reserve-social-icon{
  width:48px;
  height:48px;
  min-height:48px;
  padding:0;
  border-radius:16px;
  background:rgba(255,255,255,.84);
  color:var(--navy);
  border:1px solid rgba(6,47,67,.14);
  box-shadow:0 12px 28px rgba(6,47,67,.10);
}
.reserve-social-links--icons .reserve-social-icon svg{
  width:24px;
  height:24px;
  display:block;
  fill:currentColor;
  stroke:currentColor;
  stroke-width:1.6;
}
.reserve-social-links--icons .reserve-gallery-btn{
  min-height:48px;
  padding:.72rem 1rem;
  border-radius:16px;
  background:rgba(255,255,255,.9);
}
.editorial-gallery-section{
  max-width:none;
  padding-left:max(clamp(1rem,4vw,2rem),calc((100vw - 1320px)/2 + 2rem));
  padding-right:max(clamp(1rem,4vw,2rem),calc((100vw - 1320px)/2 + 2rem));
  background:linear-gradient(180deg,#f4fbfd 0%,#fffaf2 52%,#eef9fc 100%);
}
.editorial-gallery-section .section__head{
  max-width:900px;
}
.editorial-gallery{
  max-width:1320px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  grid-auto-rows:178px;
  gap:1rem;
}
.editorial-tile{
  position:relative;
  margin:0;
  overflow:hidden;
  border-radius:28px;
  background:#d9edf4;
  box-shadow:0 22px 60px rgba(6,47,67,.16);
  border:1px solid rgba(255,255,255,.62);
  min-height:0;
}
.editorial-tile img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.015);
  transition:transform .45s ease, filter .45s ease;
}
.editorial-tile:hover img{
  transform:scale(1.055);
  filter:saturate(1.05) contrast(1.02);
}
.editorial-tile figcaption{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  flex-direction:column;
  gap:.2rem;
  padding:1.25rem;
  color:#fff;
  background:linear-gradient(180deg,rgba(6,47,67,0),rgba(6,47,67,.78));
  text-shadow:0 2px 12px rgba(0,0,0,.36);
}
.editorial-tile figcaption strong{
  font-family:'Lora',Georgia,serif;
  font-size:1.18rem;
  line-height:1.05;
}
.editorial-tile figcaption span{
  font-size:.92rem;
  line-height:1.35;
  opacity:.95;
}
.editorial-tile--hero{
  grid-column:span 4;
  grid-row:span 3;
}
.editorial-tile--wide{
  grid-column:span 3;
  grid-row:span 2;
}
.editorial-tile--tall{
  grid-column:span 2;
  grid-row:span 3;
}
.editorial-tile--standard{
  grid-column:span 2;
  grid-row:span 2;
}
.legal-page .page-hero--legal{
  background:
    linear-gradient(135deg,rgba(6,47,67,.82),rgba(44,125,160,.46)),
    url('../images/legal/legal-hero-naturaleza2.jpg') center 48% / cover no-repeat!important;
}
.legal-page .legal-content,
.legal-page .legal-content.section--sand{
  max-width:none!important;
  background:
    linear-gradient(180deg,rgba(245,251,253,.82),rgba(255,250,242,.78)),
    url('../images/legal/legal-bg-salto-al-agua.jpg') center center / cover no-repeat!important;
  padding-left:max(clamp(1rem,4vw,2rem),calc((100vw - 980px)/2 + 2rem));
  padding-right:max(clamp(1rem,4vw,2rem),calc((100vw - 980px)/2 + 2rem));
}
.legal-page .legal-content .section__head,
.legal-page .legal-content .legal-card{
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
}
.legal-page .legal-content .legal-card{
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(14px);
}
@media (max-width:980px){
  .editorial-gallery{
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-auto-rows:160px;
  }
  .editorial-tile--hero{grid-column:span 4;grid-row:span 3;}
  .editorial-tile--wide{grid-column:span 4;grid-row:span 2;}
  .editorial-tile--tall{grid-column:span 2;grid-row:span 3;}
  .editorial-tile--standard{grid-column:span 2;grid-row:span 2;}
}
@media (max-width:640px){
  .home-page .hero{
    padding:2.6rem 1rem 2.2rem!important;
    gap:1.4rem;
  }
  .home-page .hero__copy h1{
    font-size:clamp(2rem,10vw,3rem)!important;
    line-height:1.04!important;
    letter-spacing:-.045em!important;
    max-width:100%;
    overflow-wrap:normal;
    hyphens:none;
  }
  .home-page .hero__copy .lead{
    font-size:1rem;
  }
  .home-page .trust-strip{
    font-size:.92rem;
  }
  .editorial-gallery-section{
    padding-left:1rem;
    padding-right:1rem;
  }
  .editorial-gallery{
    display:block;
  }
  .editorial-tile,
  .editorial-tile--hero,
  .editorial-tile--wide,
  .editorial-tile--tall,
  .editorial-tile--standard{
    margin:0 0 1rem;
    min-height:0;
  }
  .editorial-tile img{
    height:min(74vh,520px);
    min-height:320px;
  }
  .editorial-tile--wide img{
    height:310px;
  }
  .editorial-tile figcaption{
    padding:1rem;
  }
  .editorial-tile figcaption span{
    display:none;
  }
  .reserve-social-links--icons .reserve-gallery-btn{
    flex:1 1 100%;
  }
}


/* =========================================================
   V32 - Correccion definitiva mobile vertical home/header
   Motivo: evitar overflow horizontal del header/nav y forzar que el H1
   de la home calcule su ancho sobre el viewport real en iPhone vertical.
   ========================================================= */
html, body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}
body{
  position:relative;
}
.site-header,
.hero,
.page-hero,
.section,
.section--sand,
.section--deep,
main,
.site-footer{
  max-width:100vw;
}
@media (max-width:767px){
  .site-header{
    width:100%;
    max-width:100vw;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center!important;
    gap:.7rem .75rem;
    padding:.72rem .8rem!important;
    overflow:hidden;
  }
  .brand{
    min-width:0!important;
    max-width:calc(100vw - 170px);
    gap:.55rem!important;
  }
  .brand span{
    min-width:0;
    max-width:100%;
  }
  .brand strong{
    display:block;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:1rem!important;
  }
  .brand small{
    display:none!important;
  }
  .brand__logo{
    width:48px!important;
    height:40px!important;
    flex:0 0 auto;
  }
  .header-wa{
    justify-self:end;
    margin-left:0!important;
    white-space:nowrap;
    padding:.72rem 1rem!important;
    font-size:.98rem!important;
  }
  .main-nav{
    grid-column:1 / -1;
    order:initial!important;
    width:100%;
    max-width:100%;
    min-width:0;
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding:.08rem 0 .16rem;
    margin:0;
  }
  .main-nav::-webkit-scrollbar{
    display:none;
  }
  .main-nav a{
    flex:0 0 auto;
    white-space:nowrap;
    font-size:.9rem!important;
    padding:.58rem .76rem!important;
  }
  .home-page .hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%;
    max-width:100vw;
    min-width:0;
    min-height:auto!important;
    padding:2.2rem 1rem 2.1rem!important;
    gap:1.25rem!important;
    overflow:hidden!important;
  }
  .home-page .hero__copy{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:hidden;
  }
  .home-page .hero__copy .eyebrow{
    font-size:.72rem!important;
    letter-spacing:.13em!important;
    margin-bottom:.75rem;
  }
  .home-page .hero__copy h1{
    display:block;
    width:100%;
    max-width:100%;
    min-width:0;
    font-size:clamp(1.82rem,8.25vw,2.22rem)!important;
    line-height:1.08!important;
    letter-spacing:-.032em!important;
    overflow:visible!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:none!important;
    text-wrap:balance;
  }
  .home-page .hero-kicker{
    width:100%;
    max-width:100%;
    font-size:clamp(1.08rem,4.9vw,1.34rem)!important;
    line-height:1.22!important;
    overflow-wrap:break-word;
  }
  .home-page .hero__copy .lead{
    width:100%;
    max-width:100%;
    font-size:1rem!important;
    line-height:1.55!important;
    overflow-wrap:break-word;
  }
  .home-page .hero-actions{
    display:grid!important;
    grid-template-columns:1fr;
    gap:.75rem!important;
    width:100%;
    max-width:100%;
  }
  .home-page .hero-actions .btn{
    width:100%;
    max-width:100%;
    min-width:0;
    padding:.92rem 1rem!important;
  }
  .home-page .trust-strip{
    width:100%;
    max-width:100%;
    border-radius:18px!important;
    flex-wrap:wrap;
    gap:.45rem .65rem;
    padding:.75rem .85rem!important;
  }
  .home-page .trust-strip strong,
  .home-page .trust-strip span{
    min-width:0;
    overflow-wrap:break-word;
  }
  .home-page .hero__media{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .home-page .hero__media img{
    width:100%;
    height:300px!important;
    object-fit:cover;
  }
  .sticky-wa{
    left:1rem!important;
    right:1rem!important;
    bottom:.85rem!important;
  }
  .sticky-wa a{
    width:100%;
    max-width:100%;
    justify-content:center;
    text-align:center;
    white-space:normal;
    padding:.92rem 1rem!important;
  }
}
@media (max-width:380px){
  .brand strong{font-size:.94rem!important;}
  .header-wa{font-size:.92rem!important;padding:.68rem .86rem!important;}
  .home-page .hero__copy h1{font-size:1.72rem!important;line-height:1.1!important;}
}

/* =========================================================
   V33 - Mobile home hero image alignment
   Fix: remove default figure margins that shifted the hero image card
   on vertical mobile viewports.
   ========================================================= */
.hero__media{
  margin:0;
}
@media (max-width:767px){
  .home-page .hero__media{
    margin:0!important;
    width:100%!important;
    max-width:100%!important;
    justify-self:stretch!important;
  }
  .home-page .hero__media img{
    display:block;
    width:100%!important;
    max-width:100%!important;
    object-position:center center;
  }
}

/* =========================================================
   V34 - Mobile home clean conversion
   - Header WhatsApp hidden on mobile; fixed WhatsApp appears after scroll.
   - Hamburger menu replaces cut horizontal nav on mobile.
   - Home H1 gets controlled mobile rhythm.
   - Proof/social trust card gets air and does not compete with CTAs.
   ========================================================= */
.nav-toggle{
  display:none;
  appearance:none;
  border:0;
  background:var(--water);
  color:var(--navy);
  border-radius:14px;
  width:48px;
  height:44px;
  align-items:center;
  justify-content:center;
  gap:4px;
  flex-direction:column;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(6,56,75,.08);
}
.nav-toggle span{
  display:block;
  width:21px;
  height:2px;
  border-radius:999px;
  background:currentColor;
  transition:transform .18s ease,opacity .18s ease;
}
.site-header.nav-open .nav-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.site-header.nav-open .nav-toggle span:nth-child(2){opacity:0}
.site-header.nav-open .nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.home-hero-title span{display:inline}
@media (max-width:767px){
  body{padding-bottom:4.6rem;}
  .site-header{
    overflow:visible!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:.72rem!important;
  }
  .brand{max-width:100%!important;}
  .header-wa{display:none!important;}
  .nav-toggle{display:inline-flex!important;justify-self:end;}
  .main-nav{
    grid-column:1 / -1!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.25rem!important;
    width:100%!important;
    max-width:100%!important;
    max-height:0!important;
    overflow:hidden!important;
    padding:0!important;
    margin:0!important;
    opacity:0;
    pointer-events:none;
    transition:max-height .24s ease, opacity .18s ease, padding .18s ease;
    border-top:0 solid rgba(6,56,75,.1);
  }
  .site-header.nav-open .main-nav{
    max-height:520px!important;
    opacity:1;
    pointer-events:auto;
    padding:.55rem 0 0!important;
    border-top:1px solid rgba(6,56,75,.1);
  }
  .main-nav a{
    width:100%!important;
    flex:initial!important;
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    border-radius:12px!important;
    padding:.72rem .82rem!important;
    font-size:.96rem!important;
    background:rgba(232,247,251,.72);
  }
  .main-nav a.is-active{background:var(--water)!important;}
  .home-page .hero{
    padding:2.15rem 1rem 2.45rem!important;
    gap:1.1rem!important;
  }
  .home-page .hero__copy h1.home-hero-title{
    font-size:clamp(2rem,8.4vw,2.35rem)!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
    margin-bottom:.95rem!important;
    text-wrap:balance;
  }
  .home-page .home-hero-title span{
    display:block;
  }
  .home-page .hero-kicker{
    margin-bottom:.8rem!important;
  }
  .home-page .hero__copy .lead{
    margin-bottom:1rem!important;
  }
  .home-page .hero-actions{
    margin:1.2rem 0 1rem!important;
  }
  .home-page .hero-actions .btn{
    min-height:58px;
    font-size:1rem!important;
  }
  .home-page .trust-strip{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr);
    align-items:start;
    column-gap:.78rem!important;
    row-gap:.08rem!important;
    margin:1.05rem 0 .65rem!important;
    padding:.85rem .9rem!important;
    background:rgba(255,255,255,.15)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    box-shadow:0 12px 34px rgba(6,56,75,.12);
  }
  .home-page .trust-strip strong{
    grid-row:1 / span 2;
    font-size:1.22rem!important;
    line-height:1.2;
  }
  .home-page .trust-strip span{
    display:block;
    font-size:.94rem!important;
    line-height:1.38;
  }
  .home-page .hero__media{
    border-radius:22px!important;
  }
  .home-page .hero__media img{
    height:292px!important;
    object-position:center center!important;
  }
  .sticky-wa{
    left:1rem!important;
    right:1rem!important;
    bottom:.8rem!important;
    opacity:0;
    transform:translateY(120%);
    pointer-events:none;
    transition:opacity .22s ease, transform .22s ease;
  }
  body.show-sticky-wa .sticky-wa{
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
  }
  .sticky-wa a{
    min-height:50px;
    width:100%;
    max-width:100%;
    justify-content:center;
    text-align:center;
    padding:.72rem .95rem!important;
    border-radius:16px!important;
    font-size:.96rem!important;
    line-height:1.2;
  }
}
@media (max-width:380px){
  .home-page .hero__copy h1.home-hero-title{
    font-size:1.88rem!important;
  }
  .home-page .hero-actions .btn{
    min-height:54px;
  }
  .sticky-wa a{font-size:.92rem!important;}
}



/* =========================================================
   V35 - Home CTA y opiniones
   - "Reserva tu día ya" lleva a la página interna de Reserva.
   - La prueba social 5.0 baja a las opiniones del Home.
   ========================================================= */
.trust-strip--link{
  cursor:pointer;
  text-decoration:none;
  color:inherit;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.trust-strip--link:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.22);
  border-color:rgba(255,255,255,.38);
  box-shadow:0 16px 42px rgba(6,56,75,.16);
}
.trust-strip--link:focus-visible{
  outline:3px solid rgba(255,255,255,.9);
  outline-offset:4px;
}
#opiniones-clientes{
  scroll-margin-top:110px;
}
@media (max-width:767px){
  #opiniones-clientes{scroll-margin-top:92px;}
  .home-page .trust-strip--link{color:#fff;}
}

/* =========================================================
   V36 - Ajustes finales UX móvil + SEO técnico
   - Quino visible en móvil: imagen arriba y texto debajo, sin tapar la cara.
   - Campo fecha corregido para evitar desbordes en iOS/Android.
   - Bloque "Tarifas 2026 / Desde 350€" enlazable.
   ========================================================= */
.home-page .intro-flow__price--link{
  color:inherit;
  text-decoration:none;
  border-radius:18px;
  transition:background .18s ease, transform .18s ease, border-color .18s ease;
}
.home-page .intro-flow__price--link:hover,
.home-page .intro-flow__price--link:focus-visible{
  background:rgba(255,255,255,.10);
  transform:translateY(-1px);
  outline:0;
}
.home-page .intro-flow__price--link:focus-visible{
  box-shadow:0 0 0 3px rgba(201,242,255,.75);
}
.wa-form,
.wa-form label,
.wa-form input,
.wa-form select{
  min-width:0;
  max-width:100%;
}
.wa-form input,
.wa-form select{
  display:block;
  width:100%;
  -webkit-appearance:none;
  appearance:none;
  line-height:1.25;
}
.wa-form input[type="date"]{
  min-height:58px;
  overflow:hidden;
}
.wa-form input[type="date"]::-webkit-date-and-time-value{
  min-height:1.25em;
  text-align:left;
}
.wa-form input[type="date"]::-webkit-calendar-picker-indicator{
  margin-left:auto;
}
@media (max-width:767px){
  .reserve-panel-v30,
  .wa-form-v30{
    width:100%;
    max-width:100%;
    overflow:hidden;
  }
  .wa-form-v30{
    padding:.85rem;
  }
  .wa-form input,
  .wa-form select{
    font-size:16px!important;
    padding:.85rem .9rem!important;
  }
  .boat-page-v21 .boat-captain-section{
    display:block;
    min-height:0!important;
    padding:0 0 clamp(2.4rem,8vw,3.4rem)!important;
    background:#062f43;
  }
  .boat-page-v21 .boat-captain-section:before{
    inset:0 0 auto 0!important;
    height:clamp(330px,72vw,430px)!important;
    background:url('../images/boats/buena-proa/patron-quino.jpg') center 34% / cover no-repeat!important;
    opacity:1!important;
    filter:saturate(1.08) contrast(1.03) brightness(1.04)!important;
    transform:none!important;
  }
  .boat-page-v21 .boat-captain-section:after{
    background:
      linear-gradient(180deg,rgba(6,47,67,.05) 0%,rgba(6,47,67,.10) 38%,rgba(6,47,67,.86) 100%),
      linear-gradient(90deg,rgba(6,47,67,.18),rgba(6,47,67,.04))!important;
  }
  .boat-page-v21 .boat-captain-section__card{
    position:relative;
    z-index:1;
    margin:clamp(285px,62vw,365px) 1rem 0!important;
    max-width:none!important;
    background:rgba(6,47,67,.82)!important;
    border-color:rgba(255,255,255,.20)!important;
    backdrop-filter:blur(6px)!important;
    border-radius:26px!important;
  }
}
.wa-form input::placeholder{color:#637b84;opacity:.95;}


/* =========================================================
   V37 - Idiomas SEO
   - Selector ES/EN dentro del menú principal.
   - Páginas reales por idioma con hreflang.
   ========================================================= */
.main-nav .lang-switch{
  display:inline-flex;
  align-items:center;
  gap:.18rem;
  margin-left:.35rem;
  padding:.18rem;
  border-radius:999px;
  background:rgba(232,247,251,.72);
  border:1px solid rgba(6,56,75,.10);
}
.main-nav .lang-switch a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:2.2rem;
  padding:.36rem .52rem!important;
  border-radius:999px;
  font-size:.76rem!important;
  line-height:1;
  letter-spacing:.04em;
  font-weight:900;
  color:var(--navy);
  opacity:.82;
}
.main-nav .lang-switch a:hover,
.main-nav .lang-switch a.is-active{
  background:#fff!important;
  color:var(--navy);
  opacity:1;
}
@media (max-width:767px){
  .main-nav .lang-switch{
    width:100%;
    margin:.25rem 0 0;
    justify-content:flex-start;
    background:rgba(232,247,251,.9);
    border-radius:12px;
    padding:.38rem!important;
  }
  .main-nav .lang-switch a{
    width:auto!important;
    min-width:3rem;
    flex:0 0 auto!important;
    display:inline-flex!important;
    padding:.62rem .82rem!important;
    border-radius:10px!important;
    background:transparent!important;
  }
  .main-nav .lang-switch a.is-active{background:#fff!important;}
}