/* ====== Brand Footer (v2) ====== */

/* Fonts per direction */
.brand-footer,
.brand-footer * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html[dir="rtl"] .brand-footer { font-family: "Cairo", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif; }
html[dir="ltr"] .brand-footer { font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif; }

/* Brand palette */
:root{
  --brand-primary: #441b7b;
  --brand-primary-2: #6a3fc7;
  --ink: #0b0f19;
  --ink-2: #6c7583;
  --wa: #25D366;
  --call: #3861fb;
}

/* Background */
.brand-footer{
  background: linear-gradient(180deg, #cfe4ff 0%, #a8c9f0 100%);
  padding-block: 28px 12px;
}

/* Panel */
.brand-footer__panel{
  background: #fff;
  border-radius: 28px;
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
}

/* Titles & links */
.brand-footer__title{
  font-weight: 800;
  color: var(--ink);
  letter-spacing: .1px;
  margin-bottom: .75rem;
}
.brand-footer__links{ list-style:none; padding:0; margin:0; }
.brand-footer__links li + li{ margin-top:.5rem; }
.brand-footer__links a{
  color: var(--ink); text-decoration:none;
  transition: color .15s ease, opacity .15s ease;
}
.brand-footer__links a:hover{ color: var(--brand-primary); }

/* About & logo */
.brand-footer__logo{ height:54px; object-fit:contain; }
.brand-footer__about{ color: var(--ink); line-height:1.9; font-size:1.05rem; }

/* Social */
.brand-footer__social a{
  font-size:1.35rem; color: var(--ink); opacity:.85;
  transition: opacity .15s, color .15s, transform .12s;
}
.brand-footer__social a:hover{
  opacity:1; color: var(--brand-primary); transform: translateY(-1px);
}

/* WhatsApp pill */
.btn-brand-whatsapp{
  display:inline-flex; align-items:center; gap:.6rem;
  padding:.9rem 1.35rem; border-radius:999px; border:0;
  background: linear-gradient(180deg, var(--brand-primary-2), var(--brand-primary));
  color:#fff; font-weight:800;
  box-shadow:0 14px 32px rgba(37,211,102,.20);
  transition: transform .12s ease, filter .12s ease;
}
.btn-brand-whatsapp .bi{ font-size:1.25rem; }
.btn-brand-whatsapp:hover{ color:#fff; transform:translateY(-1px); filter:saturate(1.05); }

/* Bottom bar */
.brand-footer__bottom{ color:#0d1b2a; }
.brand-footer__bottom a{ color:inherit; text-decoration:none; opacity:.85; }
.brand-footer__bottom a:hover{ opacity:1; text-decoration:underline; }

/* Floating buttons */
.floating-btn{
  position:fixed; inset-inline-end:18px; width:58px; height:58px; bottom:26px;
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  color:#fff; box-shadow:0 14px 30px rgba(0,0,0,.22); z-index:1060;
  transition: transform .15s ease;
}
.floating-btn:hover{ transform:translateY(-2px); }
.floating-btn--wa{ background:var(--wa); }
.floating-btn--call{ bottom:95px; background:var(--call); }
/* LTR tweak */
[dir="ltr"] .floating-btn{ inset-inline-end:auto; inset-inline-start:18px; }

/* ====== Dark mode ====== */
html[data-bs-theme="dark"] .brand-footer{
  background: linear-gradient(180deg, #0e1933 0%, #0a1531 100%);
}
html[data-bs-theme="dark"] .brand-footer__panel{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(8px) saturate(120%);
  -webkit-backdrop-filter: blur(8px) saturate(120%);
}
html[data-bs-theme="dark"] .brand-footer__title,
html[data-bs-theme="dark"] .brand-footer__links a,
html[data-bs-theme="dark"] .brand-footer__about,
html[data-bs-theme="dark"] .brand-footer__bottom{
  color:#f1f1f6;
}
html[data-bs-theme="dark"] .brand-footer__links a{ opacity:.95; }
html[data-bs-theme="dark"] .brand-footer__links a:hover{ color:#cbb8ff; }
html[data-bs-theme="dark"] .brand-footer__social a{ color:#e9e7f5; opacity:.9; }
html[data-bs-theme="dark"] .brand-footer__social a:hover{ color:#cbb8ff; }

/* ====== Responsive ====== */
@media (max-width: 1199.98px){
  .brand-footer__panel{ border-radius:24px; }
}
@media (max-width: 991.98px){
  .brand-footer__panel{ padding-inline:.75rem; }
  .brand-footer__about{ font-size:1rem; }
}
@media (max-width: 767.98px){
  .brand-footer__logo{ height:48px; }
  .brand-footer__social{ justify-content:center; }
  .btn-brand-whatsapp{ width:100%; justify-content:center; }
}
@media (max-width: 575.98px){
  .brand-footer{ padding-block:20px 10px; }
  .brand-footer__panel{ border-radius:20px; }
  .brand-footer__title{ font-size:1.05rem; }
  .brand-footer__links li + li{ margin-top:.4rem; }
}