/* Meu Hotel — Guia de Pipa® */
:root{
  --navy:#0b2d4d;
  --navy-2:#123b5f;
  --green:#176b52;
  --gold:#c69a3a;
  --gold-2:#f4d38a;
  --cream:#f7f4ec;
  --paper:#fffaf2;
  --ink:#183044;
  --muted:#66737c;
  --line:#ded7c9;
  --danger:#b64232;
  --shadow:0 18px 44px rgba(11,45,77,.22);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 12% 0%, rgba(198,154,58,.14), transparent 26rem),
    radial-gradient(circle at 100% 30%, rgba(23,107,82,.12), transparent 22rem),
    #0f1115;
  line-height:1.45;
}
a{color:inherit;text-decoration:none}
button{font:inherit}
.page{
  width:min(100%, 520px);
  min-height:100svh;
  margin:0 auto;
  padding:14px;
}
.hero{
  position:relative;
  overflow:hidden;
  min-height:640px;
  border-radius:calc(var(--radius) + 4px);
  box-shadow:var(--shadow);
  background:var(--navy);
  isolation:isolate;
}
.hero__image{
  position:absolute;
  inset:0;
  background:center/cover no-repeat;
  transform:scale(1.01);
  z-index:-2;
}
.hero::after{
  content:"";
  position:absolute;
  right:-110px;
  bottom:-110px;
  width:260px;
  height:260px;
  border:1px solid rgba(255,255,255,.32);
  border-radius:50%;
  box-shadow:0 0 0 18px rgba(255,255,255,.05), 0 0 0 38px rgba(255,255,255,.035);
  z-index:-1;
}
.hero__content{
  min-height:640px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:24px;
  color:white;
}
.brand-row{
  position:absolute;
  top:20px;
  left:20px;
  right:20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.client-logo{
  width:74px;
  height:74px;
  object-fit:contain;
  padding:8px;
  border-radius:18px;
  background:rgba(255,250,242,.92);
  box-shadow:0 8px 22px rgba(0,0,0,.16);
}
.guide-label{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  backdrop-filter:blur(10px);
  background:rgba(11,45,77,.30);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-align:right;
}
.eyebrow,.section-kicker{
  margin:0 0 8px;
  color:var(--gold-2);
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.hero h1{
  margin:0;
  font-size:clamp(48px, 14vw, 76px);
  line-height:.9;
  font-weight:900;
  letter-spacing:-.06em;
}
.lead{
  max-width:420px;
  margin:14px 0 0;
  font-size:18px;
  color:rgba(255,255,255,.88);
}
.hotel-status{
  margin:22px 0 0;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:18px;
  background:rgba(11,45,77,.48);
  color:rgba(255,255,255,.90);
  font-size:14px;
  backdrop-filter:blur(10px);
}
.hotel-status--ok{border-color:rgba(244,211,138,.5);background:rgba(23,107,82,.42)}
.hotel-status--error{border-color:rgba(255,185,170,.55);background:rgba(182,66,50,.42)}
.hotel-status--loading{border-color:rgba(244,211,138,.5);background:rgba(198,154,58,.28)}
.actions{
  display:grid;
  gap:10px;
  margin-top:16px;
}
.btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:54px;
  padding:14px 18px;
  border:0;
  border-radius:18px;
  cursor:pointer;
  font-weight:900;
  text-align:center;
  transition:transform .18s ease, filter .18s ease, opacity .18s ease;
}
.btn:hover{transform:translateY(-1px);filter:brightness(1.04)}
.btn:disabled{
  cursor:not-allowed;
  opacity:.55;
  transform:none;
}
.btn--primary{
  color:#071019;
  background:linear-gradient(135deg,var(--gold),var(--gold-2));
}
.btn--maps{
  color:#071019;
  background:linear-gradient(135deg,#34a853 0%,#fbbc05 48%,#4285f4 100%);
}
.btn--danger{
  color:white;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.24);
}
.btn--home{
  color:white;
  background:rgba(11,45,77,.62);
  border:1px solid rgba(255,255,255,.26);
}
.info-card{
  margin-top:14px;
  padding:24px;
  border-radius:var(--radius);
  background:var(--paper);
  box-shadow:var(--shadow);
}
.info-card h2{
  margin:0 0 10px;
  font-size:26px;
  line-height:1.02;
  color:var(--navy);
}
.info-card ol{
  margin:0;
  padding-left:20px;
}
.info-card li{margin:8px 0;color:#354b5a}
.privacy{
  margin:16px 0 0;
  padding:14px;
  border-radius:16px;
  background:var(--green-soft,#edf4ed);
  color:#355245;
  font-size:14px;
}
@media (max-width:480px){
  .page{padding:10px}
  .hero,.hero__content{min-height:calc(100svh - 20px)}
  .hero__content{padding:20px}
  .brand-row{top:16px;left:16px;right:16px}
  .guide-label{font-size:10px;max-width:230px}
  .client-logo{width:60px;height:60px;border-radius:15px}
  .lead{font-size:16px}
}


.privacy-note{margin-top:18px;text-align:center;font-size:.9rem;color:rgba(255,255,255,.75);line-height:1.5}


/* Dark background fix — Guia de Pipa */
html,
body{
  background:#0f1115 !important;
  color:#ffffff !important;
}

.page{
  background:#0f1115 !important;
}

.hero{
  background:#0f1115 !important;
}

.hero__image{
  opacity:.92;
}

.info-card{
  background:#181c22 !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 44px rgba(0,0,0,.35);
}

.info-card h2{
  color:#ffffff !important;
}

.info-card li,
.info-card p{
  color:rgba(255,255,255,.82) !important;
}

.privacy{
  background:rgba(255,255,255,.07) !important;
  color:rgba(255,255,255,.78) !important;
  border:1px solid rgba(255,255,255,.08);
}

.privacy-note{
  color:rgba(255,255,255,.78) !important;
}