/* =========================================================
   Elementar Digital — legal.css (Termos de Uso e Privacidade)
   Reaproveita as variáveis e o design system de style.css
   ========================================================= */

.legal{
  padding:calc(var(--header-h) + 56px) 0 96px;
  background:var(--gray-bg);
  min-height:100vh;
}

.legal__card{
  max-width:820px;
  margin:0 auto;
  background:var(--white);
  border:var(--stroke-box);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-box-orange);
  padding:clamp(28px,5vw,64px);
}

.legal__card h1{
  color:var(--dark);
  font-size:clamp(26px,4vw,36px);
}

.legal__updated{
  font-size:14px;
  color:#7a7a7a;
  margin-bottom:32px;
}

.legal-content h2{
  color:var(--orange);
  font-weight:var(--w-semibold);
  font-variation-settings:'wght' 600;
  font-size:clamp(19px,2.4vw,24px);
  margin:36px 0 14px;
}
.legal-content h2:first-child{margin-top:0;}

.legal-content h3{
  color:var(--dark);
  font-weight:var(--w-semibold);
  font-variation-settings:'wght' 600;
  font-size:17px;
  margin:24px 0 10px;
}

.legal-content p{
  color:#4a4a4a;
  font-size:15.5px;
  line-height:1.7;
  margin:0 0 16px;
}

.legal-content strong{
  color:var(--dark);
  font-weight:var(--w-semibold);
  font-variation-settings:'wght' 600;
}

.legal-content ul{
  margin:0 0 16px;
  padding:0;
}
.legal-content li{
  position:relative;
  list-style:none;
  padding-left:22px;
  margin-bottom:10px;
  color:#4a4a4a;
  font-size:15.5px;
  line-height:1.6;
}
.legal-content li::before{
  content:"";
  position:absolute;
  left:0;top:9px;
  width:8px;height:8px;
  border-radius:50%;
  background:var(--orange);
}

.legal-content a{
  color:var(--orange);
  text-decoration:underline;
  text-underline-offset:2px;
}

/* =========================
   COOKIE BANNER
   ========================= */
.cookie-banner{
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:700;
  background:var(--white);
  border-top:var(--stroke-box);
  padding:20px 0;
  transform:translateY(110%);
  transition:transform .5s var(--ease);
}
.cookie-banner[data-visible="true"]{transform:translateY(0);}
.cookie-banner__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
}
.cookie-banner p{
  margin:0;
  font-size:14px;
  color:#4a4a4a;
  max-width:640px;
}

@media (max-width:768px){
  .legal{padding:calc(var(--header-h) + 32px) 0 64px;}
  .legal__card{border-radius:var(--radius-md);}
  .cookie-banner__inner{flex-direction:column;align-items:flex-start;text-align:left;}
  .cookie-banner .btn{width:100%;justify-content:center;}
}