@font-face{font-family:"Titan One";src:url("/fonts/titanone-latin.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Alfa Slab One";src:url("/fonts/alfaslab-latin.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Rowdies";src:url("/fonts/rowdies-latin.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Outfit";src:url("/fonts/outfit-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Outfit";src:url("/fonts/outfit-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Outfit";src:url("/fonts/outfit-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}

:root{
  --ink:#f6ead4;
  --muted:#cbb89a;
  --bg:#09070e;
  --bg2:#120e18;
  --gold:#ffd056;
  --gold2:#ffe56a;
  --amber:#ff9a1f;
  --copper:#e87820;
  --blood:#c4451c;
  --navy:#14101c;
  --line:rgba(255,208,86,.28);
  --header:76px;
  --tick:26px;
  --chrome:102px;
  --moon:456px;
  --tile-w:146px;
  --tile-h:162px;
  --radius:288px;
  --arc-start:-152deg;
  --arc-step:43.43deg;
}
*{box-sizing:border-box}
html{background:var(--bg);color:var(--ink);font-family:"Outfit",system-ui,sans-serif;font-size:16px;line-height:1.55;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);min-width:320px}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--gold2)}
h1,h2,h3{font-family:"Alfa Slab One",serif;line-height:1.15;margin:0 0 .6rem}
p{margin:0 0 1rem}

/* ===== HEADER ===== */
.ak-top{height:var(--header);display:flex;align-items:center;gap:14px;padding:6px 18px;background:linear-gradient(#120e16,#0a0810);border-bottom:1px solid rgba(255,208,86,.35);position:relative;z-index:20}
.ak-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;color:var(--gold)}
.ak-mark{width:64px;height:64px;object-fit:contain;flex:0 0 64px;filter:drop-shadow(0 0 6px rgba(255,176,32,.45))}
.ak-word{font-family:"Titan One","Alfa Slab One",sans-serif;font-size:56px;line-height:1;letter-spacing:.01em;background:linear-gradient(180deg,#fff3a0 0%,#ffd056 42%,#ff9a1f 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#ffd056;filter:drop-shadow(0 2px 0 #1a0800);white-space:nowrap}
.ak-nav{display:flex;align-items:center;justify-content:center;gap:6px;flex:1 1 auto;min-width:0}
.ak-nav a{height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;font-family:"Alfa Slab One",serif;font-size:14px;letter-spacing:.02em;color:#f6ead4;background:linear-gradient(180deg,#2c2418,#15110c);border:1px solid rgba(255,208,86,.35);clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,7px 100%,0 50%);white-space:nowrap}
.ak-nav a[aria-current="page"],.ak-nav a:hover{background:linear-gradient(180deg,#5a3a12,#2a1608);color:#ffe56a;border-color:#ffd056}
.ak-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 18px;border-radius:8px;font-family:"Outfit",sans-serif;font-weight:800;font-size:16px;letter-spacing:.04em;color:#1a0800;background:linear-gradient(180deg,#ffe56a,#ff9a1f 55%,#e87820);border:0;box-shadow:0 0 0 1px #7a3a00,0 4px 16px rgba(232,120,32,.45);white-space:nowrap;cursor:pointer}
.ak-cta:hover{color:#1a0800;filter:brightness(1.08)}
.ak-cta-moon{height:48px;padding:0 22px;font-size:18px;border-radius:10px;box-shadow:0 0 0 2px #7a3a00,0 8px 24px rgba(0,0,0,.45),0 0 28px rgba(255,154,31,.45);position:relative;z-index:3}
.ak-burger{display:none;width:44px;height:44px;border:1px solid var(--line);background:#15110c;color:var(--gold);border-radius:8px;font-size:22px}

/* ticker */
.ak-tick{height:var(--tick);overflow:hidden;background:#150e08;border-bottom:1px solid rgba(255,208,86,.22);color:#ffd056;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;white-space:nowrap}
.ak-tick-inner{display:flex;gap:2.2rem;padding:0 18px;justify-content:center;width:100%;animation:none}
@keyframes ak-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===== DEN / FOLD ===== */
.ak-den{position:relative;height:calc(800px - var(--chrome));min-height:698px;background:#09070e url("/img/canyon-noturno-alcateia.webp") center bottom / cover no-repeat;overflow:hidden}
.ak-den::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 46%,rgba(255,200,80,.16),transparent 42%),linear-gradient(180deg,rgba(9,7,14,.15),rgba(9,7,14,.55) 100%);pointer-events:none;z-index:0}
.ak-hangs{position:static;}
.ak-hang{position:absolute;top:12px;width:196px;z-index:4;text-align:center}
.ak-hang-l{left:16px}
.ak-hang-r{right:16px}
.ak-hang a{display:block;color:inherit}
.ak-hang img{width:196px;height:292px;object-fit:cover;object-position:center 30%;border-radius:10px 10px 0 0;border:2px solid #c9a24a;border-bottom:0;box-shadow:0 10px 28px rgba(0,0,0,.55)}
.ak-hang h2{font-family:"Alfa Slab One",serif;font-size:26px;line-height:1.1;font-weight:400;margin:0;padding:12px 8px 14px;color:#1a0800;background:linear-gradient(180deg,#ffe56a,#ff9a1f);border:2px solid #c9a24a;border-top:0;border-radius:0 0 10px 10px;text-transform:uppercase;letter-spacing:.02em}

.ak-orbit{position:absolute;left:50%;top:50.6%;width:0;height:0;z-index:2}
.ak-moon{position:absolute;width:var(--moon);height:var(--moon);left:calc(var(--moon) / -2);top:calc(var(--moon) / -2);border-radius:50%;overflow:hidden;box-shadow:0 0 0 6px rgba(255,208,86,.4),0 0 80px 18px rgba(255,176,32,.5),0 0 120px 24px rgba(255,154,31,.28),inset 0 0 40px rgba(255,200,80,.18);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:32px}
.ak-key{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:0;pointer-events:none}
.ak-h1{position:relative;z-index:2;margin:0;text-align:center;line-height:.82}
.ak-h1 .ak-outline,.ak-h1 .ak-face{font-family:"Titan One",sans-serif;font-weight:400;font-size:100px;line-height:.82;letter-spacing:.02em;display:block;text-align:center}
.ak-h1 .ak-outline{position:absolute;left:0;right:0;top:0;color:transparent;-webkit-text-stroke:9px #1a0800;paint-order:stroke fill;z-index:0;pointer-events:none;user-select:none}
.ak-h1 .ak-face{position:relative;z-index:1;background:linear-gradient(180deg,#fff8c8 0%,#ffe56a 22%,#ffd056 55%,#ff9a1f 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#ffd056;filter:drop-shadow(0 2px 0 #1a0800)}
.ak-moon .ak-cta{margin-top:8px;z-index:3}

.ak-tile{--n:8;position:absolute;width:var(--tile-w);height:var(--tile-h);left:calc(var(--tile-w) / -2);top:calc(var(--tile-h) / -2);transform:rotate(calc(var(--arc-start) + var(--i) * var(--arc-step))) translateY(calc(var(--radius) * -1)) rotate(calc(-1 * (var(--arc-start) + var(--i) * var(--arc-step))));display:flex;flex-direction:column;border-radius:12px;overflow:visible;background:#120c08;border:2px solid #d7b056;box-shadow:0 6px 18px rgba(0,0,0,.5),0 0 0 1px #3a2808;text-decoration:none;color:inherit;z-index:3}
.ak-tile img{width:100%;height:114px;object-fit:cover;flex:0 0 114px;border-radius:10px 10px 0 0}
.ak-plaque{height:42px;display:flex;align-items:center;justify-content:center;padding:2px 5px;font-family:"Alfa Slab One",serif;font-size:16px;font-weight:400;line-height:1.05;text-align:center;color:#1a0800;background:linear-gradient(180deg,#ffe56a,#e87820);border-top:1px solid #7a4a10}
.ak-badge{position:absolute;top:-8px;left:-8px;z-index:4;font-family:"Outfit",sans-serif;font-weight:800;font-size:11px;letter-spacing:.06em;padding:3px 7px;border-radius:6px;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.ak-badge-hot{background:linear-gradient(180deg,#ff5a2a,#c4451c)}
.ak-badge-novo{background:linear-gradient(180deg,#3ecf6a,#1a8a3a);left:auto;right:-8px}

/* ===== BELOW FOLD ===== */
.ak-wrap{width:min(1120px,calc(100% - 32px));margin:0 auto}
.ak-section{padding:48px 0;border-top:1px solid var(--line)}
.ak-section h2{font-size:32px;color:var(--gold)}
.ak-kicker{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:.35rem}
.ak-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ak-tile-flat{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;border:2px solid #d7b056;background:#120c08;position:relative;color:inherit}
.ak-tile-flat img{width:100%;height:180px;object-fit:cover}
.ak-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ak-step{background:linear-gradient(180deg,#18121c,#0e0b12);border:1px solid var(--line);border-radius:14px;padding:18px 16px}
.ak-step b{display:block;font-family:"Alfa Slab One",serif;color:var(--gold);font-size:20px;margin-bottom:.4rem}
.ak-moonstats{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center}
.ak-gauge{width:180px;height:180px;border-radius:50%;background:conic-gradient(#ffd056 0 345.6deg,#2a2218 345.6deg 360deg);display:grid;place-items:center;box-shadow:0 0 30px rgba(255,176,32,.3)}
.ak-gauge span{width:128px;height:128px;border-radius:50%;background:#120e18;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"Titan One",sans-serif;color:var(--gold);font-size:28px;line-height:1}
.ak-gauge small{font-family:"Outfit",sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--muted)}
.ak-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.ak-facts dt{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ak-facts dd{margin:0 0 8px;font-family:"Alfa Slab One",serif;color:var(--gold);font-size:20px}
.ak-syms{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ak-sym{background:#120e18;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ak-sym img{height:140px;width:100%;object-fit:cover}
.ak-sym div{padding:10px 12px}
.ak-peeks{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.ak-peek{background:#120e18;border:1px solid var(--line);border-radius:12px;padding:14px}
.ak-peek h3{font-size:16px;color:var(--gold)}
.ak-faq{display:grid;gap:10px}
.ak-faq details{background:#120e18;border:1px solid var(--line);border-radius:10px;padding:12px 16px}
.ak-faq summary{cursor:pointer;font-family:"Alfa Slab One",serif;color:var(--gold)}
.ak-fig{margin:0 0 1.4rem}
.ak-fig img{width:100%;height:auto;border-radius:14px;border:1px solid var(--line)}
.ak-fig figcaption{font-size:13px;color:var(--muted);margin-top:.4rem}
.ak-crumb{font-size:13px;color:var(--muted);padding:16px 0 0}
.ak-page{padding:10px 0 56px}
.ak-page h1{font-size:42px;color:var(--gold);margin:12px 0 16px}
.ak-note{font-size:13px;color:var(--muted)}
.ak-disc{font-size:12px;color:var(--muted);margin-top:.35rem}

/* reviews — pedras do covil */
.ak-tools{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 22px}
.ak-tools input{flex:1 1 240px;height:42px;border-radius:8px;border:1px solid var(--line);background:#151018;color:var(--ink);padding:0 12px;font:inherit}
.ak-trail{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ak-stone{background:linear-gradient(180deg,#1a1610,#100c0a);border:1px solid #8a6a30;border-radius:12px;padding:12px 12px 14px;position:relative}
.ak-role{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:#2a1c0c;color:var(--gold);margin-bottom:6px}
.ak-stone h2{font-size:16px;margin:0 0 4px}
.ak-stone h2 a{color:var(--ink)}
.ak-host{font-size:12px;color:var(--muted);margin:0 0 8px}
.ak-stone .ak-row{display:flex;flex-wrap:wrap;gap:6px}
.ak-visit{display:inline-flex;align-items:center;height:32px;padding:0 10px;border-radius:6px;border:1px solid var(--line);color:var(--ink);font-size:13px;font-weight:700}
.ak-more{display:block;margin:22px auto 0;height:44px;padding:0 22px;border-radius:8px;border:1px solid var(--gold);background:transparent;color:var(--gold);font:inherit;font-weight:800;cursor:pointer}
.ak-stone[hidden]{display:none}

.ak-foot{border-top:1px solid var(--line);padding:28px 0 40px;color:var(--muted);font-size:13px;background:#07050a}
.ak-foot-grid{display:flex;flex-wrap:wrap;gap:18px 32px;justify-content:space-between}
.ak-18{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid var(--gold);border-radius:50%;font-weight:800;color:var(--gold)}

.ak-skip{position:absolute;left:-999px;top:auto}
.ak-skip:focus{left:8px;top:8px;z-index:50;background:var(--gold);color:#1a0800;padding:8px}

@media (max-width:1100px){
  .ak-hang{width:148px}
  .ak-hang img{width:148px;height:220px}
  .ak-hang h2{font-size:18px}
  :root{--tile-w:126px;--tile-h:148px;--radius:250px;--moon:380px}
  .ak-h1 .ak-outline,.ak-h1 .ak-face{font-size:80px}
  
  .ak-tile img{height:106px;flex-basis:106px}
}
@media (max-width:900px){

  .ak-tick{height:auto;min-height:26px;white-space:normal}
  .ak-tick-inner{white-space:normal;flex-wrap:wrap;justify-content:center;padding:4px 10px;line-height:1.3}

  .ak-top{height:auto;min-height:64px;flex-wrap:wrap;padding:8px 12px}
  .ak-word{font-size:36px}
  .ak-mark{width:52px;height:52px;flex-basis:52px}
  .ak-burger{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}
  .ak-top .ak-cta{display:none}
  .ak-nav{display:none;flex-direction:column;width:100%;order:4}
  .ak-top.is-open .ak-nav{display:flex}
  .ak-nav a{clip-path:none;width:100%;border-radius:8px;justify-content:flex-start}
  .ak-den{height:auto;min-height:0;padding:12px 10px 24px;overflow:visible;display:flex;flex-direction:column;align-items:center}
  .ak-hangs{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;order:2;margin-top:12px}
  .ak-hang{position:static;width:auto;margin:0}
  .ak-hang-l,.ak-hang-r{left:auto;right:auto;top:auto}
  .ak-hang img{width:100%;height:180px}
  .ak-orbit{order:1}
  .ak-orbit{position:relative;left:auto;top:auto;width:100%;height:auto;display:flex;flex-direction:column;align-items:center;transform:none}
  .ak-moon{position:relative;left:auto;top:auto;width:min(420px,92vw);height:min(420px,92vw);margin:8px auto 16px}
  .ak-tile{position:relative;left:auto;top:auto;transform:none;width:100%;height:auto;margin:0}
  .ak-tile img{height:150px;flex-basis:150px}
  .ak-orbit-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:8px}
  .ak-grid4,.ak-steps,.ak-peeks,.ak-trail,.ak-syms{grid-template-columns:1fr 1fr}
  .ak-moonstats{grid-template-columns:1fr}
  .ak-h1 .ak-outline,.ak-h1 .ak-face{font-size:72px;-webkit-text-stroke-width:7px}
}
@media (max-width:560px){
  .ak-facts{grid-template-columns:1fr}
  .ak-page h1{font-size:32px}
}
