/* v166: the home page's premium look (v162-v165) on every other page.
   Header, gold titles, scroll reveals, card hover, brighter heroes, trust strip, sticky book bar.
   Loaded last on each page; markup hooks are added by the v166 build (nav166, hero166, trust166). */
:root{--g166-gold:#D9AD7E;--g166-gold-l:#E9C59A;--g166-gold-d:#B8875A;--g166-navy:#0A2647}

/* ---------- reading progress ---------- */
.prog166{position:fixed;left:0;top:0;height:3px;width:100%;z-index:3000;pointer-events:none;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#C9935F,#EDCFA5 60%,#F6DFBE)}

/* ---------- header (guest, owner and property-management navs) ---------- */
nav.nav166{background:rgba(8,30,56,.94)!important;-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid rgba(217,173,126,.28)!important;box-shadow:0 6px 22px rgba(4,18,38,.16);transition:box-shadow .35s ease,height .35s ease,min-height .35s ease,background .35s ease}
nav.nav166.is-scrolled{background:rgba(8,30,56,.9)!important;box-shadow:0 10px 30px rgba(4,18,38,.3)}
nav.nav166 img{filter:drop-shadow(0 3px 10px rgba(0,0,0,.35));transition:transform .35s ease,filter .35s ease,max-height .35s ease,height .35s ease}
nav.nav166 a:hover>img,nav.nav166 a:hover img{transform:scale(1.04);filter:drop-shadow(0 4px 16px rgba(217,173,126,.45))}
/* links */
nav.nav166 .gra-nav-links a,nav.nav166 .growth-nav-links a,nav.nav166 .navlinks>a:not(.nav-cta){color:rgba(255,255,255,.92)!important;text-shadow:0 1px 8px rgba(0,0,0,.25);transition:color .2s}
nav.nav166 .gra-nav-links a:hover,nav.nav166 .growth-nav-links a:hover,nav.nav166 .navlinks>a:not(.nav-cta):hover{color:#F0CFA2!important}
nav.nav166 .gra-nav-links a::after{height:2px;background:linear-gradient(90deg,#E9C59A,#C9935F)}
nav.nav166 .gra-nav-links .gra-nav-owner,nav.nav166 .growth-nav-links a.active,nav.nav166 .navlinks>a.active{color:var(--g166-gold-l)!important}
nav.nav166 .growth-nav-links a,nav.nav166 .navlinks>a:not(.nav-cta){position:relative}
nav.nav166 .growth-nav-links a::after,nav.nav166 .navlinks>a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:linear-gradient(90deg,#E9C59A,#C9935F);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
nav.nav166 .growth-nav-links a:hover::after,nav.nav166 .growth-nav-links a.active::after,nav.nav166 .navlinks>a:not(.nav-cta):hover::after,nav.nav166 .navlinks>a.active::after{transform:scaleX(1)}
/* gold pill call to action */
nav.nav166 .gra-nav-cta,nav.nav166 .growth-nav-cta,nav.nav166 .nav-cta{background:linear-gradient(135deg,#EDCFA5,#D9AD7E)!important;color:#0A2647!important;border:0!important;border-radius:999px!important;font-weight:800!important;box-shadow:0 8px 22px rgba(217,173,126,.35);transition:transform .2s ease,box-shadow .2s ease!important;white-space:nowrap}
nav.nav166 .growth-nav-cta,nav.nav166 .nav-cta{padding:0 22px!important;min-height:42px;align-items:center}
nav.nav166 .gra-nav-cta:hover,nav.nav166 .growth-nav-cta:hover,nav.nav166 .nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(217,173,126,.5)}
nav.nav166 .gra-nav-lang button.active,nav.nav166 .growth-lang button.active,nav.nav166 .pm-lang button.active{color:var(--g166-gold-l)!important;border-color:var(--g166-gold)!important}
/* compact on scroll (desktop) */
@media(min-width:901px){
  nav.gra-nav.nav166.is-scrolled{height:80px}
  nav.gra-nav.nav166.is-scrolled .gra-nav-logo img{max-height:68px}
  nav.growth-nav.nav166.is-scrolled{min-height:64px}
}
.gra-nav-mobile,.growth-mobile-menu.open,#mobile-menu.open{background:#0A2647!important}

/* ---------- gold italic accent on titles (wrapped by premium166.js) ---------- */
.hl166{font-style:italic;color:var(--g166-gold-d);background:linear-gradient(transparent 86%,rgba(217,173,126,.55) 86%,rgba(217,173,126,.55) 95%,transparent 95%);padding:0 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hl166.on-dark{color:var(--g166-gold-l);background:linear-gradient(transparent 86%,rgba(233,197,154,.45) 86%,rgba(233,197,154,.45) 95%,transparent 95%)}
h1 .hl166.on-dark{background:linear-gradient(100deg,#F6DFBE,#E9C59A 45%,#D4A06A);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- reveal on scroll ---------- */
.rv166{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.rv166.in166{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv166{opacity:1;transform:none;transition:none}}

/* ---------- cards: lift + gold edge on hover ---------- */
.stay,.info,.local-answer,.metric,.related-card,.glance-card,.policy-card,.fee-card,.growth-card,.resource-card,.link-card,.growth-decision-card,.growth-proof-card,.trust-fee-card,.fit-card,.pm-growth-cards>*{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
@media(hover:hover){
  .stay:hover,.info:hover,.local-answer:hover,.related-card:hover,.glance-card:hover,.policy-card:hover,.growth-card:hover,.resource-card:hover,.link-card:hover,.growth-decision-card:hover,.growth-proof-card:hover,.trust-fee-card:hover,.fit-card:hover,.pm-growth-cards>*:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(10,38,71,.16);border-color:rgba(217,173,126,.7)!important}
  .stay img,.related-card img{transition:filter .4s ease}
  .stay:hover img,.related-card:hover img{filter:saturate(1.12) brightness(1.04)}
}

/* ---------- buttons: gold gradient + lift ---------- */
.hero-l .cta:not(.alt),.cta.alt.gold166,.growth-btn.gold,.growth-button.primary,.btn.gold,.cta.gold166{background:linear-gradient(135deg,#EDCFA5,#D9AD7E)!important;border-color:transparent!important;color:#0A2647!important;box-shadow:0 8px 22px rgba(217,173,126,.3);transition:transform .2s ease,box-shadow .2s ease}
.hero-l .cta:not(.alt):hover,.growth-btn.gold:hover,.growth-button.primary:hover,.btn.gold:hover,.cta.gold166:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(217,173,126,.45)}
.hero-l .cta,.hero-l .cta.alt{border-radius:999px;padding:0 22px;min-height:48px}
.hero-l .cta.alt{background:rgba(4,23,42,.35)!important;border:1px solid rgba(255,255,255,.55)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

/* ---------- guest landing heroes: photo, light and slow zoom ---------- */
.hero-l.hero166{position:relative;overflow:hidden;isolation:isolate;min-height:clamp(440px,62vh,620px);display:flex;align-items:center;background:#0A2647}
.hero-l.hero166::before{content:"";position:absolute;inset:-4%;z-index:-2;background:var(--hero166) center/cover no-repeat;filter:saturate(1.12) brightness(1.04);animation:kb166 22s ease-in-out infinite alternate}
.hero-l.hero166::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,23,42,.82) 0%,rgba(4,23,42,.55) 45%,rgba(4,23,42,.12) 100%),linear-gradient(0deg,rgba(4,23,42,.55),rgba(4,23,42,0) 45%)}
.hero-l.hero166 .wrap{position:relative}
.hero-l.hero166 h1{font-size:clamp(40px,5.4vw,72px);line-height:1.05;text-shadow:0 4px 24px rgba(0,0,0,.35);max-width:820px}
.hero-l.hero166 p{max-width:620px;color:rgba(255,255,255,.92);text-shadow:0 2px 12px rgba(0,0,0,.35)}
.hero-l.hero166 .eyebrow{display:inline-block;padding:7px 14px;border-radius:999px;background:rgba(4,23,42,.42);border:1px solid rgba(233,197,154,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#F0CFA2}
@keyframes kb166{from{transform:scale(1)}to{transform:scale(1.08) translate(-1%,-1%)}}
@media(prefers-reduced-motion:reduce){.hero-l.hero166::before{animation:none}}
@media(max-width:620px){.hero-l.hero166{min-height:520px;align-items:flex-end;padding-bottom:44px}.hero-l.hero166::after{background:linear-gradient(0deg,rgba(4,23,42,.9) 0%,rgba(4,23,42,.55) 55%,rgba(4,23,42,.2) 100%)}}

/* ---------- trust strip (real data only) ---------- */
.trust166{background:#fff;border-bottom:1px solid rgba(10,38,71,.08)}
.trust166 .t166-in{width:min(1180px,calc(100% - 36px));margin:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 34px;padding:16px 0;font:600 13px/1.4 Inter,-apple-system,sans-serif;color:#25404d}
.trust166 .t166-item{display:flex;align-items:center;gap:9px}
.trust166 .t166-ico{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(217,173,126,.16);color:#B8875A;font-size:14px;flex:none}
.trust166 b{color:#0A2647}
html[lang="es"] .t166-en,html:not([lang="es"]) .t166-es{display:none!important}
@media(max-width:620px){.trust166 .t166-in{justify-content:flex-start;gap:10px 18px;font-size:12.5px}.trust166 .t166-item{width:calc(50% - 9px)}}

/* ---------- sticky "book direct" bar on guest landings ---------- */
.bar166{position:fixed;left:50%;bottom:18px;z-index:900;transform:translate(-50%,140%);display:flex;align-items:center;gap:18px;padding:10px 10px 10px 22px;border-radius:999px;background:rgba(8,30,56,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(217,173,126,.35);box-shadow:0 14px 40px rgba(4,18,38,.35);color:#fff;font-family:Inter,-apple-system,sans-serif;transition:transform .45s cubic-bezier(.2,.7,.2,1);max-width:calc(100% - 24px)}
.bar166.on{transform:translate(-50%,0)}
.bar166 strong{display:block;font-size:14px;line-height:1.2}
.bar166 span{display:block;font-size:12px;color:rgba(255,255,255,.75)}
.bar166 a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:linear-gradient(135deg,#EDCFA5,#D9AD7E);color:#0A2647;font-weight:800;font-size:12.5px;letter-spacing:.6px;text-transform:uppercase;text-decoration:none;white-space:nowrap}
@media(max-width:620px){.bar166{left:12px;right:12px;bottom:12px;transform:translateY(140%);gap:10px;padding-left:16px}.bar166.on{transform:none}.bar166 strong{font-size:13px}.bar166 a{padding:0 14px;font-size:11.5px}}
@media print{.prog166,.bar166{display:none!important}}

/* ---------- property-management hero: rooftop photo under the navy ---------- */
.hero.pm151-hero{background:linear-gradient(100deg,rgba(8,30,56,.97) 0%,rgba(8,30,56,.9) 46%,rgba(8,30,56,.7) 100%),url('/assets/hero-rotation-v117/costa-rooftop.webp') center/cover no-repeat!important}
@media(max-width:900px){.hero.pm151-hero{background:linear-gradient(180deg,rgba(8,30,56,.93),rgba(8,30,56,.97)),url('/assets/hero-rotation-v117/costa-rooftop.webp') center/cover no-repeat!important}}
.pm151-form-card .submit,.form-card .submit{background:linear-gradient(135deg,#EDCFA5,#D9AD7E)!important;border-color:transparent!important;color:#0A2647!important;box-shadow:0 8px 22px rgba(217,173,126,.3);transition:transform .2s ease,box-shadow .2s ease}
.pm151-form-card .submit:hover,.form-card .submit:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(217,173,126,.45)}
.pm151-form-card,.growth-form-card{box-shadow:0 30px 70px rgba(4,18,38,.35)!important}

/* v178: one serif only for page and section titles. Card titles, small headings, numbers and FAQ questions use
   the body font, and section titles drop the gold italic accent (only the page title keeps it). Home is not affected. */
h2 .hl166,h3 .hl166{font-style:normal!important;color:inherit!important;background:none!important;padding:0!important;-webkit-text-fill-color:currentColor}
.step strong,.service strong,.fit-card strong,.metric .n,.form-title strong,.box strong,.faq-head h3,.faq-q,.pm-quick-start>div strong,
.pm-growth-cards strong,.pm-six-head h3,.pm-hub-grid strong,.photo-copy strong,.subheadline,
.growth-card .num,.growth-card h3,.growth-metric strong,.growth-audience strong,.growth-cta-band h3,.growth-proof-links strong,.growth-link-builder h3,
.growth-callout h3,.resource-card h3,.article-wrap h3,.review-choice-grid strong,.growth-decision-card h3,.trust-fee-card h3,.seo-related-links h3,
.growth-proof-card strong,.growth-panel h3,.pm151-form-title strong,.pm151-proof-bar strong,.pm151-price strong,
.panel h2,.reference-rate strong,.mobile-book strong,.related-card strong,.glance-card strong,.property-reputation-copy strong,
.info strong,.stay strong,.metric b,.local-answer h3{font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif!important;letter-spacing:-.01em}
.step strong,.service strong,.fit-card strong,.pm-growth-cards strong,.growth-card h3,.resource-card h3,.info strong,.local-answer h3,.glance-card strong,.box strong{font-weight:700!important;font-size:17px!important;line-height:1.3!important}
.faq-q{font-weight:600!important;font-size:15.5px!important}