PageSourceSearch

https://costaverde.com/

html costaverde.com collected 2026-10-02 10:30:30 UTC 104,216 bytes, 1,000 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<!-- Google Analytics (gtag.js). Va lo más arriba posible del <head>, como
5     recomienda Google, para no perder visitas que abandonen la página antes
6     de que termine de cargar.
7
8     Es la ÚNICA petición externa del sitio: todo lo demás —fuentes, CSS, JS,
9     imágenes— está vendorizado en assets/. Va con `async`, así que si
10     googletagmanager.com no responde la página se pinta igual; y si algún día
11     hay que quitarlo, se borra este bloque y se reconstruye, sin más. -->
vendor: 64 bytes, lines 11-12
11
12<script async src="https://www.googletagmanager.com/gtag/js?id=
12G-HL82ZE7FLQ
vendor: 12 bytes, line 12
12"></script>
13<script>
14  
vendor: 134 bytes, lines 14-18
14window.dataLayer = window.dataLayer || [];
15  function gtag(){dataLayer.push(arguments);}
16  gtag('js', new Date());
17
18  gtag('config', '
18G-HL82ZE7FLQ
vendor: 4 bytes, line 18
18');
19</script>
19
20<meta charset="UTF-8">
21<meta name="viewport" content="width=device-width, initial-scale=1.0">
22<title>Hotel Costa Verde | Manuel Antonio, Costa Rica</title>
23<meta name="description" content="Hotel Costa Verde, a luxury refuge in the tropical rainforest of Manuel Antonio, Costa Rica.">
24<link rel="canonical" href="https://costaverde.com/">
25<link rel="alternate" hreflang="es" href="https://costaverde.com/es/index.html">
26<link rel="alternate" hreflang="en" href="https://costaverde.com/">
27<link rel="alternate" hreflang="de" href="https://costaverde.com/de/index.html">
28<link rel="alternate" hreflang="fr" href="https://costaverde.com/fr/index.html">
29<link rel="alternate" hreflang="pt" href="https://costaverde.com/pt/index.html">
30<link rel="alternate" hreflang="it" href="https://costaverde.com/it/index.html">
31<link rel="alternate" hreflang="x-default" href="https://costaverde.com/">
32<meta property="og:type" content="website">
33<meta property="og:site_name" content="Hotel Costa Verde">
34<meta property="og:locale" content="en_US">
35<meta property="og:title" content="Hotel Costa Verde | Manuel Antonio, Costa Rica">
36<meta property="og:description" content="Hotel Costa Verde, a luxury refuge in the tropical rainforest of Manuel Antonio, Costa Rica.">
37<meta property="og:url" content="https://costaverde.com/">
38<meta property="og:image" content="https://costaverde.com/assets/img/home-booking-image.
38webp">
39<meta name="twitter:card" content="summary_large_image">
40<meta name="twitter:title" content="Hotel Costa Verde | Manuel Antonio, Costa Rica">
41<meta name="twitter:description" content="Hotel Costa Verde, a luxury refuge in the tropical rainforest of Manuel Antonio, Costa Rica.">
42<meta name="twitter:image" content="https://costaverde.com/assets/img/home-booking-image.webp">
43<script type="application/ld+json">{"@context":"https://schema.org","@type":"Hotel","name":"Hotel Costa Verde","description":"Hotel Costa Verde, a luxury refuge in the tropical rainforest of Manuel Antonio, Costa Rica.","url":"https://costaverde.com/","image":"https://costaverde.com/assets/img/home-booking-image.webp","email":"[email protected]","address":{"@type":"PostalAddress","addressLocality":"Manuel Antonio","addressRegion":"Quepos","addressCountry":"CR"},"geo":{"@type":"GeoCoordinates","latitude":9.398703,"longitude":-84.154179}}</script>
43
44<!-- Tab icon, resized from the 2048px favicon.png source. The type was
45     also wrong before: it declared SVG while pointing at a .webp. -->
46<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32.png">
47<link rel="icon" href="assets/img/favicon.ico" sizes="any">
48<link rel="apple-touch-icon" href="assets/img/favicon-180.png">
49<!-- Everything the pages need is served from this project: no CDN, no font
50     host, no API, no database. See assets/vendor/. -->
51<link href="assets/vendor/fonts/fonts.css" rel="stylesheet">
52<link href="assets/vendor/bootstrap/bootstrap.min.css" rel="stylesheet">
53<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
54<link href="assets/css/style.css" rel="stylesheet">
55</head>
56<!-- The booking modal is built in JS but its copy is translated, so the
57     strings ride along on <body> rather than duplicating the dictionary. -->
58<body data-i18n-secure="Secure booking · Best price guaranteed"
59      data-i18n-loading="Loading availability..."
60      data-i18n-close="Close"
61      data-i18n-checkout-after="Check-out date must be after check-in date.">
62
63
64<nav class="navbar navbar-expand-lg dc-navbar p-0 is-home">
65  <div class="container dc-navbar-row">
66    <!-- Only visible while the booking engine is open (body.is-booking). Its
67         reassurance line and close button ride in the navbar instead of in a
68         bar of the modal's own, which would eat another 56px of height. -->
69    <div class="dc-booking-strip-nav" aria-hidden="true">
70      <span class="dc-booking-strip-note">Secure booking · Best price guaranteed</span>
71      <button type="button" class="dc-booking-strip-close" data-beds24-close aria-label="Close"><i class="bi bi-x-lg"></i></button>
72    </div>
73
74    <div class="d-flex align-items-center flex-shrink-0" style="gap:9px;">
75            <a class="navbar-brand d-flex align-items-center m-0" href="en/index.html">
76        <img src="assets/img/site-logo.webp" alt="Hotel Costa Verde">
77      </a>
78    </div>
79
80    <button class="navbar-toggler d-lg-none" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav" style="border-color: rgba(245,240,232,.3)">
81      <i class="bi bi-list text-white fs-2"></i>
82    </button>
83
84    <div class="collapse navbar-collapse flex-grow-0" id="mainNav">
85      <ul class="navbar-nav align-items-lg-center dc-nav-list">
86        <li class="nav-item"><a class="nav-link" href="en/index.html">Home</a></li>
87
88        <li class="nav-item dropdown dc-hover-menu">
89          <a class="nav-link" href="en/accommodations.html">Accommodations <i class="bi bi-chevron-down"></i></a>
90          <ul class="dropdown-menu" style="max-height:70vh;overflow-y:auto;">
91                          <li><a class="dropdown-item" href="en/room-eficientes.html">Efficiency</a></li>
92                          <li><a class="dropdown-item" href="en/room-studio-room-family-area.html">Studio Room – Family Area</a></li>
93                          <li><a class="dropdown-item" href="en/room-studio-plus-room-family-area.html">Studio Plus Room – Family Area</a></li>
94                          <li><a class="dropdown-item" href="en/room-costa-verde-ii-studio.html">Costa Verde II – Studio<span class="dc-adults-tag">Adults Only</span></a></li>
95                          <li><a class="dropdown-item" href="en/room-costa-verde-ii-studio-plus.html">Costa Verde II – Studio Plus<span class="dc-adults-tag">Adults Only</span></a></li>
96                          <li><a class="dropdown-item" href="en/room-costa-verde-ii-penthouse.html">Costa Verde II - Penthouse<span class="dc-adults-tag">Adults Only</span></a></li>
97                          <li><a class="dropdown-item" href="en/room-bungalow-e-5.html">Bungalow E-5</a></li>
98                          <li><a class="dropdown-item" href="en/room-bungalow-e-6.html">Bungalow E-6</a></li>
99                          <li><a class="dropdown-item" href="en/room-bungalow-a-11.html">Bungalow A-11</a></li>
100                          <li><a class="dropdown-item" href="en/room-bungalow-a-13.html">Bungalow A-13</a></li>
101                          <li><a class="dropdown-item" href="en/room-bungalow-a-14.html">Bungalow A-14</a></li>
102                          <li><a class="dropdown-item" href="en/room-palm-tree-casita.html">Palm Tree Casita</a></li>
103                          <li><a class="dropdown-item" href="en/room-casa-quinta.html">Casa Quinta</a></li>
104                          <li><a class="dropdown-item" href="en/room-727-fuselage-home.html">727 Fuselage Home</a></li>
105                          <li><a class="dropdown-item" href="en/room-sky-loft.html">Sky Loft</a></li>
106                          <li><a class="dropdown-item" href="en/room-cockpit-cottage.html">Cockpit Cottage</a></li>
107                          <li><a class="dropdown-item" href="en/room-cockpit-cabana.html">Cockpit Cabana<span class="dc-adults-tag">Adults Only</span></a></li>
108                      </ul>
109        </li>
110
111                <li class="nav-item dropdown dc-hover-menu">
112          <a class="nav-link" href="en/restaurants.html">Restaurants <i class="bi bi-chevron-down"></i></a>
113          <ul class="dropdown-menu">
114                          <li><a class="dropdown-item" href="https://www.anacondarestaurant.com/" target="_blank" rel="noopener">Anaconda</a></li>
115                          <li><a class="dropdown-item" href="https://elavion.net/" target="_blank" rel="noopener">El Avión</a></li>
116                          <li><a class="dropdown-item" href="https://elwagonpizza.com/" target="_blank" rel="noopener">El Wagon</a></li>
117                          <li><a class="dropdown-item" href="https://www.lacantinabbq.com/" target="_blank" rel="noopener">La Cantina</a></li>
118                          <li><a class="dropdown-item" href="https://chiquitacabana.com/" target="_blank" rel="noopener">Chiquita Cabana</a></li>
119                      </ul>
120        </li>
121
122        <li class="nav-item dropdown dc-hover-menu">
123          <a class="nav-link" href="en/adventures.html">Adventures <i class="bi bi-chevron-down"></i></a>
124          <ul class="dropdown-menu">
125            <li><a class="dropdown-item" href="en/adventures-tours.html">Tours &amp; Activities</a></li>
126            <li><a class="dropdown-item" href="en/adventures-park.html">National Park</a></li>
127            <li><a class="dropdown-item" href="en/adventures-yoga.html">Yoga &amp; Wellness</a></li>
128          </ul>
129        </li>
130
131        <li class="nav-item dropdown dc-hover-menu">
132          <a class="nav-link" href="en/weddings.html">Weddings <i class="bi bi-chevron-down"></i></a>
133          <ul class="dropdown-menu">
134            <li><a class="dropdown-item" href="en/weddings-locations.html">Our Venues</a></li>
135            <li><a class="dropdown-item" href="en/weddings-planning.html">Planning &amp; Resources</a></li>
136            <li><a class="dropdown-item" href="en/weddings-gallery.html">Wedding Gallery</a></li>
137            <li><a class="dropdown-item" href="en/weddings-testimonials.html">Couples Testimonials</a></li>
138            <li><a class="dropdown-item" href="en/weddings-inquiries.html">Wedding Inquiries</a></li>
139          </ul>
140        </li>
141
142        <li class="nav-item"><a class="nav-link" href="en/contact.html">Contact</a></li>
143
144        <li class="nav-item dropdown dc-hover-menu dc-nav-info">
145          <a class="nav-link" href="#" onclick="return false;">Information <i class="bi bi-chevron-down"></i></a>
146          <ul class="dropdown-menu">
147            <li><a class="dropdown-item" href="en/gallery.html">Gallery</a></li>
148            <li><a class="dropdown-item" href="en/reviews.html">Reviews</a></li>
149            <li><a class="dropdown-item" href="en/map.html">How to Get Here</a></li>
150            <li><a class="dropdown-item" href="en/hotel-map.html">Hotel map</a></li>
151            <li><a class="dropdown-item" href="en/faq.html">Frequently Asked Questions</a></li>
152            <li><a class="dropdown-item" href="en/shuttle.html">Shuttle Service</a></li>
153            <li><a class="dropdown-item" href="en/sustainability.html">Sustainability</a></li>
154            <li><a class="dropdown-item" href="en/727-history.html">History of the Boeing 727</a></li>
155            <li><a class="dropdown-item" href="en/weddings-legal.html">Legal Information for Weddings</a></li>
156          </ul>
157        </li>
158      </ul>
159
160      <div class="d-flex align-items-center dc-nav-tail mt-3 mt-lg-0">
161        <div class="dropdown">
162          <!-- No chevron and no dropdown-toggle caret: the original's trigger
163               is just the flag plus the language code. -->
164          <button class="dc-lang-btn d-inline-flex align-items-center" data-bs-toggle="dropdown" aria-label="English">
165            <span class="dc-lang-flag">🇺🇸</span>
166            <span class="dc-lang-code">en</span>
167          </button>
168          <ul class="dropdown-menu dropdown-menu-end">
169                          <li><a class="dropdown-item " href="es/index.html">🇪🇸 Español</a></li>
170                          <li><a class="dropdown-item active" href="en/index.html">🇺🇸 English</a></li>
171                          <li><a class="dropdown-item " href="de/index.html">🇩🇪 Deutsch</a></li>
172                          <li><a class="dropdown-item " href="fr/index.html">🇫🇷 Français</a></li>
173                          <li><a class="dropdown-item " href="pt/index.html">🇵🇹 Português</a></li>
174                          <li><a class="dropdown-item " href="it/index.html">🇮🇹 Italiano</a></li>
175                      </ul>
176        </div>
177        <!-- Opens the booking modal on today->tomorrow for 2 adults, as the
178             original's navbar does. Without JavaScript it is a plain link
179             straight to the same Beds24 search. -->
180        <a href="https://beds24.com/booking2.php?propid=125275&amp;checkin=2026-09-21&amp;checkout=2026-09-22&amp;numadult=2&amp;numchild=0&amp;lang=en" target="_blank" rel="noopener" class="btn-gold-outline" data-beds24-open><svg xmlns="http://www.w3.org/2000/svg" width="15.75" height="15.75" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;display:block;" aria-hidden="true"><path d="M8 2v4"/><path d="M16 2v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/></svg>Reserve</a>
181      </div>
182    </div>
183  </div>
184</nav>
185<div class="navbar-spacer"></div>
186<!-- HERO -->
187<section id="inicio" class="position-relative d-flex flex-column justify-content-end" style="height:calc(100vh - 194px);overflow:hidden;">
188  <!-- Rota sola cada 6 s (decision del usuario, 2026-09-20). El original solo
189       avanzaba con las flechas, y por eso esto no lo llevaba; con 15 fotos,
190       esperar a que alguien pulse trece veces dejaba las ultimas sin ver.
191       Bootstrap la detiene sola mientras el puntero esta encima. -->
192  <div id="heroCarousel" class="carousel slide carousel-fade position-absolute top-0 start-0 w-100 h-100"
193       data-bs-ride="carousel" data-bs-interval="6000">
194    <div class="carousel-inner h-100">
195              <div class="carousel-item h-100 active">
196          <img src="assets/img/home-hero-slide-1.webp" alt="Hotel Costa Verde" class="w-100 h-100" style="object-fit:cover;">
197        </div>
198              <div class="carousel-item h-100 ">
199          <img loading="lazy" decoding="async" src="assets/img/home-hero-slide-2.webp" alt="Hotel Costa Verde" class="w-100 h-100" style="object-fit:cover;">
200        </div>
201              <div class="carousel-item h-100 ">
202          <img loading="lazy" decoding="async" src="assets/img/home-hero-slide-3.webp" alt="Hotel Costa Verde" class="w-100 h-100" style="object-fit:cover;">
203        </div>
204              <div class="carousel-item h-100 ">
205          <img loading="lazy" decoding="async" src="assets/img/home-hero-slide-4.webp" alt="Hotel Costa Verde" class="w-100 h-100" style="object-fit:cover;">
206        </div>
207              <div class="carousel-item h-100 ">
208          <img loading="lazy" decoding="async" src="assets/img/home-hero-slide-5.webp" alt="Hotel Costa Verde" class="w-100 h-100" style="object-fit:cover;">
209        </div>
210              <div class="carousel-item h-100 ">
211          <img loading="lazy" decoding="async" src="assets/img/home-hero-slide-6.webp" alt="Hotel Costa Verde" class="w-100 h-100" style="object-fit:cover;">
212        </div>
213              <div class="carousel-item h-100 ">
214          <img loading="lazy" decoding="async" src="assets/img/home-hero-slide-7.webp" alt="Hotel Costa Verde" class="w-100 h-100" style="object-fit:cover;">
215        </div>
216              <div class="carousel-item h-100 ">
217          <img loading="lazy" decoding="async" src="assets/img/home-hero-slide-8.webp" alt="Hotel Costa Verde" class="w-100 h-100" style="object-fit:cover;">
218        </div>
219              <div class="carousel-item h-100 ">
220          <img loading="lazy" decoding="async" src="assets/img/home-hero-slide-9.webp" alt="Hotel Costa Verde" class="w-100 h-100" style="object-fit:cover;">
221        </div>
222              <div class="carousel-item h-100 ">
223          <img loading="lazy" decoding="async" src="assets/img/home-hero-slide-10.webp" alt="Hotel Costa Verde" class="w-100 h-100" style="object-fit:cover;">
224        </div>
225              <div class="carousel-item h-100 ">
226          <img loading="lazy" decoding="async" src="assets/img/home-hero-slide-11.webp" alt="Hotel Costa Verde" class="w-100 h-100" style="object-fit:cover;">
227        </div>
228              <div class="carousel-item h-100 ">
229          <img loading="lazy" decoding="async" src="assets/img/home-hero-slide-12.webp" alt="Hotel Costa Verde" class="w-100 h-100" style="object-fit:cover;">
230        </div>
231              <div class="carousel-item h-100 ">
232          <img loading="lazy" decoding="async" src="assets/img/home-hero-slide-13.webp" alt="Hotel Costa Verde" class="w-100 h-100" style="object-fit:cover;">
233        </div>
234              <div class="carousel-item h-100 ">
235          <img loading="lazy" decoding="async" src="assets/img/home-hero-slide-14.webp" alt="Hotel Costa Verde" class="w-100 h-100" style="object-fit:cover;">
236        </div>
237              <div class="carousel-item h-100 ">
238          <img loading="lazy" decoding="async" src="assets/img/home-hero-slide-15.webp" alt="Hotel Costa Verde" class="w-100 h-100" style="object-fit:cover;">
239        </div>
240          </div>
241  </div>
242  <!-- z-index needed: Bootstrap's carousel-fade lifts the active slide to
243       z-index 1, which would paint it over these overlays. -->
244  <div class="position-absolute top-0 start-0 w-100 h-100" style="background:rgba(0,0,0,.15);pointer-events:none;z-index:2;"></div>
245  <div class="position-absolute bottom-0 start-0 w-100" style="height:14%;
245background:linear-gradient(to bottom, transparent 0%, rgba(13,31,13,.55) 70%, var(--dc-bg1) 100%);pointer-events:none;z-index:3;"></div>
246  <button class="dc-carousel-square rounded-circle position-absolute top-50 start-0 translate-middle-y ms-4" type="button" data-bs-target="#heroCarousel" data-bs-slide="prev" style="z-index:20;width:45px;height:45px;"><i class="bi bi-chevron-left"></i></button>
247  <button class="dc-carousel-square rounded-circle position-absolute top-50 end-0 translate-middle-y me-4" type="button" data-bs-target="#heroCarousel" data-bs-slide="next" style="z-index:20;width:45px;height:45px;"><i class="bi bi-chevron-right"></i></button>
248  <div class="position-relative text-center hero-fade-in" style="z-index:5;padding:0 27px 72px;">
249    <h1 class="mb-0 mx-auto" style="font-family:var(--font-serif);font-weight:700;color:var(--dc-cream);font-size:clamp(31.5px,4.5vw,63px);line-height:1.15;letter-spacing:.01em;max-width:820px;text-shadow:0 3px 18px rgba(0,0,0,.6);">Still more monkeys than people...</h1>
250  </div>
251</section>
252
253<!-- BOOKING STRIP -->
254<div class="position-relative" style="padding:45px 36px;">
255  <div class="mx-auto" style="max-width:1152px;">
256    <div class="d-flex align-items-center gap-2 px-1" style="margin-bottom:13px;">
257      <i class="bi bi-calendar text-cream-dim" style="font-size:13.5px;line-height:1;"></i>
258      <span class="text-cream-dim text-uppercase" style="letter-spacing:.22em;font-weight:600;font-size:12px;">Best price guaranteed</span>
259    </div>
260    <form action="https://beds24.com/booking2.php" method="get" target="_blank" data-beds24 class="dc-booking-strip" style="background:rgba(13,31,13,.82);backdrop-filter:blur(14px);border:1px solid rgba(245,240,232,.13);padding:20px 24px;">
261      <input type="hidden" name="propid" value="125275"><input type="hidden" name="lang" value="en">      <div class="dc-field dc-field-grow">
262        <label class="dc-label">Check-in Date</label>
263        <input type="date" name="checkin" id="checkinInput" class="dc-input" required>
264      </div>
265      <div class="dc-field dc-field-grow">
266        <label class="dc-label">Check-out Date</label>
267        <input type="date" name="checkout" id="checkoutInput" class="dc-input" required>
268      </div>
269      <div class="dc-field">
270        <label class="dc-label">Adults</label>
271        <select name="numadult" class="dc-input">
272                      <option value="1">1 adult</option>
273                      <option value="2" selected>2 Adults</option>
274                      <option value="3">3 Adults</option>
275                      <option value="4">4 Adults</option>
276                      <option value="5">5 Adults</option>
277                      <option value="6">6 Adults</option>
278                  </select>
279      </div>
280      <div class="dc-field">
281        <label class="dc-label">Children</label>
282        <select name="numchild" class="dc-input">
283                      <option value="0" selected>0 Children</option>
284                      <option value="1">1 child</option>
285                      <option value="2">2 Children</option>
286                      <option value="3">3 Children</option>
287                      <option value="4">4 Children</option>
288                  </select>
289      </div>
290      <button type="submit" class="btn-gold-outline dc-booking-submit"><i class="bi bi-calendar"></i> <span class="d-none d-md-inline">Check Availability</span></button>
291    </form>
292  </div>
293</div>
294
295<!-- OCEAN VIEW CAMERA (LIVE) — real external webcam feed from the hotel.
296     The iframe is rendered at 2x height and shifted up 50% inside a clipped
297     16:4.5 container so the player's own controls/chrome fall outside the
298     visible crop, matching the original's presentation exactly. -->
299<section style="padding-top:50px;">
300  <!-- 18px, i.e. Tailwind's mb-4 on an 18px root — Bootstrap's mb-4 is 24px. -->
301  <div class="d-flex align-items-center justify-content-center px-4" style="gap:13.5px;margin-bottom:18px;">
302    <span class="cam-live-dot"></span>
303    <!-- Left untranslated on purpose: the original hard-codes this label in
304         English in every language. -->
305    <span class="cam-live-label">OCEAN VIEW CAMERA SHOT (LIVE)</span>
306    <span class="cam-live-dot"></span>
307  </div>
308</section>
309<section class="position-relative w-100" style="overflow:hidden;aspect-ratio:16/4.5;background-color:rgb(0,8,20);">
310  <iframe src="https://tv.costaverde.com/webcam01/" title="Ocean Vie
310w Camera Shot (Live)" class="position-absolute start-0 w-100 border-0" style="top:-50%;height:200%;pointer-events:none;" loading="lazy"></iframe>
311</section>
312
313<!-- ABOUT -->
314<section id="sobre-nosotros" class="dc-section">
315  <div class="container">
316    <div class="dc-split">
317      <div class="reveal reveal-left">
318        <div class="tag-line"></div>
319        <div class="tag-label">About the Hotel</div>
320        <h2 class="section-heading">Hotel Costa Verde</h2>
321        <p class="dc-body" style="margin-bottom:18px;">On a cliff of the coastal tropical rainforest situated between Parque Nacional Manuel Antonio and the incredible views of the Océano Pacífico that will take your breath away, Hotel Costa Verde is a vacation adventure, a tropical wedding or honeymoon and a hotel experience unlike anything you've imagined.
322
323The Hotel Costa Verde, a four-star hotel, is known for its exclusive, high-quality service and its extraordinary comfort.
324
325Just 3 miles from the town of Quepos and a 2-hour drive from the Aeropuerto Internacional de San José, Hotel Costa Verde is a perfect destination for a short stay or for those seeking a comfortable base camp for adventure travel, ecotourism, sport fishing, surfing or the peace and tranquility of the legendary white-sand beaches and Parque Nacional Manuel Antonio.</p>
326        <p class="dc-body" style="margin-bottom:45px;">Just three hundred meters from the beach overlooking the world-famous Parque Nacional Manuel Antonio, Costa Verde features 3 cliffside pools with terraces and spacious rooms, studios and bungalows. All rooms have balconies with panoramic views of the park's majestic coastline or views over the jungle canopy dotted with toucans, sloths, coatis and monkeys.
327
328Over the past 25 years, Costa Verde has been developed, designed, built and refined so guests can enjoy a unique brand of tropical luxury. Our jungle oasis is perfect for families, groups or couples, offering accommodations for a variety of vacation lifestyles, on-site spa services and four unique restaurants to suit every taste.
329
330Costa Rica and Costa Verde are rich in environmental diversity, magnificent scenery, relaxing and adrenaline-filled activities and warm Tico hospitality. Come and share this rare corner of the world with us.</p>
331        <a href="#accommodations" class="btn-gold-cta">Explore <i class="bi bi-arrow-right"></i></a>
332      </div>
333      <div class="reveal reveal-right d-flex flex-column" style="gap:18px;">
334        <img loading="lazy" decoding="async" src="assets/img/home-feature-1.webp" class="w-100" style="aspect-ratio:16/9;object-fit:cover;" alt="Hotel Costa Verde">
335        <img loading="lazy" decoding="async" src="assets/img/home-feature-2.webp" class="w-100" style="aspect-ratio:16/9;object-fit:cover;" alt="Terraza con vista al océano">
336      </div>
337    </div>
338  </div>
339</section>
340
341<!-- 727 EXCLUSIVE EXPERIENCE -->
342<section id="reservar" class="dc-section" style="background-color:var(--dc-bg2);">
343  <div class="container">
344    <div class="dc-split dc-split-lg">
345      <div class="reveal reveal-left">
346        <div class="tag-line"></div>
347        <div class="tag-label">Exclusive experience</div>
348        <h2 class="section-heading section-heading-md">Our Fuselaje 727 room</h2>
349        <p class="dc-body" style="margin-bottom:36px;">This Boeing 727 fuselage suite, fully equipped and meticulously detailed, rises out of the canopy of the jungle peach tree, offering views that will make you feel as if you were flying.</p>
350        <img loading="lazy" decoding="async" src="assets/img/home-booking-image.
350webp" class="w-100" style="aspect-ratio:16/9;object-fit:cover;box-shadow:0 20px 25px -5px rgba(0,0,0,.35);" alt="Suite Boeing 727">
351      </div>
352      <div class="reveal reveal-right">
353        <div style="border:1px solid rgba(245,240,232,.15);overflow:hidden;background-color:rgba(255,255,255,.03);">
354          <div class="d-flex align-items-center justify-content-between flex-wrap gap-2" style="border-bottom:1px solid rgba(245,240,232,.12);padding:12px 20px;">
355            <div class="d-flex align-items-center gap-2">
356              <i class="bi bi-calendar" style="color:rgba(245,240,232,.55);font-size:18px;line-height:1;"></i>
357              <span class="text-cream text-uppercase" style="font-size:14px;font-weight:600;letter-spacing:.12em;">Check Availability</span>
358            </div>
359            <div class="d-none d-sm-flex align-items-center gap-2">
360              <span class="text-cream-dim px-2 py-1" style="font-size:13px;border:1px solid rgba(245,240,232,.18);letter-spacing:.08em;">Best price</span>
361              <span class="text-cream-dim px-2 py-1" style="font-size:13px;border:1px solid rgba(245,240,232,.18);letter-spacing:.08em;">Instant confirmation</span>
362            </div>
363          </div>
364          <form action="https://beds24.com/booking2.php" method="get" target="_blank" data-beds24 class="dc-booking-panel" style="padding:20px 24px;">
365            <input type="hidden" name="propid" value="125275"><input type="hidden" name="lang" value="en">            <div class="dc-field-pair">
366              <div class="dc-field">
367                <label class="dc-label">Check-in Date</label>
368                <input type="date" name="checkin" class="dc-input" required>
369              </div>
370              <div class="dc-field">
371                <label class="dc-label">Check-out Date</label>
372                <input type="date" name="checkout" class="dc-input" required>
373              </div>
374            </div>
375            <div class="dc-field-pair">
376              <div class="dc-field">
377                <label class="dc-label">Adults</label>
378                <select name="numadult" class="dc-input">
379                                      <option value="1">1 adult</option>
380                                      <option value="2" selected>2 Adults</option>
381                                      <option value="3">3 Adults</option>
382                                      <option value="4">4 Adults</option>
383                                      <option value="5">5 Adults</option>
384                                      <option value="6">6 Adults</option>
385                                  </select>
386              </div>
387              <div class="dc-field">
388                <label class="dc-label">Children</label>
389                <select name="numchild" class="dc-input">
390                                      <option value="0" selected>0 Children</option>
391                                      <option value="1">1 child</option>
392                                      <option value="2">2 Children</option>
393                                      <option value="3">3 Children</option>
394                                      <option value="4">4 Children</option>
395                                  </select>
396              </div>
397            </div>
398            <button type="submit" class="btn-gold-outline dc-booking-submit w-100" style="padding:11px 28px;"><i class="bi bi-calendar"></i> Check Availability</button>
399            <p class="text-center mb-0" style="color:rgba(245,240,232,.35);font-size:13px;letter-spacing:.05em;">100% secure booking · No additional charges</p>
400          </form>
401        </div>
402        <div class="text-center mt-2">
403          <a href="en/contact.html?subject=727" class="text-cream-dim text-decoration-none d-inline-flex align-items-center gap-1" style="font-size:13px;"><i class="bi bi-chevron-down"></i> Dates not available? Send a special request</a>
404        </div>
405      </div>
406    </div>
407  </div>
408</section>
409
410<!-- WEDDINGS -->
411<section id="bodas" class="position-relative dc-weddings-band" style="overflow:hidden;">
412      <div class="position-absolute top-0 start-0 w-100 h-100" style="pointer-events:none;overflow:hidden;">
413              <iframe src="https://www.youtube-nocookie.com/embed/P-wkqQiwHOk?autoplay=1&amp;mute=1&amp;controls=0&amp;loop=1&amp;playlist=P-wkqQiwHOk&amp;modestbranding=1&amp;rel=0&amp;playsinline=1&amp;showinfo=0&amp;disablekb=1&amp;fs=0&amp;iv_load_policy=3" title="Weddings at Costa Verde" allow="autoplay; encrypted-media; picture-in-picture" tabindex="-1" aria-hidden="true" style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;border:0;"></iframe>
414          </div>
415    <div class="position-absolute top-0 start-0 w-100 h-100" style="background:rgba(10,22,10,.48);pointer-events:none;"></div>
416    <div class="text-center reveal reveal-up position-relative mx-auto" style="z-index:2;max-width:1008px;padding:0 36px;">
417    <i class="bi bi-heart text-gold d-block" style="font-size:45px;line-height:1;margin-bottom:27px;"></i>
418    <div class="tag-line mx-auto"></div>
419    <div class="tag-label">Weddings &amp; Celebrations</div>
420    <h2 style="font-family:var(--font-serif);color:var(--dc-cream);font-weight:700;font-size:clamp(49.5px,7vw,99px);line-height:1.25;margin-bottom:36px;">Weddings at Costa Verde</h2>
421    <p class="mx-auto" style="max-width:756px;margin-bottom:45px;color:rgba(245,240,232,.82);font-size:19px;line-height:1.625;white-space:pre-line;">Allow the wedding professionals at Hotel Costa Verde to take care of every detail to transform your dreams into a unique reality. At Hotel Costa Verde, where the wild splendor of the jungle meets the romance of the Pacific beach at sunset, Pura Vida – «living the moment with joy» – captures the essence of the couple dreaming of a one-of-a-kind wedding that is uniquely theirs.
422
423For more information about planning, to view our galleries and to make inquiries, please:</p>
424    <div class="d-flex gap-3 justify-content-center align-items-center flex-column flex-sm-row">
425      <a href="en/weddings.html" class="btn-gold-cta">Discover more</a>
426              <a href="https://youtu.be/P-wkqQiwHOk?si=8FIoqJb0vEy32a_O" target="_blank" class="btn-gold-outline d-inline-flex align-items-center gap-2" style="padding:10px 24px;font-size:13px;letter-spacing:.18em;white-space:nowrap;"><i class="bi bi-play-fill"></i> Watch video</a>
427          </div>
428  </div>
429</section>
430
431<!-- ROOMS -->
432<section id="accommodations" style="background-color:var(--dc-bg1);">
433  <div class="container" style="padding-top:126px;">
434    <div class="text-center reveal reveal-up" style="margin-bottom:54px;">
435      <div class="tag-line mx-auto"></div>
436      <div class="tag-label">Costa Verde Hotel</div>
437      <h2 class="section-heading">Our Rooms</h2>
438      <p class="dc-body mx-auto mb-0" style="max-width:756px;">Hotel Costa Verde offers accommodations for a variety of vacation lifestyles.
439We have 70 rooms built on jungle ridges and cliffs, positioned to capture the best ocean views and the sea breeze.</p>
440    </div>
441  </div>
442  <div class="container" style="padding-bottom:126px;">
443    <div class="dc-filter-bar">
444      <button class="dc-pill is-active" data-room-filter="all">All</button>
445              <button class="dc-pill" data-room-filter="Efficiency">Efficiency</button>
446              <button class="dc-pill" data-room-filter="Studio">Studio</button>
447              <button class="dc-pill" data-room-filter="Studio Plus">Studio Plus</button>
448              <button class="dc-pill" data-room-filter="Costa Verde II - Studio">Costa Verde II - Studio</button>
449              <button class="dc-pill" data-room-filter="Costa Verde II - Studio Plus">Costa Verde II - Studio Plus</button>
450              <button class="dc-pill" data-room-filter="Costa Verde II - Penthouse">Costa Verde II - Penthouse</button>
451              <button class="dc-pill" data-room-filter="Bungalows">Bungalows</button>
452              <button class="dc-pill" data-room-filter="Casa Quinta">Casa Quinta</button>
453              <button class="dc-pill" data-room-filter="727 Fuselage Home">727 Fuselage Home</button>
454              <button class="dc-pill" data-room-filter="Sky Loft">Sky Loft</button>
455              <button class="dc-pill" data-room-filter="Cockpit Cottage">Cockpit Cottage</button>
456              <button class="dc-pill" data-room-filter="Cockpit Cabana">Cockpit Cabana</button>
457          </div>
458    <div class="dc-room-grid" style="margin-bottom:54px;">
459            <a id="eficientes" href="en/room-eficientes.html"
460         class="position-relative d-block text-decoration-none reveal reveal-up"
461         style="aspect-ratio:16/9;overflow:hidden;background:rgba(20,40,20,.8);transition-delay:0s"
462         data-room-unit data-room-category="Efficiency"
463         data-carousel data-images='[&quot;assets\/img\/room-eficientes\/room-photo-eficientes-1.webp&quot;,&quot;assets\/img\/room-eficientes\/room-photo-eficientes-2.webp&quot;,&quot;assets\/img\/room-eficientes\/room-photo-eficientes-3.webp&quot;,&quot;assets\/img\/room-eficientes\/room-photo-eficientes-4.webp&quot;,&quot;assets\/img\/room-eficientes\/room-photo-eficientes-5.webp&quot;,&quot;assets\/img\/room-eficientes\/room-photo-eficientes-6.webp&quot;,&quot;assets\/img\/room-eficientes\/room-photo-eficientes-7.webp&quot;,&quot;assets\/img\/room-eficientes\/room-photo-eficientes-8.webp&quot;,&quot;assets\/img\/room-eficientes\/room-photo-eficientes-9.webp&quot;]'>
464        <img loading="lazy" decoding="async" src="assets/img/room-eficientes/room-photo-eficientes-1.webp" alt="Efficiency" class="w-100 h-100 carousel-slide-img" style="object-fit:cover;">
465        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to bottom, transparent 45%, rgba(13,31,13,.6));pointer-events:none;"></div>
466        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to top, rgba(0,0,0,.5), transparent 50%);pointer-events:none;"></div>
467                  <span class="position-absolute text-uppercase" style="top:13px;left:13px;z-index:20;padding:4px 9px;background:rgba(13,31,13,.85);border:1px solid rgba(245,240,232,.25);color:var(--dc-cream);font-size:11px;letter-spacing:.15em;">Efficiency</span>
468                        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-prev" style="left:12px;"><i class="bi bi-chevron-left"></i></button>
469        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-next" style="right:12px;"><i class="bi bi-chevron-right"></i></button>
470        <div class="position-absolute bottom-0 start-0 w-100 d-flex justify-content-center gap-2 pb-3 carousel-dots" style="z-index:10;"></div>
471        <span class="position-absolute d-inline-flex align-items-center" style="right:18px;bottom:18px;z-index:10;gap:6px;padding:6px 13px;background-color:var(--dc-cream);color:var(--dc-bg1);font-size:13.5px;font-weight:600;"><i class="bi bi-arrow-right"></i>See more</span>
472      </a>
473            <a id="studio-room-family-area" href="en/room-studio-room-family-area.html"
474         class="position-relative d-block text-decoration-none reveal reveal-up"
475         style="aspect-ratio:16/9;overflow:hidden;background:rgba(20,40,20,.8);transition-delay:0.08s"
476         data-room-unit data-room-category="Studio"
477         data-carousel data-images='[&quot;assets\/img\/room-studio-room-family-area\/d-4.webp&quot;,&quot;assets\/img\/room-studio-room-family-area\/IMG_20191217_163105.webp&quot;,&quot;assets\/img\/room-studio-room-family-area\/IMG_20191217_163210.webp&quot;,&quot;assets\/img\/room-studio-room-family-area\/IMG_20191217_164804.webp&quot;,&quot;assets\/img\/room-studio-room-family-area\/IMG_20191217_165306.webp&quot;,&quot;assets\/img\/room-studio-room-family-area\/_DSC6010-HDR.webp&quot;,&quot;assets\/img\/room-studio-room-family-area\/_DSC6020-HDR.webp&quot;,&quot;assets\/img\/room-studio-room-family-area\/_DSC6025-HDR.webp&quot;]'>
478        <img loading="lazy" decoding="async" src="assets/img/room-studio-room-family-area/d-4.webp" alt="Studio Room – Family Area" class="w-100 h-100 carousel-slide-img" style="object-fit:cover;">
479        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to bottom, transparent 45%, rgba(13,31,13,.6));pointer-events:none;"></div>
480        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to top, rgba(0,0,0,.5), transparent 50%);pointer-events:none;"></div>
481                  <span class="position-absolute text-uppercase" style="top:13px;left:13px;z-index:20;padding:4px 9px;background:rgba(13,31,13,.85);border:1px solid rgba(245,240,232,.25);color:var(--dc-cream);font-size:11px;letter-spacing:.15em;">Studio</span>
482                        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-prev" style="left:12px;"><i class="bi bi-chevron-left"></i></button>
483        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-next" style="right:12px;"><i class="bi bi-chevron-right"></i></button>
484        <div class="position-absolute bottom-0 start-0 w-100 d-flex justify-content-center gap-2 pb-3 carousel-dots" style="z-index:10;"></div>
485        <span class="position-absolute d-inline-flex align-items-center" style="right:18px;bottom:18px;z-index:10;gap:6px;padding:6px 13px;background-color:var(--dc-cream);color:var(--dc-bg1);font-size:13.5px;font-weight:600;"><i class="bi bi-arrow-right"></i>See more</span>
486      </a>
487            <a id="studio-plus-room-family-area" href="en/room-studio-plus-room-family-area.html"
488         class="position-relative d-block text-decoration-none reveal reveal-up"
489         style="aspect-ratio:16/9;overflow:hidden;background:rgba(20,40,20,.8);transition-delay:0.16s"
490         data-room-unit data-room-category="Studio Plus"
491         data-carousel data-images='[&quot;assets\/img\/room-studio-plus-room-family-area\/room-photo-studio-plus-room-family-area-1.webp&quot;,&quot;assets\/img\/room-studio-plus-room-family-area\/room-photo-studio-plus-room-family-area-2.webp&quot;,&quot;assets\/img\/room-studio-plus-room-family-area\/room-photo-studio-plus-room-family-area-3.webp&quot;,&quot;assets\/img\/room-studio-plus-room-family-area\/room-photo-studio-plus-room-family-area-4.webp&quot;,&quot;assets\/img\/room-studio-plus-room-family-area\/room-photo-studio-plus-room-family-area-5.webp&quot;,&quot;assets\/img\/room-studio-plus-room-family-area\/room-photo-studio-plus-room-family-area-6.webp&quot;,&quot;assets\/img\/room-studio-plus-room-family-area\/room-photo-studio-plus-room-family-area-7.webp&quot;,&quot;assets\/img\/room-studio-plus-room-family-area\/room-photo-studio-plus-room-family-area-8.webp&quot;,&quot;assets\/img\/room-studio-plus-room-family-area\/room-photo-studio-plus-room-family-area-9.webp&quot;,&quot;assets\/img\/room-studio-plus-room-family-area\/room-photo-studio-plus-room-family-area-10.webp&quot;,&quot;assets\/img\/room-studio-plus-room-family-area\/room-photo-studio-plus-room-family-area-11.webp&quot;,&quot;assets\/img\/room-studio-plus-room-family-area\/room-photo-studio-plus-room-family-area-12.webp&quot;,&quot;assets\/img\/room-studio-plus-room-family-area\/room-photo-studio-plus-room-family-area-13.webp&quot;]'>
492        <img loading="lazy" decoding="async" src="assets/img/room-studio-plus-room-family-area/room-photo-studio-plus-room-family-area-1.webp" alt="Studio Plus Room – Family Area" class="w-100 h-100 carousel-slide-img" style="object-fit:cover;">
493        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to bottom, transparent 45%, rgba(13,31,13,.6));pointer-events:none;"></div>
494        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to top, rgba(0,0,0,.5), transparent 50%);pointer-events:none;"></div>
495                  <span class="position-absolute text-uppercase" style="top:13px;left:13px;z-index:20;padding:4px 9px;background:rgba(13,31,13,.85);border:1px solid rgba(245,240,232,.25);color:var(--dc-cream);font-size:11px;letter-spacing:.15em;">Studio Plus</span>
496                        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-prev" style="left:12px;"><i class="bi bi-chevron-left"></i></button>
497        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-next" style="right:12px;"><i class="bi bi-chevron-right"></i></button>
498        <div class="position-absolute bottom-0 start-0 w-100 d-flex justify-content-center gap-2 pb-3 carousel-dots" style="z-index:10;"></div>
499        <span class="position-absolute d-inline-flex align-items-center" style="right:18px;bottom:18px;z-index:10;gap:6px;padding:6px 13px;background-color:var(--dc-cream);color:var(--dc-bg1);font-size:13.5px;font-weight:600;"><i class="bi bi-arrow-right"></i>See more</span>
500      </a>
501            <a id="costa-verde-ii-studio" href="en/room-costa-verde-ii-studio.html"
502         class="position-relative d-block text-decoration-none reveal reveal-up"
503         style="aspect-ratio:16/9;overflow:hidden;background:rgba(20,40,20,.8);transition-delay:0.24s"
504         data-room-unit data-room-category="Costa Verde II - Studio"
505         data-carousel data-images='[&quot;assets\/img\/room-costa-verde-ii-studio\/Studio%20CVII%20%281%29.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio\/Studio%20CVII%20%282%29.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio\/Studio%20CVII%20%283%29.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio\/Studio%20CVII%20%284%29.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio\/Studio%20CVII%20%285%29.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio\/Studio%20CVII%20%286%29.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio\/Studio%20CVII%20%287%29.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio\/Studio%20CVII%20%288%29.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio\/Studio%20CVII%20%289%29.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio\/Studio%20CVII%20%2810%29.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio\/Studio%20CVII%20%2811%29.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio\/Studio%20CVII%20%2812%29.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio\/Studio%20CVII%20%2813%29.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio\/Studio%20CVII%20%2814%29.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio\/Studio%20CVII%20%2815%29.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio\/Studio%20CVII%20%2816%29.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio\/Studio%20CVII%20%2817%29.webp&quot;]'>
506        <img loading="lazy" decoding="async" src="assets/img/room-costa-verde-ii-studio/Studio%20CVII%20%281%29.webp" alt="Costa Verde II – Studio" class="w-100 h-100 carousel-slide-img" style="object-fit:cover;">
507        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to bottom, transparent 45%, rgba(13,31,13,.6));pointer-events:none;"></div>
508        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to top, rgba(0,0,0,.5), transparent 50%);pointer-events:none;"></div>
509                  <span class="position-absolute text-uppercase" style="top:13px;left:13px;z-index:20;padding:4px 9px;background:rgba(13,31,13,.85);border:1px solid rgba(245,240,232,.25);color:var(--dc-cream);font-size:11px;letter-spacing:.15em;">Costa Verde II - Studio</span>
510                          <span class="dc-adults-badge position-absolute">Adults Only</span>
511                <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-prev" style="left:12px;"><i class="bi bi-chevron-left"></i></button>
512        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-next" style="right:12px;"><i class="bi bi-chevron-right"></i></button>
513        <div class="position-absolute bottom-0 start-0 w-100 d-flex justify-content-center gap-2 pb-3 carousel-dots" style="z-index:10;"></div>
514        <span class="position-absolute d-inline-flex align-items-center" style="right:18px;bottom:18px;z-index:10;gap:6px;padding:6px 13px;background-color:var(--dc-cream);color:var(--dc-bg1);font-size:13.5px;font-weight:600;"><i class="bi bi-arrow-right"></i>See more</span>
515      </a>
516            <a id="costa-verde-ii-studio-plus" href="en/room-costa-verde-ii-studio-plus.html"
517         class="position-relative d-block text-decoration-none reveal reveal-up"
518         style="aspect-ratio:16/9;overflow:hidden;background:rgba(20,40,20,.8);transition-delay:0.32s"
519         data-room-unit data-room-category="Costa Verde II - Studio Plus"
520         data-carousel data-images='[&quot;assets\/img\/room-costa-verde-ii-studio-plus\/room-photo-costa-verde-ii-studio-plus-1.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio-plus\/room-photo-costa-verde-ii-studio-plus-2.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio-plus\/room-photo-costa-verde-ii-studio-plus-3.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio-plus\/room-photo-costa-verde-ii-studio-plus-4.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio-plus\/room-photo-costa-verde-ii-studio-plus-6.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio-plus\/room-photo-costa-verde-ii-studio-plus-7.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio-plus\/room-photo-costa-verde-ii-studio-plus-8.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio-plus\/room-photo-costa-verde-ii-studio-plus-9.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio-plus\/room-photo-costa-verde-ii-studio-plus-10.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio-plus\/room-photo-costa-verde-ii-studio-plus-11.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio-plus\/room-photo-costa-verde-ii-studio-plus-12.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-studio-plus\/room-photo-costa-verde-ii-studio-plus-13.webp&quot;]'>
521        <img loading="lazy" decoding="async" src="assets/img/room-costa-verde-ii-studio-plus/room-photo-costa-verde-ii-studio-plus-1.webp" alt="Costa Verde II – Studio Plus" class="w-100 h-100 carousel-slide-img" style="object-fit:cover;">
522        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to bottom, transparent 45%, rgba(13,3
5221,13,.6));pointer-events:none;"></div>
523        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to top, rgba(0,0,0,.5), transparent 50%);pointer-events:none;"></div>
524                  <span class="position-absolute text-uppercase" style="top:13px;left:13px;z-index:20;padding:4px 9px;background:rgba(13,31,13,.85);border:1px solid rgba(245,240,232,.25);color:var(--dc-cream);font-size:11px;letter-spacing:.15em;">Costa Verde II - Studio Plus</span>
525                          <span class="dc-adults-badge position-absolute">Adults Only</span>
526                <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-prev" style="left:12px;"><i class="bi bi-chevron-left"></i></button>
527        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-next" style="right:12px;"><i class="bi bi-chevron-right"></i></button>
528        <div class="position-absolute bottom-0 start-0 w-100 d-flex justify-content-center gap-2 pb-3 carousel-dots" style="z-index:10;"></div>
529        <span class="position-absolute d-inline-flex align-items-center" style="right:18px;bottom:18px;z-index:10;gap:6px;padding:6px 13px;background-color:var(--dc-cream);color:var(--dc-bg1);font-size:13.5px;font-weight:600;"><i class="bi bi-arrow-right"></i>See more</span>
530      </a>
531            <a id="costa-verde-ii-penthouse" href="en/room-costa-verde-ii-penthouse.html"
532         class="position-relative d-block text-decoration-none reveal reveal-up"
533         style="aspect-ratio:16/9;overflow:hidden;background:rgba(20,40,20,.8);transition-delay:0.4s"
534         data-room-unit data-room-category="Costa Verde II - Penthouse"
535         data-carousel data-images='[&quot;assets\/img\/room-costa-verde-ii-penthouse\/room-photo-costa-verde-ii-penthouse-1.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-penthouse\/room-photo-costa-verde-ii-penthouse-2.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-penthouse\/room-photo-costa-verde-ii-penthouse-3.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-penthouse\/room-photo-costa-verde-ii-penthouse-4.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-penthouse\/room-photo-costa-verde-ii-penthouse-5.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-penthouse\/room-photo-costa-verde-ii-penthouse-6.webp&quot;,&quot;assets\/img\/room-costa-verde-ii-penthouse\/room-photo-costa-verde-ii-penthouse-7.webp&quot;]'>
536        <img loading="lazy" decoding="async" src="assets/img/room-costa-verde-ii-penthouse/room-photo-costa-verde-ii-penthouse-1.webp" alt="Costa Verde II - Penthouse" class="w-100 h-100 carousel-slide-img" style="object-fit:cover;">
537        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to bottom, transparent 45%, rgba(13,31,13,.6));pointer-events:none;"></div>
538        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to top, rgba(0,0,0,.5), transparent 50%);pointer-events:none;"></div>
539                  <span class="position-absolute text-uppercase" style="top:13px;left:13px;z-index:20;padding:4px 9px;background:rgba(13,31,13,.85);border:1px solid rgba(245,240,232,.25);color:var(--dc-cream);font-size:11px;letter-spacing:.15em;">Costa Verde II - Penthouse</span>
540                          <span class="dc-adults-badge position-absolute">Adults Only</span>
541                <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-prev" style="left:12px;"><i class="bi bi-chevron-left"></i></button>
542        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-next" style="right:12px;"><i class="bi bi-chevron-right"></i></button>
543        <div class="position-absolute bottom-0 start-0 w-100 d-flex justify-content-center gap-2 pb-3 carousel-dots" style="z-index:10;"></div>
544        <span class="position-absolute d-inline-flex align-items-center" style="right:18px;bottom:18px;z-index:10;gap:6px;padding:6px 13px;background-color:var(--dc-cream);color:var(--dc-bg1);font-size:13.5px;font-weight:600;"><i class="bi bi-arrow-right"></i>See more</span>
545      </a>
546            <a id="bungalow-e-5" href="en/room-bungalow-e-5.html"
547         class="position-relative d-block text-decoration-none reveal reveal-up"
548         style="aspect-ratio:16/9;overflow:hidden;background:rgba(20,40,20,.8);transition-delay:0.4s"
549         data-room-unit data-room-category="Bungalows"
550         data-carousel data-images='[&quot;assets\/img\/room-bungalow-e-5\/room-photo-bungalow-e-5-1.webp&quot;,&quot;assets\/img\/room-bungalow-e-5\/room-photo-bungalow-e-5-2.webp&quot;,&quot;assets\/img\/room-bungalow-e-5\/room-photo-bungalow-e-5-3.webp&quot;,&quot;assets\/img\/room-bungalow-e-5\/room-photo-bungalow-e-5-4.webp&quot;,&quot;assets\/img\/room-bungalow-e-5\/room-photo-bungalow-e-5-5.webp&quot;,&quot;assets\/img\/room-bungalow-e-5\/room-photo-bungalow-e-5-6.webp&quot;,&quot;assets\/img\/room-bungalow-e-5\/room-photo-bungalow-e-5-7.webp&quot;,&quot;assets\/img\/room-bungalow-e-5\/room-photo-bungalow-e-5-8.webp&quot;,&quot;assets\/img\/room-bungalow-e-5\/room-photo-bungalow-e-5-9.webp&quot;,&quot;assets\/img\/room-bungalow-e-5\/room-photo-bungalow-e-5-10.webp&quot;,&quot;assets\/img\/room-bungalow-e-5\/room-photo-bungalow-e-5-11.webp&quot;]'>
551        <img loading="lazy" decoding="async" src="assets/img/room-bungalow-e-5/room-photo-bungalow-e-5-1.webp" alt="Bungalow E-5" class="w-100 h-100 carousel-slide-img" style="object-fit:cover;">
552        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to bottom, transparent 45%, rgba(13,3
5521,13,.6));pointer-events:none;"></div>
553        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to top, rgba(0,0,0,.5), transparent 50%);pointer-events:none;"></div>
554                  <span class="position-absolute text-uppercase" style="top:13px;left:13px;z-index:20;padding:4px 9px;background:rgba(13,31,13,.85);border:1px solid rgba(245,240,232,.25);color:var(--dc-cream);font-size:11px;letter-spacing:.15em;">Bungalows</span>
555                        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-prev" style="left:12px;"><i class="bi bi-chevron-left"></i></button>
556        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-next" style="right:12px;"><i class="bi bi-chevron-right"></i></button>
557        <div class="position-absolute bottom-0 start-0 w-100 d-flex justify-content-center gap-2 pb-3 carousel-dots" style="z-index:10;"></div>
558        <span class="position-absolute d-inline-flex align-items-center" style="right:18px;bottom:18px;z-index:10;gap:6px;padding:6px 13px;background-color:var(--dc-cream);color:var(--dc-bg1);font-size:13.5px;font-weight:600;"><i class="bi bi-arrow-right"></i>See more</span>
559      </a>
560            <a id="bungalow-e-6" href="en/room-bungalow-e-6.html"
561         class="position-relative d-block text-decoration-none reveal reveal-up"
562         style="aspect-ratio:16/9;overflow:hidden;background:rgba(20,40,20,.8);transition-delay:0.4s"
563         data-room-unit data-room-category="Bungalows"
564         data-carousel data-images='[&quot;assets\/img\/room-bungalow-e-6\/room-photo-bungalow-e-6-1.webp&quot;,&quot;assets\/img\/room-bungalow-e-6\/room-photo-bungalow-e-6-2.webp&quot;,&quot;assets\/img\/room-bungalow-e-6\/room-photo-bungalow-e-6-3.webp&quot;,&quot;assets\/img\/room-bungalow-e-6\/room-photo-bungalow-e-6-4.webp&quot;,&quot;assets\/img\/room-bungalow-e-6\/room-photo-bungalow-e-6-5.webp&quot;,&quot;assets\/img\/room-bungalow-e-6\/room-photo-bungalow-e-6-6.webp&quot;,&quot;assets\/img\/room-bungalow-e-6\/room-photo-bungalow-e-6-7.webp&quot;,&quot;assets\/img\/room-bungalow-e-6\/room-photo-bungalow-e-6-8.webp&quot;,&quot;assets\/img\/room-bungalow-e-6\/room-photo-bungalow-e-6-9.webp&quot;,&quot;assets\/img\/room-bungalow-e-6\/room-photo-bungalow-e-6-10.webp&quot;,&quot;assets\/img\/room-bungalow-e-6\/room-photo-bungalow-e-6-11.webp&quot;]'>
565        <img loading="lazy" decoding="async" src="assets/img/room-bungalow-e-6/room-photo-bungalow-e-6-1.webp" alt="Bungalow E-6" class="w-100 h-100 carousel-slide-img" style="object-fit:cover;">
566        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to bottom, transparent 45%, rgba(13,31,13,.6));pointer-events:none;"></div>
567        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to top, rgba(0,0,0,.5), transparent 50%);pointer-events:none;"></div>
568                  <span class="position-absolute text-uppercase" style="top:13px;left:13px;z-index:20;padding:4px 9px;background:rgba(13,31,13,.85);border:1px solid rgba(245,240,232,.25);color:var(--dc-cream);font-size:11px;letter-spacing:.15em;">Bungalows</span>
569                        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-prev" style="left:12px;"><i class="bi bi-chevron-left"></i></button>
570        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-next" style="right:12px;"><i class="bi bi-chevron-right"></i></button>
571        <div class="position-absolute bottom-0 start-0 w-100 d-flex justify-content-center gap-2 pb-3 carousel-dots" style="z-index:10;"></div>
572        <span class="position-absolute d-inline-flex align-items-center" style="right:18px;bottom:18px;z-index:10;gap:6px;padding:6px 13px;background-color:var(--dc-cream);color:var(--dc-bg1);font-size:13.5px;font-weight:600;"><i class="bi bi-arrow-right"></i>See more</span>
573      </a>
574            <a id="bungalow-a-11" href="en/room-bungalow-a-11.html"
575         class="position-relative d-block text-decoration-none reveal reveal-up"
576         style="aspect-ratio:16/9;overflow:hidden;background:rgba(20,40,20,.8);transition-delay:0.4s"
577         data-room-unit data-room-category="Bungalows"
578         data-carousel data-images='[&quot;assets\/img\/room-bungalow-a-11\/room-photo-bungalow-a-11-1.webp&quot;,&quot;assets\/img\/room-bungalow-a-11\/room-photo-bungalow-a-11-2.webp&quot;,&quot;assets\/img\/room-bungalow-a-11\/room-photo-bungalow-a-11-3.webp&quot;,&quot;assets\/img\/room-bungalow-a-11\/room-photo-bungalow-a-11-4.webp&quot;,&quot;assets\/img\/room-bungalow-a-11\/room-photo-bungalow-a-11-5.webp&quot;,&quot;assets\/img\/room-bungalow-a-11\/room-photo-bungalow-a-11-6.webp&quot;,&quot;assets\/img\/room-bungalow-a-11\/room-photo-bungalow-a-11-7.webp&quot;,&quot;assets\/img\/room-bungalow-a-11\/room-photo-bungalow-a-11-8.webp&quot;,&quot;assets\/img\/room-bungalow-a-11\/room-photo-bungalow-a-11-9.webp&quot;,&quot;assets\/img\/room-bungalow-a-11\/room-photo-bungalow-a-11-10.webp&quot;,&quot;assets\/img\/room-bungalow-a-11\/room-photo-bungalow-a-11-11.webp&quot;,&quot;assets\/img\/room-bungalow-a-11\/room-photo-bungalow-a-11-12.webp&quot;]'>
579        <img loading="lazy" decoding="async" src="assets/img/room-bungalow-a-11/room-photo-bungalow-a-11-1.webp" alt="Bungalow A-11" class="w-100 h-100 carousel-slide-img" style="object-fit:cover;">
580        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to bottom, transparent 45%, rgba(13,3
5801,13,.6));pointer-events:none;"></div>
581        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to top, rgba(0,0,0,.5), transparent 50%);pointer-events:none;"></div>
582                  <span class="position-absolute text-uppercase" style="top:13px;left:13px;z-index:20;padding:4px 9px;background:rgba(13,31,13,.85);border:1px solid rgba(245,240,232,.25);color:var(--dc-cream);font-size:11px;letter-spacing:.15em;">Bungalows</span>
583                        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-prev" style="left:12px;"><i class="bi bi-chevron-left"></i></button>
584        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-next" style="right:12px;"><i class="bi bi-chevron-right"></i></button>
585        <div class="position-absolute bottom-0 start-0 w-100 d-flex justify-content-center gap-2 pb-3 carousel-dots" style="z-index:10;"></div>
586        <span class="position-absolute d-inline-flex align-items-center" style="right:18px;bottom:18px;z-index:10;gap:6px;padding:6px 13px;background-color:var(--dc-cream);color:var(--dc-bg1);font-size:13.5px;font-weight:600;"><i class="bi bi-arrow-right"></i>See more</span>
587      </a>
588            <a id="bungalow-a-13" href="en/room-bungalow-a-13.html"
589         class="position-relative d-block text-decoration-none reveal reveal-up"
590         style="aspect-ratio:16/9;overflow:hidden;background:rgba(20,40,20,.8);transition-delay:0.4s"
591         data-room-unit data-room-category="Bungalows"
592         data-carousel data-images='[&quot;assets\/img\/room-bungalow-a-13\/room-photo-bungalow-a-13-1.webp&quot;,&quot;assets\/img\/room-bungalow-a-13\/room-photo-bungalow-a-13-2.webp&quot;,&quot;assets\/img\/room-bungalow-a-13\/room-photo-bungalow-a-13-3.webp&quot;,&quot;assets\/img\/room-bungalow-a-13\/room-photo-bungalow-a-13-4.webp&quot;,&quot;assets\/img\/room-bungalow-a-13\/room-photo-bungalow-a-13-5.webp&quot;,&quot;assets\/img\/room-bungalow-a-13\/room-photo-bungalow-a-13-6.webp&quot;,&quot;assets\/img\/room-bungalow-a-13\/room-photo-bungalow-a-13-7.webp&quot;,&quot;assets\/img\/room-bungalow-a-13\/room-photo-bungalow-a-13-8.webp&quot;,&quot;assets\/img\/room-bungalow-a-13\/room-photo-bungalow-a-13-9.webp&quot;]'>
593        <img loading="lazy" decoding="async" src="assets/img/room-bungalow-a-13/room-photo-bungalow-a-13-1.webp" alt="Bungalow A-13" class="w-100 h-100 carousel-slide-img" style="object-fit:cover;">
594        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to bottom, transparent 45%, rgba(13,31,13,.6));pointer-events:none;"></div>
595        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to top, rgba(0,0,0,.5), transparent 50%);pointer-events:none;"></div>
596                  <span class="position-absolute text-uppercase" style="top:13px;left:13px;z-index:20;padding:4px 9px;background:rgba(13,31,13,.85);border:1px solid rgba(245,240,232,.25);color:var(--dc-cream);font-size:11px;letter-spacing:.15em;">Bungalows</span>
597                        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-prev" style="left:12px;"><i class="bi bi-chevron-left"></i></button>
598        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-next" style="right:12px;"><i class="bi bi-chevron-right"></i></button>
599        <div class="position-absolute bottom-0 start-0 w-100 d-flex justify-content-center gap-2 pb-3 carousel-dots" style="z-index:10;"></div>
600        <span class="position-absolute d-inline-flex align-items-center" style="right:18px;bottom:18px;z-index:10;gap:6px;padding:6px 13px;background-color:var(--dc-cream);color:var(--dc-bg1);font-size:13.5px;font-weight:600;"><i class="bi bi-arrow-right"></i>See more</span>
601      </a>
602            <a id="bungalow-a-14" href="en/room-bungalow-a-14.html"
603         class="position-relative d-block text-decoration-none reveal reveal-up"
604         style="aspect-ratio:16/9;overflow:hidden;background:rgba(20,40,20,.8);transition-delay:0.4s"
605         data-room-unit data-room-category="Bungalows"
606         data-carousel data-images='[&quot;assets\/img\/room-bungalow-a-14\/room-photo-bungalow-a-14-1.webp&quot;,&quot;assets\/img\/room-bungalow-a-14\/room-photo-bungalow-a-14-2.webp&quot;,&quot;assets\/img\/room-bungalow-a-14\/room-photo-bungalow-a-14-3.webp&quot;,&quot;assets\/img\/room-bungalow-a-14\/room-photo-bungalow-a-14-4.webp&quot;,&quot;assets\/img\/room-bungalow-a-14\/room-photo-bungalow-a-14-5.webp&quot;,&quot;assets\/img\/room-bungalow-a-14\/room-photo-bungalow-a-14-6.webp&quot;,&quot;assets\/img\/room-bungalow-a-14\/room-photo-bungalow-a-14-7.webp&quot;,&quot;assets\/img\/room-bungalow-a-14\/room-photo-bungalow-a-14-8.webp&quot;,&quot;assets\/img\/room-bungalow-a-14\/room-photo-bungalow-a-14-9.webp&quot;,&quot;assets\/img\/room-bungalow-a-14\/room-photo-bungalow-a-14-10.webp&quot;,&quot;assets\/img\/room-bungalow-a-14\/room-photo-bungalow-a-14-11.webp&quot;,&quot;assets\/img\/room-bungalow-a-14\/room-photo-bungalow-a-14-12.webp&quot;,&quot;assets\/img\/room-bungalow-a-14\/room-photo-bungalow-a-14-13.webp&quot;]'>
607        <img loading="lazy" decoding="async" src="assets/img/room-bungalow-a-14/room-photo-bungalow-a-14-1.webp" alt="Bungalow A-14" class="w-100 h-100 carousel-slide-img" style="object-fit:cover;">
608        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to bottom, transparent 45%, rgba(13,3
6081,13,.6));pointer-events:none;"></div>
609        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to top, rgba(0,0,0,.5), transparent 50%);pointer-events:none;"></div>
610                  <span class="position-absolute text-uppercase" style="top:13px;left:13px;z-index:20;padding:4px 9px;background:rgba(13,31,13,.85);border:1px solid rgba(245,240,232,.25);color:var(--dc-cream);font-size:11px;letter-spacing:.15em;">Bungalows</span>
611                        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-prev" style="left:12px;"><i class="bi bi-chevron-left"></i></button>
612        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-next" style="right:12px;"><i class="bi bi-chevron-right"></i></button>
613        <div class="position-absolute bottom-0 start-0 w-100 d-flex justify-content-center gap-2 pb-3 carousel-dots" style="z-index:10;"></div>
614        <span class="position-absolute d-inline-flex align-items-center" style="right:18px;bottom:18px;z-index:10;gap:6px;padding:6px 13px;background-color:var(--dc-cream);color:var(--dc-bg1);font-size:13.5px;font-weight:600;"><i class="bi bi-arrow-right"></i>See more</span>
615      </a>
616            <a id="palm-tree-casita" href="en/room-palm-tree-casita.html"
617         class="position-relative d-block text-decoration-none reveal reveal-up"
618         style="aspect-ratio:16/9;overflow:hidden;background:rgba(20,40,20,.8);transition-delay:0.4s"
619         data-room-unit data-room-category="Bungalows"
620         data-carousel data-images='[&quot;assets\/img\/room-palm-tree-casita\/room-photo-palm-tree-casita-1.webp&quot;,&quot;assets\/img\/room-palm-tree-casita\/room-photo-palm-tree-casita-2.webp&quot;,&quot;assets\/img\/room-palm-tree-casita\/room-photo-palm-tree-casita-3.webp&quot;,&quot;assets\/img\/room-palm-tree-casita\/room-photo-palm-tree-casita-4.webp&quot;,&quot;assets\/img\/room-palm-tree-casita\/room-photo-palm-tree-casita-5.webp&quot;,&quot;assets\/img\/room-palm-tree-casita\/room-photo-palm-tree-casita-6.webp&quot;,&quot;assets\/img\/room-palm-tree-casita\/room-photo-palm-tree-casita-7.webp&quot;,&quot;assets\/img\/room-palm-tree-casita\/room-photo-palm-tree-casita-8.webp&quot;,&quot;assets\/img\/room-palm-tree-casita\/room-photo-palm-tree-casita-9.webp&quot;]'>
621        <img loading="lazy" decoding="async" src="assets/img/room-palm-tree-casita/room-photo-palm-tree-casita-1.webp" alt="Palm Tree Casita" class="w-100 h-100 carousel-slide-img" style="object-fit:cover;">
622        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to bottom, transparent 45%, rgba(13,31,13,.6));pointer-events:none;"></div>
623        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to top, rgba(0,0,0,.5), transparent 50%);pointer-events:none;"></div>
624                  <span class="position-absolute text-uppercase" style="top:13px;left:13px;z-index:20;padding:4px 9px;background:rgba(13,31,13,.85);border:1px solid rgba(245,240,232,.25);color:var(--dc-cream);font-size:11px;letter-spacing:.15em;">Bungalows</span>
625                        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-prev" style="left:12px;"><i class="bi bi-chevron-left"></i></button>
626        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-next" style="right:12px;"><i class="bi bi-chevron-right"></i></button>
627        <div class="position-absolute bottom-0 start-0 w-100 d-flex justify-content-center gap-2 pb-3 carousel-dots" style="z-index:10;"></div>
628        <span class="position-absolute d-inline-flex align-items-center" style="right:18px;bottom:18px;z-index:10;gap:6px;padding:6px 13px;background-color:var(--dc-cream);color:var(--dc-bg1);font-size:13.5px;font-weight:600;"><i class="bi bi-arrow-right"></i>See more</span>
629      </a>
630            <a id="casa-quinta" href="en/room-casa-quinta.html"
631         class="position-relative d-block text-decoration-none reveal reveal-up"
632         style="aspect-ratio:16/9;overflow:hidden;background:rgba(20,40,20,.8);transition-delay:0.4s"
633         data-room-unit data-room-category="Casa Quinta"
634         data-carousel data-images='[&quot;assets\/img\/room-casa-quinta\/room-photo-casa-quinta-1.webp&quot;,&quot;assets\/img\/room-casa-quinta\/room-photo-casa-quinta-2.webp&quot;,&quot;assets\/img\/room-casa-quinta\/room-photo-casa-quinta-3.webp&quot;,&quot;assets\/img\/room-casa-quinta\/room-photo-casa-quinta-4.webp&quot;,&quot;assets\/img\/room-casa-quinta\/room-photo-casa-quinta-5.webp&quot;,&quot;assets\/img\/room-casa-quinta\/room-photo-casa-quinta-6.webp&quot;,&quot;assets\/img\/room-casa-quinta\/room-photo-casa-quinta-7.webp&quot;,&quot;assets\/img\/room-casa-quinta\/room-photo-casa-quinta-8.webp&quot;,&quot;assets\/img\/room-casa-quinta\/room-photo-casa-quinta-9.webp&quot;,&quot;assets\/img\/room-casa-quinta\/room-photo-casa-quinta-10.webp&quot;,&quot;assets\/img\/room-casa-quinta\/room-photo-casa-quinta-11.webp&quot;,&quot;assets\/img\/room-casa-quinta\/room-photo-casa-quinta-12.webp&quot;,&quot;assets\/img\/room-casa-quinta\/room-photo-casa-quinta-13.webp&quot;,&quot;assets\/img\/room-casa-quinta\/room-photo-casa-quinta-14.webp&quot;,&quot;assets\/img\/room-casa-quinta\/room-photo-casa-quinta-15.webp&quot;,&quot;assets\/img\/room-casa-quinta\/room-photo-casa-quinta-16.webp&quot;]'>
635        <img loading="lazy" decoding="async" src="assets/img/room-casa-quinta/room-photo-casa-quinta-1.webp" alt="Casa Quinta" class="w-100 h-100 carousel-slide-img" style="object-fit:cover;">
636        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to bottom, transparent 45%, rgba(13,3
6361,13,.6));pointer-events:none;"></div>
637        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to top, rgba(0,0,0,.5), transparent 50%);pointer-events:none;"></div>
638                  <span class="position-absolute text-uppercase" style="top:13px;left:13px;z-index:20;padding:4px 9px;background:rgba(13,31,13,.85);border:1px solid rgba(245,240,232,.25);color:var(--dc-cream);font-size:11px;letter-spacing:.15em;">Casa Quinta</span>
639                        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-prev" style="left:12px;"><i class="bi bi-chevron-left"></i></button>
640        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-next" style="right:12px;"><i class="bi bi-chevron-right"></i></button>
641        <div class="position-absolute bottom-0 start-0 w-100 d-flex justify-content-center gap-2 pb-3 carousel-dots" style="z-index:10;"></div>
642        <span class="position-absolute d-inline-flex align-items-center" style="right:18px;bottom:18px;z-index:10;gap:6px;padding:6px 13px;background-color:var(--dc-cream);color:var(--dc-bg1);font-size:13.5px;font-weight:600;"><i class="bi bi-arrow-right"></i>See more</span>
643      </a>
644            <a id="727-fuselage-home" href="en/room-727-fuselage-home.html"
645         class="position-relative d-block text-decoration-none reveal reveal-up"
646         style="aspect-ratio:16/9;overflow:hidden;background:rgba(20,40,20,.8);transition-delay:0.4s"
647         data-room-unit data-room-category="727 Fuselage Home"
648         data-carousel data-images='[&quot;assets\/img\/room-727-fuselage-home\/room-photo-727-fuselage-home-1.webp&quot;,&quot;assets\/img\/room-727-fuselage-home\/room-photo-727-fuselage-home-2.webp&quot;,&quot;assets\/img\/room-727-fuselage-home\/room-photo-727-fuselage-home-3.webp&quot;,&quot;assets\/img\/room-727-fuselage-home\/room-photo-727-fuselage-home-4.webp&quot;,&quot;assets\/img\/room-727-fuselage-home\/room-photo-727-fuselage-home-5.webp&quot;,&quot;assets\/img\/room-727-fuselage-home\/room-photo-727-fuselage-home-6.webp&quot;,&quot;assets\/img\/room-727-fuselage-home\/room-photo-727-fuselage-home-7.webp&quot;,&quot;assets\/img\/room-727-fuselage-home\/room-photo-727-fuselage-home-8.webp&quot;,&quot;assets\/img\/room-727-fuselage-home\/room-photo-727-fuselage-home-9.webp&quot;]'>
649        <img loading="lazy" decoding="async" src="assets/img/room-727-fuselage-home/room-photo-727-fuselage-home-1.webp" alt="727 Fuselage Home" class="w-100 h-100 carousel-slide-img" style="object-fit:cover;">
650        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to bottom, transparent 45%, rgba(13,31,13,.6));pointer-events:none;"></div>
651        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to top, rgba(0,0,0,.5), transparent 50%);pointer-events:none;"></div>
652                  <span class="position-absolute text-uppercase" style="top:13px;left:13px;z-index:20;padding:4px 9px;background:rgba(13,31,13,.85);border:1px solid rgba(245,240,232,.25);color:var(--dc-cream);font-size:11px;letter-spacing:.15em;">727 Fuselage Home</span>
653                        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-prev" style="left:12px;"><i class="bi bi-chevron-left"></i></button>
654        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-next" style="right:12px;"><i class="bi bi-chevron-right"></i></button>
655        <div class="position-absolute bottom-0 start-0 w-100 d-flex justify-content-center gap-2 pb-3 carousel-dots" style="z-index:10;"></div>
656        <span class="position-absolute d-inline-flex align-items-center" style="right:18px;bottom:18px;z-index:10;gap:6px;padding:6px 13px;background-color:var(--dc-cream);color:var(--dc-bg1);font-size:13.5px;font-weight:600;"><i class="bi bi-arrow-right"></i>See more</span>
657      </a>
658            <a id="sky-loft" href="en/room-sky-loft.html"
659         class="position-relative d-block text-decoration-none reveal reveal-up"
660         style="aspect-ratio:16/9;overflow:hidden;background:rgba(20,40,20,.8);transition-delay:0.4s"
661         data-room-unit data-room-category="Sky Loft"
662         data-carousel data-images='[&quot;assets\/img\/room-sky-loft\/room-photo-sky-loft-1.webp&quot;,&quot;assets\/img\/room-sky-loft\/room-photo-sky-loft-2.webp&quot;,&quot;assets\/img\/room-sky-loft\/room-photo-sky-loft-3.webp&quot;,&quot;assets\/img\/room-sky-loft\/room-photo-sky-loft-4.webp&quot;,&quot;assets\/img\/room-sky-loft\/room-photo-sky-loft-5.webp&quot;,&quot;assets\/img\/room-sky-loft\/room-photo-sky-loft-6.webp&quot;,&quot;assets\/img\/room-sky-loft\/room-photo-sky-loft-7.webp&quot;,&quot;assets\/img\/room-sky-loft\/room-photo-sky-loft-8.webp&quot;,&quot;assets\/img\/room-sky-loft\/room-photo-sky-loft-9.webp&quot;]'>
663        <img loading="lazy" decoding="async" src="assets/img/room-sky-loft/room-photo-sky-loft-1.webp" alt="Sky Loft" class="w-100 h-100 carousel-slide-img" style="object-fit:cover;">
664        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to bottom, transparent 45%, rgba(13,3
6641,13,.6));pointer-events:none;"></div>
665        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to top, rgba(0,0,0,.5), transparent 50%);pointer-events:none;"></div>
666                  <span class="position-absolute text-uppercase" style="top:13px;left:13px;z-index:20;padding:4px 9px;background:rgba(13,31,13,.85);border:1px solid rgba(245,240,232,.25);color:var(--dc-cream);font-size:11px;letter-spacing:.15em;">Sky Loft</span>
667                        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-prev" style="left:12px;"><i class="bi bi-chevron-left"></i></button>
668        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-next" style="right:12px;"><i class="bi bi-chevron-right"></i></button>
669        <div class="position-absolute bottom-0 start-0 w-100 d-flex justify-content-center gap-2 pb-3 carousel-dots" style="z-index:10;"></div>
670        <span class="position-absolute d-inline-flex align-items-center" style="right:18px;bottom:18px;z-index:10;gap:6px;padding:6px 13px;background-color:var(--dc-cream);color:var(--dc-bg1);font-size:13.5px;font-weight:600;"><i class="bi bi-arrow-right"></i>See more</span>
671      </a>
672            <a id="cockpit-cottage" href="en/room-cockpit-cottage.html"
673         class="position-relative d-block text-decoration-none reveal reveal-up"
674         style="aspect-ratio:16/9;overflow:hidden;background:rgba(20,40,20,.8);transition-delay:0.4s"
675         data-room-unit data-room-category="Cockpit Cottage"
676         data-carousel data-images='[&quot;assets\/img\/room-cockpit-cottage\/room-photo-cockpit-cottage-1.webp&quot;,&quot;assets\/img\/room-cockpit-cottage\/room-photo-cockpit-cottage-2.webp&quot;,&quot;assets\/img\/room-cockpit-cottage\/room-photo-cockpit-cottage-3.webp&quot;,&quot;assets\/img\/room-cockpit-cottage\/room-photo-cockpit-cottage-4.webp&quot;,&quot;assets\/img\/room-cockpit-cottage\/room-photo-cockpit-cottage-5.webp&quot;,&quot;assets\/img\/room-cockpit-cottage\/room-photo-cockpit-cottage-6.webp&quot;,&quot;assets\/img\/room-cockpit-cottage\/room-photo-cockpit-cottage-7.webp&quot;,&quot;assets\/img\/room-cockpit-cottage\/room-photo-cockpit-cottage-8.webp&quot;,&quot;assets\/img\/room-cockpit-cottage\/room-photo-cockpit-cottage-9.webp&quot;,&quot;assets\/img\/room-cockpit-cottage\/room-photo-cockpit-cottage-10.webp&quot;,&quot;assets\/img\/room-cockpit-cottage\/room-photo-cockpit-cottage-11.webp&quot;,&quot;assets\/img\/room-cockpit-cottage\/room-photo-cockpit-cottage-12.webp&quot;]'>
677        <img loading="lazy" decoding="async" src="assets/img/room-cockpit-cottage/room-photo-cockpit-cottage-1.webp" alt="Cockpit Cottage" class="w-100 h-100 carousel-slide-img" style="object-fit:cover;">
678        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to bottom, transparent 45%, rgba(13,31,13,.6));pointer-events:none;"></div>
679        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to top, rgba(0,0,0,.5), transparent 50%);pointer-events:none;"></div>
680                  <span class="position-absolute text-uppercase" style="top:13px;left:13px;z-index:20;padding:4px 9px;background:rgba(13,31,13,.85);border:1px solid rgba(245,240,232,.25);color:var(--dc-cream);font-size:11px;letter-spacing:.15em;">Cockpit Cottage</span>
681                        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-prev" style="left:12px;"><i class="bi bi-chevron-left"></i></button>
682        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-next" style="right:12px;"><i class="bi bi-chevron-right"></i></button>
683        <div class="position-absolute bottom-0 start-0 w-100 d-flex justify-content-center gap-2 pb-3 carousel-dots" style="z-index:10;"></div>
684        <span class="position-absolute d-inline-flex align-items-center" style="right:18px;bottom:18px;z-index:10;gap:6px;padding:6px 13px;background-color:var(--dc-cream);color:var(--dc-bg1);font-size:13.5px;font-weight:600;"><i class="bi bi-arrow-right"></i>See more</span>
685      </a>
686            <a id="cockpit-cabana" href="en/room-cockpit-cabana.html"
687         class="position-relative d-block text-decoration-none reveal reveal-up"
688         style="aspect-ratio:16/9;overflow:hidden;background:rgba(20,40,20,.8);transition-delay:0.4s"
689         data-room-unit data-room-category="Cockpit Cabana"
690         data-carousel data-images='[&quot;assets\/img\/room-cockpit-cabana\/room-photo-cockpit-cabana-1.webp&quot;,&quot;assets\/img\/room-cockpit-cabana\/room-photo-cockpit-cabana-2.webp&quot;,&quot;assets\/img\/room-cockpit-cabana\/room-photo-cockpit-cabana-3.webp&quot;,&quot;assets\/img\/room-cockpit-cabana\/room-photo-cockpit-cabana-4.webp&quot;,&quot;assets\/img\/room-cockpit-cabana\/room-photo-cockpit-cabana-5.webp&quot;,&quot;assets\/img\/room-cockpit-cabana\/room-photo-cockpit-cabana-6.webp&quot;,&quot;assets\/img\/room-cockpit-cabana\/room-photo-cockpit-cabana-7.webp&quot;,&quot;assets\/img\/room-cockpit-cabana\/room-photo-cockpit-cabana-8.webp&quot;]'>
691        <img loading="lazy" decoding="async" src="assets/img/room-cockpit-cabana/room-photo-cockpit-cabana-1.webp" alt="Cockpit Cabana" class="w-100 h-100 carousel-slide-img" style="object-fit:cover;">
692        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to bottom, transparent 45%, rgba(13,31,13,.6));pointer-events:none;"></div>
693        <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to top, rgba(0,0,0,.5), transparent 50%);pointer-events:none;"></div>
694                  <span class="position-absolute text-uppercase" style="top:13px;left:13px;z-index:20;padding:4px 9px;background:rgba(13,31,13,.85);border:1px solid rgba(245,240,232,.25);color:var(--dc-cream);font-size:11px;letter-spacing:.15em;">Cockpit Cabana</span>
695                          <span class="dc-adults-badge position-absolute">Adults Only</span>
696                <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-prev" style="left:12px;"><i class="bi bi-chevron-left"></i></button>
697        <button type="button" class="dc-slide-arrow position-absolute top-50 translate-middle-y carousel-next" style="right:12px;"><i class="bi bi-chevron-right"></i></button>
698        <div class="position-absolute bottom-0 start-0 w-100 d-flex justify-content-center gap-2 pb-3 carousel-dots" style="z-index:10;"></div>
699        <span class="position-absolute d-inline-flex align-items-center" style="right:18px;bottom:18px;z-index:10;gap:6px;padding:6px 13px;background-color:var(--dc-cream);color:var(--dc-bg1);font-size:13.5px;font-weight:600;"><i class="bi bi-arrow-right"></i>See more</span>
700      </a>
701          </div>
702    <div class="text-center" style="margin-top:36px;"><a href="en/accommodations.html" class="btn-gold-cta">View rooms <i class="bi bi-arrow-right"></i></a></div>
703  </div>
704</section>
705
706<!-- RESTAURANTS -->
707<section id="restaurantes">
708  <div class="dc-banner" data-carousel data-interval="5000" data-images='[&quot;assets\/img\/restaurant-hero\/restaurant-hero-1.webp&quot;,&quot;assets\/img\/restaurant-hero\/restaurant-hero-2.webp&quot;,&quot;assets\/img\/restaurant-hero\/restaurant-hero-3.webp&quot;,&quot;assets\/img\/restaurant-hero\/restaurant-hero-4.webp&quot;,&quot;assets\/img\/restaurant-hero\/restaurant-hero-5.webp&quot;,&quot;assets\/img\/restaurant-hero\/restaurant-hero-6.webp&quot;]'>
709    <img loading="lazy" decoding="async" src="assets/img/restaurant-hero/restaurant-hero-1.webp" alt="" class="position-absolute top-0 start-0 w-100 h-100 carousel-slide-img" style="object-fit:cover;">
710    <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to top, rgba(13,31,13,.92) 0%, rgba(0,0,0,.35) 50%, rgba(0,0,0,.1) 100%);"></div>
711    <div class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center" style="z-index:10;">
712      <div class="text-center px-4 reveal reveal-up">
713        <div class="dc-banner-tag">
714          <div class="tag-line mx-auto"></div>
715          <span class="tag-label">To eat</span>
716        </div>
717        <h2 class="dc-banner-heading">Our Restaurants</h2>
718        <p class="dc-banner-desc">Costa Verde has four unique restaurants. With the best of Costa Rican and international cuisine, our restaurants can satisfy every taste and offer a magical dinner, entertainment and a social experience.</p>
719      </div>
720    </div>
721          <button type="button" class="dc-banner-arrow carousel-prev" style="left:16px;" aria-label="Slide anterior"><i class="bi bi-chevron-left"></i></button>
722      <button type="button" class="dc-banner-arrow carousel-next" style="right:16px;" aria-label="Slide siguiente"><i class="bi bi-chevron-right"></i></button>
723      <div class="dc-banner-dots carousel-dots"></div>
724      </div>
725  <div class="dc-band" style="background-color:var(--dc-bg2);">
726    <div class="container">
727      <div class="dc-card-grid-4" style="margin-bottom:54px;">
728                <div class="position-relative reveal reveal-up dc-zoom" style="aspect-ratio:16/9;overflow:hidden;transition-delay:0s">
729          <img loading="lazy" decoding="async" src="assets/img/home-restaurants-card-1.jpg" alt="El Avión" class="position-absolute top-0 start-0 w-100 h-100" style="object-fit:cover;">
730          <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,.2) 60%, transparent);"></div>
731          <div class="position-absolute bottom-0 start-0 w-100" style="padding:18px;">
732            <h3 style="font-family:var(--font-serif);color:var(--dc-cream);font-size:18px;font-weight:700;margin-bottom:4px;">El Avión</h3>
733            <p class="dc-clamp-2 mb-0" style="color:var(--dc-cream-dim);font-size:13.5px;line-height:1.4;">C-123 Fairchild from the Iran-Contra affair converted into a restaurant. A dumbwaiter connects the bar below to the restaurant terrace above. Best Pacific views in Manuel Antonio.</p>
734          </div>
735        </div>
736                <div class="position-relative reveal reveal-up dc-zoom" style="aspect-ratio:16/9;overflow:hidden;transition-delay:0.1s">
737          <img loading="lazy" decoding="async" src="assets/img/home-restaurants-card-2.jpg" alt="El Wagon" class="position-absolute top-0 start-0 w-100 h-100" style="object-fit:cover;">
738          <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,.2) 60%, transparent);"></div>
739          <div class="position-absolute bottom-0 start-0 w-100" style="padding:18px;">
740            <h3 style="font-family:var(--font-serif);color:var(--dc-cream);font-size:18px;font-weight:700;margin-bottom:4px;">El Wagon</h3>
741            <p class="dc-clamp-2 mb-0" style="color:var(--dc-cream-dim);font-size:13.5px;line-height:1.4;">Rancho bar with a 1,000 sq ft handcrafted ceramic mosaic. Full bar, Costa Rican and international cuisine in a unique artistic setting.</p>
742          </div>
743        </div>
744                <div class="position-relative reveal reveal-up dc-zoom" style="aspect-ratio:16/9;overflow:hidden;transition-delay:0.2s">
745          <img loading="lazy" decoding="async" src="assets/img/home-restaurants-card-3.jpg" alt="Anaconda" class="position-absolute top-0 start-0 w-100 h-100" style="object-fit:cover;">
746          <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,.2) 60%, transparent);"></div>
747          <div class="position-absolute bottom-0 start-0 w-100" style="padding:18px;">
748            <h3 style="font-family:var(--font-serif);color:var(--dc-cream);font-size:18px;font-weight:700;margin-bottom:4px;">Anaconda</h3>
749            <p class="dc-clamp-2 mb-0" style="color:var(--dc-cream-dim);font-size:13.5px;line-height:1.4;">Anaconda pool bar and Macaw Bar. Fine international dining with spectacular Pacific sunset views.</p>
750          </div>
751        </div>
752                <div class="position-relative reveal reveal-up dc-zoom" style="aspect-ratio:16/9;overflow:hidden;transition-delay:0.3s">
753          <img loading="lazy" decoding="async" src="assets/img/home-restaurants-card-4.jpg" alt="La Cantina BBQ" class="position-absolute top-0 start-0 w-100 h-100" style="object-fit:cover;">
754          <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,.2) 60%, transparent);"></div>
755          <div class="position-absolute bottom-0 start-0 w-100" style="padding:18px;">
756            <h3 style="font-family:var(--font-serif);color:var(--dc-cream);font-size:18px;font-weight:700;margin-bottom:4px;">La Cantina BBQ</h3>
757            <p class="dc-clamp-2 mb-0" style="color:var(--dc-cream-dim);font-size:13.5px;line-height:1.4;">Wood-fire BBQ grill with live reggae and Latin music by the Jungle Boys. Ribs, premium cuts, kebabs.</p>
758          </div>
759        </div>
760              </div>
761      <div class="text-center"><a href="en/restaurants.html" class="btn-gold-cta">See our restaurants <i class="bi bi-arrow-right"></i></a></div>
762    </div>
763  </div>
764</section>
765
766<!-- ADVENTURES -->
767<section id="aventuras">
768  <div class="dc-banner">
769    <img loading="lazy" decoding="async" src="assets/img/home-adventures-banner.webp" alt="" class="position-absolute top-0 start-0 w-100 h-100" style="object-fit:cover;">
770    <div class="position-absolute top-0 start-0 w-100 h-100" style="background:linear-gradient(to top, rgba(13,3
7701,13,.92) 0%, rgba(0,0,0,.35) 50%, rgba(0,0,0,.1) 100%);"></div>
771    <div class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center" style="z-index:2;">
772      <div class="text-center px-4 reveal reveal-up">
773        <div class="dc-banner-tag">
774          <div class="tag-line mx-auto"></div>
775          <span class="tag-label">To do</span>
776        </div>
777        <h2 class="dc-banner-heading">Our Adventures</h2>
778        <p class="dc-banner-desc">There's never a dull moment in Manuel Antonio! Let our hotel staff plan an adventure-filled vacation for you. We can customize your itinerary to make sure the whole family is happy: relaxing spa treatments, high-energy outdoor fun, or educational outings.</p>
779      </div>
780    </div>
781  </div>
782  <div class="dc-band">
783    <div class="container">
784      <div class="dc-activity-grid" style="margin-bottom:54px;">
785                <div class="d-flex flex-column align-items-center text-center reveal reveal-up" style="gap:13px;padding:27px;border:1px solid rgba(245,240,232,.14);transition-delay:0s">
786          <i class="bi bi-compass" style="font-size:36px;line-height:1;color:var(--dc-cream-dim);"></i>
787          <span style="color:var(--dc-cream-muted);font-size:16px;font-weight:500;line-height:1.375;">Guided Tours</span>
788        </div>
789                <div class="d-flex flex-column align-items-center text-center reveal reveal-up" style="gap:13px;padding:27px;border:1px solid rgba(245,240,232,.14);transition-delay:0.1s">
790          <i class="bi bi-water" style="font-size:36px;line-height:1;color:var(--dc-cream-dim);"></i>
791          <span style="color:var(--dc-cream-muted);font-size:16px;font-weight:500;line-height:1.375;">Water Sports</span>
792        </div>
793                <div class="d-flex flex-column align-items-center text-center reveal reveal-up" style="gap:13px;padding:27px;border:1px solid rgba(245,240,232,.14);transition-delay:0.2s">
794          <i class="bi bi-tree" style="font-size:36px;line-height:1;color:var(--dc-cream-dim);"></i>
795          <span style="color:var(--dc-cream-muted);font-size:16px;font-weight:500;line-height:1.375;">Wildlife Watching</span>
796        </div>
797              </div>
798      <div class="text-center"><a href="en/adventures.html" class="btn-gold-cta">Discover more <i class="bi bi-arrow-right"></i></a></div>
799    </div>
800  </div>
801</section>
802
803<!-- HOME VIDEO — skipped entirely when the home-video slot is empty. -->
804<section class="position-relative w-100" style="background-color:var(--dc-bg1);">
805  <div class="position-relative w-100" style="aspect-ratio:16/9;max-height:80vh;overflow:hidden;">
806    <iframe src="https://www.youtube-nocookie.com/embed/pCgRr_snB6k?autoplay=1&amp;mute=1&amp;controls=0&amp;loop=1&amp;playlist=pCgRr_snB6k&amp;modestbranding=1&amp;rel=0&amp;playsinline=1&amp;showinfo=0&amp;disablekb=1&amp;fs=0&amp;iv_load_policy=3" title="Hotel Costa Verde" allow="autoplay; encrypted-media; picture-in-picture" tabindex="-1" aria-hidden="true" style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;border:0;pointer-events:none;"></iframe>
807  </div>
808</section>
809
810<!-- DISCOVER MORE -->
811<section class="dc-section" style="background-color:var(--dc-bg1);">
812  <div class="container">
813    <div class="text-center reveal reveal-up" style="margin-bottom:54px;">
814      <div class="tag-line mx-auto"></div>
815      <div class="tag-label">Discover More</div>
816      <h2 class="section-heading mb-0">Explore Every Corner of Costa Verde</h2>
817    </div>
818    <div class="dc-discover-grid">
819              <a href="en/gallery.html" class="dc-discover-card d-flex flex-column h-100 text-decoration-none reveal reveal-up" style="transition-delay:0s">
820          <h3 style="font-family:var(--font-serif);color:var(--dc-cream);font-size:28.8px;font-weight:700;margin-bottom:13px;">Photo Gallery</h3>
821          <p class="flex-grow-1" style="color:var(--dc-cream-muted);font-size:16px;line-height:1.7;margin-bottom:27px;">Tour the hotel, weddings and the Boeing 727 build in pictures.</p>
822          <span class="text-gold text-uppercase d-inline-flex align-items-center gap-2" style="font-size:13px;letter-spacing:.18em;">See more <i class="bi bi-arrow-right"></i></span>
823        </a>
824              <a href="en/reviews.html" class="dc-discover-card d-flex flex-column h-100 text-decoration-none reveal reveal-up" style="transition-delay:0.1s">
825          <h3 style="font-family:var(--font-serif);color:var(--dc-cream);font-size:28.8px;font-weight:700;margin-bottom:13px;">Guest Reviews</h3>
826          <p class="flex-grow-1" style="color:var(--dc-cream-muted);font-size:16px;line-height:1.7;margin-bottom:27px;">Read real experiences from those who have already stayed at Costa Verde.</p>
827          <span class="text-gold text-uppercase d-inline-flex align-items-center gap-2" style="font-size:13px;letter-spacing:.18em;">See more <i class="bi bi-arrow-right"></i></span>
828        </a>
829              <a href="en/map.html" class="dc-discover-card d-flex flex-column h-100 text-decoration-none reveal reveal-up" style="transition-delay:0.2s">
830          <h3 style="font-family:var(--font-serif);color:var(--dc-cream);font-size:28.8px;font-weight:700;margin-bottom:13px;">Getting Here</h3>
831          <p class="flex-grow-1" style="color:var(--dc-cream-muted);font-size:16px;line-height:1.7;margin-bottom:27px;">Directions, map and airport shuttle service.</p>
832          <span class="text-gold text-uppercase d-inline-flex align-items-center gap-2" style="font-size:13px;letter-spacing:.18em;">See more <i class="bi bi-arrow-right"></i></span>
833        </a>
834          </div>
835  </div>
836</section>
837
838<section id="contacto" class="dc-section" style="background-color:var(--dc-bg1);">
839  <div class="container">
840    <div class="text-center reveal reveal-up" style="margin-bottom:63px;">
841      <div style="margin-bottom:16px;">
842        <div style="height:1px;background-color:var(--dc-gold);width:48px;margin:0 auto 11px;"></div>
843        <span style="color:var(--dc-gold);font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;">Contact</span>
844      </div>
845            <h2 style="color:var(--dc-cream);font-family:var(--font-serif);font-weight:700;font-size:clamp(36px,4vw,50.4px);margin:0 0 16px;">Contact us</h2>
846      <p style="color:var(--dc-cream-muted);font-size:18px;max-width:560px;margin:0 auto;line-height:1.7;">Contact:
847Toll-free from the U.S. and Canada: 1 (866) 854-7958
848Local Phone: (506) 2777-0584 / 2777-0187
849[email protected]
850
851Address:
852Manuel Antonio, Quepos, Costa Rica</p>
853    </div>
854
855    <div class="dc-contact-grid">
856      <div class="reveal reveal-left d-flex flex-column" style="gap:27px;">
857        <div style="border:1px solid rgba(245,240,232,.12);background:rgba(255,255,255,.02);padding:28px;">
858          <div class="d-flex align-items-start" style="gap:18px;">
859            <div class="dc-contact-icon"><i class="bi bi-telephone"></i></div>
860            <div>
861              <h4 class="dc-contact-h">Phone</h4>
862              <p class="dc-contact-sub">US &amp; Canada (toll-free):</p>
863              <p class="dc-contact-val">1-866-854-7958</p>
864              <p class="dc-contact-sub" style="margin-top:6px;">Local:</p>
865              <p class="dc-contact-val">(506) 2777-0584 / (506) 2777-0187</p>
866            </div>
867          </div>
868
869          <div class="d-flex align-items-start" style="gap:18px;border-top:1px solid rgba(245,240,232,.08);padding-top:20px;margin-top:27px;">
870            <div class="dc-contact-icon"><i class="bi bi-envelope"></i></div>
871            <div>
872              <h4 class="dc-contact-h">Email</h4>
873              <a href="mailto:[email protected]" style="color:var(--dc-cream-muted);font-size:16px;">[email protected]</a>
874            </div>
875          </div>
876
877          <div class="d-flex align-items-start" style="gap:18px;border-top:1px solid rgba(245,240,232,.08);padding-top:20px;margin-top:27px;">
878            <div class="dc-contact-icon"><i class="bi bi-geo-alt"></i></div>
879            <div>
880              <h4 class="dc-contact-h">Location</h4>
881              <p style="color:var(--dc-cream-muted);font-size:16px;margin:0;">Manuel Antonio, Quepos,<br>Costa Rica</p>
882              <a href="https://maps.google.com/maps?ll=9.398703,-84.154179&amp;z=14" target="_blank" rel="noopener noreferrer"
883                 class="d-inline-flex align-items-center gap-1 text-uppercase"
884                 style="color:var(--dc-cream-dim);font-size:14px;letter-spacing:.1em;margin-top:6px;">View on Google Maps <i class="bi bi-arrow-right"></i></a>
885            </div>
886          </div>
887        </div>
888
889        <div style="border:1px solid rgba(245,240,232,.08);background:rgba(255,255,255,.02);padding:14px 20px;">
890          <p style="color:var(--dc-cream-dim);font-size:15px;margin:0;">
891            <strong style="color:var(--dc-cream-muted);">Front Desk Hours:</strong> 6:00 AM - 10:00 PM (Costa Rica local time)          </p>
892        </div>
893      </div>
894
895      <div class="reveal reveal-right">
896        <div style="border:1px solid rgba(245,240,232,.12);background:rgba(255,255,255,.02);padding:32px;">
897                    <form id="contactForm" action="contact.php" method="post" class="d-flex flex-column" style="gap:22.5px;">
898            <div class="dc-hp" aria-hidden="true"><label for="dc-hp-cv_ref_2">No rellenar</label>
898<input type="text" id="dc-hp-cv_ref_2" name="cv_ref_2" tabindex="-1" autocomplete="off" value=""></div><input type="hidden" name="fms" value="" data-fill-elapsed>            <div class="dc-field">
899              <label class="dc-label">Name</label>
900              <input type="text" name="name" class="dc-input dc-form-input" required minlength="2">
901            </div>
902            <div class="dc-field-pair">
903              <div class="dc-field">
904                <label class="dc-label">Email</label>
905                <input type="email" name="email" class="dc-input dc-form-input" required>
906              </div>
907              <div class="dc-field">
908                <label class="dc-label">Phone (optional)</label>
909                <input type="tel" name="phone" class="dc-input dc-form-input" placeholder="+1 234 567 8900">
910              </div>
911            </div>
912            <div class="dc-field">
913              <label class="dc-label">Subject</label>
914              <select name="subject" class="dc-input dc-form-input" required>
915                <option value="" disabled selected>Select</option>
916                <option value="reservations">Reservations</option>
917                <option value="weddings">Weddings &amp; Events</option>
918                <option value="groups">Groups</option>
919                <option value="727">Boeing 727 Suite</option>
920                <option value="other">Other</option>
921              </select>
922            </div>
923            <div class="dc-field">
924              <label class="dc-label">Message</label>
925              <textarea name="message" rows="2" class="dc-input dc-form-input" required minlength="10" style="resize:none;" placeholder="How can we help you?"></textarea>
926            </div>
927            <input type="hidden" name="language" value="en">
928            <button type="submit" class="btn-gold-outline d-flex align-items-center justify-content-center w-100"
929                    style="padding:13px 28px;font-size:13px;letter-spacing:.18em;gap:8px;">
930              <i class="bi bi-send"></i> Send            </button>
931          </form>
932        </div>
933      </div>
934    </div>
935  </div>
936</section>
937
938
939<footer class="dc-footer">
940  <div class="container">
941    <div class="dc-footer-grid">
942      <div>
943        <div style="margin-bottom:22.5px;">
944          <a href="en/index.html"><img loading="lazy" decoding="async" src="assets/img/site-logo.webp" alt="Hotel Costa Verde" style="height:126px;width:auto;display:block;"></a>
945        </div>
946        <!-- No pre-line here: the original lets this copy wrap on its own,
947             so the embedded newlines must collapse to spaces. -->
948        <p style="color:rgba(245,240,232,.5);font-size:16px;line-height:1.75;margin:0;">Our Restaurants
949(Local Numbers):
950Restaurante El Avión: (506) 2777-3378
951La Cantina BBQ: (506) 2777-0384
952Restaurante Anaconda: (506) 2777-1973
953El Wagon: (506) 4000-1543</p>
954      </div>
955
956      <div>
957        <h4>Quick Links</h4>
958        <ul class="list-unstyled dc-footer-list">
959          <li><a href="en/accommodations.html">Accommodations</a></li>
960          <li><a href="en/restaurants.html">Restaurants</a></li>
961          <li><a href="en/adventures.html">Adventures</a></li>
962          <li><a href="en/weddings.html">Weddings</a></li>
963          <li><a href="en/reviews.html">Reviews</a></li>
964        </ul>
965      </div>
966
967      <div>
968        <h4>Information</h4>
969        <ul class="list-unstyled dc-footer-list">
970          <li><a href="en/map.html">How to Get Here</a></li>
971          <li><a href="en/faq.html">Frequently Asked Questions</a></li>
972          <li><a href="en/shuttle.html">Shuttle Service</a></li>
973          <li><a href="en/sustainability.html">Sustainability</a></li>
974          <li><a href="en/727-history.html">History of the Boeing 727</a></li>
975          <li><a href="en/gallery.html">Gallery</a></li>
976          <li><a href="en/weddings-legal.html">Legal Information for Weddings</a></li>
977        </ul>
978      </div>
979
980      <div>
981        <h4>Contact</h4>
982        <ul class="list-unstyled dc-footer-contact">
983          <li>1-866-854-7958 (US/CA)</li>
984          <li>(506) 2777-0584 / (506) 2777-0187</li>
985          <li>[email protected]</li>
986          <li>Manuel Antonio, Quepos, Costa Rica</li>
987        </ul>
988      </div>
989    </div>
990
991    <div class="dc-footer-copy">
992      <p style="margin:0;">&copy; 2026 Hotel Costa Verde. All rights reserved.</p>
993    </div>
994  </div>
995</footer>
996
997<script src="assets/vendor/bootstrap/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 997
997
998<script src="assets/js/main.js"></script>
998
999</body>
1000</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.