/* 5567guia.com — avenida dos dígitos. Unique to this site. */
@font-face{font-family:AntonAv;src:url("/fonts/anton.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0100-024F,U+1E00-1EFF;}
@font-face{font-family:BungeeAv;src:url("/fonts/bungee-latin.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0100-024F,U+1E00-1EFF;}
@font-face{font-family:SoraAv;src:url("/fonts/sora-400-latin.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0100-024F,U+1E00-1EFF;}
@font-face{font-family:SoraAv;src:url("/fonts/sora-600-latin.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0100-024F,U+1E00-1EFF;}
@font-face{font-family:SoraAv;src:url("/fonts/sora-800-latin.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0100-024F,U+1E00-1EFF;}

:root{
  --ink:#041610;
  --teal:#005040;
  --teal2:#0a3a32;
  --amber:#f8a000;
  --amber2:#ffc43a;
  --cyan:#50f8e0;
  --ivory:#f8f8f8;
  --black:#000;
  --cta:#f8a000;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--ink);color:var(--ivory);font-family:SoraAv,system-ui,sans-serif;font-weight:400;line-height:1.55;}
img{max-width:100%;height:auto;display:block}
a{color:var(--amber2)}
.av-skip{position:absolute;left:-999px;top:0}
.av-skip:focus{left:12px;top:12px;background:#000;color:#fff;padding:8px;z-index:80}

/* ===== FOLD LOBBY 1280x800 ===== */
.av-lobby{
  position:relative;
  width:1280px;
  height:800px;
  margin:0 auto;
  overflow:hidden;
  background:#041610;
  color:#f8f8f8;
}
.av-top{
  position:absolute;left:0;top:0;right:0;height:52px;z-index:20;
  display:flex;align-items:center;gap:16px;
  padding:0 16px 0 14px;
  background:linear-gradient(180deg,#071a16 0%,#051614 100%);
  border-bottom:1px solid rgba(80,248,224,.18);
}
.av-mark{
  flex:0 0 auto;
  display:inline-flex;align-items:center;justify-content:center;
  height:36px;padding:0 12px;
  background:linear-gradient(180deg,#0a4a3c,#005040);
  border:1.5px solid var(--amber);
  border-radius:8px;
  color:#fff;text-decoration:none;
  font-family:BungeeAv,sans-serif;font-size:15px;letter-spacing:.02em;
  box-shadow:0 2px 0 #7a4a00;
}
.av-pills{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}
.av-pill{
  display:inline-flex;align-items:center;gap:6px;
  height:38px;padding:0 14px;
  background:#0c2a24;border:1px solid rgba(80,248,224,.25);
  border-radius:999px;color:#eefaf6;text-decoration:none;
  font-family:SoraAv,sans-serif;font-weight:600;font-size:14px;
}
.av-pill:hover,.av-pill.is-here{border-color:var(--amber);color:#fff;background:#123c34}
.av-pill svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}
.av-acessar{
  flex:0 0 auto;height:38px;padding:0 18px;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--cta);color:#000;text-decoration:none;
  font-family:SoraAv,sans-serif;font-weight:800;font-size:14px;
  border-radius:8px;box-shadow:0 2px 0 #7a4a00;
}
.av-acessar:hover{background:#ffc43a}
.av-menu{display:none}

.av-ticker{
  position:absolute;left:0;top:52px;right:0;height:26px;z-index:19;
  display:flex;align-items:center;overflow:hidden;
  background:#031412;border-bottom:1px solid rgba(248,160,0,.25);
  font-size:12px;font-weight:600;color:var(--cyan);letter-spacing:.04em;
  text-transform:uppercase;
}
.av-ticker b{color:var(--amber2);font-weight:800;margin:0 1.5em 0 .4em}
.av-ticker-track{display:flex;gap:3em;white-space:nowrap;animation:avmarq 28s linear infinite;padding-left:16px}
@keyframes avmarq{from{transform:translateX(0)}to{transform:translateX(-50%)}}


.av-avenida{position:absolute;left:0;top:0;width:1280px;height:800px;z-index:1}
.av-scene{position:absolute;inset:0;width:1280px;height:800px;object-fit:fill;pointer-events:none;user-select:none}

/* pin tiles on the pin deck — desktop: invisible hotspots over the scene art */
.av-janela{
  position:absolute;z-index:5;
  display:block;border-radius:16px;overflow:hidden;
  text-decoration:none;color:#fff;
  background:transparent;border:none;box-shadow:none;
}
.av-janela img{width:100%;height:100%;object-fit:cover;opacity:0}
.av-janela .av-placa,
.av-janela .av-badge{display:none}
.av-j1{left:200px;top:88px;width:180px;height:190px}
.av-j2{left:400px;top:88px;width:160px;height:168px}
.av-j3{left:680px;top:76px;width:170px;height:180px}
.av-j4{left:880px;top:88px;width:180px;height:168px}
.av-j5{left:300px;top:244px;width:150px;height:168px}
.av-j6{left:800px;top:222px;width:180px;height:190px}
.av-j7{left:440px;top:400px;width:160px;height:178px}
.av-j8{left:680px;top:378px;width:160px;height:200px}

/* promo lightboxes on the ball return */
.av-kiosque{
  position:absolute;z-index:6;
  border-radius:8px;overflow:hidden;
  text-decoration:none;background:transparent;border:none;box-shadow:none;
}
.av-kiosque img{width:100%;height:100%;object-fit:cover;opacity:0}
.av-k1{left:900px;top:478px;width:180px;height:300px}
.av-k2{left:1090px;top:478px;width:170px;height:300px}

/* scoring console — logo, label, H1, CTA */
.av-console{
  position:absolute;left:20px;top:300px;width:740px;height:490px;z-index:8;
  pointer-events:none;
}
.av-logoplate{
  position:absolute;left:70px;top:18px;
  width:168px;height:160px;
  display:grid;place-items:center;
  background:#00352c;
  border:3px solid var(--amber);
  border-radius:28px;
  box-shadow:0 8px 24px rgba(0,0,0,.45), inset 0 0 0 2px #01241e;
  pointer-events:none;
}
.av-logoplate img{width:152px;height:152px;border-radius:22px}
.av-indep{
  position:absolute;left:70px;top:186px;
  display:inline-flex;align-items:center;justify-content:center;
  height:28px;padding:0 12px;width:max-content;
  background:linear-gradient(180deg,#3a2a00,#1a1400);
  border:1.5px solid var(--amber);
  border-radius:8px;
  font-family:SoraAv,sans-serif;font-weight:800;font-size:12px;
  letter-spacing:.06em;text-transform:uppercase;color:#ffe08a;
}
.av-h1{
  position:absolute;left:16px;top:218px;margin:0;padding:0;
  font-family:AntonAv,sans-serif;font-weight:400;
  font-size:72px;line-height:.92;letter-spacing:.01em;
  color:#ffc020;
  -webkit-text-stroke:3.5px #071614;
  paint-order:stroke fill;
  text-shadow:0 3px 0 #041610, 0 6px 14px rgba(0,0,0,.55);
  text-transform:uppercase;
  white-space:nowrap;
  pointer-events:none;
}
.av-cta{
  position:absolute;left:248px;top:344px;
  display:inline-flex;align-items:center;justify-content:center;
  height:44px;min-width:280px;padding:0 28px;
  background:var(--cta);color:#000;text-decoration:none;
  font-family:AntonAv,sans-serif;font-size:26px;letter-spacing:.04em;
  border-radius:8px;
  box-shadow:0 3px 0 #7a4a00, 0 6px 16px rgba(0,0,0,.45);
  pointer-events:auto;
}
.av-cta:hover{background:#ffc43a}

.av-depois{max-width:1120px;margin:0 auto;padding:48px 24px 24px}
.av-sec{margin:0 0 56px;padding:0}
.av-sec h2{
  font-family:AntonAv,sans-serif;font-size:40px;line-height:1.1;
  color:#ffc43a;margin:0 0 16px;
  -webkit-text-stroke:2px #071614;paint-order:stroke fill;
}
.av-sec p{margin:0 0 14px;font-size:17px;color:#e6f4ef}
.av-sec ul,.av-sec ol{margin:0 0 16px;padding-left:1.2em;color:#e6f4ef}
.av-sec li{margin:0 0 8px}
.av-grid8{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}
.av-grid8 a{display:block;border-radius:12px;overflow:hidden;border:2px solid #f8a000;background:#041410;text-decoration:none;color:#ffe9a8;font-weight:800;text-align:center;font-size:14px}
.av-grid8 a img{width:100%;aspect-ratio:400/520;object-fit:cover}
.av-grid8 a span{display:block;padding:8px}
.av-note{font-size:14px;color:#b8d4cc}
.av-disc{font-size:13px;color:#9ec4ba;border-top:1px solid rgba(80,248,224,.2);padding-top:10px;margin-top:16px}
.av-cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0}
.av-cta-s{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:0 22px;
  background:var(--cta);color:#000;text-decoration:none;
  font-family:SoraAv,sans-serif;font-weight:800;border-radius:8px;
}
.av-verif{color:#ffd36a;font-weight:700}

/* inner pages */
.pg{background:var(--ink)}
.pg-hero{
  position:relative;min-height:280px;
  display:flex;align-items:flex-end;
  background:#041c18 center/cover no-repeat;
  border-bottom:3px solid var(--amber);
}
.pg-hero-inner{max-width:1120px;margin:0 auto;padding:110px 24px 32px;width:100%}
.pg-hero h1{
  margin:0 0 8px;font-family:AntonAv,sans-serif;font-size:56px;line-height:1;
  color:#ffc020;-webkit-text-stroke:3px #071614;paint-order:stroke fill;
  text-shadow:0 3px 0 #041610;
}
.pg-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;
  font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#50f8e0}
.pg-lead{margin:0;font-size:18px;max-width:720px;color:#e6f4ef}
.pg-body{max-width:1120px;margin:0 auto;padding:36px 24px 64px}
.pg-body h2{font-family:AntonAv,sans-serif;font-size:32px;color:#ffc43a;margin:28px 0 12px}
.pg-body h3{font-size:20px;color:#fff;margin:22px 0 8px}
.pg-body p,.pg-body li{font-size:17px;color:#e6f4ef}
.crumb{font-size:13px;color:#9ec4ba;margin:0 0 10px}
.crumb a{color:#50f8e0;text-decoration:none}
.fig{margin:20px 0 28px}
.fig img{width:100%;border-radius:14px;border:2px solid rgba(248,160,0,.5)}
.fig figcaption{font-size:13px;color:#9ec4ba;margin-top:6px}

.av-foot{
  background:#02110e;border-top:2px solid rgba(248,160,0,.35);
  padding:32px 24px 48px;color:#b8d4cc;font-size:14px
}
.av-foot-in{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}
.av-foot a{color:#50f8e0;text-decoration:none}
.av-foot h3{margin:0 0 8px;color:#ffc43a;font-size:16px}
.av-18{margin-top:24px;font-size:13px;color:#9ec4ba}

/* reviews hub */
.jl-tools{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px;align-items:center}
.jl-tools input{
  flex:1;min-width:200px;height:42px;padding:0 12px;border-radius:8px;
  border:1px solid #f8a000;background:#06241e;color:#fff;font:600 15px SoraAv,sans-serif
}
.jl-lane{height:38px;padding:0 12px;border-radius:999px;border:1px solid rgba(80,248,224,.3);
  background:#0c2a24;color:#eefaf6;font-weight:700;cursor:pointer}
.jl-lane.is-on{background:var(--amber);color:#000;border-color:var(--amber)}
.jl-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.jl-card{
  display:flex;flex-direction:column;gap:6px;
  background:#07241f;border:1px solid rgba(80,248,224,.2);border-radius:10px;
  padding:12px 14px;color:#e6f4ef
}
.jl-card h3{margin:0;font-size:16px;color:#fff}
.jl-card .jl-host{font-size:13px;color:#9ec4ba}
.jl-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.jl-actions a{font-size:13px;font-weight:800;text-decoration:none;padding:6px 10px;border-radius:6px}
.jl-go{background:transparent;border:1px solid #50f8e0;color:#50f8e0}
.jl-rec{background:var(--cta);color:#000}
.jl-full{background:#123c34;border:1px solid var(--amber);color:#ffc43a}
.jl-more{margin:20px auto;display:block;height:42px;padding:0 20px;border-radius:8px;
  background:#0c2a24;border:1px solid var(--amber);color:#ffc43a;font-weight:800;cursor:pointer}
.jl-card.is-away{display:none}
.aviso-comissao{font-size:12px;color:#9ec4ba;margin:6px 0 0}

/* inner header offset because lobby header is reused */
.pg .av-top{position:sticky;top:0;height:56px}
.pg .av-ticker{position:relative;top:auto}

@media (max-width:1279px){
  .av-scale{width:100%;overflow:hidden}
  .av-lobby{transform-origin:top left;}
}
@media (max-width:759px){
  .av-lobby{width:100%;height:auto;min-height:0;display:flex;flex-direction:column;overflow:visible;}
  .av-top{position:sticky;height:56px}
  .av-pills{display:none;position:absolute;top:56px;left:0;right:0;
    flex-direction:column;background:#071a16;padding:10px;z-index:30}
  .av-pills.is-open{display:flex}
  .av-menu{display:inline-flex;margin-left:auto;background:#0c2a24;color:#fff;border:1px solid var(--amber);border-radius:8px;height:38px;padding:0 12px}
  .av-ticker{position:relative;top:auto}
  .av-avenida{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;padding:12px;width:100%;height:auto;position:relative;}
  .av-scene{display:none}
  .av-console{
    position:relative!important;left:auto!important;top:auto!important;
    grid-column:1/-1;order:-1;width:auto!important;height:auto!important;
    display:flex;flex-direction:column;align-items:flex-start;gap:10px;
    padding:16px;background:#0a3a32;border:3px solid var(--amber);border-radius:20px;margin-bottom:8px;
    pointer-events:auto;
  }
  .av-logoplate,.av-indep,.av-h1,.av-cta{position:relative!important;left:auto!important;top:auto!important;}
  .av-h1{font-size:36px;white-space:normal;-webkit-text-stroke:2px #071614;}
  .av-cta{width:100%;min-width:0;height:44px;}
  .av-janela{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;aspect-ratio:4/5;margin:0;border:2px solid #f8a000;border-radius:12px;background:#041410;}
  .av-janela img{opacity:1!important;}
  .av-kiosque{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:240px!important;margin:0;border:2px solid #f8a000;border-radius:12px;}
  .av-kiosque img{opacity:1!important;}
  .av-grid8{grid-template-columns:repeat(2,1fr)}
  .av-foot-in{grid-template-columns:1fr}
  .jl-board{grid-template-columns:1fr}
  .pg-hero h1{font-size:36px}
  .av-sec h2{font-size:30px}
}