.hotels-page{min-height:100vh;background:var(--cream)}.hotels-hero{text-align:center;position:relative}.hotels-hero .hero-icon{color:var(--gold-ink);margin-bottom:.75rem;width:2.5rem;height:2.5rem}.hotels-hero h1{font-family:var(--font-display);font-size:1.75rem;margin-bottom:.5rem;font-weight:600}.hotels-hero p{font-size:1rem}.hotels-content{padding:2rem 0}.hotels-section{margin-bottom:2rem}.hotels-section h2{font-family:var(--font-display);font-size:1.25rem;color:var(--navy);margin-bottom:1rem;font-weight:600}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.tip-card{display:flex;gap:.75rem;padding:1rem;background:var(--white);border-radius:var(--radius-sm);border:1px solid var(--sand);box-shadow:0 2px 6px #0000000a}.tip-card .tip-icon{color:var(--gold-ink);flex-shrink:0}.tip-card h4{font-size:.875rem;font-weight:600;color:var(--navy);margin-bottom:.25rem}.tip-card p{font-size:.8125rem;color:var(--charcoal);line-height:1.5;margin:0}.port-hotel-section{background:var(--white);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--sand);box-shadow:0 2px 8px #0000000a}.port-hotel-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--sand)}.port-title{display:flex;align-items:flex-start;gap:.75rem}.port-icon{color:var(--coral);flex-shrink:0;margin-top:.25rem}.port-title h2{margin:0 0 .25rem;font-size:1.25rem}.port-description{font-size:.875rem;color:var(--slate);margin:0;line-height:1.5}.hotel-category{margin-bottom:1.5rem}.hotel-category:last-child{margin-bottom:0}.category-title{font-size:.9375rem;font-weight:600;color:var(--navy);margin-bottom:.75rem;padding-left:.5rem;border-left:3px solid var(--coral)}.hotels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.hotel-card{padding:1rem;background:var(--cream);border-radius:var(--radius-sm);border:1px solid var(--sand);position:relative;transition:all .2s ease}.hotel-card:hover{border-color:var(--coral);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.hotel-card--recommended{border-color:var(--gold);background:linear-gradient(135deg,var(--cream) 0%,rgba(191,160,84,.05) 100%)}.recommended-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gold-ink);margin-bottom:.5rem}.recommended-badge svg{fill:var(--gold)}.hotel-name{font-size:.9375rem;font-weight:600;color:var(--navy);margin:0 0 .5rem;line-height:1.3}.hotel-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.hotel-distance{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--slate)}.hotel-distance svg{color:var(--coral)}.hotel-price{font-size:.75rem;font-weight:600;color:var(--navy)}.hotel-pros{display:flex;flex-wrap:wrap;gap:.375rem}.pro-tag{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;padding:.25rem .5rem;border-radius:9999px;background:#48bb781a;color:var(--success)}.pro-tag svg{color:var(--success)}.hotels-cta{text-align:center;padding:2rem;background:var(--white);border-radius:var(--radius-md);border:1px solid var(--sand);box-shadow:0 2px 8px #0000000a}.hotels-cta h2{font-family:var(--font-display);font-size:1.25rem;color:var(--navy);margin-bottom:.5rem;font-weight:600}.hotels-cta p{color:var(--slate);margin-bottom:1.5rem;font-size:.9375rem}.hotels-cta .cta-buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.hotels-cta .btn{display:inline-flex;align-items:center;gap:.375rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-sm);text-decoration:none;transition:all .2s ease}.hotels-cta .btn-gold{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:var(--navy)}.hotels-cta .btn-gold:hover{transform:translateY(-2px);box-shadow:0 4px 12px #bfa0544d}.hotels-cta .btn-secondary{background:var(--cream);color:var(--navy);border:1px solid var(--sand)}.hotels-cta .btn-secondary:hover{background:var(--sand)}@media(max-width:768px){.hotels-hero h1{font-size:1.5rem}.port-hotel-section{padding:1rem}.hotels-grid{grid-template-columns:1fr}}