*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#2d8b8a;--secondary-color:#f4a460;--accent-color:#ff6b6b;--text-dark:#2c3e50;--text-light:#fff;--bg-light:#f8f9fa;--bg-cream:#fff8f0;--shadow:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #00000026}body{background-color:var(--bg-light);color:var(--text-dark);margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}h1,h2,h3{margin:0;padding:0}a{color:inherit;text-decoration:none}.page-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.container{max-width:1200px;margin:0 auto;padding:20px}.hero{background:linear-gradient(135deg,var(--primary-color)0%,#1a5f5f 100%);text-align:center;justify-content:center;align-items:center;min-height:600px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1440 320\"><path fill=\"%23ffffff\" fill-opacity=\"0.1\" d=\"M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,128C672,128,768,160,864,165.3C960,171,1056,149,1152,133.3C1248,117,1344,107,1392,101.3L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"></path></svg>") bottom/cover no-repeat;position:absolute;inset:0}.hero-overlay{z-index:1;width:100%;position:relative}.hero-content{padding:40px 20px}.hero-main{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;margin-bottom:40px;display:flex}.hero-logo{flex-shrink:0}.hero-logo-image{object-fit:cover;border-radius:20px;box-shadow:0 15px 40px #0000004d}.hero-text{text-align:center;flex-direction:column;align-items:center;display:flex}.hero-title{color:var(--text-light);text-shadow:2px 2px 4px #0000004d;margin-bottom:20px;font-size:4rem;font-weight:700}.hero-subtitle{color:var(--bg-cream);margin-bottom:10px;font-size:1.8rem;font-weight:300}.hero-location{color:var(--secondary-color);font-size:1.3rem;font-weight:500}.cta-button{color:#fff;box-shadow:var(--shadow-lg);cursor:pointer;background-color:#25d366;border:none;border-radius:50px;align-items:center;gap:12px;padding:16px 32px;font-size:1.1rem;font-weight:600;transition:all .3s;display:inline-flex}.cta-button:hover{background-color:#20ba5a;transform:translateY(-2px);box-shadow:0 12px 30px #25d36666}.whatsapp-icon{width:24px;height:24px}.whatsapp-button-large{padding:20px 40px;font-size:1.3rem}.whatsapp-button-large .whatsapp-icon{width:28px;height:28px}.services{background-color:var(--bg-cream);padding:80px 20px}.section-title{text-align:center;color:var(--text-dark);margin-bottom:50px;font-size:2.5rem;font-weight:700}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1000px;margin:0 auto;display:grid}.service-card{text-align:center;box-shadow:var(--shadow);background:#fff;border-radius:15px;padding:40px 30px;transition:transform .3s,box-shadow .3s}.service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.service-icon{margin-bottom:20px;font-size:4rem}.service-card h3{color:var(--primary-color);margin-bottom:15px;font-size:1.5rem;font-weight:600}.service-card p{color:#666;line-height:1.8}.pricing{background-color:#fff;padding:80px 20px}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;max-width:1200px;margin:0 auto 40px;display:grid}.pricing-card{background:var(--bg-cream);text-align:center;box-shadow:var(--shadow);border:2px solid #0000;border-radius:15px;padding:40px 30px;transition:transform .3s,box-shadow .3s;position:relative}.pricing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.pricing-card.featured{background:linear-gradient(135deg,var(--primary-color)0%,#1a5f5f 100%);border:2px solid var(--secondary-color)}.pricing-card.featured h3,.pricing-card.featured .price,.pricing-card.featured .duration{color:#fff}.pricing-card.in-room{background:linear-gradient(135deg,var(--secondary-color)0%,#e89350 100%)}.pricing-card.in-room h3,.pricing-card.in-room .price,.pricing-card.in-room .duration{color:#fff}.popular-badge,.service-badge{background:var(--accent-color);color:#fff;box-shadow:var(--shadow);border-radius:20px;padding:6px 20px;font-size:.85rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.service-badge{background:#2d8b8a}.pricing-card h3{color:var(--text-dark);margin-bottom:20px;font-size:1.4rem;font-weight:600}.price{color:var(--primary-color);margin-bottom:10px;font-size:2.5rem;font-weight:700}.duration{color:#666;font-size:1.1rem;font-weight:500}.price-options{flex-direction:column;gap:20px;margin-top:20px;display:flex}.price-option{background:#fff3;border-radius:10px;flex-direction:column;gap:8px;padding:15px;display:flex}.pricing-info{background:var(--bg-cream);text-align:center;border-radius:15px;max-width:800px;margin:0 auto;padding:30px}.info-item{color:var(--text-dark);margin:15px 0;font-size:1.1rem;line-height:1.8}.info-item strong{color:var(--primary-color)}.benefits{background-color:#fff;padding:80px 20px}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;max-width:900px;margin:0 auto;display:grid}.benefit-item{background:var(--bg-cream);border-radius:10px;align-items:center;gap:15px;padding:20px;transition:transform .3s;display:flex}.benefit-item:hover{transform:translate(10px)}.benefit-icon{color:var(--primary-color);min-width:30px;font-size:1.5rem;font-weight:700}.benefit-item span:last-child{color:var(--text-dark);font-size:1.1rem}.cta-section{background:linear-gradient(135deg,var(--secondary-color)0%,#e89350 100%);text-align:center;padding:100px 20px}.cta-title{color:#fff;margin-bottom:20px;font-size:2.8rem;font-weight:700}.cta-text{color:#fffffff2;max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.3rem}@media (max-width:768px){.hero-main{gap:30px}.hero-logo-image{width:200px!important;height:200px!important}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.3rem}.hero-location{font-size:1.1rem}.section-title,.cta-title{font-size:2rem}.services-grid,.benefits-grid,.pricing-grid{grid-template-columns:1fr}.price{font-size:2rem}.pricing-info{padding:20px}.info-item{font-size:1rem}}
