:root{
  --primary:#0d6efd;
  --dark:#0f172a;
  --accent:#f59e0b;
}
body{background:#f8fafc;color:#0f172a;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.premium-nav,.nav-premium{background:linear-gradient(90deg,#0f172a,#112d4e)}
.brand-badge,.brand-mark{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.15)}
.hero-section{background:linear-gradient(120deg,rgba(15,23,42,.92),rgba(17,45,78,.85)), url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat}
.min-vh-60{min-height:60vh}
.glass-card{background:rgba(255,255,255,.14);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.2)}
.mini-feature{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);padding:.9rem;border-radius:16px;text-align:center}
.feature-box,.stat-card{background:#fff;border-radius:24px;padding:1.5rem;box-shadow:0 12px 30px rgba(15,23,42,.08);height:100%}
.stat-card h3{font-size:2rem;margin-top:.4rem}
.card-hover{transition:transform .2s ease, box-shadow .2s ease}
.card-hover:hover{transform:translateY(-6px);box-shadow:0 16px 35px rgba(15,23,42,.12)!important}
.service-cover{height:220px;background:#dbe4f0 center/cover no-repeat}
.detail-cover{height:420px}
.footer-premium{background:linear-gradient(180deg,#0f172a,#111827)}
.chat-box{min-height:420px;background:#f8fafc}
.chat-bubble{max-width:80%;padding:.85rem 1rem;border-radius:18px;margin-bottom:.75rem;box-shadow:0 8px 18px rgba(15,23,42,.06)}
.chat-bubble.user{background:#e2e8f0}
.chat-bubble.admin{background:#dbeafe;margin-left:auto}
.table> :not(caption)>*>*{padding:.9rem .75rem}


.hero-logo {
  max-height: 260px;
  width: auto;
  object-fit: contain;
  filter: drop-shadow(0 12px 30px rgba(0,0,0,.18));
}

.hero-logo-placeholder {
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px dashed rgba(255,255,255,.35);
  border-radius: 1.25rem;
  background: rgba(255,255,255,.08);
  padding: 1.5rem;
}

.site-brand-logo{height:44px;width:auto;max-width:140px;object-fit:contain;border-radius:12px;background:rgba(255,255,255,.12);padding:.2rem .35rem}
.footer-brand-logo{height:64px;width:auto;max-width:160px;object-fit:contain;border-radius:16px;background:rgba(255,255,255,.1);padding:.35rem .5rem}


.whatsapp-float{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:1080;
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  background:#25D366;
  color:#fff;
  text-decoration:none;
  padding:.9rem 1rem;
  border-radius:999px;
  box-shadow:0 16px 30px rgba(0,0,0,.18);
  font-weight:700;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.whatsapp-float:hover{
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 20px 34px rgba(0,0,0,.22);
  filter:brightness(1.02);
}
.whatsapp-float i{font-size:1.45rem;line-height:1}

.whatsapp-float-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.whatsapp-float svg{display:block}
.whatsapp-float-text{font-size:.95rem}
@media (max-width: 767.98px){
  .whatsapp-float{
    right:14px;
    bottom:14px;
    width:58px;
    height:58px;
    justify-content:center;
    padding:0;
  }
  .whatsapp-float i{font-size:1.7rem}
}


.gallery-card .service-cover{height:240px}
.gallery-modal-image{min-height:320px;background:#dbe4f0 center/cover no-repeat}
@media (min-width: 992px){
  .gallery-modal-image{min-height:100%;height:100%}
}