:root{--navy:#092d44;--ink:#12354a;--muted:#536a78;--aqua:#057d88;--sand:#d5b67a;--pale:#edf5f6;--line:#dce5e8;--white:#fff;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:16px}*{box-sizing:border-box}body{margin:0;background:#fff}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.5rem,5.2vw,5.4rem);line-height:1.03;letter-spacing:-.045em;font-weight:500}h2{font-size:clamp(2rem,3.5vw,3.3rem);line-height:1.13;letter-spacing:-.04em;font-weight:500}h3{font-size:1.5rem;letter-spacing:-.02em}p{line-height:1.7}small,.small{font-size:.875rem;line-height:1.6}.wrap{max-width:1280px;margin:auto;padding:0 40px}.eyebrow{display:block;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin-bottom:22px;color:var(--aqua)}header{height:94px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;position:relative;z-index:10}.head{display:flex;align-items:center;justify-content:space-between;gap:26px;width:100%}.brand{display:flex;gap:12px;align-items:center;font-size:1rem;font-weight:700;line-height:1.2;letter-spacing:.04em}.brand b{font-size:.8rem;display:block;letter-spacing:.22em;font-weight:500;margin-top:4px}.mark{font-size:1.6rem;color:var(--aqua);border-bottom:2px solid var(--aqua);padding:4px 2px;letter-spacing:-.08em}.nav{display:flex;align-items:center;gap:26px;font-size:.875rem}.lang{white-space:nowrap;font-size:.875rem}.lang a{padding:6px}.lang [aria-current]{font-weight:700;border-bottom:2px solid var(--aqua)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 23px;border:1px solid var(--aqua);background:var(--aqua);color:#fff;font-weight:600;font-size:.875rem;letter-spacing:.02em;text-align:center;gap:8px;border-radius:2px}.btn:hover{background:#09636d;text-decoration:none}.btn.light{background:#fff;color:var(--navy);border-color:#fff}.btn.outline{background:transparent;border-color:var(--line);color:var(--ink)}.btn.outline:hover{background:var(--pale)}.btn.ghost{background:transparent;color:#fff;border-color:#62818f}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.menu{display:none;background:none;border:1px solid var(--line);padding:10px}.hero{background:var(--navy);color:white;display:grid;grid-template-columns:48% 52%;min-height:640px}.hero-copy{padding:75px max(40px,calc((100vw - 1200px)/2));padding-right:55px;align-self:center}.hero .eyebrow{color:#a6dfe1}.hero h1 em{font-style:normal;color:#a3dbda}.hero p{color:#d5e5ec;max-width:420px;font-size:1.08rem}.hero-photo{position:relative;min-height:600px;overflow:hidden}.hero-photo>img{width:100%;height:100%;object-fit:cover;position:absolute}.photo-caption{position:absolute;bottom:28px;left:28px;right:28px;border-top:1px solid #ffffff70;padding-top:20px;display:flex;justify-content:space-between;color:#fff;text-shadow:0 1px 6px #000}.hero-strip{background:#f2f7f7;padding:24px 0}.strip{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.strip div{font-size:.9rem;padding-left:24px;border-left:1px solid #bed0d7}.strip b{display:block;margin-bottom:5px}.strip span{color:var(--muted)}section{padding:85px 0}.section-top{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:35px}.section-top h2{margin:0;max-width:660px}.section-top .intro{max-width:460px;margin:15px 0 0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.card{min-width:0}.card .picture{height:270px;overflow:hidden;position:relative;background:var(--pale)}.card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card:hover img{transform:scale(1.035)}.tag{position:absolute;top:16px;left:16px;background:#fff;padding:8px 12px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.card-body{padding:22px 0}.card h3{margin:8px 0 12px;font-size:1.6rem}.meta{font-size:.875rem;color:var(--muted)}.card-bottom{border-top:1px solid var(--line);padding-top:18px;margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.price{font-size:1.4rem;font-weight:500}.price small{font-size:.8rem;color:var(--muted);font-weight:400}.text-link{color:var(--aqua);font-size:.875rem;font-weight:700;text-decoration:underline;text-underline-offset:5px}.dark{background:var(--navy);color:#fff}.dark .eyebrow{color:#a6dfe1}.dark p{color:#cbdee6}.experience-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:24px}.experience{min-height:420px;position:relative;overflow:hidden;display:flex;align-items:end;padding:30px;color:#fff;background:#17475b}.experience img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.experience:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,#062a3bdb)}.experience>div{position:relative;z-index:1}.experience h3{font-size:1.9rem;font-weight:500;line-height:1.1}.experience p{color:white;font-size:.9rem}.experience span{font-size:.8rem;letter-spacing:.12em}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split>img{width:100%;height:480px;object-fit:cover}.number-list{border-top:1px solid var(--line)}.number-list>div{display:grid;grid-template-columns:45px 1fr;border-bottom:1px solid var(--line);padding:20px 0;gap:12px}.number-list b{color:var(--aqua);font-weight:400}.number-list h3{font-size:1.1rem;margin:0 0 6px}.number-list p{font-size:.9rem;color:var(--muted);margin:0}.faq{max-width:900px}.faq details{border-top:1px solid var(--line);padding:23px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{font-size:1.1rem;cursor:pointer;line-height:1.45}details p{margin:18px 0 0;color:var(--muted)}.cta-band{background:var(--pale);padding:60px 0}.cta-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{font-size:2.4rem;margin-bottom:12px}.cta-band p{margin:0}.footer{background:#062536;color:#e2edf0;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.3fr;gap:35px}.footer h3{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#93c7cb;margin-bottom:25px}.footer a{display:block;font-size:.875rem;margin:12px 0;line-height:1.5}.footer .brand{display:flex;font-size:1rem;margin:0 0 20px}.footer p{font-size:.875rem;color:#abc0cd}.footnote{border-top:1px solid #34505e;margin-top:40px;padding-top:25px;font-size:.75rem;color:#9cb5c2;display:flex;justify-content:space-between;gap:24px}.wa-float{position:fixed;bottom:22px;right:22px;z-index:20;padding:14px 20px;background:var(--aqua);color:white;box-shadow:0 4px 22px #0002;border:2px solid white;border-radius:30px;font-size:.875rem;font-weight:600}.breadcrumb{font-size:.8rem;color:var(--muted);padding-top:28px;line-height:1.7}.page-intro{padding:50px 0 35px}.page-intro h1{font-size:clamp(2.5rem,4vw,4rem);max-width:900px}.page-intro p{max-width:740px;color:var(--muted)}.filters{display:flex;gap:16px;flex-wrap:wrap;padding:24px;background:var(--pale);margin-bottom:35px;align-items:end}.filters label{display:grid;gap:10px;flex:1;min-width:160px;font-size:.8rem;font-weight:600}.filters select,.filters input,.booking input,.booking select{height:48px;border:1px solid #b6cbd2;border-radius:2px;padding:10px 12px;background:white;color:var(--ink);width:100%;min-width:0}.result-count{font-size:.875rem;color:var(--muted);margin-bottom:24px}.empty{padding:30px;background:var(--pale)}[hidden]{display:none!important}.gallery{display:grid;grid-template-columns:2fr 1fr;gap:15px;margin:25px 0 45px}.gallery .main-photo{grid-row:span 2;height:500px}.gallery img{width:100%;height:242px;object-fit:cover}.gallery a{overflow:hidden}.detail{display:grid;grid-template-columns:1.6fr 1fr;gap:65px;align-items:start}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:35px}.facts small{display:block;color:var(--muted);margin-bottom:6px}.detail h2{font-size:1.8rem;margin-top:35px}.booking{position:sticky;top:25px;background:var(--pale);padding:32px;border-top:3px solid var(--aqua)}.booking h2{margin:0 0 15px;font-size:1.8rem}.booking label{display:grid;gap:7px;margin:18px 0;font-size:.875rem}.booking .btn{width:100%;margin-top:10px}.booking p{font-size:.875rem;color:var(--muted)}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.equipment{display:grid;grid-template-columns:1fr 1fr;padding-left:20px;gap:15px;line-height:1.6}.price-table{width:100%;border-collapse:collapse}.price-table th,.price-table td{border-bottom:1px solid var(--line);text-align:left;padding:16px 10px}.price-table th{font-size:.875rem;background:var(--pale)}.gallery-more{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.gallery-more img{aspect-ratio:1.3;object-fit:cover;width:100%}.legal{max-width:860px;padding-bottom:75px}.legal h2{font-size:1.65rem;margin-top:40px}.legal a{text-decoration:underline}.legal li{line-height:1.7;margin:10px 0}.notice{padding:18px 22px;background:var(--pale);border-left:3px solid var(--aqua);font-size:.875rem;line-height:1.7;margin:25px 0}.skip{position:fixed;top:-100px;left:20px;padding:14px;background:white;z-index:99}.skip:focus{top:15px}:focus-visible{outline:3px solid #cf9a39;outline-offset:4px}.wide-photo{height:440px;width:100%;object-fit:cover}.port-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.port{padding:34px;background:var(--pale)}.checkline{font-size:.875rem;color:var(--muted);line-height:1.5}.checkline input{width:auto;height:auto}.contact-list{list-style:none;padding:0}.contact-list li{padding:18px 0;border-bottom:1px solid var(--line)}.contact-list b{display:block;margin-bottom:10px}.contact-list a{color:var(--aqua)}
@media(min-width:1600px){.hero{min-height:720px}.hero-copy{padding-left:max(40px,calc((100vw - 1280px)/2))}}@media(max-width:1000px){.wrap{padding:0 26px}.nav{gap:15px}.nav .btn{display:none}.hero-copy{padding:55px 30px}.hero{min-height:580px}.hero-photo{min-height:580px}.grid{gap:22px}.card .picture{height:220px}.experience-grid{gap:15px}.experience{padding:22px;min-height:360px}.split{gap:35px}.detail{gap:30px}.footer-grid{grid-template-columns:1.5fr 1fr}.gallery .main-photo{height:440px}.gallery img{height:212px}}@media(max-width:700px){header{height:78px}.wrap{padding:0 20px}.brand{font-size:.85rem;gap:9px}.brand b{font-size:.7rem}.head{gap:10px}.mark{font-size:1.4rem}.menu{display:block}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:20px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:22px}.nav.open{display:flex}.hero{display:flex;flex-direction:column}.hero-copy{padding:45px 24px}.hero h1{font-size:3.35rem}.hero-photo{min-height:340px}.hero-copy p{font-size:1rem}.strip{grid-template-columns:1fr;gap:18px}.strip div{padding-left:15px}.hero-strip{padding:25px 0}.grid{grid-template-columns:1fr}.card .picture{height:auto;aspect-ratio:1.45}.card-body{padding-top:18px}.section-top{display:block}.section-top>a{display:inline-block;margin-top:22px}section{padding:55px 0}.experience-grid{grid-template-columns:1fr}.experience{min-height:380px}.split{grid-template-columns:1fr}.split>img{height:340px}.cta-band .wrap{display:block}.cta-band .btn{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-grid>div:first-child{grid-column:span 2}.footnote{flex-direction:column;padding-bottom:55px}.detail{grid-template-columns:1fr}.booking{position:static}.gallery{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:30px}.gallery .main-photo{grid-column:span 2;grid-row:auto;height:340px}.gallery img{height:160px}.gallery-more{grid-template-columns:1fr 1fr}.facts{gap:12px}.facts b{font-size:.875rem}.page-intro{padding:35px 0 20px}.filters{padding:18px;gap:14px}.filters label{min-width:130px}.port-grid{grid-template-columns:1fr}.equipment{grid-template-columns:1fr}.wide-photo{height:300px}.wa-float{right:14px;bottom:14px}.photo-caption{left:20px;right:20px}.lang{font-size:.8rem}.lang a{padding:4px}h1{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Supplied cover photo: responsive files, brief desktop-only movement. */
.hero{grid-template-columns:40% 60%;min-height:600px}.hero-copy{padding-left:max(30px,calc((100vw - 1280px)/2));padding-right:30px}.hero h1{font-size:clamp(2.5rem,4.4vw,4.7rem)}.hero-photo{min-height:600px}.hero-photo .cover-photo{object-position:50% 50%}.photo-caption{background:#092d44e8;left:20px;right:20px;bottom:20px;padding:16px 18px;border:0;text-shadow:none;font-size:.8rem;gap:16px}.hero-photo:after{content:none}
@keyframes cover-arrive{from{transform:scale(1.025)}to{transform:scale(1)}}
@media(min-width:1001px) and (prefers-reduced-motion:no-preference){.cover-photo{animation:cover-arrive 4.5s ease-out both}}
@media(max-width:1000px){.hero{grid-template-columns:42% 58%;min-height:500px}.hero-photo{min-height:500px}.hero h1{font-size:2.8rem}.hero-copy{padding:40px 24px}.nav{display:none;position:absolute;top:94px;left:0;right:0;background:white;padding:22px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:22px}.nav.open{display:flex}.menu{display:block}}
@media(max-width:700px){.hero{display:flex;min-height:0}.hero-photo{min-height:0;aspect-ratio:4/3}.hero-copy{padding:36px 24px}.hero h1{font-size:3.2rem}.photo-caption{left:12px;right:12px;bottom:12px;padding:10px 12px;font-size:.75rem}.nav{top:78px}.cover-photo{animation:none}}
@media(prefers-reduced-motion:reduce){.cover-photo{animation:none;transform:none}}

/* Enquiry and navigation refinements. */
.enquiry-product{padding-bottom:14px;border-bottom:1px solid var(--line)}
.booking [data-capacity-hint]{margin-top:0}
.footer a,.contact-list a{overflow-wrap:anywhere}
@media(max-width:1000px){.nav .btn{display:inline-flex}.nav{max-height:calc(100dvh - 94px);overflow-y:auto}}
@media(max-width:700px){.nav{max-height:calc(100dvh - 78px)}}
@media(max-width:380px){.booking{padding:24px 18px}.two-fields{grid-template-columns:1fr;gap:0}.brand{font-size:.72rem}.brand b{font-size:.65rem}.mark{font-size:1.2rem}.lang a{padding:3px}}

/* Show all three supplied whale-watching photographs without cropping. */
.whale-gallery a{background:var(--pale)}
.whale-gallery img{object-fit:contain}

.bokun-booking{min-width:0;padding:24px 16px;position:static}
.bokun-booking iframe{width:100%;max-width:100%;border:0}
.bokun-booking .btn:disabled{opacity:.65;cursor:wait}
.bokun-booking [data-bokun-status]{font-size:.8rem;margin-top:16px}

/* Samba keeps the original boat visible in its bay. */
.samba-cover{height:auto;max-height:720px;object-fit:contain;background:var(--pale)}
.samba-gallery img{object-fit:contain;background:var(--pale);width:100%;height:340px}
.samba-options .card{display:flex;flex-direction:column}
.samba-options .picture{display:block;flex-shrink:0}
.samba-options .card-body{display:flex;flex-direction:column;flex:1}
.samba-options .card-bottom{margin-top:auto;gap:12px;flex-wrap:wrap}
.samba-options .price{font-size:1.1rem}
.samba-details dt{font-weight:700;margin-top:16px}
.samba-details dd{margin:4px 0 0}
@media(max-width:700px){.samba-gallery img{height:auto}.samba-options .card-body{height:auto}}

.experience-grid:has(> :nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.experience-grid:has(> :nth-child(4)){grid-template-columns:1fr}}

.hourly-total{margin:18px 0;padding:20px;background:var(--pale);border:1px solid var(--line);border-radius:8px}
.hourly-total[hidden]{display:none}
.hourly-total>span,.hourly-total>strong,.hourly-total>small{display:block}
.hourly-total>strong{font-size:2rem;color:var(--navy);margin:6px 0}
.hourly-total>small{font-size:.875rem}
.hourly-total p{font-size:.875rem;margin-bottom:0}

.astinor-cover{height:auto;max-height:720px;object-fit:contain}
.astinor-gallery img{width:100%;height:320px;object-fit:contain;background:var(--pale)}
.astinor-video{display:block;width:100%;max-width:480px;max-height:80vh;margin:0 auto;background:#092d44;border-radius:12px}
@media(max-width:700px){.astinor-gallery img{height:auto}}

/* Privacy choices are equally visible; external booking is optional. */
.privacy-open{display:block;background:var(--navy);color:white;border:0;padding:18px 24px;width:100%;font:inherit;text-decoration:underline;cursor:pointer}
.privacy-dialog{width:min(620px,calc(100vw - 32px));max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:28px;color:var(--ink);background:white}
.privacy-dialog::backdrop{background:#092d4477}.privacy-dialog h2{font-size:1.65rem}.privacy-dialog p{font-size:1rem;line-height:1.6}
.privacy-choice{display:flex;gap:12px;align-items:center;font-size:1rem;min-height:48px}.privacy-choice input{width:22px;height:22px;flex-shrink:0}
.privacy-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.privacy-actions .btn{font:inherit;font-size:1rem;cursor:pointer;white-space:normal}
.privacy-close{font:inherit;background:none;border:0;text-decoration:underline;padding:18px 0;cursor:pointer}
.cancellation-note{padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:700px){.booking input,.booking select{font-size:16px}.privacy-dialog{padding:22px}.privacy-actions{grid-template-columns:1fr}.two-fields{gap:12px}.booking{padding:24px}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.calendar-booking [hidden]{display:none!important}.calendar-booking .two-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.calendar-booking .terms-choice{display:flex;gap:10px;align-items:flex-start}.calendar-booking .terms-choice input{width:auto;margin-top:5px}.calendar-booking select,.calendar-booking input{min-height:44px;max-width:100%}.calendar-booking [data-calendar-status]{padding:12px;border-radius:8px;background:#edf4f5}.calendar-booking button:disabled{opacity:.6;cursor:not-allowed}

[data-calendar-status][aria-busy="true"]::before{content:"";display:inline-block;width:1em;height:1em;margin-right:.5em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:middle;animation:availability-spin .8s linear infinite}
@keyframes availability-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){[data-calendar-status][aria-busy="true"]::before{animation:none}}

/* Small screens, touch targets and visible keyboard focus. */
.menu{min-width:44px;min-height:44px;flex-shrink:0}
.lang{display:flex;align-items:center;gap:2px}
.lang a{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:44px}
:focus-visible{outline:3px solid #005b65;outline-offset:4px;box-shadow:0 0 0 2px #fff}
.detail>*{min-width:0}
.calendar-booking .two-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.calendar-booking label{min-width:0}
.calendar-booking .terms-choice{align-items:center;min-height:44px}
.calendar-booking .terms-choice input{flex:0 0 22px;width:22px;height:22px;min-height:22px;margin-top:0}
@media(max-width:420px){.calendar-booking .two-fields{grid-template-columns:minmax(0,1fr);gap:0}}

/* Tenerife Boat Booking: approved navy-and-gold yacht identity. */
header{height:104px}
.head>.brand{flex:0 0 auto;width:288px;max-width:100%;min-height:44px}
.brand-logo{display:block;width:100%;height:auto;object-fit:contain}
.brand:hover{text-decoration:none}
.footer .brand{width:280px;max-width:100%;min-height:44px}
.head>.lang{margin-left:auto;flex-shrink:0}
@media(max-width:1100px){
 .nav{display:none;position:absolute;top:104px;left:0;right:0;background:white;padding:22px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:22px;max-height:calc(100dvh - 104px);overflow-y:auto}
 .nav.open{display:flex}
 .nav .btn{display:inline-flex}
 .menu{display:block}
}
@media(max-width:700px){
 header{height:88px}
 .head{padding-inline:14px;gap:8px}
 .head>.brand{width:clamp(158px,calc(100vw - 162px),228px)}
 .head>.lang{margin-left:auto}
 .nav{top:88px;max-height:calc(100dvh - 88px)}
 .footer .brand{width:270px}
}
@media(max-width:359px){
 header{height:104px}
 .head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 8px;align-items:center}
 .head>.brand{grid-column:1;grid-row:1 / span 2;width:200px}
 .head>.lang{grid-column:2;grid-row:1;margin:0;justify-content:flex-end}
 .head>.menu{grid-column:2;grid-row:2;justify-self:end;padding:8px}
 .nav{top:104px;max-height:calc(100dvh - 104px)}
}