@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--green:#155c50;--ink:#203e37;--cream:#faf9f5;--muted:#777e77;--line:#e1e5dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a,select{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d4983d;outline-offset:4px}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5.3%;background:#fff} .brand{font-size:31px;font-weight:700;letter-spacing:-1.5px;display:flex;align-items:center;gap:6px}.brand-mark{color:#d28b35;font-size:37px}.brand-dot{color:#d28b35;margin-left:-6px}nav{display:flex;gap:34px}.nav{border:0;background:none;font-size:13px;padding:15px 0;position:relative}.nav.active:after{content:'';height:2px;background:var(--green);position:absolute;bottom:4px;left:0;right:0}.nav span{background:#eef2ec;border-radius:20px;font-size:10px;padding:3px 6px;margin-left:4px}.header-note{font-size:9px;letter-spacing:2px;color:#90998c}.hero{position:relative;min-height:535px;background:#316b6b url('images/el-nido.jpg') center 52%/cover;color:white;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,36,37,.77),rgba(10,48,46,.12)),linear-gradient(0deg,rgba(8,35,34,.4),transparent 50%)}.hero-copy{position:relative;padding:72px 7.4% 100px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.4px;margin:0 0 22px}h1{font:500 clamp(40px,4.6vw,68px)/1.13 'Playfair Display',Georgia,serif;letter-spacing:-1.5px;margin:0 0 23px}h1 em{color:#f3d396}.hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#e4ebe6}.hero-button{display:inline-flex;align-items:center;gap:40px;background:#faf8ed;color:#234a3f;padding:16px 22px;margin-top:19px;font-size:12px;font-weight:600;border-radius:4px}.hero-button span{font-size:20px}.hero-location{position:absolute;bottom:26px;left:7.4%;display:flex;gap:12px;font-size:9px;letter-spacing:1.7px;align-items:center}.hero-location>span{font-size:27px}.hero-location small{display:block;letter-spacing:.2px;font-size:10px;margin-top:5px;color:#d9e6de}.hero-index{position:absolute;right:6%;bottom:30px;font-size:9px;letter-spacing:2px}.intro-strip{display:flex;justify-content:space-between;padding:25px 7.4%;border-bottom:1px solid var(--line);font-size:12px}.intro-strip>div{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:15px}.sun{color:#b57f32;font-size:27px}.discover{padding:65px 7.4% 70px;max-width:1550px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.green{color:var(--green);margin-bottom:13px}h2{font:500 36px/1.2 'Playfair Display',Georgia,serif;letter-spacing:-.8px;margin:0}.section-heading>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 3px}.search-row{display:flex;gap:12px}.search{flex:1;display:flex;align-items:center;border:1px solid var(--line);background:#fff;border-radius:5px;padding:0 16px;gap:12px}.search>span{font-size:27px;color:var(--green)}input,select,textarea{color:var(--ink)}.search input{background:transparent;width:100%;border:0;outline:0!important;padding:17px 0;font-size:12px}.select-label select{height:51px;background:white;border:1px solid var(--line);border-radius:5px;padding:0 32px 0 15px;font-size:12px}.categories{display:flex;gap:10px;flex-wrap:wrap;margin:23px 0 26px}.chip{background:transparent;border:1px solid #dde2d8;border-radius:25px;padding:10px 17px;font-size:11px}.chip.active{background:var(--green);color:#fff;border-color:var(--green)}.chip:hover{border-color:var(--green)}.results-line{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:19px}.text-button{border:0;background:none;color:var(--green);font-size:11px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 23px}.card{border:1px solid var(--line);background:white;border-radius:9px;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #163e3210}.card-visual{position:relative;height:211px;background:linear-gradient(135deg,#d9e5d8,#9cbbac);overflow:hidden}.card-visual img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card:hover img{transform:scale(1.045)}.pill{position:absolute;left:14px;top:14px;border-radius:4px;background:#fffffff0;color:#31584a;padding:6px 9px;font-size:9px;letter-spacing:.4px}.save{position:absolute;right:13px;top:13px;border:0;background:#fffffff0;border-radius:50%;width:33px;height:33px;font-size:20px;line-height:1}.save[aria-pressed=true]{color:#b6543d;background:#fff2e8}.card-body{padding:20px}.location{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;color:#818c7d;margin:0 0 9px}.card h3{font:500 24px 'Playfair Display',Georgia,serif;letter-spacing:-.4px;margin:0 0 10px}.card-body>p:not(.location){color:#7c8379;font-size:11px;line-height:1.8;min-height:40px;margin-bottom:18px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0e9;padding-top:14px;font-size:10px;color:#7c8379}.detail-link{background:none;border:0;color:var(--green);padding:0;font-size:11px;font-weight:600}.travel-note{background:#eaf0e7;margin:0 5.3% 50px;padding:40px;display:flex;align-items:center;gap:26px;border-radius:5px}.travel-note>.sun{font-size:57px}.travel-note .eyebrow{font-size:8px;margin-bottom:11px}.travel-note h2{font-size:27px}.travel-note p:last-child{font-size:11px;line-height:1.8;color:#748270}.travel-note a{font-size:11px;margin-left:auto;border-bottom:1px solid #a1b09c;padding-bottom:7px;white-space:nowrap}footer{display:flex;align-items:center;gap:35px;padding:15px 5.3% 40px}footer .brand{font-size:24px}footer>span{font-size:11px;color:var(--muted)}footer small{font-size:9px;line-height:1.8;color:#93998d;margin-left:auto;text-align:right}dialog{padding:0;border:0;border-radius:12px;width:min(650px,92vw);max-height:90vh;background:var(--cream);color:var(--ink)}dialog::backdrop{background:#102c29b3;backdrop-filter:blur(4px)}.close{position:absolute;top:15px;right:15px;border:0;background:white;border-radius:50%;width:35px;height:35px;font-size:25px;z-index:1}.detail-photo{width:100%;height:240px;object-fit:cover;background:#c1d2c0}.detail-body{padding:30px}.detail-body h2{margin-bottom:16px}.detail-body p,.detail-body li{font-size:13px;line-height:1.8;color:#657566}.detail-body h4{margin-bottom:8px}.detail-meta{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0;font-size:11px}.detail-meta span{background:#e9eee3;border-radius:4px;padding:9px}.detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.primary{background:var(--green);color:white;border:0;border-radius:5px;padding:13px 19px;font-size:12px}.secondary{background:white;color:var(--green);border:1px solid #cad5c7;border-radius:5px;padding:12px 17px;font-size:12px}.source{display:block;margin-top:23px;font-size:11px;text-decoration:underline;color:#71846d}.empty{grid-column:1/-1;text-align:center;padding:65px 20px;border:1px dashed #c6d0bd;border-radius:8px}.empty h3{font:28px Georgia,serif}.empty p{font-size:13px;color:var(--muted)}.planner-top{display:flex;align-items:end;gap:20px}.planner-top label{flex:1;font-size:12px}.planner-top input,.notes-label textarea{display:block;width:100%;border:1px solid var(--line);background:white;border-radius:5px;padding:12px;margin-top:8px}.planner-note{font-size:12px;color:var(--muted);line-height:1.7}.notes-label{display:block;font-size:12px;margin:20px 0}.notes-label textarea{min-height:90px;resize:vertical}.plan-controls{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:15px;margin-top:15px;font-size:11px;flex-wrap:wrap}.plan-controls input{width:48px;border:1px solid var(--line);padding:7px;border-radius:3px}.plan-controls button{border:1px solid var(--line);background:white;border-radius:3px;padding:6px 9px}.plan-controls button:disabled{opacity:.35;cursor:default}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 22px;border-radius:6px;background:var(--ink);color:white;font-size:12px;box-shadow:0 5px 30px #0002;opacity:0;pointer-events:none;transition:opacity .2s;z-index:5;max-width:90vw}#toast.show{opacity:1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(min-width:1450px){.hero-copy{padding-left:max(7.4%,calc((100vw - 1330px)/2))}.hero{min-height:600px}}@media(max-width:900px){.header-note{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading>p{max-width:180px}.hero-copy{padding:70px 7% 110px}.travel-note a{white-space:normal;max-width:120px}.search-row{flex-wrap:wrap}.search{flex-basis:100%}.select-label{flex:1}.select-label select{width:100%}footer{flex-wrap:wrap}footer small{margin-left:0;text-align:left;width:100%}}@media(max-width:580px){header{height:76px;padding:0 5%}.brand{font-size:26px}.brand-mark{font-size:29px}nav{gap:16px}.nav{font-size:11px}.nav span{font-size:8px;margin-left:1px;padding:2px 4px}.hero{min-height:510px}.hero-copy{padding:60px 6% 110px}h1{font-size:40px}.hero-copy>p:not(.eyebrow){font-size:12px}.eyebrow{font-size:8px}.hero-index{display:none}.intro-strip{padding:20px 6%;font-size:11px}.intro-strip>div{display:none}.discover{padding:40px 6%}.section-heading{display:block}.section-heading h2{font-size:31px}.section-heading>p{max-width:none;margin-top:15px;font-size:12px}.section-heading br{display:none}.grid{grid-template-columns:1fr;gap:22px}.card-visual{height:230px}.categories{gap:7px}.chip{padding:9px 12px;font-size:10px}.travel-note{padding:28px;display:block}.travel-note>.sun{font-size:38px;display:block;margin-bottom:15px}.travel-note a{display:inline-block;max-width:none;margin-top:15px}.travel-note h2{font-size:26px}.planner-top{flex-wrap:wrap;gap:14px}.planner-top label{min-width:120px}.planner-top button{width:100%}.detail-body{padding:23px}footer{gap:15px}.desktop{display:none}}

.photo-credit{position:absolute;left:0;right:0;bottom:0;padding:18px 12px 8px;background:linear-gradient(transparent,#102a25c9);color:#fff;font-size:9px;line-height:1.6;z-index:1}.photo-credit a,.detail-credit a{text-decoration:underline;text-underline-offset:2px}.detail-credit{font-size:10px;line-height:1.8;padding:12px 25px;margin:0;background:#edf1e8;color:#4e665a}.hero-location small a{text-decoration:underline;text-underline-offset:3px}footer small a{text-decoration:underline}.credit-page{max-width:1100px;margin:auto;padding:40px 6%}.credit-page>p{font-size:13px;line-height:1.8;color:#657566}.credit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:30px}.credit-item{padding:16px;background:white;border:1px solid var(--line);border-radius:8px}.credit-item img{width:100%;height:155px;object-fit:cover}.credit-item h2{font:18px Georgia,serif;margin:15px 0;overflow-wrap:anywhere}.credit-item p{font-size:12px;line-height:1.8}.credit-item a{text-decoration:underline}.credit-item small{font-size:10px;color:#657566}
dialog.with-stays{width:min(1000px,94vw)}.stays-section{margin:28px 0 35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0}.stays-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.stays-heading .eyebrow{font-size:9px;margin-bottom:10px}.stays-heading h3{font:500 29px/1.2 'Playfair Display',Georgia,serif;margin:0}.stays-total{border-radius:20px;background:#e7eee2;padding:9px 13px;font-size:11px;white-space:nowrap}.detail-body .stays-intro{font-size:13px;line-height:1.7}.detail-body .stays-disclosure{font-size:11px;line-height:1.8;padding:13px 15px;background:#edf1e7;border-radius:5px;color:#56694e}.stay-filters{display:flex;gap:12px;margin:22px 0 14px}.stay-filters label:first-child{flex:1}.stay-filters input,.stay-filters select{width:100%;padding:13px;border:1px solid #ccd7c6;background:#fff;border-radius:5px;font-size:12px}.stay-summary{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#687a63;margin-bottom:16px}.stay-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stay-card{padding:20px;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column}.stay-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:#63765d}.stay-tag{padding:5px 8px;background:#edf2e7;border-radius:4px}.detail-body .stay-card h4{font:500 23px/1.2 'Playfair Display',Georgia,serif;margin:16px 0 10px}.detail-body .stay-card p{font-size:12px;line-height:1.7;margin:8px 0}.detail-body .stay-card .stay-address{font-size:10px;color:#7b8872;line-height:1.6}.stay-contact{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:14px 0;margin-top:auto}.stay-contact>span{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#7b8872}.stay-contact>a{color:var(--green);font-size:13px;text-decoration:underline;text-underline-offset:3px}.stay-contact .stay-email{font-size:11px;overflow-wrap:anywhere;max-width:100%}.stay-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.stay-actions a{font-size:11px;padding:11px 13px}.detail-body .stay-card .stay-source{font-size:9px;line-height:1.7;color:#7b8872;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.stay-source a{text-decoration:underline}.stay-empty{grid-column:1/-1;text-align:center;border:1px dashed var(--line);padding:30px;font-size:13px}.stay-more{margin-top:24px;padding:20px;border-radius:5px;background:#edf1e7;font-size:13px}.stay-more a{display:inline-block;text-decoration:underline;font-size:11px;margin:8px 20px 0 0}@media(max-width:650px){.stay-list{grid-template-columns:1fr}.stay-filters{flex-direction:column}.stays-heading h3{font-size:25px}.stay-card{padding:18px}dialog.with-stays{width:94vw}.stays-heading{align-items:start}.stays-total{font-size:9px;padding:7px 10px}}
dialog>.close{position:sticky;top:15px;right:auto;float:right;margin:15px 15px -50px 0;z-index:3}

.account-trigger{border:1px solid #cbd6c5;background:var(--green);color:white;padding:11px 20px;border-radius:5px;font-size:12px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#account-dialog{width:min(460px,94vw);padding:40px;overflow:auto}#account-dialog h2{font-size:32px;margin-bottom:15px}#account-dialog p{font-size:12px;line-height:1.8;color:#6c7b65}.account-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:28px;padding:3px 8px}.account-switch{display:flex;border-bottom:1px solid var(--line);margin:22px 0}.account-switch button{flex:1;border:0;background:none;padding:12px 0;font-size:12px}.account-switch .selected{color:var(--green);border-bottom:2px solid var(--green);font-weight:700}#account-form label{font-size:12px;display:block;margin:17px 0}#account-form input{display:block;margin-top:8px;width:100%;padding:12px;border:1px solid #cbd6c5;border-radius:5px;background:white}#account-form .primary{width:100%;margin-top:10px}.account-notice{background:#eaf0e5;border-radius:5px;padding:15px;font-size:11px;line-height:1.8;color:#607258;margin:22px 0 0}.account-small{font-size:10px!important}.account-email{overflow-wrap:anywhere}#account-error{color:#a33e2d;font-size:12px;line-height:1.7;margin-top:12px}button:disabled{cursor:wait;opacity:.6}#sign-out{display:block;margin-top:22px}@media(max-width:580px){header{height:auto;min-height:76px;flex-wrap:wrap;gap:8px;padding-top:12px;padding-bottom:12px}header nav{order:3;width:100%;justify-content:center;gap:35px}.account-trigger{margin-left:auto;max-width:180px}#account-dialog{padding:30px 24px}#account-dialog h2{font-size:29px}}

.search-row{flex-wrap:wrap}.search-row .search{min-width:280px}.load-more-row{text-align:center;margin-top:35px}.load-more-row:has(button[hidden]){display:none}.catalog-stay-empty{padding:20px;border:1px dashed #c7d2bf;border-radius:6px;font-size:12px;line-height:1.8}.catalog-stay-empty a{color:var(--green);text-decoration:underline}@media(min-width:1000px){.search-row .search{flex-basis:100%}.search-row>.select-label{flex:1}.search-row>.select-label select{width:100%}}
.search-row>.search{flex-basis:100%}.search-row>.select-label{flex:1;min-width:150px}.search-row>.select-label select{width:100%}

.stay-card{padding:0;overflow:hidden}.stay-card-content{padding:20px;display:flex;flex-direction:column;flex:1}.stay-photo{margin:0;position:relative;background:#dde9dd;height:210px;flex-shrink:0}.stay-photo>a{display:block;width:100%;height:100%}.stay-photo img{width:100%;height:100%;object-fit:cover}.stay-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:18px 13px 9px;background:linear-gradient(transparent,#18392ac9);color:white;font-size:9px}.stay-photo figcaption a{text-decoration:underline}.stay-photo-missing{height:210px;background:#e9efe4;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;padding:20px;color:#688260}.stay-photo-missing>span{font-size:38px}.stay-photo-missing b{font-size:11px}.stay-photo-missing a{font-size:10px;color:var(--green);text-decoration:underline}.detail-body .stay-card .stay-base-note{font-size:10px;line-height:1.7;background:#f0f3e9;padding:10px;border-left:2px solid #a6b994}.stay-photo a:focus-visible{outline-offset:-4px}@media(max-width:650px){.stay-card{padding:0}.stay-card-content{padding:18px}.stay-photo,.stay-photo-missing{height:205px}}
@media(max-width:580px){header nav{gap:18px}}

.card-visual img[src="images/alubihod-beach.jpg"]{object-position:50% 85%}

.shared-stays-note{padding:22px;background:#edf1e8;border-radius:10px;margin:20px 0}.shared-stays-note h4{margin-top:0}.shared-stays-note p{line-height:1.8;font-size:13px}.shared-stays-note .secondary{display:inline-block;margin-top:8px}