/* Arenal Perch — richer rainforest palette, phase 7. */
:root {
  --forest:#123f32;
  --forest2:#1c6248;
  --cream:#fffaf1;
  --sand:#e1bd81;
  --earth:#a66a32;
  --ink:#173b30;
  --jade:#1b7957;
  --deep:#102e27;
  --muted:#526a5b;
}
body{background:var(--cream);color:var(--ink)}
.nav{background:#fffdf7;border-bottom:1px solid #e0d6bf;box-shadow:0 4px 20px rgba(19,55,40,.06)}
.brand-symbol{color:#bd7d38}.brand,.nav nav{color:#173b30}
.nav nav a:hover,.detail-link:hover{color:#b07432}
.nav-actions button{color:var(--forest)}
.nav-cta,.dark-submit{background:#176448!important;color:#fff!important;transition:background .2s ease,transform .2s ease}
.nav-cta:hover,.dark-submit:hover{background:#0e4936!important;transform:translateY(-1px)}
.hero{background:linear-gradient(120deg,#0e3329,#1e6246 68%,#0f3d31)}
.hero-with-photo:after{background:linear-gradient(90deg,rgba(4,34,27,.84) 0%,rgba(7,40,30,.58) 47%,rgba(12,47,32,.12) 100%)}
.hero-with-photo .hero-photograph{opacity:.96;filter:brightness(.86) saturate(1.18) contrast(1.07)}
.hero-inner>p{color:#f0f6ec}.eyebrow{color:#ebc88f}.eyebrow.dark{color:#936020}
.btn.light{background:#eac68b;color:#173a2e;box-shadow:0 4px 18px #102d2820}
.btn.light:hover{background:#f4dbaa}.btn.outline{border-color:#f6e8cc;color:#fff;background:#16433257}
.btn.outline:hover{background:#ffffff25}
.hero-foot{color:#f3e2bf}.intro{background:#fffaf1}
.intro-copy,.section-head>p,.card-bottom p,.exp-content p,.note{color:#4c6758}
.values span{color:#bd7d38}.values>div{border-color:#d9d2bd}
.stays{background:#e9eee5}.stay-card,.three-col article{background:#fffefa;box-shadow:0 13px 32px rgba(18,56,41,.1);border:1px solid #d8dfd3;overflow:hidden}
.stay-card{transition:transform .25s ease,box-shadow .25s ease}.stay-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(18,56,41,.16)}
.scenic{background:#194d3c}.scene-two{background:#204d3e}
.card-bottom h3,.exp-content h3{color:#173b30}
.detail-link{color:#176547!important;text-decoration:none!important;border-bottom:1px solid #176547;transition:color .2s ease}
.detail-link:hover{color:#9c632b!important;border-bottom-color:#9c632b}
.nature{background:radial-gradient(circle at 75% 34%,#578e5742,transparent 35%),linear-gradient(105deg,#092e26,#196146 72%,#164d3c)}
.nature p{color:#e1eee2}.nature-pattern{color:#e4bb7970}
.experiences{background:#fffaf1}.exp-content .meta{color:#126047}
.photographic{background:#f0eadc}
.home-photo-item{border-radius:8px;box-shadow:0 8px 22px #153e3021}.home-photo-item figcaption{background:linear-gradient(transparent,#0d2d23ed)}
.closing{background:linear-gradient(130deg,#124b38,#0b3028)}
footer{background:#092c24;color:#f3f4e9}footer p{color:#c5d7c6}
.detail-hero{background:linear-gradient(130deg,#0c352a,#226d4c);color:#fffaed}
.detail-photo{background:linear-gradient(135deg,#0e422f,#3f8761)}
.detail-chips span{background:#e5eee2;color:#184732}
.planner,.booking-panel,.booking-summary{background:#fffdf7;border:1px solid #dce2d5;box-shadow:0 12px 34px #0a3f2719}
.planner input,.planner textarea,.booking-panel input[type=date],.booking-panel select{border-color:#9bae9f}
.planner input:focus-visible,.booking-panel input:focus-visible,.booking-panel select:focus-visible{outline:3px solid #a8c9b0;outline-offset:2px}
.estimate{background:#e3f0e5;color:#174c36}
.plan-result button{background:#dfb77b;color:#18372d}
.reserve-hero{background-color:#0d392c;background-image:linear-gradient(90deg,#072b24ef,#124b38b7),url('assets/moonlight/12-main-aerial.jpeg')}
.choice:has(input:checked){border-color:#19815b;background:#e1f0e5}
.choice,.preview-warning{border-radius:6px}
/* Maintain readable headers over real photography, including images with light skies. */
.hero h1,.hero .eyebrow,.hero-inner>p{text-shadow:0 2px 12px #041f1966}
@media(max-width:600px){.nav{background:#fffdf7}.section{padding-top:65px;padding-bottom:65px}}