/* ============================================================
   LINKS.CSS — Página de links da PK Coaching
   ============================================================ */

:root {
  --ink-950:    #08090F;
  --ink-900:    #0C0E16;
  --ink-850:    #10131D;
  --ink-800:    #161A26;
  --line:       rgba(180,168,255,0.10);
  --line-soft:  rgba(180,168,255,0.05);
  --roxo:       #3A2879;
  --roxo-deep:  #271952;
  --roxo-mid:   #5B3FB0;
  --azul:       #009FE3;
  --azul-glow:  rgba(0,159,227,0.50);
  --azul-soft:  #4BC0F0;
  --silver-100: #FFFFFF;
  --silver-200: #F4F5F8;
  --silver-300: #D8DAE0;
  --silver-400: #B6B9C2;
  --silver-500: #939295;
  --silver-600: #6B6E78;
  --silver-700: #454853;
  --grad-chrome: linear-gradient(180deg,#E6E8EE 0%,#FFFFFF 24%,#9CA0AA 55%,#5C5F6B 78%,#C8CCD3 100%);
  --grad-duo:    linear-gradient(135deg,#271952 0%,#3A2879 35%,#5B3FB0 65%,#009FE3 110%);
  --grad-duo-90: linear-gradient(90deg,#3A2879 0%,#5B3FB0 50%,#009FE3 100%);
  --grad-roxo:   linear-gradient(135deg,#271952 0%,#3A2879 50%,#5B3FB0 100%);
  --grad-edge:   linear-gradient(90deg,transparent,#009FE3 40%,#009FE3 60%,transparent);
  --teal:        #38BDF8;
  --teal-glow:   rgba(56,189,248,.45);
  --teal-soft:   #7DD3FC;
  --grad-teal:   linear-gradient(90deg,#3A2879 0%,#5B3FB0 50%,#38BDF8 100%);
  --rosa:        #F472B6;
  --rosa-glow:   rgba(244,114,182,.42);
  --rosa-soft:   #F9A8D4;
  --grad-rosa:   linear-gradient(90deg,#3A2879 0%,#8B3FB0 50%,#F472B6 100%);
  --f-display:   'Montserrat', system-ui, sans-serif;
  --f-body:      'Roboto', system-ui, sans-serif;
  --f-mono:      'JetBrains Mono', ui-monospace, monospace;
  --ease-out:    cubic-bezier(.16,1,.3,1);
}

*,*::before,*::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; overflow-x: hidden; }
body {
  font-family: var(--f-body);
  background: var(--ink-950);
  color: var(--silver-200);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
::selection { background: var(--azul); color: var(--ink-950); }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }


/* ── BACKDROP ── */
.bg { position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.bg::before {
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 70% 50% at 50% -5%,  rgba(58,40,121,.55),  transparent 60%),
    radial-gradient(ellipse 60% 40% at 50% 105%, rgba(0,159,227,.18),  transparent 65%),
    radial-gradient(ellipse 40% 30% at 100% 50%, rgba(0,159,227,.10),  transparent 70%);
}
.bg-grid {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(0,159,227,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,159,227,0.045) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse at 50% 25%, black 15%, transparent 75%);
}
.bg-noise {
  position: absolute; inset: 0; opacity: .04;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.bg-stamp {
  position: absolute;
  font-family: var(--f-display); font-weight: 900; font-style: italic;
  font-size: 46vh; line-height: .85;
  color: rgba(91,63,176,.045);
  top: 55%; left: 50%;
  transform: translate(-50%,-50%) skewX(-8deg);
  letter-spacing: -.04em; white-space: nowrap;
}


/* ── MAIN CONTAINER ── */
.shell {
  position: relative; z-index: 1;
  max-width: 594px;
  margin: 0 auto;
  padding: 40px 24px 64px;
  display: flex; flex-direction: column;
  gap: 32px;
}


/* ── TOP BAR ── */
.topbar {
  display: flex; justify-content: space-between; align-items: center;
  font-family: var(--f-mono);
  font-size: 10px; letter-spacing: .26em; text-transform: uppercase;
  color: var(--silver-600);
  padding-bottom: 18px; border-bottom: 1px solid var(--line);
}
.topbar .tb-status {
  display: flex; align-items: center; gap: 10px;
  color: var(--azul-soft);
}
.topbar .tb-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--azul);
  box-shadow: 0 0 12px var(--azul-glow);
  animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse { 50% { opacity:.4; transform:scale(.85); } }
.topbar .tb-share {
  display: inline-flex; align-items: center; gap: 8px;
  background: transparent; border: 1px solid var(--line);
  color: var(--silver-400); padding: 7px 13px; border-radius: 4px;
  cursor: pointer; font-family: inherit; font-size: 10px;
  letter-spacing: .22em; text-transform: uppercase;
  transition: border-color .25s, color .25s, background .25s;
}
.topbar .tb-share:hover { border-color: var(--azul); color: var(--azul-soft); background: rgba(0,159,227,.06); }


/* ── HEADER ── */
.head {
  display: flex; flex-direction: column; align-items: center;
  text-align: center; gap: 24px; padding: 8px 0;
  animation: rise 1s var(--ease-out) .1s both;
}
@keyframes rise { 0%{opacity:0;transform:translateY(20px)} 100%{opacity:1;transform:translateY(0)} }

.head-mark {
  position: relative;
  width: 200px; height: 200px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.head-mark::before {
  content: ""; position: absolute; inset: 0;
  border: 1px solid var(--line);
  background:
    radial-gradient(circle at 30% 20%, rgba(58,40,121,.32), transparent 60%),
    radial-gradient(circle at 80% 90%, rgba(0,159,227,.16), transparent 60%),
    linear-gradient(180deg, var(--ink-900), var(--ink-850));
  z-index: 0;
}
.head-mark::after {
  content: ""; position: absolute; top:0; left:0; right:0; height: 2px;
  background: var(--grad-duo-90);
  box-shadow: 0 0 18px var(--azul-glow);
}
.head-mark img {
  position: relative; z-index: 1;
  width: 74%; height: auto;
  filter: drop-shadow(0 0 24px rgba(0,159,227,.22)) drop-shadow(0 0 36px rgba(58,40,121,.40));
}
.head-mark .tick { position:absolute; width:11px; height:11px; border:1px solid var(--azul); z-index:2; }
.head-mark .tick.tl { top:-1px; left:-1px;  border-right:none; border-bottom:none; }
.head-mark .tick.tr { top:-1px; right:-1px; border-left:none;  border-bottom:none; }
.head-mark .tick.bl { bottom:-1px; left:-1px;  border-right:none; border-top:none; }
.head-mark .tick.br { bottom:-1px; right:-1px; border-left:none;  border-top:none; }

.head-word { display:flex; flex-direction:column; align-items:center; gap:6px; }
.head-word .hw-pk {
  font-family: var(--f-display); font-weight:900; font-style:italic;
  font-size: 46px; line-height:.95; letter-spacing:-.015em; text-transform:uppercase;
  color: var(--silver-100);
  display: flex; align-items: baseline; gap: 14px;
}
.head-word .hw-pk .hw-suffix {
  font-weight:800; font-style:italic;
  color: var(--silver-100);
}
.head-word .hw-tag {
  font-family: var(--f-mono); font-size:9.5px; letter-spacing:.42em;
  text-transform:uppercase; color:var(--silver-500);
  display:flex; align-items:center; gap:10px;
}
.head-word .hw-tag::before,
.head-word .hw-tag::after { content:""; width:18px; height:1px; background:var(--silver-700); }

.head-handle {
  font-family: var(--f-mono); font-size:11px; letter-spacing:.3em;
  text-transform:uppercase; color:var(--azul-soft);
}
.head-bio {
  font-family: var(--f-body); font-weight:400;
  font-size:14.5px; line-height:1.65; color:var(--silver-300);
  max-width:400px;
}
.head-bio strong { color:var(--silver-100); font-weight:600; }

.head-meta {
  display:flex; align-items:center; flex-wrap:wrap; justify-content:center;
  gap:10px 14px;
  font-family:var(--f-mono); font-size:10px; letter-spacing:.22em;
  text-transform:uppercase; color:var(--silver-600);
}
.head-meta .dot { width:3px; height:3px; border-radius:50%; background:var(--azul); }


/* ── STATS ── */
.stats {
  display: grid; grid-template-columns: repeat(2,1fr);
  gap: 1px; background: var(--line);
  border: 1px solid var(--line);
  position: relative;
}
.stats::before {
  content:""; position:absolute; top:-1px; left:0; right:0; height:1px;
  background: var(--grad-edge);
}
.stat {
  background: var(--ink-900);
  padding: 20px 12px 16px; text-align:center;
  display:flex; flex-direction:column; gap:6px;
}
.stat .sn {
  font-family:var(--f-display); font-weight:800; font-style:italic;
  font-size:34px; line-height:1; letter-spacing:-.01em;
  color: var(--silver-100);
}
.stat .sl {
  font-family:var(--f-mono); font-size:9px; letter-spacing:.26em;
  text-transform:uppercase; color:var(--silver-600);
}


/* ── FEATURED GROUP ── */
.featured-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.featured-group > :first-child,
.featured-group > :last-child {
  grid-column: 1 / -1;
}

/* cards menores (todos exceto o principal) */
.featured-group > :not(:first-child) {
  padding: 16px 14px 20px;
}
.featured-group > :not(:first-child) .ft-tag {
  font-size: 7.5px; letter-spacing: .18em;
  padding: 4px 8px;
  gap: 0;
}
.featured-group > :not(:first-child) .ft-row {
  position: absolute;
  top: 14px; right: 14px;
  z-index: 2;
}
.featured-group > :not(:first-child) .ft-title {
  font-size: 20px;
  margin-top: 0;
}
.featured-group > :not(:first-child) .ft-sub {
  font-size: 11px; line-height: 1.5;
  margin-top: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.featured-group > :not(:first-child) .ft-evo {
  font-size: 8px; letter-spacing: .18em;
  margin-top: 6px;
}
.featured-group > :not(:first-child) .ft-arrow {
  width: 26px; height: 26px; font-size: 12px;
}
.featured-group > :not(:first-child) .ft-foot {
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  margin-top: 12px;
  padding-top: 8px;
  font-size: 8.5px; letter-spacing: .16em;
}
.featured-group > :not(:first-child) .ft-foot > span:last-child {
  display: none;
}

@media (max-width: 380px) {
  .featured-group {
    grid-template-columns: 1fr;
  }
  .featured-group > :first-child {
    grid-column: 1;
  }
}

/* ── FEATURED CARD ── */
.featured {
  display: block; position:relative;
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(58,40,121,.72), transparent 55%),
    radial-gradient(ellipse 60% 50% at 100% 100%, rgba(39,245,204,.13), transparent 60%),
    linear-gradient(180deg, rgba(39,245,204,.07), var(--ink-850) 70%);
  border: 1px solid rgba(39,245,204,.42);
  box-shadow: 0 0 70px rgba(39,245,204,.15), 0 0 130px rgba(39,245,204,.05), 0 4px 28px rgba(0,0,0,.35);
  padding: 30px 28px;
  overflow: hidden;
  transition: transform .3s var(--ease-out), border-color .3s, box-shadow .35s;
}
.featured::before {
  content:""; position:absolute; top:0; left:0; right:0; height:2px;
  background: var(--grad-teal); background-size: 200% 100%;
  animation: slide 5s linear infinite;
  box-shadow: 0 0 28px var(--teal-glow);
}
@keyframes slide { 0%{background-position:0% 50%} 100%{background-position:200% 50%} }
.featured::after {
  content:""; position:absolute; right:-80px; bottom:-80px;
  width:240px; height:240px; border-radius:50%;
  background: radial-gradient(circle,rgba(39,245,204,.26),transparent 70%);
  pointer-events:none;
}
.featured:hover {
  transform: translateY(-3px);
  border-color: var(--teal);
  box-shadow: 0 22px 44px rgba(0,0,0,.45), 0 0 50px rgba(39,245,204,.16);
}
.featured > * { position:relative; z-index:1; }
.featured .ft-row { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; }
.featured .ft-tag {
  font-family:var(--f-mono); font-size:9.5px; letter-spacing:.26em;
  text-transform:uppercase; color:var(--teal-soft);
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 11px; border:1px solid rgba(39,245,204,.30); border-radius:3px;
  background:rgba(39,245,204,.06);
}
.featured .ft-tag .bd {
  width:5px; height:5px; border-radius:50%;
  background:var(--teal); box-shadow:0 0 8px var(--teal-glow);
}
.featured .ft-arrow {
  width:40px; height:40px; border-radius:50%;
  border:1px solid rgba(39,245,204,.30);
  background:rgba(39,245,204,.06);
  display:flex; align-items:center; justify-content:center;
  color:var(--teal-soft); font-size:16px; flex-shrink:0;
  transition: transform .35s var(--ease-out), background .3s, color .3s, border-color .3s;
}
.featured:hover .ft-arrow {
  transform: rotate(-45deg);
  background:var(--teal); color:var(--ink-950); border-color:var(--teal);
}
.featured .ft-title {
  font-family:var(--f-display); font-weight:800; font-style:italic;
  font-size:44px; line-height:.95; letter-spacing:-.015em;
  color:var(--silver-100); text-transform:uppercase;
  margin-top:22px;
}
.featured .ft-title em {
  font-style:italic;
  color: var(--silver-100);
}
.featured .ft-sub {
  font-family:var(--f-body);
  font-size:13.5px; color:var(--silver-400); line-height:1.65;
  margin-top:12px; max-width:380px;
}
.featured .ft-foot {
  margin-top:22px; padding-top:14px; border-top:1px solid var(--line);
  display:flex; justify-content:space-between; align-items:center;
  font-family:var(--f-mono); font-size:9.5px; letter-spacing:.22em;
  text-transform:uppercase; color:var(--silver-600);
}
.featured .ft-foot .ft-cta { color:var(--teal-soft); font-weight:700; }

/* ── FEATURED VARIANT — ROXO (mentoria) — mais escura/discreta ── */
.featured--roxo {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(39,25,82,.45), transparent 60%),
    linear-gradient(180deg, rgba(58,40,121,.04), var(--ink-950) 70%);
  border-color: rgba(91,63,176,.20);
  box-shadow: 0 2px 18px rgba(0,0,0,.45);
}
.featured--roxo::before {
  background: var(--grad-roxo);
  opacity: .55;
  box-shadow: 0 0 10px rgba(91,63,176,.22);
}
.featured--roxo::after {
  background: radial-gradient(circle, rgba(91,63,176,.10), transparent 70%);
}
.featured--roxo .ft-tag {
  color: var(--silver-500);
  border-color: rgba(91,63,176,.22);
  background: rgba(91,63,176,.06);
}
.featured--roxo .ft-tag .bd {
  background: var(--roxo-deep);
  box-shadow: 0 0 6px rgba(91,63,176,.28);
}
.featured--roxo .ft-arrow {
  border-color: rgba(91,63,176,.22);
  background: rgba(91,63,176,.05);
  color: var(--silver-600);
}
.featured--roxo:hover {
  border-color: rgba(91,63,176,.40);
  box-shadow: 0 12px 32px rgba(0,0,0,.50), 0 0 30px rgba(91,63,176,.10);
}
.featured--roxo:hover .ft-arrow {
  background: var(--roxo-deep); color: var(--silver-300); border-color: rgba(91,63,176,.45);
  transform: rotate(-45deg);
}
.featured--roxo .ft-foot .ft-cta { color: var(--silver-500); }

/* ── FEATURED VARIANT — EVO ── */
.featured--evo {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(120,30,130,.60), transparent 55%),
    radial-gradient(ellipse 60% 50% at 100% 100%, rgba(244,114,182,.12), transparent 60%),
    linear-gradient(180deg, rgba(244,114,182,.06), var(--ink-850) 70%);
  border-color: rgba(244,114,182,.38);
  box-shadow: 0 0 55px rgba(244,114,182,.13), 0 4px 24px rgba(0,0,0,.32);
}
.featured--evo::before {
  background: var(--grad-rosa);
  box-shadow: 0 0 24px var(--rosa-glow);
}
.featured--evo::after {
  background: radial-gradient(circle, rgba(244,114,182,.24), transparent 70%);
}
.featured--evo .ft-tag {
  color: var(--rosa-soft);
  border-color: rgba(244,114,182,.32);
  background: rgba(244,114,182,.07);
}
.featured--evo .ft-tag .bd {
  background: var(--rosa);
  box-shadow: 0 0 8px var(--rosa-glow);
}
.featured--evo .ft-arrow {
  border-color: rgba(244,114,182,.32);
  background: rgba(244,114,182,.07);
  color: var(--rosa-soft);
}
.featured--evo:hover {
  border-color: var(--rosa);
  box-shadow: 0 22px 44px rgba(0,0,0,.45), 0 0 50px rgba(244,114,182,.18);
}
.featured--evo:hover .ft-arrow {
  background: var(--rosa); color: var(--ink-950); border-color: var(--rosa);
  transform: rotate(-45deg);
}
.featured--evo .ft-foot .ft-cta { color: var(--rosa-soft); }
.featured--evo .ft-evo {
  display: block;
  font-family: var(--f-mono);
  font-size: 9.5px; letter-spacing: .24em; text-transform: uppercase;
  color: var(--rosa-soft);
  margin-top: 10px;
  opacity: .80;
}


/* ── SECTION DIVIDER ── */
.divider {
  display:flex; align-items:center; gap:14px; margin:4px 0;
  font-family:var(--f-mono); font-size:10px; letter-spacing:.3em;
  text-transform:uppercase; color:var(--silver-600);
}
.divider .d-line { flex:1; height:1px; background:var(--line); }
.divider .d-num  { color:var(--azul); font-weight:600; }


/* ── LINK CARDS ── */
.links { display:flex; flex-direction:column; gap:10px; }

.link {
  display:flex; align-items:center; gap:18px;
  background:var(--ink-850);
  border:1px solid var(--line);
  padding:18px 20px;
  position:relative; overflow:hidden;
  transition: transform .3s var(--ease-out), background .3s, border-color .3s;
}
.link::before {
  content:""; position:absolute; left:0; top:0; bottom:0; width:3px;
  background:var(--grad-duo);
  transform:scaleY(0); transform-origin:center;
  transition:transform .35s var(--ease-out);
}
.link:hover { transform:translateX(4px); background:var(--ink-800); border-color:rgba(0,159,227,.28); }
.link:hover::before { transform:scaleY(1); }

.link-ico {
  width:46px; height:46px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  background:var(--ink-900); border:1px solid var(--line);
  color:var(--silver-300);
  transition:background .3s, color .3s, border-color .3s, box-shadow .3s;
}
.link:hover .link-ico {
  background:var(--grad-roxo); color:var(--silver-100);
  border-color:var(--azul); box-shadow:0 0 18px rgba(0,159,227,.25);
}
.link-ico svg { width:20px; height:20px; }

.link-body { flex:1; display:flex; flex-direction:column; gap:4px; min-width:0; }
.link-title {
  font-family:var(--f-display); font-weight:600;
  font-size:15px; letter-spacing:-.005em; color:var(--silver-100);
  display:flex; align-items:center; gap:10px; line-height:1.2;
}
.link-tag {
  font-family:var(--f-mono); font-size:8.5px; letter-spacing:.22em; font-weight:500;
  text-transform:uppercase; padding:3px 7px; border-radius:2px;
  background:rgba(0,159,227,.10); color:var(--azul-soft); border:1px solid rgba(0,159,227,.24);
}
.link-tag.roxo  { background:rgba(91,63,176,.16); color:#B59BFF; border-color:rgba(91,63,176,.36); }
.link-tag.silver{ background:transparent; color:var(--silver-400); border-color:var(--line); }
.link-sub {
  font-family:var(--f-mono); font-size:10.5px; letter-spacing:.04em; color:var(--silver-600);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

.link-meta { flex-shrink:0; display:flex; flex-direction:column; align-items:flex-end; gap:3px; }
.link-meta .lm-arrow {
  font-family:var(--f-display); font-weight:700; font-style:italic;
  color:var(--silver-400); font-size:20px; line-height:1;
  transition:color .3s, transform .3s var(--ease-out);
}
.link:hover .link-meta .lm-arrow { color:var(--azul); transform:translateX(3px); }
.link-meta .lm-stat {
  font-family:var(--f-mono); font-size:8.5px; letter-spacing:.2em;
  text-transform:uppercase; color:var(--silver-600);
}


/* ── SOCIAL ICONS ── */
.socials { display:flex; justify-content:center; gap:12px; padding:8px 0; }
.social {
  width:48px; height:48px; border-radius:50%;
  background:var(--ink-900); border:1px solid var(--line);
  display:flex; align-items:center; justify-content:center;
  color:var(--silver-400);
  transition: transform .3s var(--ease-out), background .3s, color .3s, border-color .3s, box-shadow .3s;
}
.social:hover {
  background:var(--grad-roxo); color:var(--silver-100);
  border-color:var(--azul); box-shadow:0 0 18px rgba(0,159,227,.30);
  transform:translateY(-3px);
}
.social svg { width:18px; height:18px; }


/* ── QUOTE STRIP ── */
.quote { text-align:center; padding:30px 0 26px; position:relative; }
.quote::before,
.quote::after {
  content:""; position:absolute; top:50%; height:1px; width:34px;
  background:var(--azul); box-shadow:0 0 10px var(--azul-glow);
}
.quote::before { left:0; }
.quote::after  { right:0; }
.quote-text {
  font-family:var(--f-display); font-weight:800; font-style:italic;
  font-size:26px; line-height:1.12; letter-spacing:-.01em;
  color:var(--silver-100); text-transform:uppercase;
  max-width:400px; margin:0 auto;
}
.quote-text em {
  font-style:italic;
  color: var(--silver-100);
}
.quote-sub {
  font-family:var(--f-mono); font-size:10px; letter-spacing:.32em;
  text-transform:uppercase; color:var(--silver-600); margin-top:12px;
}


/* ── FOOTER ── */
.foot {
  display:flex; flex-direction:column; align-items:center; gap:14px;
  padding-top:24px; border-top:1px solid var(--line);
  font-family:var(--f-mono); font-size:10px; letter-spacing:.24em;
  text-transform:uppercase; color:var(--silver-600); text-align:center;
}
.foot a { color:var(--azul-soft); transition:color .25s; }
.foot a:hover { color:var(--azul); }
.foot .foot-line { display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:center; }
.foot .foot-dot  { width:3px; height:3px; border-radius:50%; background:var(--azul); }


/* ── TOAST ── */
.toast {
  position: fixed; bottom:32px; left:50%;
  transform: translateX(-50%) translateY(20px);
  background: var(--azul); color:var(--ink-950);
  padding:13px 22px; border-radius:3px;
  font-family:var(--f-mono); font-size:11px; letter-spacing:.18em;
  text-transform:uppercase; font-weight:700;
  z-index:99; opacity:0; pointer-events:none;
  transition: opacity .3s, transform .35s var(--ease-out);
  box-shadow: 0 14px 30px rgba(0,159,227,.45);
}
.toast.show { opacity:1; transform:translateX(-50%) translateY(0); }


/* ── ENTRADA ESCALONADA ── */
.r { animation:rIn .8s var(--ease-out) both; }
.r:nth-child(1){animation-delay:.20s} .r:nth-child(2){animation-delay:.28s}
.r:nth-child(3){animation-delay:.36s} .r:nth-child(4){animation-delay:.44s}
.r:nth-child(5){animation-delay:.52s} .r:nth-child(6){animation-delay:.60s}
.r:nth-child(7){animation-delay:.68s} .r:nth-child(8){animation-delay:.76s}
@keyframes rIn { 0%{opacity:0;transform:translateY(14px)} 100%{opacity:1;transform:translateY(0)} }


/* ── PATROCINADORES ── */
.sponsors {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.sponsor-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: var(--ink-850);
  border: 1px solid var(--line);
  padding: 20px 22px;
  position: relative;
  overflow: hidden;
  transition: transform .3s var(--ease-out), border-color .3s, background .3s;
}
.sponsor-card::before {
  content: "";
  position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: var(--grad-duo);
  transform: scaleY(0); transform-origin: center;
  transition: transform .35s var(--ease-out);
}
.sponsor-card::after {
  content: "";
  position: absolute; inset: 0;
  background: radial-gradient(ellipse 60% 80% at 0% 50%, rgba(58,40,121,.12), transparent 65%);
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s;
}
.sponsor-card:hover {
  transform: translateX(4px);
  background: var(--ink-800);
  border-color: rgba(91,63,176,.45);
}
.sponsor-card:hover::before { transform: scaleY(1); }
.sponsor-card:hover::after  { opacity: 1; }

.sp-label {
  font-family: var(--f-mono);
  font-size: 8.5px; letter-spacing: .28em; text-transform: uppercase;
  color: var(--silver-300);
  margin-bottom: 4px;
}
.sp-name {
  font-family: var(--f-display);
  font-weight: 900; font-style: italic;
  font-size: 22px; line-height: 1; letter-spacing: -.01em;
  color: var(--silver-100);
  text-transform: uppercase;
  position: relative; z-index: 1;
}
.sp-name span {
  color: var(--roxo-mid);
}
.sp-arrow {
  font-size: 20px;
  color: var(--silver-600);
  flex-shrink: 0;
  position: relative; z-index: 1;
  transition: color .3s, transform .3s var(--ease-out);
}
.sponsor-card:hover .sp-arrow {
  color: var(--azul-soft);
  transform: rotate(-45deg) translateX(2px);
}

/* ── SPONSOR CTA — quero ser patrocinador ── */
.sponsor-card--cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: transparent;
  border: 1px dashed rgba(39,245,204,.22);
  padding: 15px 22px;
}
.sponsor-card--cta::before,
.sponsor-card--cta::after { display: none; }
.sponsor-card--cta .sp-label {
  font-size: 8px; letter-spacing: .24em;
  color: var(--silver-600);
  text-align: center;
}
.sponsor-card--cta .sp-name {
  font-family: var(--f-mono);
  font-weight: 700; font-style: normal;
  font-size: 10.5px; letter-spacing: .26em;
  color: var(--teal-soft);
  text-align: center;
}
.sponsor-card--cta .sp-name span { color: inherit; }
.sponsor-card--cta .sp-arrow {
  font-size: 16px;
  color: var(--teal-soft);
  margin-top: 2px;
}
.sponsor-card--cta:hover {
  border-color: rgba(39,245,204,.48);
  background: rgba(39,245,204,.04);
  transform: translateY(-2px);
}
.sponsor-card--cta:hover .sp-arrow {
  color: var(--teal);
  transform: rotate(-45deg) translateX(2px);
}

/* ── RESPONSIVO ── */

/* Tablets pequenos e telefones grandes */
@media (max-width: 600px) {
  .shell              { padding: 32px 20px 56px; }
  .head-mark          { width: 180px; height: 180px; }
  .featured .ft-title { font-size: 40px; }
}

/* Telefones padrão */
@media (max-width: 420px) {
  .shell              { padding: 28px 16px 48px; gap: 24px; }
  .head-mark          { width: 160px; height: 160px; }
  .head-word .hw-pk   { font-size: 36px; gap: 10px; }
  .featured           { padding: 22px 18px; }
  .featured .ft-title { font-size: 34px; }
  .featured .ft-foot  { flex-direction: column; align-items: flex-start; gap: 6px; }
  .link               { padding: 14px 14px; gap: 12px; }
  .link-ico           { width: 40px; height: 40px; }
  .link-title         { font-size: 13.5px; flex-wrap: wrap; }
  .link-sub           { font-size: 9.5px; }
  .quote-text         { font-size: 21px; }
  .stat .sn           { font-size: 26px; }
  .topbar .tb-share   { padding: 6px 10px; letter-spacing: .14em; }
}

/* Telefones compactos (Samsung A-series, iPhone SE, etc.) */
@media (max-width: 360px) {
  .shell              { padding: 22px 14px 40px; gap: 20px; }
  .head-mark          { width: 140px; height: 140px; }
  .head-word .hw-pk   { font-size: 30px; gap: 8px; }
  .head-bio           { font-size: 13px; }
  .featured .ft-row   { flex-wrap: wrap; gap: 10px; }
  .featured .ft-tag   { font-size: 8px; letter-spacing: .16em; padding: 5px 8px; }
  .featured .ft-title { font-size: 28px; }
  .stat               { padding: 16px 8px 12px; }
  .stat .sn           { font-size: 22px; }
  .sp-name            { font-size: 18px; }
  .topbar             { font-size: 9px; letter-spacing: .18em; }
  .topbar .tb-share   { letter-spacing: .12em; }
  .socials            { gap: 8px; }
  .social             { width: 42px; height: 42px; }
}

/* Telefones muito compactos (iPhone SE 1ª gen, 320px) */
@media (max-width: 320px) {
  .shell              { padding: 20px 12px 36px; gap: 18px; }
  .head-mark          { width: 120px; height: 120px; }
  .head-word .hw-pk   { font-size: 26px; gap: 6px; }
  .featured .ft-title { font-size: 24px; }
  .featured           { padding: 18px 14px; }
  .link               { padding: 12px 12px; gap: 10px; }
  .link-ico           { width: 36px; height: 36px; }
  .link-ico svg       { width: 16px; height: 16px; }
  .link-title         { font-size: 12.5px; }
  .stat .sn           { font-size: 20px; }
  .topbar .tb-share   { padding: 5px 8px; font-size: 9px; }
}