/* ============================================================
   RÜJ — floating dock nav + fluid.glass-style footer
   Loaded ONLY by index.html. Namespaced .ruj-* / body.ruj-*
   to avoid clashing with the Bootstrap/RevSlider theme.
   ============================================================ */

:root{
  --ruj-ink:#0d0e11;
  --ruj-line:rgba(255,255,255,.16);
  --ruj-dock-bg:rgba(20,21,25,.86);
  --ruj-red:#c5302b;
  --ruj-ease:cubic-bezier(.22,1,.36,1);
  --ruj-ease-io:cubic-bezier(.65,0,.35,1);
}

/* ---- hide the theme's top header on index (dock-only nav) ---- */
#nav,
.header-black-bg{ display:none !important; }

/* ---------- the dock ---------- */
.ruj-dock{
  position:fixed; left:50%; bottom:22px; transform:translateX(-50%);
  z-index:9999; display:flex; align-items:stretch; height:54px;
  border:1px solid var(--ruj-line); border-radius:14px;
  background:var(--ruj-dock-bg); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  overflow:hidden; font-family:'Poppins',Arial,Helvetica,sans-serif;
}
.ruj-dock>*{ display:flex; align-items:center; justify-content:center; }
.ruj-dock-brand{ width:54px; border-right:1px solid var(--ruj-line); color:#fff; }
.ruj-dock-brand:hover,.ruj-dock-brand:focus{ color:#fff; }
.ruj-glyph{ width:22px; height:22px; border:1.5px solid #fff; border-radius:6px; transform:rotate(45deg); }
.ruj-dock-label{ padding:0 26px; min-width:120px; color:#fff;
  font-size:12px; letter-spacing:.2em; text-transform:uppercase; }
.ruj-dock-toggle{ width:58px; border:0; border-left:1px solid var(--ruj-line);
  background:none; cursor:pointer; color:#fff; }
.ruj-bars{ position:relative; width:20px; height:12px; }
.ruj-bars i{ position:absolute; left:0; right:0; height:1.5px; background:#fff; transition:.35s var(--ruj-ease); }
.ruj-bars i:nth-child(1){ top:0; }
.ruj-bars i:nth-child(2){ top:5px; }
.ruj-bars i:nth-child(3){ top:10px; }
.ruj-arrow{ display:none; font-size:18px; line-height:1; }

/* hamburger -> X when menu open */
body.ruj-menu-open .ruj-bars i:nth-child(1){ top:5px; transform:rotate(45deg); }
body.ruj-menu-open .ruj-bars i:nth-child(2){ opacity:0; }
body.ruj-menu-open .ruj-bars i:nth-child(3){ top:5px; transform:rotate(-45deg); }

/* at footer the toggle becomes a back-to-top arrow */
body.ruj-at-footer .ruj-bars{ display:none; }
body.ruj-at-footer .ruj-arrow{ display:block; }

/* ---------- scrim ---------- */
.ruj-scrim{
  position:fixed; inset:0; z-index:9990; background:rgba(0,0,0,.55);
  opacity:0; visibility:hidden; transition:opacity .5s var(--ruj-ease-io),visibility .5s var(--ruj-ease-io);
}
body.ruj-menu-open .ruj-scrim{ opacity:1; visibility:visible; }
body.ruj-at-footer .ruj-scrim{ opacity:0; visibility:hidden; } /* footer is already dark; no dim needed */

/* ---------- menu panel ---------- */
.ruj-panel{
  position:fixed; left:50%; bottom:90px; transform:translateX(-50%) translateY(16px) scale(.98);
  z-index:9995; width:min(420px,86vw); padding:30px 32px 28px;
  background:var(--ruj-dock-bg); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border:1px solid var(--ruj-line); border-radius:16px;
  opacity:0; visibility:hidden; transition:opacity .5s var(--ruj-ease-io), transform .5s var(--ruj-ease-io), visibility .5s var(--ruj-ease-io);
  font-family:'Poppins',Arial,Helvetica,sans-serif;
}
body.ruj-menu-open .ruj-panel{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0) scale(1); }
.ruj-panel-label{ font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.55); margin-bottom:18px; }
.ruj-panel-nav{ list-style:none; margin:0; padding:0; }
.ruj-panel-nav a{ display:inline-block; vertical-align:top; overflow:hidden; height:1.32em;
  color:#fff; text-decoration:none; font-weight:300; font-size:30px; line-height:1.32; }
.ruj-panel-nav a > span{ display:block; transition:transform .55s var(--ruj-ease-io); }
.ruj-panel-nav a > span > span{ display:block; height:1.32em; line-height:1.32em; }
.ruj-panel-nav a:hover > span{ transform:translateY(-1.32em); }
.ruj-panel-meta{ display:flex; justify-content:space-between; gap:20px; margin-top:24px;
  border-top:1px solid var(--ruj-line); padding-top:18px; font-size:14px; color:rgba(255,255,255,.6); }
.ruj-panel-meta a{ color:rgba(255,255,255,.6); text-decoration:none; display:block; line-height:1.8; }
.ruj-panel-meta a:hover{ color:#fff; }
.ruj-addr{ font-style:normal; font-size:12px; line-height:1.6; color:rgba(255,255,255,.4); margin-top:10px; }
.ruj-langs{ letter-spacing:.15em; font-size:12px; margin-bottom:6px; }
.ruj-langs a{ display:inline; }
.ruj-langs a.on{ color:var(--ruj-red); }
.ruj-cta{ display:flex; align-items:center; justify-content:center; gap:10px; width:100%; margin-top:22px;
  background:#fff; color:var(--ruj-ink); text-decoration:none; border-radius:11px; padding:15px;
  font-size:12px; letter-spacing:.18em; text-transform:uppercase; transition:opacity .2s; }
.ruj-cta:hover{ color:var(--ruj-ink); opacity:.85; }

/* ---------- footer (fluid.glass treatment) ---------- */
.ruj-footer{
  position:relative; isolation:isolate; min-height:80vh; display:flex; flex-direction:column; justify-content:flex-end;
  padding:8vh 4vw 4vh; overflow:hidden;
  background:linear-gradient(rgba(11,12,14,.26), rgba(11,12,14,.26)), linear-gradient(to bottom, rgba(11,12,14,.32) 0%, rgba(11,12,14,.06) 42%, rgba(11,12,14,.92) 100%), url('../images/splash_santarem.jpg') center/cover no-repeat;
  font-family:'Poppins',Arial,Helvetica,sans-serif; color:#fff;
}
.ruj-footer-mark{ position:absolute; z-index:3; left:50%; top:44%; transform:translate(-50%,-50%);
  width:60vw; max-width:1000px; pointer-events:none; }
.ruj-footer-mark img{ display:block; width:100%; height:auto; opacity:.16; }
.ruj-footer-rows{ position:relative; z-index:4; display:flex; justify-content:space-between; flex-wrap:wrap; gap:18px;
  border-top:1px solid var(--ruj-line); padding-top:22px; font-size:14px; color:rgba(255,255,255,.6); }
.ruj-footer-rows a{ color:rgba(255,255,255,.6); text-decoration:none; }
.ruj-footer-rows a:hover{ color:#fff; }
.ruj-soc{ display:inline; }
.ruj-soc a{ margin-left:18px; }
.ruj-footer-right a{ margin-left:22px; }
.ruj-iam{ margin-left:22px; letter-spacing:.15em; color:rgba(255,255,255,.45); }

@media (max-width:640px){
  .ruj-dock-label{ display:none; }
  .ruj-panel-nav a{ font-size:24px; }
  .ruj-footer-mark{ width:82vw; }
}


/* ---------- scroll-reveal intro (Vast-style word brighten) ---------- */
.ruj-reveal{ background:#a89d8e; padding:15vh 6vw; }
.ruj-reveal-text{ margin:0 auto; text-align:center; max-width:min(900px,72vw); font-family:'Poppins',Arial,Helvetica,sans-serif;
  font-weight:500; font-size:clamp(28px,3.2vw,46px); line-height:1.22; color:#7d7264; }
.ruj-reveal-text .ruj-rw{ transition:color .2s ease-out; }
@media (max-width:640px){ .ruj-reveal{ padding:12vh 7vw; } .ruj-reveal-text{ font-size:30px; } }


/* ---------- footer clouds (real video: white clouds on black via screen blend) ---------- */
.ruj-cloud-vid{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;
  z-index:1; mix-blend-mode:screen; pointer-events:none; opacity:.8; }
/* keep the link row readable under the drifting clouds */
.ruj-footer::after{ content:''; position:absolute; left:0; right:0; top:0; bottom:0; z-index:2;
  pointer-events:none; background:linear-gradient(to bottom, transparent 50%, rgba(11,12,14,.88) 100%); }
@media (prefers-reduced-motion: reduce){ .ruj-cloud-vid{ display:none; } }