@import"https://fonts.cdnfonts.com/css/calibri-light";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";:root{--primary-gold:#cba135;--dark-gold:#aa7d09;--light-gold:#e8c46c;--pale-gold:#f8f0d5;--deep-blue:#0a2463;--ocean-blue:#1e88e5;--light-blue:#e3f2fd;--dark-text:#333;--medium-text:#666;--light-text:#888;--background-white:#fff;--background-light:#f9f9f9;--background-gray:#f4f4f4;--border-color:#e0e0e0;--shadow-light:rgba(0,0,0,.08);--shadow-medium:rgba(0,0,0,.12);--font-primary:"Calibri Light","Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--font-heading:"Georgia","Times New Roman",serif;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-white);color:var(--dark-text);font-family:var(--font-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--dark-text);font-family:var(--font-heading);font-weight:600;line-height:1.3;margin-bottom:var(--space-md)}h1{color:var(--primary-gold);font-size:2.5rem}h2{border-bottom:2px solid var(--pale-gold);font-size:2rem;padding-bottom:var(--space-xs)}h3{font-size:1.5rem}p{font-size:1.1rem;margin-bottom:var(--space-md)}a{color:var(--primary-gold);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--dark-gold)}.desktop-nav{background:linear-gradient(135deg,var(--primary-gold) 0,var(--dark-gold) 100%);box-shadow:0 2px 10px var(--shadow-medium);padding:var(--space-sm) 0;position:sticky;top:0;z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--space-md)}.logo,.nav-container{align-items:center;display:flex}.logo{color:#fff;font-family:var(--font-heading);font-size:1.8rem;font-weight:700;gap:var(--space-xs);text-decoration:none}.logo:hover{color:#fff;opacity:.9}.nav-links{display:flex;gap:var(--space-sm);list-style:none}.nav-links a{border-radius:var(--radius-md);color:#fff;font-weight:500;overflow:hidden;padding:var(--space-xs) var(--space-md);position:relative}.nav-links a,.nav-links a:after{transition:all var(--transition-normal)}.nav-links a:after{background:#fff;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:0}.nav-links a:hover{background:#ffffff1a}.nav-links a:hover:after{width:80%}.nav-links a.active{background:#fff3}.mobile-nav-wrapper{position:relative}.mobile-nav-header{align-items:center;background:linear-gradient(135deg,var(--primary-gold) 0,var(--dark-gold) 100%);box-shadow:0 2px 10px var(--shadow-medium);color:#fff;display:none;justify-content:space-between;padding:var(--space-sm) var(--space-md);position:sticky;top:0;z-index:1000}.mobile-nav-header .logo{font-size:1.5rem}.hamburger{background:none;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:1.8rem;padding:var(--space-xs);transition:background-color var(--transition-fast)}.hamburger:hover{background:#ffffff1a}.mobile-nav-menu{background:#fff;border-top:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow-medium);display:none;left:0;position:absolute;right:0;top:100%;z-index:999}.mobile-nav-menu.active{display:block!important;opacity:1!important;visibility:visible!important}.mobile-nav-links{list-style:none}.mobile-nav-links a{border-bottom:1px solid var(--border-color);color:var(--dark-text);display:block;font-weight:500;padding:var(--space-md);transition:all var(--transition-fast)}.mobile-nav-links a:hover{background:var(--background-light);color:var(--primary-gold);padding-left:var(--space-lg)}.mobile-nav-links a.active{background:var(--pale-gold);border-left:4px solid var(--primary-gold);color:var(--dark-gold)}.container{margin:0 auto;max-width:1200px;padding:var(--space-lg) var(--space-md)}.hero,.section{margin-bottom:var(--space-xl)}.hero{align-items:center;background:linear-gradient(#00000080,#0000004d),url(./RindaliExterior.Nip8J6pL.jpg) 50%/cover no-repeat;border-radius:0 0 var(--radius-xl) var(--radius-xl);color:#fff;display:flex;height:70vh;justify-content:center;min-height:500px;overflow:hidden;position:relative;text-align:center}.hero-content{max-width:800px;padding:var(--space-xl);z-index:2}.hero h1{color:#fff;font-size:3.5rem;margin-bottom:var(--space-md);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero p{font-size:1.3rem;margin-bottom:var(--space-lg);opacity:.9}.btn{background:var(--primary-gold);border:none;border-radius:var(--radius-md);box-shadow:0 4px 6px var(--shadow-light);color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:var(--space-sm) var(--space-lg);text-align:center;text-decoration:none;transition:all var(--transition-normal)}.btn:hover{background:var(--dark-gold);box-shadow:0 6px 12px var(--shadow-medium);color:#fff;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-large{font-size:1.3rem;padding:var(--space-md) var(--space-xl)}.btn-outline{background:transparent;border:2px solid var(--primary-gold);color:var(--primary-gold)}.btn-outline:hover{background:var(--primary-gold);color:#fff}.card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 4px 12px var(--shadow-light);padding:var(--space-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{box-shadow:0 8px 24px var(--shadow-medium);transform:translateY(-4px)}.room-card{margin-bottom:var(--space-xl)}.room-card h3{color:var(--primary-gold);margin-bottom:var(--space-sm)}.image-gallery{margin:var(--space-lg) 0}.main-image{border-radius:var(--radius-lg);box-shadow:0 4px 12px var(--shadow-medium);height:400px;margin-bottom:var(--space-md);-o-object-fit:cover;object-fit:cover;width:100%}.thumbnail-container{display:flex;gap:var(--space-sm);overflow-x:auto;padding:var(--space-sm) 0;scrollbar-color:var(--primary-gold) var(--background-gray);scrollbar-width:thin}.thumbnail-container::-webkit-scrollbar{height:6px}.thumbnail-container::-webkit-scrollbar-track{background:var(--background-gray);border-radius:var(--radius-sm)}.thumbnail-container::-webkit-scrollbar-thumb{background:var(--primary-gold);border-radius:var(--radius-sm)}.thumbnail{border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;height:75px;-o-object-fit:cover;object-fit:cover;transition:all var(--transition-fast);width:100px}.thumbnail:hover{border-color:var(--primary-gold);transform:scale(1.05)}.thumbnail.active{border-color:var(--primary-gold);box-shadow:0 2px 8px var(--shadow-light)}.amenities{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:var(--space-md) 0}.amenity-tag{background:var(--pale-gold);border-radius:var(--radius-sm);color:var(--dark-gold);font-size:.9rem;font-weight:500;padding:var(--space-xs) var(--space-sm)}.contact-section{background:linear-gradient(135deg,var(--background-light) 0,#fff 100%);border-radius:var(--radius-xl);margin:var(--space-xl) 0;padding:var(--space-xl) 0}.contact-info{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--space-lg)}.contact-item{background:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 12px var(--shadow-light);padding:var(--space-lg);text-align:center}.contact-item i{color:var(--primary-gold);font-size:2rem;margin-bottom:var(--space-md)}.contact-item h3{color:var(--dark-text);margin-bottom:var(--space-sm)}.footer{background:linear-gradient(135deg,var(--dark-text) 0,#222 100%);color:#fff;margin-top:var(--space-xl);padding:var(--space-xl) 0}.footer-content{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-lg)}.footer-section h3{color:var(--light-gold);margin-bottom:var(--space-md)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--space-xs)}.footer-links a{color:#ccc;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--light-gold);padding-left:var(--space-xs)}.social-links{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.social-link{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.social-link:hover{background:var(--primary-gold);transform:translateY(-2px)}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);color:#aaa;font-size:.9rem;padding-top:var(--space-lg);text-align:center}.whatsapp-float{align-items:center;background:#25d366;border-radius:50%;bottom:var(--space-lg);box-shadow:0 4px 12px #25d3664d;color:#fff;display:flex;height:60px;justify-content:center;position:fixed;right:var(--space-lg);transition:all var(--transition-normal);width:60px;z-index:1000}.whatsapp-float:hover{box-shadow:0 6px 16px #25d36666;transform:scale(1.1)}.whatsapp-float img{height:35px;width:35px}@media(max-width:768px){.desktop-nav{display:none}.mobile-nav-header{display:flex}h1{font-size:2rem}h2{font-size:1.5rem}.hero{height:50vh;min-height:400px}.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.container{padding:var(--space-md)}.contact-info,.footer-content{grid-template-columns:1fr}.footer-content{gap:var(--space-lg)}}@media(max-width:480px){.hero h1{font-size:2rem}.btn-large{font-size:1.1rem;padding:var(--space-sm) var(--space-lg)}.thumbnail{height:60px;width:80px}}.text-center{text-align:center}.text-gold{color:var(--primary-gold)}.bg-light{background:var(--background-light)}.mt-1{margin-top:var(--space-xs)}.mt-2{margin-top:var(--space-sm)}.mt-3{margin-top:var(--space-md)}.mt-4{margin-top:var(--space-lg)}.mt-5{margin-top:var(--space-xl)}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mb-3{margin-bottom:var(--space-md)}.mb-4{margin-bottom:var(--space-lg)}.mb-5{margin-bottom:var(--space-xl)}.p-1{padding:var(--space-xs)}.p-2{padding:var(--space-sm)}.p-3{padding:var(--space-md)}.p-4{padding:var(--space-lg)}.p-5{padding:var(--space-xl)}
