/* Página dedicada ao aviso de mudança de endereço
   (endereco.aniversariodoisaac.com.br).

   CSS próprio e enxuto: a página é feita pra abrir rápido a partir de um link
   do WhatsApp, então não carrega o style.css do convite (hero, tickets, drawer).
   Reaproveita só os tokens de cor e as fontes da identidade. */

:root{
  --cream:#F4ECD8;
  --paper:#FBF6E9;
  --red:#C0392B;
  --blue:#3B5A78;
  --gold:#C99A3B;
  --green:#4E8050;
  --ink:#2E2A24;
}

*{box-sizing:border-box;margin:0;padding:0}

body{
  font-family:'Nunito',sans-serif;
  color:var(--ink);
  background:#f1e4c2 url(../assets/bg-tile.jpg) center/420px repeat;
  min-height:100svh;
  display:flex;flex-direction:column;
}

/* Faixa postal — mesma assinatura visual do convite. */
.faixa{
  height:7px;flex:none;
  background:repeating-linear-gradient(90deg,
    var(--red) 0 16px,var(--cream) 16px 32px,var(--blue) 32px 48px,
    var(--gold) 48px 64px,var(--green) 64px 80px);
}

.pagina{
  flex:1;width:100%;max-width:520px;margin:0 auto;
  padding:26px 22px calc(30px + env(safe-area-inset-bottom,0px));
  text-align:center;
}

.kicker{
  font-family:'Special Elite',monospace;font-size:12px;letter-spacing:2px;
  text-transform:uppercase;color:var(--blue);opacity:.85;
}

/* Selo carimbado do aviso — é o elemento mais importante da página, então vai
   em vermelho sólido (não mais só contorno) com picote branco por dentro. */
.aviso{
  display:block;margin:16px 0 24px;padding:18px 20px;
  font-family:'Special Elite',monospace;font-weight:400;
  font-size:clamp(19px,6vw,28px);letter-spacing:2px;line-height:1.3;
  text-transform:uppercase;color:#FFF7E8;
  background:var(--red);
  border:3px dashed rgba(255,247,232,.85);border-radius:12px;
  box-shadow:0 14px 30px rgba(192,57,43,.38);
  transform:rotate(-1.2deg);
}

.cartao{
  background:var(--paper);border:1px solid #e6d9b8;border-radius:16px;
  padding:24px 22px;box-shadow:0 16px 34px rgba(59,90,120,.16);
  text-align:left;
}

.rotulo{
  font-family:'Special Elite',monospace;font-size:10.5px;letter-spacing:1.6px;
  text-transform:uppercase;color:#A8842E;
}

.quando{margin-top:6px;font-size:17px;font-weight:700;color:var(--blue);line-height:1.35}
.quando span{display:block;font-size:15px;font-weight:600;opacity:.8}

.divisor{
  border:0;border-top:2px dashed rgba(59,90,120,.35);
  margin:18px 0;
}

/* Logo à esquerda, texto à direita — alinhado à esquerda, sem placa de fundo. */
.local-bloco{margin-top:10px;display:flex;align-items:center;gap:12px}
.local-logo{flex:none;width:auto;height:clamp(88px,23vw,118px)}
.local-texto{min-width:0}
.nome-local{font-size:clamp(20px,5.4vw,25px);font-weight:800;color:var(--blue);line-height:1.15}
.endereco{margin-top:2px;font-size:clamp(15px,4vw,18px);font-weight:700;line-height:1.3;opacity:.92}
.referencia{margin-top:4px;font-size:15px;opacity:.75}

.gps{margin-top:24px;text-align:left}
.rotulo-gps{text-align:center;margin-bottom:11px}
.gps-opcoes{display:flex;flex-direction:column;gap:10px}

.gps-app{
  display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);
  padding:15px 20px;background:#fff;border:1.5px solid rgba(59,90,120,.20);
  border-radius:14px;box-shadow:0 6px 16px rgba(59,90,120,.15);
  transition:transform .15s;
}
.gps-app:active{transform:scale(.98)}
.gps-app:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
/* Cada logo tem proporção própria (pin e maçã são altos e estreitos): o slot é
   quadrado e o SVG se encaixa dentro. A maçã vai menor por compensação ótica. */
.gps-logo{width:32px;height:32px;flex:none}
.gps-logo-apple{width:28px;height:28px;margin:0 2px}
.gps-nome{font-size:18px;font-weight:800;color:var(--blue)}

.copiar{
  margin-top:20px;cursor:pointer;
  background:var(--blue);color:#fff;border:0;border-radius:50px;
  font-family:'Special Elite',monospace;font-size:12.5px;letter-spacing:1.6px;
  text-transform:uppercase;padding:13px 26px;
  box-shadow:0 8px 18px rgba(59,90,120,.32);transition:transform .15s;
}
.copiar:active{transform:scale(.96)}
.copiar:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.copiar-status{min-height:20px;margin-top:8px;font-size:13px;color:var(--green);font-weight:700}
/* Navegador sem permissão de área de transferência: instrução, não confirmação. */
.copiar-status.is-aviso{color:var(--blue)}

.aviao{display:block;width:120px;margin:26px auto 0;opacity:.9;transform:scaleX(-1)}
.assinatura{
  margin-top:6px;font-family:'Special Elite',monospace;font-size:12px;
  letter-spacing:1.6px;text-transform:uppercase;color:var(--blue);
}

@media (min-width:620px){
  .pagina{max-width:600px;padding-top:40px}
  .cartao{padding:30px 32px}
  .gps-nome{font-size:19px}
}

@media (prefers-reduced-motion:reduce){
  .gps-app,.copiar{transition:none}
}