/* AI Week: página Local, só o que é dela. As peças comuns estão em paginas.css. O mapa é o Google Maps
   incorporado, escurecido por filtro para entrar no preto do site (o alfinete continua visível); o cartão
   de endereço fica por cima. As placas seguem o kit, seção 15: uma decisão por placa, destino e direção,
   texto e seta contrastantes. */
.lc-mapa{position:relative;height:clamp(420px,calc(34*var(--vw)),560px);border-top:1px solid rgba(255,255,255,.12);background:#0b0b0b}
.lc-mapa-frame{position:absolute;inset:0;width:100%;height:100%;border:0;filter:invert(.92) hue-rotate(180deg) saturate(.35) brightness(.88) contrast(1.05)}
.lc-mapa-in{position:relative;height:100%;display:flex;align-items:center;justify-content:flex-end;pointer-events:none}
/* o cartão fica à direita: à esquerda, em cima, o Google mostra o cartão dele com o nome do lugar */
.lc-cartao{width:min(360px,100%);padding:clamp(20px,calc(2.2*var(--vw)),32px);background:#141414;border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--laranja);box-shadow:0 24px 60px rgba(0,0,0,.6);pointer-events:auto}
.lc-cartao-rotulo{font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#B3B3B3}
.lc-cartao-end{margin-top:10px;font-size:17px;line-height:1.5}
.lc-cartao-dados{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
.lc-cartao-dados dt{font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#B3B3B3}
.lc-cartao-dados dd{margin-top:6px;font-family:var(--f-titulo);font-weight:800;font-size:24px;line-height:1;text-transform:uppercase}
.lc-link{display:inline-block;margin-top:20px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff;text-decoration:underline;text-underline-offset:.35em}
.lc-link:hover{color:var(--laranja)}

/* placas: fundo preto, faixa laranja, destino em Barlow e a seta */
.lc-placas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,calc(2*var(--vw)),32px);margin-top:clamp(32px,calc(3.5*var(--vw)),56px)}
.lc-placas li{position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px 16px;min-height:200px;padding:clamp(22px,calc(2.4*var(--vw)),32px);background:#0b0b0b;border:1px solid rgba(255,255,255,.12);border-top:6px solid var(--laranja)}
.lc-destino{grid-column:1/-1;align-self:start;font-family:var(--f-titulo);font-weight:800;font-size:clamp(36px,calc(3.4*var(--vw)),56px);line-height:.95;text-transform:uppercase}
.lc-espaco{font-size:15px;color:rgba(255,255,255,.86)}
.lc-seta{font-family:var(--f-titulo);font-weight:800;font-size:clamp(40px,calc(3.6*var(--vw)),60px);line-height:.8;color:var(--laranja)}
#chegar .pg-acoes{margin-top:clamp(32px,calc(3.5*var(--vw)),48px)}

@media (max-width:1000px){
  .lc-placas{grid-template-columns:1fr}
  .lc-mapa{height:auto}
  .lc-mapa-frame{position:relative;height:360px}
  .lc-mapa-in{height:auto;padding-block:16px}
}

/* o logo da Unicamp (provisório, ver .unicamp em base.css): completo ao lado do título, na altura das
   duas linhas, com um traço fino entre os dois; e pequeno no canto de baixo do cartão do endereço, ao lado do link do mapa */
.lc-titulo{display:flex;align-items:stretch;gap:clamp(20px,calc(2.4*var(--vw)),36px);margin-top:16px}
.lc-titulo .pg-h1{margin-top:0}
.lc-titulo .unicamp-logo{align-self:center;width:auto;height:clamp(96px,calc(10*var(--vw)),170px);padding-right:clamp(20px,calc(2.4*var(--vw)),36px);border-right:1px solid rgba(255,255,255,.22)}
.lc-cartao{position:relative}
.lc-cartao-unicamp{position:absolute;bottom:clamp(16px,calc(1.8*var(--vw)),24px);right:clamp(20px,calc(2.2*var(--vw)),32px);width:auto;height:48px;opacity:.9}