@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--ink:#08283a;--navy:#052e43;--blue:#087b9d;--aqua:#1bb1bb;--orange:#ef711e;--paper:#f7f0df;--cream:#fffbf1;--muted:#52636a;--line:#d4cbb5;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--cream)}.skip-link{position:absolute;left:10px;top:-60px;padding:10px;background:#fff;color:#000;z-index:10}.skip-link:focus{top:10px}.header{height:83px;padding:0 5vw;display:flex;align-items:center;gap:38px;background:var(--navy);color:#fff;position:relative;z-index:2}.brand{color:#fff;display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:25px;letter-spacing:-.04em;white-space:nowrap}.brand b{font-weight:400}.brand-mark{width:46px;height:35px;position:relative;display:block}.brand-mark i{position:absolute;display:block;transform:skewX(-36deg) rotate(-5deg)}.brand-mark i:nth-child(1){height:18px;width:21px;border-left:5px solid #fff;border-top:5px solid #fff;left:6px;top:4px}.brand-mark i:nth-child(2){height:18px;width:24px;border-left:5px solid #fff;border-top:5px solid #fff;left:19px;top:5px}.brand-mark i:nth-child(3){border-left:22px solid transparent;border-right:23px solid transparent;border-bottom:7px solid var(--aqua);bottom:0;left:0}.header nav{display:flex;gap:30px;margin-left:auto}.header nav a{color:#e5f2f2;text-decoration:none;font-size:14px;font-weight:600}.header nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}.hero{min-height:610px;overflow:hidden;display:grid;grid-template-columns:43% 57%;position:relative;background:var(--paper)}.hero-photo{grid-column:1/-1;grid-row:1;background-image:linear-gradient(90deg,rgba(247,240,223,.99) 0%,rgba(247,240,223,.96) 30%,rgba(247,240,223,.05) 59%),url('hero-raft-morelos.jpg');background-size:cover;background-position:center}.hero-copy{grid-column:1;grid-row:1;z-index:1;align-self:center;padding:50px 2vw 55px 11.6vw}.kicker{font:500 10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.17em;margin:0 0 18px;color:var(--blue)}.kicker span{display:inline-block;border-top:2px solid var(--orange);width:30px;vertical-align:middle;margin-right:10px}.hero h1,.intro h2,.activities h2,.prepare h2,.details h2,.locations h2{font:700 clamp(43px,5.2vw,80px)/.91 var(--serif);letter-spacing:-.058em;margin:0}.hero h1 em,.intro h2 em,.activities h2 em,.prepare h2 em,.details h2 em,.locations h2 em{font-weight:600;color:var(--orange)}.hero-copy>p:not(.kicker){max-width:385px;color:#41545b;line-height:1.5;margin:24px 0}.hero-note{max-width:325px;padding:16px 0 0;border-top:1px solid #b3a88f;display:grid;gap:4px;font-size:13px}.hero-note span{color:#53656a;font-size:12px}.place-tag{position:absolute;right:5%;bottom:27px;margin:0;background:#fff8e7;padding:11px 18px 10px;border-left:4px solid var(--orange);font-size:13px;font-weight:700}.intro{padding:97px 11.6vw;display:grid;grid-template-columns:1.08fr .92fr;gap:8vw;background:var(--cream)}.intro h2{font-size:clamp(39px,4.2vw,64px)}.intro>p{font-size:17px;line-height:1.6;color:var(--muted);margin:65px 0 0}.activities{background:var(--navy);color:#fff;padding:76px 5vw 88px}.activities header{display:grid;grid-template-columns:1.2fr .8fr;gap:38px;align-items:end;margin:0 6.5vw 34px}.activities .kicker,.details .kicker{color:#c5edf0}.activities .kicker span{border-color:var(--orange)}.activities h2{font-size:clamp(42px,4.4vw,66px)}.activities h2 em{color:#79d6d7}.activities header>p{color:#c4d6db;line-height:1.5;max-width:360px;margin:0}.activity-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.activity{min-height:310px;padding:22px;position:relative;display:flex;flex-direction:column;justify-content:end;overflow:hidden;background:#16455a;background-image:linear-gradient(0deg,rgba(2,22,32,.9),rgba(2,22,32,.08) 75%),url('actividades-mosaico.jpg');background-size:auto 100%;background-repeat:no-repeat}.activity:before{content:'';position:absolute;inset:0;border:1px solid rgba(255,255,255,.14);pointer-events:none}.activity:nth-child(1){background-position:0 0}.activity:nth-child(2){background-position:0 0}.activity:nth-child(3){background-position:33.333% 0}.activity:nth-child(4){background-position:66.666% 0}.activity:nth-child(5){background-position:100% 0}.activity:nth-child(6){background-image:linear-gradient(0deg,rgba(2,22,32,.9),rgba(2,22,32,.08) 75%),url('hero-raft-morelos.jpg');background-position:72% 0}.activity span{font:500 10px var(--mono);position:absolute;left:21px;top:20px;letter-spacing:.12em}.activity h3{margin:0 0 8px;font:600 26px/1 var(--serif);letter-spacing:-.035em}.activity p{margin:0;color:#e2f2f1;font-size:12px;line-height:1.35}.prepare{padding:88px 11.6vw;background:var(--paper);display:grid;grid-template-columns:29% 1fr;gap:7vw}.prepare h2{font-size:clamp(38px,4vw,61px)}.prepare-title>p:not(.kicker){color:#55676c;line-height:1.5;max-width:230px}.checklist{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.checklist li{padding:23px 20px 22px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:42px 1fr;column-gap:12px}.checklist b{color:var(--orange);font:500 12px var(--mono);grid-row:1/3}.checklist h3{font:600 21px/1 var(--serif);margin:0 0 7px}.checklist p{font-size:13px;line-height:1.4;color:#55676c;margin:0}.details{display:grid;grid-template-columns:1fr 1fr;min-height:490px;background:#156f84;color:#fff}.details-visual{background:linear-gradient(150deg,rgba(3,39,54,.3),rgba(3,39,54,.03)),url('actividades-mosaico.jpg') 100% center/auto 130% no-repeat;position:relative;overflow:hidden}.details-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,45,59,.5),transparent)}.details-visual p{position:absolute;left:13%;bottom:13%;z-index:1;font:600 65px/.8 var(--serif);letter-spacing:-.06em;margin:0}.details-visual small{font:400 14px var(--sans);letter-spacing:0}.water-line{width:84%;height:32%;border:2px solid rgba(255,255,255,.65);border-width:2px 0 0 2px;border-radius:80% 0 0;position:absolute;bottom:10%;left:-20%;transform:rotate(-15deg)}.details-copy{padding:79px 11%}.details h2{font-size:clamp(37px,4.1vw,61px)}.details h2 em{color:#fff}.details-copy>p:not(.kicker){color:#e0f0ed;line-height:1.55;max-width:500px}.detail-rule{width:100%;border-top:1px solid rgba(255,255,255,.45);margin:26px 0}.details-copy .fine{font-size:13px;color:#d2e7e6}.locations{padding:91px 11.6vw;background:var(--cream)}.locations h2{font-size:clamp(36px,4vw,62px);max-width:860px}.location-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:47px;border-top:1px solid var(--line)}.location-list article{padding:22px 20px 0 0;border-right:1px solid var(--line)}.location-list article:last-child{border:0}.location-list span{font:500 10px var(--mono);letter-spacing:.16em;color:var(--orange)}.location-list h3{font:600 24px/1.1 var(--serif);margin:14px 0 8px}.location-list p{color:#59676b;font-size:14px;line-height:1.5;margin:0;max-width:250px}.footer{padding:58px 5vw 30px;background:var(--navy);color:#eaf5f1;display:grid;grid-template-columns:1.25fr 1.4fr 1fr 1fr;gap:31px}.footer .brand{font-size:27px}.footer-brand p{font-size:13px;color:#b4cacf;margin:16px 0 0}.footer address,.footer>div:not(.footer-brand){font-style:normal;display:grid;gap:12px;font-size:13px;line-height:1.5}.footer strong{font:500 10px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:#88d6d5}.footer-legal{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.25);padding-top:18px;margin:16px 0 0;color:#adc3c9;font-size:12px}@media(max-width:1000px){.hero-copy{padding-left:7vw}.intro,.prepare,.locations{padding-left:7vw;padding-right:7vw}.activity-grid{grid-template-columns:repeat(3,1fr)}.activity{min-height:250px}.footer{grid-template-columns:repeat(2,1fr)}.activities header{margin-left:2vw;margin-right:2vw}}@media(max-width:700px){.header{padding:0 22px;height:73px}.header nav{display:none}.hero{min-height:650px;display:block}.hero-photo{height:350px;background-image:linear-gradient(0deg,rgba(5,46,67,.15),rgba(5,46,67,.15)),url('hero-raft-morelos.jpg');background-position:65% center}.hero-copy{padding:43px 24px;background:var(--paper)}.hero h1{font-size:52px}.place-tag{right:18px;top:298px;bottom:auto;font-size:11px}.intro,.prepare{padding:62px 24px;display:block}.intro>p{margin:25px 0 0;font-size:16px}.activities{padding:60px 24px}.activities header{display:block;margin:0 0 28px}.activities header>p{margin-top:16px}.activity-grid{grid-template-columns:repeat(2,1fr);gap:7px}.activity{min-height:210px;padding:14px}.activity span{left:14px;top:14px}.activity h3{font-size:23px}.activity p{font-size:11px}.checklist{margin-top:35px;grid-template-columns:1fr}.details{grid-template-columns:1fr}.details-visual{height:280px}.details-copy{padding:55px 24px}.locations{padding:62px 24px}.location-list{grid-template-columns:1fr;margin-top:32px}.location-list article{border-right:0;border-bottom:1px solid var(--line);padding:20px 0}.footer{padding:45px 24px 28px;grid-template-columns:1fr;gap:25px}.footer-legal{grid-column:auto}.footer .brand{font-size:27px}}@media(max-width:390px){.hero h1{font-size:47px}.activity-grid{grid-template-columns:1fr}.activity{min-height:230px}}