/* css/style.css - Resort de Lujo */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');

:root{
  --blue-dark:#002B5B;
  --gold:#D4AF37;
  --white:#FFFFFF;
  --muted:#F4F4F4;
  --text:#222;
}

*{box-sizing:border-box}
body{
  font-family:'Poppins',sans-serif;
  color:var(--text);
  background:var(--white);
  margin:0;
}

/* Brand */
.brand-text{ font-weight:600; color:var(--blue-dark); letter-spacing:0.2px; }

/* Navbar */
.navbar.bg-transparent.scrolled{ background: rgba(0,0,0,0.65) !important; transition: background 0.25s ease; }
/*.navbar .nav-link{ color: rgba(255,255,255,0.95); }*/
.btn-outline-gold{
  border-color: rgba(212,175,55,0.95);
  color: rgba(212,175,55,0.95);
}
.btn-outline-gold:hover{
  background: rgba(212,175,55,0.95);
  color: #fff;
}

/* Hero */
.hero{
  min-height:86vh;
  background: linear-gradient(180deg, rgba(0,43,91,0.6), rgba(0,43,91,0.4)), url('../images/hero.jpg')
  center/cover no-repeat;
  color: #fff;
  display:flex;
  align-items:center;
}
.hero .container{ max-width:1100px; text-align:center; }
.hero h1{ font-size:2.6rem; font-weight:700; letter-spacing:0.4px; margin-bottom:0.6rem; }
.hero p.lead{ font-size:1.05rem; opacity:0.95; margin-bottom:1.2rem; }

/* Buttons */
.btn-hero{
  background: linear-gradient(90deg,var(--gold), #f2c86b);
  border: none;
  color: var(--blue-dark);
  font-weight:700;
  padding:12px 26px;
  border-radius:8px;
  box-shadow: 0 6px 22px rgba(0,0,0,0.25);
}
.btn-hero:hover{ transform: translateY(-3px); transition:0.25s; }

/* Cards */
.card-hover{ transition: transform 0.25s ease, box-shadow 0.25s ease; }
.card-hover:hover{ transform: translateY(-10px); box-shadow:0 18px 60px rgba(2,20,40,0.35); }

section{ padding:60px 0; }
.bg-muted{ background:var(--muted); }
footer{ border-top:1px solid rgba(0,0,0,0.05); }

@media (max-width:768px){
  .hero h1{ font-size:1.8rem; }
  .navbar .nav-link{ font-size:0.95rem; }
}
