/* assets/style.css */

/* ---------- Footer elegante reutilizável (tema dinâmico através de classes/variáveis inline) ---------- */

.lot-footer {
    color: #fff;
    padding: 28px 0;
    margin-top: 48px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
  .lot-footer .footer-inner { max-width:1200px; margin:0 auto; padding:0 20px; }
  .lot-footer a { color: rgba(255,255,255,0.95); text-decoration:none; }
  .lot-footer a:hover { text-decoration:underline; }
  .lot-footer .small-muted { color: rgba(255,255,255,0.9); opacity:0.9; font-size:.9rem; }
  .lot-footer .brand {
    display:flex; align-items:center; gap:.6rem; font-weight:700; letter-spacing:.2px;
  }
  .lot-footer .brand .dot {
    width:34px; height:34px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center;
    box-shadow:0 4px 14px rgba(0,0,0,.08);
    font-weight:800; color:#fff;
  }
  .lot-footer .col-quicklinks a { display:block; margin-bottom:.35rem; }
  .lot-footer .pill { display:inline-block; padding:.25rem .5rem; border-radius:999px; font-weight:700; font-size:.85rem; margin-right:.35rem; opacity:0.98; }
  
  /* responsive */
  @media (max-width:767px) {
    .lot-footer .brand { gap:.4rem; font-size:.95rem; }
    .lot-footer .col-quicklinks { margin-top: .75rem; }
  }
  
  /* small helpers used by badge in footer (kept neutral) */
  .footer-badge {
    display:inline-block; padding:.18rem .45rem; border-radius:999px; font-weight:700; font-size:.85rem; color:#fff;
    background: rgba(0,0,0,0.12);
  }
  
  /* If you want to style the footer variants using inline CSS in PHP, the colors will be applied as inline background gradient.
     Additional small helper to ensure links inside footer look OK on light/dark backgrounds. */
  .lot-footer .footer-inner a.small-muted { color: rgba(255,255,255,0.95); opacity:.92; }
  
  /* Optional: small shadow to separate footer from page content */
  .lot-footer::before {
    content: "";
    display:block;
    height:6px;
    margin-top:-6px;
    box-shadow: 0 -8px 24px rgba(0,0,0,0.06);
  }