/* ============================================================
   INSTITUTO VALVERDE · aviso de cookies (LGPD)
   Usa as variáveis do sistema visual da LP. Se carregado numa
   página sem elas, os fallbacks mantêm a identidade.
   ============================================================ */
.lgpd{
  position:fixed;left:0;right:0;bottom:0;z-index:120;
  background:var(--creme,#F7F3EB);
  border-top:1px solid rgba(177,138,87,.45);
  box-shadow:0 -18px 44px rgba(8,26,17,.18);
  transform:translateY(110%);transition:transform .5s cubic-bezier(.2,.7,.2,1);
  font-family:var(--sans,"Jost","Helvetica Neue",sans-serif)
}
.lgpd.on{transform:translateY(0)}
.lgpd .caixa{
  max-width:var(--max,1240px);margin:0 auto;padding:1.3rem 5vw;
  display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap
}
.lgpd p{
  margin:0;flex:1 1 380px;min-width:0;
  font-size:.86rem;line-height:1.75;color:var(--texto,#4A564E)
}
.lgpd p strong{
  display:block;font-family:var(--serif,"Cormorant Garamond",Georgia,serif);
  font-size:1.22rem;font-weight:400;color:var(--tinta,#141A16);margin-bottom:.25rem
}
.lgpd a{color:var(--verde,#175034);text-decoration:underline;text-underline-offset:3px}
.lgpd .acoes{display:flex;gap:.7rem;flex-wrap:wrap}
.lgpd button{
  font-family:inherit;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;
  padding:.92rem 1.6rem;border:1px solid var(--verde,#175034);cursor:pointer;
  background:var(--verde,#175034);color:var(--creme,#F7F3EB);transition:opacity .25s ease
}
.lgpd button.linha{background:transparent;color:var(--verde,#175034)}
.lgpd button:hover{opacity:.82}

/* botão de revogar, no rodapé */
.lgpd-rever{
  background:none;border:0;padding:0;cursor:pointer;font:inherit;
  color:inherit;text-decoration:underline;text-underline-offset:3px
}

@media (max-width:760px){
  /* na tela pequena o aviso não pode virar uma parede: texto menor e os dois
     botões lado a lado, para não roubar meia tela da paciente */
  .lgpd .caixa{padding:1rem 6vw 1.2rem;gap:.9rem}
  .lgpd p{font-size:.79rem;line-height:1.6}
  .lgpd p strong{font-size:1.08rem}
  .lgpd .acoes{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
  .lgpd button{padding:.85rem .6rem;font-size:.66rem;letter-spacing:.12em}
}
@media (prefers-reduced-motion:reduce){
  .lgpd{transition:none}
}
