/*----------------------------------------------------------
  FixGarage - paginas legais (termos-uso.html, politica-privacidade.html)
  Paleta do consumidor: docs/Fix Business.txt
----------------------------------------------------------*/

:root {
   --lg-bg-1: #00044c;
   --lg-bg-2: #0a4ec9;
   --lg-footer: #030c18;
   --lg-accent: #9bffb2;
   --lg-text: #ffffff;
   --lg-muted: rgba(255, 255, 255, 0.74);
   --lg-border: rgba(255, 255, 255, 0.12);
}

body.legal {
   margin: 0;
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   color: var(--lg-text);
   background: linear-gradient(160deg, var(--lg-bg-1) 0%, var(--lg-bg-2) 140%) fixed;
}

.legal-header {
   background: rgba(0, 4, 76, 0.78);
   backdrop-filter: blur(18px);
   -webkit-backdrop-filter: blur(18px);
   border-bottom: 1px solid var(--lg-border);
   position: sticky;
   top: 0;
   z-index: 10;
}

.legal-header .container {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-top: 18px;
   padding-bottom: 18px;
}

.legal-header img {
   height: 34px;
}

.legal-back {
   color: var(--lg-muted);
   font-size: 0.9rem;
   text-decoration: none;
}

.legal-back:hover {
   color: var(--lg-accent);
}

.legal-main {
   flex: 1;
   padding: 64px 0 80px;
}

.legal-doc {
   max-width: 820px;
   margin: 0 auto;
   padding: 48px;
   background: rgba(3, 12, 24, 0.55);
   border: 1px solid var(--lg-border);
   border-radius: 20px;
   box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
}

.legal-doc h1 {
   font-size: clamp(1.7rem, 4vw, 2.4rem);
   line-height: 1.2;
   color: var(--lg-text);
   margin-bottom: 8px;
}

.legal-updated {
   color: var(--lg-accent);
   font-size: 0.9rem;
   margin-bottom: 36px;
}

.legal-doc h2 {
   font-size: 1.25rem;
   color: var(--lg-text);
   margin: 36px 0 12px;
}

.legal-doc h3 {
   font-size: 1.05rem;
   color: var(--lg-accent);
   margin: 24px 0 8px;
}

.legal-doc p,
.legal-doc li {
   color: var(--lg-muted);
   font-size: 1rem;
   line-height: 1.75;
}

.legal-doc p {
   margin-bottom: 14px;
}

.legal-doc ul {
   padding-left: 22px;
   margin-bottom: 14px;
}

.legal-doc li {
   margin-bottom: 8px;
}

.legal-doc li strong,
.legal-doc p strong {
   color: var(--lg-text);
}

.legal-doc a {
   color: var(--lg-accent);
}

.legal-footer {
   background: var(--lg-footer);
   padding: 28px 0;
   font-size: 0.85rem;
   color: rgba(255, 255, 255, 0.7);
}

.legal-footer .container {
   display: flex;
   flex-wrap: wrap;
   gap: 12px 24px;
   justify-content: space-between;
}

.legal-footer ul {
   list-style: none;
   padding: 0;
   margin: 0;
   display: flex;
   flex-wrap: wrap;
   gap: 8px 24px;
}

.legal-footer a {
   color: rgba(255, 255, 255, 0.7);
   text-decoration: none;
}

.legal-footer a:hover {
   color: var(--lg-accent);
}

@media (max-width: 767px) {
   .legal-main {
      padding: 32px 0 48px;
   }

   .legal-doc {
      padding: 28px 20px;
      border-radius: 14px;
   }
}