/* ==========================================================================
   AMARELA · common.css — base, header/nav, menu mobile, footer, botões.
   Carregado em todas as páginas (homepage + página de privacidade, etc.).
   ========================================================================== */

.amr, .amr *{ box-sizing: border-box; }

:root {
  --amr-yellow:#fcb900; --amr-yellow-deep:#E0A800;
  --amr-black:#141414; --amr-ink:#1A1A1A; --amr-cream:#FBF6EC; --amr-white:#fff;
  --amr-muted:#6B6B6B; --amr-line:#EBE5D6;
  --amr-btn-radius:4px; --amr-maxw:1180px; --amr-ease:cubic-bezier(.22,1,.36,1);
}

html { scroll-behavior: smooth; }
body.amr { margin: 0; }

.amr {
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  color:var(--amr-ink); line-height:1.6; font-size:17px; -webkit-font-smoothing:antialiased;
  background:var(--amr-white);
}
.amr p { margin:0 0 1.1em; }
.amr a { text-decoration:none; }
:where(.amr a) { color:inherit; }  /* reset de cor com especificidade 0: qualquer regra de cor (logo, botões, email, footer) vence */
.amr img, .amr video { max-width:100%; display:block; }
.amr h1, .amr h2, .amr h3, .amr .amr-display {
  font-family:'Anton',Impact,sans-serif; font-weight:400; text-transform:uppercase;
  letter-spacing:.005em; line-height:1.1; margin:0;
}
.amr-kicker {
  font-family:'Inter',sans-serif; font-weight:600; text-transform:uppercase;
  letter-spacing:.22em; font-size:.72rem;
}
.amr-yel, .amr .amarela-hl { color:var(--amr-yellow); }

/* âncoras não ficam escondidas sob o header sticky */
#hero, #sobre, #servicos, #contacto { scroll-margin-top: 82px; }

/* containers */
.amr-wrap { max-width:var(--amr-maxw); margin:0 auto; padding:0 24px; width:100%; }
.amr-bleed { width:100%; padding:0 clamp(20px,5vw,64px); }

/* botões (cantos vivos, 4px) */
.amr-btn {
  display:inline-flex; align-items:center; gap:.5em; font-family:'Anton',sans-serif;
  text-transform:uppercase; letter-spacing:.03em; font-size:.88rem; line-height:1;
  padding:12px 22px; border-radius:var(--amr-btn-radius); border:2px solid transparent;
  cursor:pointer; transition:all .35s var(--amr-ease);
}
.amr-btn .amr-arrow { transition:transform .35s var(--amr-ease); }
.amr-btn:hover .amr-arrow { transform:translateX(5px); }
.amr-btn--yellow { background:var(--amr-yellow); color:var(--amr-black); }
.amr-btn--yellow:hover { background:var(--amr-yellow-deep); transform:translateY(-3px); box-shadow:0 10px 22px rgba(252,185,0,.32); }
.amr-btn--ghost { background:transparent; color:var(--amr-white); border-color:rgba(255,255,255,.30); }
.amr-btn--ghost:hover { border-color:var(--amr-yellow); color:var(--amr-yellow); transform:translateY(-3px); }
.amr-btn--dark { background:var(--amr-black); color:var(--amr-white); }
.amr-btn--dark:hover { background:#000; transform:translateY(-3px); }
.amr-btn:focus-visible { outline:3px solid var(--amr-yellow); outline-offset:3px; }

/* ---------- HEADER ---------- */
.amr-header { background:var(--amr-black); position:sticky; top:0; z-index:50; }
.amr-header__in { display:flex; align-items:center; justify-content:space-between; height:70px; }
.amr .amr-logo { font-family:'Anton',sans-serif; text-transform:uppercase; font-size:1.55rem; color:var(--amr-yellow); letter-spacing:.05em; }
.amr-nav { display:flex; align-items:center; gap:30px; }
.amr-nav a.amr-navlink { font-family:'Anton',sans-serif; text-transform:uppercase; font-size:.9rem; letter-spacing:.05em; color:#EDEDED; position:relative; padding:3px 0; transition:color .25s; }
.amr-nav a.amr-navlink::after { content:""; position:absolute; left:0; bottom:-2px; width:0; height:2px; background:var(--amr-yellow); transition:width .3s var(--amr-ease); }
.amr-nav a.amr-navlink:hover { color:var(--amr-yellow); }
.amr-nav a.amr-navlink:hover::after { width:100%; }
.amr-nav a.amr-navlang { font-size:.82rem; opacity:.9; }

/* toggle de idioma PT | EN */
.amr-langtoggle { display:inline-flex; align-items:center; gap:7px; font-family:'Anton',sans-serif; text-transform:uppercase; font-size:.82rem; letter-spacing:.06em; }
.amr-langtoggle__item { color:#9a9a9a; transition:color .25s; }
.amr-langtoggle a.amr-langtoggle__item:hover { color:var(--amr-yellow); }
.amr-langtoggle__item.is-active { color:var(--amr-yellow); }
.amr-langtoggle__sep { color:rgba(255,255,255,.28); font-weight:400; }
.amr-langtoggle--mobile { font-size:1.05rem; gap:10px; }
.amr-nav .amr-btn { padding:9px 16px; font-size:.78rem; }

/* burger (mobile) */
.amr-burger { display:none; flex-direction:column; justify-content:center; gap:5px; width:44px; height:44px; padding:10px; background:transparent; border:0; cursor:pointer; }
.amr-burger span { display:block; height:2px; width:100%; background:#fff; border-radius:2px; transition:transform .3s var(--amr-ease), opacity .2s; }
.amr-burger[aria-expanded="true"] span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.amr-burger[aria-expanded="true"] span:nth-child(2) { opacity:0; }
.amr-burger[aria-expanded="true"] span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

/* menu mobile */
.amr-mobile { display:flex; flex-direction:column; background:var(--amr-black); padding:10px clamp(20px,5vw,64px) 26px; border-top:1px solid rgba(255,255,255,.08); }
.amr-mobile[hidden] { display:none; }
.amr-mobile a { font-family:'Anton',sans-serif; text-transform:uppercase; color:#EDEDED; font-size:1.15rem; letter-spacing:.04em; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.07); }
.amr-mobile a.amr-btn { justify-content:center; color:var(--amr-black); border-bottom:none; margin-top:16px; }
.amr-mobile__lang { display:flex; gap:20px; padding-top:16px; }
.amr-mobile__lang a { border-bottom:none; padding:0; font-size:.95rem; }
@media (max-width:860px) {
  .amr-nav { display:none; }
  .amr-burger { display:flex; }
}
@media (min-width:861px) {
  .amr-mobile { display:none !important; }
}

/* ---------- FOOTER ---------- */
.amr-footer { background:#0E0E0E; color:#fff; padding:56px 0 30px; }
.amr-footer__grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:36px; align-items:start; }
.amr-footer__logo { font-family:'Anton',sans-serif; text-transform:uppercase; letter-spacing:.05em; font-size:2rem; color:var(--amr-yellow); }
.amr-footer__tag { color:#BBB6AC; font-size:.9rem; margin-top:12px; max-width:300px; }
.amr-footer h4 { font-family:'Inter',sans-serif; font-weight:600; text-transform:uppercase; letter-spacing:.16em; font-size:.72rem; color:var(--amr-yellow); margin:0 0 16px; }
.amr-footer a { color:#CFCFCF; font-size:.92rem; display:block; margin-bottom:9px; transition:color .25s; }
.amr-footer a:hover { color:var(--amr-yellow); }
.amr-footer__note { display:block; font-size:.72rem; color:#8A8A8A; margin:-2px 0 10px; max-width:230px; line-height:1.4; }
.amr-footer__bottom { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; border-top:1px solid rgba(255,255,255,.1); margin-top:46px; padding-top:22px; color:#8A8A8A; font-size:.8rem; }
.amr-footer__bottom a { color:#8A8A8A; display:inline; }
@media (max-width:760px) { .amr-footer__grid { grid-template-columns:1fr; gap:30px; } }

/* ---------- PÁGINAS ESTÁTICAS (ex.: Política de Privacidade) ---------- */
.page-content { padding:clamp(60px,9vw,110px) 0; background:var(--amr-cream); min-height:60vh; }
.page-container { max-width:820px; margin:0 auto; padding:0 24px; }
.page-heading { font-size:clamp(2.2rem,5vw,3.4rem); margin-bottom:28px; color:var(--amr-ink); }
.page-body { font-size:1.05rem; color:#333; }
.page-body p { margin:0 0 1.1em; }
.page-body h2, .page-body h3 { font-family:'Anton',sans-serif; text-transform:uppercase; margin:32px 0 12px; line-height:1.1; }
.page-body a { color:var(--amr-yellow-deep); text-decoration:underline; }
.page-body ul, .page-body ol { padding-left:1.3em; margin:0 0 1.1em; }

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .amr-btn, .amr-btn .amr-arrow { transition:none; }
}
