/* Instinto Capital — Trading Tournaments (reemplazo visual completo de la fachada pública)
   Todo queda escapado bajo el wrapper .ic-tourn (ver frontend.blade.php) para no
   afectar Bootstrap/admin/dashboard/widgets de terceros que viven fuera de ese wrapper. */

:root{
  --ict-bg:#07070a;
  --ict-bg-2:#0c0c11;
  --ict-glass:rgba(255,255,255,0.035);
  --ict-glass-hover:rgba(255,255,255,0.06);
  --ict-line:rgba(212,175,55,0.22);
  --ict-line-soft:rgba(255,255,255,0.08);
  --ict-gold:#d4af37;
  --ict-gold-2:#f2cf6b;
  --ict-gold-deep:#7a5f1a;
  --ict-text:#f6f2e8;
  --ict-muted:#a9a5ae;
  --ict-faint:#68646d;
  --ict-green:#3ecf8e;

  /* Breakpoints de referencia (documentación; los media usan px literales) */
  --ict-bp-xs: 390px;
  --ict-bp-sm: 576px;
  --ict-bp-md: 768px;
  --ict-bp-lg: 992px;
  --ict-bp-xl: 1200px;
  --ict-bp-2xl: 1440px;
  --ict-bp-3xl: 1920px;
  --ict-bp-uw: 2560px;

  /* Escala fluida (calc() para compatibilidad real en laptops/Safari) */
  --ict-gutter: clamp(16px, 2.2vw, 40px);
  --ict-wrap-max: 1180px;
  --ict-section-y: clamp(56px, 8vw, 110px);
  --ict-hero-y: clamp(40px, 5.5vh, 64px);
  --ict-logo-h: clamp(48px, 6.5vw, 88px);
  --ict-logo-h-footer: clamp(32px, 3.5vw, 42px);
  --ict-nav-pad-x: clamp(12px, 1.4vw, 26px);
  --ict-nav-gap: clamp(14px, 2.2vw, 36px);
  --ict-fs-body: clamp(14.5px, calc(0.35vw + 13px), 16.5px);
  --ict-fs-lead: clamp(15px, calc(0.35vw + 14px), 17px);
  --ict-fs-h1: clamp(32px, calc(3.2vw + 14px), 60px);
  --ict-fs-h2: clamp(26px, calc(2vw + 12px), 42px);
}

.ic-tourn, .ic-tourn *{box-sizing:border-box;}
.ic-tourn{margin:0; padding:0;}
.ic-tourn ul, .ic-tourn ol{margin:0; padding:0; list-style:none;}
.ic-tourn h1, .ic-tourn h2, .ic-tourn h3, .ic-tourn h4, .ic-tourn p{margin:0; padding:0;}

html{scroll-behavior:smooth;}

/* Anti overflow global en la fachada pública */
html, body{max-width:100%;}
body.ic-premium-public{
  overflow-x:hidden;
  background:var(--ict-bg);
}

.ic-tourn{
  background:var(--ict-bg);
  color:var(--ict-text);
  font-family:'Inter', sans-serif;
  font-size:var(--ict-fs-body);
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
  position:relative;
  min-height:100vh;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  cursor:auto;
  width:100%;
  max-width:100%;
}
.ic-tourn main{flex:1 0 auto;}
.ic-tourn footer{flex-shrink:0;}
.ic-tourn a, .ic-tourn button, .ic-tourn .btn-lg, .ic-tourn .btn-gold, .ic-tourn .btn-ghost, .ic-tourn .nav-links a{
  cursor:pointer;
}
html.ic-pointer-3d-active .ic-tourn,
html.ic-pointer-3d-active .ic-tourn *{
  cursor:none !important;
}

/* ---------- 3D POINTER (Three.js, ver ic-pointer-3d.js) ---------- */
.ic-pointer-3d-canvas{
  position:fixed;
  top:0; left:0;
  z-index:9999;
  pointer-events:none;
  filter:
    drop-shadow(0 2px 5px rgba(0,0,0,.5))
    drop-shadow(0 0 8px rgba(239,184,16,.32));
}
.ic-tourn .serif{font-family:'Fraunces', serif;}
.ic-tourn .mono{font-family:'JetBrains Mono', monospace;}
.ic-tourn a{color:inherit; text-decoration:none;}
.ic-tourn ::selection{background:var(--ict-gold); color:#0a0a0d;}
.ic-tourn img{max-width:100%; display:block;}

/* ---------- AMBIENT BACKGROUND: gradient mesh + grain ---------- */
.ic-tourn .mesh{
  position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(720px 520px at 12% -8%, rgba(212,175,55,0.16), transparent 60%),
    radial-gradient(640px 480px at 100% 8%, rgba(212,175,55,0.10), transparent 60%),
    radial-gradient(900px 600px at 50% 105%, rgba(212,175,55,0.08), transparent 60%);
}
.ic-tourn .grain{
  position:fixed; inset:0; z-index:1; pointer-events:none; opacity:0.045; mix-blend-mode:overlay;
}
.ic-tourn main, .ic-tourn header, .ic-tourn footer{position:relative; z-index:2;}

/* Contenedor clásico: max-width + padding lateral (no colapsa el texto del hero) */
.ic-tourn .wrap{
  width:100%;
  max-width:var(--ict-wrap-max);
  margin:0 auto;
  padding-left:var(--ict-gutter);
  padding-right:var(--ict-gutter);
  box-sizing:border-box;
}

/* ---------- NAV ---------- */
.ic-tourn header{
  position:sticky; top:0; z-index:50;
  background:transparent;
  padding:clamp(10px, 1.4vh, 18px) var(--ict-gutter) 0;
}
.ic-tourn .nav-ring{
  position:relative;
  width:min(100%, 1320px);
  max-width:1320px;
  margin:0 auto;
  border-radius:999px;
  padding:1.5px;
}
.ic-tourn .nav-ring__glow{
  position:absolute; inset:0; z-index:0;
  border-radius:inherit; overflow:hidden; pointer-events:none;
}
.ic-tourn .nav-ring__glow::before, .ic-tourn .nav-ring__glow::after{
  content:'';
  position:absolute; inset:-70%;
  mix-blend-mode:screen;
}
.ic-tourn .nav-ring__glow::before{
  background:conic-gradient(from 0deg,
    transparent 0%,
    rgba(212,175,55,0.75) 10%,
    rgba(242,207,107,1) 20%,
    rgba(212,175,55,0.6) 30%,
    transparent 45%,
    transparent 55%,
    rgba(212,175,55,0.5) 68%,
    transparent 80%);
  animation:ictNavFlow 4.5s ease-in-out infinite;
}
.ic-tourn .nav-ring__glow::after{
  background:conic-gradient(from 90deg,
    transparent 0%,
    rgba(242,207,107,0.55) 14%,
    transparent 30%,
    rgba(122,95,26,0.5) 55%,
    rgba(212,175,55,0.7) 66%,
    transparent 82%);
  animation:ictNavFlowRev 6.8s ease-in-out infinite;
  opacity:0.8;
}
@keyframes ictNavFlow{ 0%{transform:rotate(0deg);} 50%{transform:rotate(190deg);} 100%{transform:rotate(360deg);} }
@keyframes ictNavFlowRev{ 0%{transform:rotate(360deg);} 50%{transform:rotate(160deg);} 100%{transform:rotate(0deg);} }
.ic-tourn nav{
  position:relative; z-index:1;
  display:flex; align-items:center; justify-content:space-between;
  gap:clamp(8px, 1.2vw, 20px);
  padding:clamp(8px, 1vh, 12px) clamp(12px, 1.5vw, 20px) clamp(8px, 1vh, 12px) var(--ict-nav-pad-x);
  border-radius:999px;
  background:rgba(11,11,15,0.92);
  backdrop-filter:blur(18px) saturate(140%);
  min-width:0;
}
.ic-tourn .logo{
  display:flex; align-items:center; gap:clamp(8px, 1vw, 11px);
  font-family:'Fraunces', serif; font-weight:600;
  font-size:clamp(14px, 1.1vw + 10px, 18px);
  letter-spacing:0.16em;
  min-width:0;
  flex-shrink:1;
}
.ic-tourn .logo .logo-img{
  height:var(--ict-logo-h);
  width:auto;
  max-width:min(42vw, 220px);
  object-fit:contain;
  flex-shrink:0;
}
.ic-tourn .logo small{
  display:block; font-family:'JetBrains Mono', monospace; font-weight:400;
  font-size:clamp(8.5px, 0.55vw + 6px, 9.5px); letter-spacing:0.14em;
  color:var(--ict-faint); text-transform:uppercase; margin-top:3px;
  white-space:nowrap;
}

.ic-tourn .nav-links{
  display:flex; flex-wrap:nowrap; gap:var(--ict-nav-gap);
  font-size:clamp(12.5px, 0.55vw + 10px, 13.5px);
  color:var(--ict-muted);
  min-width:0;
}
.ic-tourn .nav-links a{
  transition:color .2s ease; position:relative;
  white-space:nowrap;
}
.ic-tourn .nav-links a::after{content:''; position:absolute; left:0; right:0; bottom:-6px; height:1px; background:var(--ict-gold); transform:scaleX(0); transform-origin:left; transition:transform .25s ease;}
.ic-tourn .nav-links a:hover{color:var(--ict-text);}
.ic-tourn .nav-links a:hover::after{transform:scaleX(1);}
.ic-tourn .nav-links a.is-active{color:var(--ict-gold-2);}

.ic-tourn .nav-actions{display:flex; align-items:center; gap:clamp(6px, 0.8vw, 10px); flex-shrink:0;}
.ic-tourn .nav-actions__desktop{display:flex; align-items:center; gap:clamp(6px, 0.8vw, 10px);}
/* Auth dentro del menú: oculto en desktop (vive en .nav-actions__desktop) */
.ic-tourn .nav-links__auth{display:none;}
.ic-tourn .btn-ghost{
  padding:clamp(8px, 0.9vh, 10px) clamp(12px, 1.2vw, 18px);
  font-size:clamp(12px, 0.5vw + 10px, 13px); font-weight:500;
  color:var(--ict-muted); border:1px solid transparent; border-radius:999px; transition:all .2s ease;
}
.ic-tourn .btn-ghost:hover{color:var(--ict-text); border-color:var(--ict-line-soft);}
.ic-tourn .btn-gold{
  padding:clamp(8px, 0.9vh, 10px) clamp(14px, 1.4vw, 20px);
  font-size:clamp(12px, 0.5vw + 10px, 13px); font-weight:600; border-radius:999px;
  color:#161104; background:linear-gradient(155deg, var(--ict-gold-2), var(--ict-gold));
  box-shadow:0 6px 22px -8px rgba(212,175,55,0.55);
  transition:transform .2s ease, box-shadow .2s ease;
  white-space:nowrap;
}
.ic-tourn .btn-gold:hover{transform:translateY(-1px); box-shadow:0 10px 28px -6px rgba(212,175,55,0.65);}

.ic-tourn .nav-toggle{
  display:none; width:44px; height:44px; border-radius:50%;
  border:1px solid var(--ict-line-soft); background:transparent; position:relative; flex-shrink:0;
}
.ic-tourn .nav-toggle span, .ic-tourn .nav-toggle span::before, .ic-tourn .nav-toggle span::after{
  content:''; position:absolute; left:12px; right:12px; height:1px; background:var(--ict-text); transition:transform .2s ease, opacity .2s ease;
}
.ic-tourn .nav-toggle span{top:50%;}
.ic-tourn .nav-toggle span::before{top:-6px;}
.ic-tourn .nav-toggle span::after{top:6px;}
.ic-tourn header.is-open .nav-toggle span{background:transparent;}
.ic-tourn header.is-open .nav-toggle span::before{transform:translateY(6px) rotate(45deg);}
.ic-tourn header.is-open .nav-toggle span::after{transform:translateY(-6px) rotate(-45deg);}

/* Compact desktop / laptop medio: menos gap, logo más chico, sin romper menú */
@media (max-width:1280px) and (min-width:1101px){
  .ic-tourn{ --ict-logo-h: clamp(52px, 5vw, 72px); --ict-nav-gap: 18px; }
  .ic-tourn .nav-links{font-size:12.5px;}
  .ic-tourn .logo small{display:none;}
}
/* Laptops angostos (≈1024–1100): menú compacto aún más */
@media (max-width:1100px) and (min-width:981px){
  .ic-tourn{ --ict-logo-h: 52px; --ict-nav-gap: 12px; }
  .ic-tourn .nav-links{font-size:12px;}
  .ic-tourn .logo > div{font-size:13px; letter-spacing:0.1em;}
  .ic-tourn .logo small{display:none;}
  .ic-tourn .btn-ghost{padding:8px 10px;}
  .ic-tourn .btn-gold{padding:8px 12px;}
}

/* —— Tablet / móvil: menú hamburguesa —— */
@media (max-width:980px){
  .ic-tourn{ --ict-logo-h: clamp(40px, 9vw, 56px); --ict-gutter: 16px; }
  .ic-tourn header{
    padding: max(8px, env(safe-area-inset-top, 0px)) max(12px, env(safe-area-inset-right, 0px)) 0 max(12px, env(safe-area-inset-left, 0px));
  }
  .ic-tourn .nav-ring{ border-radius: 22px; width:100%; max-width:none; }
  .ic-tourn nav{
    border-radius: 20px;
    padding: 8px 10px 8px 12px;
    gap: 8px;
  }
  .ic-tourn .logo small{ display:none; }
  .ic-tourn .logo > div{
    font-size: 12px;
    letter-spacing: 0.08em;
    line-height: 1.15;
    max-width: min(42vw, 150px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* Barra superior: solo logo + ☰ (Ingresar/Crear cuenta van DENTRO de la burbuja) */
  .ic-tourn .nav-actions__desktop{ display: none !important; }
  .ic-tourn .nav-toggle{ display: flex; align-items: center; justify-content: center; }

  .ic-tourn .nav-links{
    position: absolute;
    top: calc(100% + 8px);
    left: 0; right: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex-wrap: nowrap;
    background: rgba(11,11,15,0.98);
    border: 1px solid var(--ict-line-soft);
    border-radius: 16px;
    padding: 10px;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    pointer-events: none;
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
    z-index: 80;
    max-height: min(78dvh, 78vh, 520px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    box-shadow: 0 18px 40px rgba(0,0,0,0.45);
  }
  /* Enlaces de páginas dentro de la burbuja */
  .ic-tourn .nav-links > a{
    padding: 14px 14px;
    min-height: 48px;
    display: flex;
    align-items: center;
    border-radius: 12px;
    white-space: normal;
    font-size: 15px;
    color: var(--ict-text);
  }
  .ic-tourn .nav-links > a:hover,
  .ic-tourn .nav-links > a:active{ background: var(--ict-glass); }
  .ic-tourn .nav-links > a::after{ display: none; }
  .ic-tourn .nav-links > a.is-active{ color: var(--ict-gold-2); background: rgba(212,175,55,0.08); }

  /* Bloque Ingresar + Crear cuenta DENTRO de la burbuja */
  .ic-tourn .nav-links__auth{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
    padding-top: 12px;
    border-top: 1px solid var(--ict-line-soft);
  }
  .ic-tourn .nav-links__auth .nav-auth-login,
  .ic-tourn .nav-links__auth .nav-auth-cta{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 50px;
    padding: 12px 16px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    box-sizing: border-box;
  }
  .ic-tourn .nav-links__auth .nav-auth-login{
    color: var(--ict-text);
    background: transparent;
    border: 1px solid var(--ict-line-soft);
  }
  .ic-tourn .nav-links__auth .nav-auth-login:hover,
  .ic-tourn .nav-links__auth .nav-auth-login:active{
    border-color: var(--ict-line);
    background: var(--ict-glass);
  }
  .ic-tourn .nav-links__auth .nav-auth-cta{
    color: #161104;
    background: linear-gradient(155deg, var(--ict-gold-2), var(--ict-gold));
    border: none;
    box-shadow: 0 8px 22px -8px rgba(212,175,55,0.55);
  }
  .ic-tourn .nav-links__auth .nav-auth-cta:hover,
  .ic-tourn .nav-links__auth .nav-auth-cta:active{
    filter: brightness(1.05);
  }

  .ic-tourn header.is-open .nav-links{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }
  body.ic-nav-open{ overflow: hidden; touch-action: none; }
}
@media (max-width:640px){
  .ic-tourn .logo > div{ display: none; } /* solo logo imagen en móvil */
  .ic-tourn .logo .logo-img{ max-width: 48vw; }
}
@media (max-width:380px){
  .ic-tourn{ --ict-logo-h: 40px; }
  .ic-tourn .nav-links__auth .nav-auth-login,
  .ic-tourn .nav-links__auth .nav-auth-cta{ min-height: 48px; font-size: 14.5px; }
}

/* ---------- HERO ----------
   Composición: letras a la IZQUIERDA sobre scrim oscuro;
   gráfico de velas (#candleChart) de fondo a pantalla completa del hero. */
.ic-tourn .hero{
  padding:var(--ict-hero-y) 0 clamp(56px, 8vh, 80px);
  position:relative;
  overflow:hidden;
  /* Altura mínima para que el chart se vea; el texto queda arriba-izquierda, no centrado vertical */
  min-height:clamp(420px, 68vh, 720px);
}
.ic-tourn .hero .hero-inner{
  /* Empuja un poco el bloque de texto hacia la zona legible (izq.) */
  padding-left:clamp(4px, 0.8vw, 16px);
}
/* Canvas trading: siempre cubre el hero (nunca height:auto) */
.ic-tourn #candleChart,
.ic-tourn canvas#candleChart{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  z-index:0 !important;
  display:block !important;
  pointer-events:none;
  object-fit:unset;
}
.ic-tourn .hero-scrim{
  position:absolute; inset:0; z-index:0;
  pointer-events:none;
  background:
    linear-gradient(100deg, rgba(7,7,10,0.94) 0%, rgba(7,7,10,0.75) 42%, rgba(7,7,10,0.35) 68%, rgba(7,7,10,0.55) 100%),
    linear-gradient(0deg, rgba(7,7,10,0.9) 0%, transparent 30%);
}
.ic-tourn .hero-inner{
  position:relative;
  z-index:2;
  width:100%;
}

.ic-tourn .eyebrow-pill{
  display:inline-flex; align-items:center; gap:9px;
  font-family:'JetBrains Mono', monospace;
  font-size:clamp(10.5px, calc(0.25vw + 9.5px), 11.5px);
  letter-spacing:0.12em; text-transform:uppercase;
  color:var(--ict-gold-2);
  padding:8px 16px; border-radius:999px;
  background:var(--ict-glass); border:1px solid var(--ict-line);
  backdrop-filter:blur(10px);
  animation:ictFadeUp .8s ease both;
}
.ic-tourn .eyebrow-pill .pulse{width:6px; height:6px; border-radius:50%; background:var(--ict-green); box-shadow:0 0 10px var(--ict-green);}

/* Columna de texto: izquierda, legible sobre el scrim (el chart se ve a la derecha) */
.ic-tourn .hero-grid{
  margin-top:0;
  max-width:660px;
  width:100%;
}

.ic-tourn h1{
  font-family:'Fraunces', serif; font-weight:600;
  font-size:var(--ict-fs-h1);
  line-height:1.08; letter-spacing:-0.015em;
  margin-bottom:24px;
  color:var(--ict-text);
  /* visible por defecto; animación solo refuerza la entrada */
  opacity:1;
  animation:ictFadeUp .8s ease .08s both;
  text-wrap:balance;
}
.ic-tourn h1 .grad{
  background:linear-gradient(100deg, var(--ict-gold-2), var(--ict-gold) 50%, #b8912c);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.ic-tourn .hero p.lead{
  font-size:var(--ict-fs-lead);
  line-height:1.7;
  color:var(--ict-muted);
  max-width:480px;
  margin-bottom:34px;
  opacity:1;
  animation:ictFadeUp .8s ease .16s both;
  text-wrap:pretty;
}
.ic-tourn .cta-row{
  display:flex; gap:14px; flex-wrap:wrap;
  margin-bottom:44px;
  opacity:1;
  animation:ictFadeUp .8s ease .24s both;
}
.ic-tourn .btn-lg{
  padding:15px 28px;
  font-size:14.5px;
  border-radius:10px; font-weight:600;
  text-align:center;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.ic-tourn .btn-lg.gold{color:#161104; background:linear-gradient(155deg, var(--ict-gold-2), var(--ict-gold)); box-shadow:0 12px 34px -10px rgba(212,175,55,0.6); transition:transform .2s ease;}
.ic-tourn .btn-lg.gold:hover{transform:translateY(-2px);}
.ic-tourn .btn-lg.outline{border:1px solid var(--ict-line-soft); color:var(--ict-text); background:var(--ict-glass); backdrop-filter:blur(8px); transition:border-color .2s ease;}
.ic-tourn .btn-lg.outline:hover{border-color:var(--ict-line);}

.ic-tourn .eco-stats{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--ict-line-soft); border:1px solid var(--ict-line-soft); border-radius:12px; overflow:hidden;
  opacity:0; animation:ictFadeUp .8s ease .32s forwards;}
.ic-tourn .eco-stat{background:var(--ict-bg-2); padding:clamp(12px, 1.5vh, 16px) clamp(10px, 1vw, 14px); min-width:0;}
.ic-tourn .eco-stat b{display:block; font-family:'JetBrains Mono', monospace; font-size:clamp(14px, 1vw + 10px, 17px); color:var(--ict-gold-2); margin-bottom:3px;}
.ic-tourn .eco-stat span{font-size:clamp(9.5px, 0.3vw + 8px, 10.5px); color:var(--ict-faint); text-transform:uppercase; letter-spacing:0.05em; line-height:1.3; display:block;}
@media (max-width:640px){ .ic-tourn .eco-stats{grid-template-columns:repeat(2,1fr);} }

@keyframes ictFadeUp{ from{opacity:0; transform:translateY(14px);} to{opacity:1; transform:translateY(0);} }

/* ---------- HERO · rotador de frases (mismo h1, solo rota el contenido) ---------- */
/* Frases apiladas en la misma celda: la altura la fija la más larga → sin salto. */
.ic-tourn h1.hero-rotator{
  display:grid;
  text-wrap:balance;
  color:var(--ict-text);
}
.ic-tourn .hero-rot-slide{
  grid-area:1 / 1;
  align-self:start;
  opacity:0;
  transform:translateY(10px);
  transition:opacity 1s cubic-bezier(.22,.61,.36,1), transform 1s cubic-bezier(.22,.61,.36,1);
  pointer-events:none;
  will-change:opacity, transform;
  color:inherit;
}
.ic-tourn .hero-rot-slide.is-active{
  opacity:1;
  transform:none;
  pointer-events:auto;
}
@media (prefers-reduced-motion: reduce){
  .ic-tourn .hero-rot-slide{transition:none; transform:none;}
  .ic-tourn .hero-rot-slide.is-active{opacity:1;}
}

/* ---------- SECTIONS ---------- */
.ic-tourn section{padding:var(--ict-section-y) 0;}
.ic-tourn .section-head{max-width:min(100%, 640px); margin-bottom:clamp(32px, 5vw, 56px);}
.ic-tourn .section-tag{
  display:inline-block; font-family:'JetBrains Mono', monospace; font-size:11.5px; letter-spacing:0.14em;
  text-transform:uppercase; color:var(--ict-gold-2); margin-bottom:16px;
  padding-bottom:10px; border-bottom:1px solid var(--ict-line);
}
.ic-tourn .section-head h2{
  font-family:'Fraunces', serif; font-weight:600;
  font-size:var(--ict-fs-h2); line-height:1.15; margin-bottom:16px;
  text-wrap:balance;
}
.ic-tourn .section-head p{color:var(--ict-muted); font-size:clamp(14.5px, 0.4vw + 13px, 16px); line-height:1.7;}

.ic-tourn .reveal{opacity:0; transform:translateY(22px); transition:opacity .7s ease, transform .7s ease;}
.ic-tourn .reveal.show{opacity:1; transform:translateY(0);}

.ic-tourn .divider{height:1px; background:linear-gradient(90deg, transparent, var(--ict-line), transparent); margin:0;}

/* ---------- ECOSYSTEM ---------- */
.ic-tourn .eco-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:clamp(12px, 1.5vw, 18px);
}
@media (max-width:1100px){ .ic-tourn .eco-grid{grid-template-columns:repeat(2, minmax(0, 1fr));} }
@media (max-width:620px){ .ic-tourn .eco-grid{grid-template-columns:1fr;} }
.ic-tourn .eco-card{
  background:var(--ict-glass); border:1px solid var(--ict-line-soft); border-radius:16px;
  padding:clamp(20px, 2.2vw, 28px) clamp(16px, 1.8vw, 24px);
  position:relative; overflow:hidden; transition:border-color .3s ease, transform .3s ease, background .3s ease;
  min-width:0;
}
.ic-tourn .eco-card.active{border-color:var(--ict-line); background:linear-gradient(165deg, rgba(212,175,55,0.09), var(--ict-glass) 70%);}
.ic-tourn .eco-card:hover{transform:translateY(-5px); background:var(--ict-glass-hover);}
.ic-tourn .eco-card .icon{
  width:38px; height:38px; border-radius:10px; margin-bottom:22px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(212,175,55,0.1); border:1px solid var(--ict-line-soft);
}
.ic-tourn .eco-card .icon svg{width:18px; height:18px; stroke:var(--ict-gold-2);}
.ic-tourn .eco-card .num{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--ict-faint); margin-bottom:10px;}
.ic-tourn .eco-card .status{
  display:inline-block; font-family:'JetBrains Mono', monospace; font-size:9.5px; letter-spacing:0.08em; text-transform:uppercase;
  padding:3px 9px; border-radius:999px; margin-bottom:14px;
}
.ic-tourn .status.live{background:rgba(62,207,142,0.14); color:var(--ict-green);}
.ic-tourn .status.soon{background:rgba(255,255,255,0.06); color:var(--ict-faint);}
.ic-tourn .eco-card h3{font-family:'Fraunces', serif; font-weight:600; font-size:18px; margin-bottom:10px;}
.ic-tourn .eco-card p{color:var(--ict-muted); font-size:13.5px; line-height:1.65; margin-bottom:14px;}
.ic-tourn .eco-card .link{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--ict-faint);}

.ic-tourn .ai-note{
  margin-top:22px; padding:20px 24px; border-radius:14px;
  background:var(--ict-glass); border:1px dashed var(--ict-line);
  font-size:13.5px; color:var(--ict-muted); line-height:1.7;
  display:flex; gap:16px; align-items:flex-start;
}
.ic-tourn .ai-note svg{stroke:var(--ict-gold-2); flex-shrink:0;}
.ic-tourn .ai-note b{color:var(--ict-gold-2);}

/* ---------- STEPS ---------- */
.ic-tourn .steps{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:clamp(12px, 1.6vw, 20px);}
@media (max-width:980px){ .ic-tourn .steps{grid-template-columns:1fr;} }
@media (min-width:981px) and (max-width:1200px){ .ic-tourn .steps{gap:14px;} }
.ic-tourn .step{background:var(--ict-glass); border:1px solid var(--ict-line-soft); border-radius:14px; padding:28px 24px; transition:border-color .3s ease, transform .3s ease;}
.ic-tourn .step:hover{border-color:var(--ict-line); transform:translateY(-4px);}
.ic-tourn .step .num{font-family:'Fraunces', serif; font-style:italic; font-size:15px; color:var(--ict-gold-2); margin-bottom:16px;}
.ic-tourn .step h3{font-family:'Fraunces', serif; font-size:18px; margin-bottom:10px; font-weight:600;}
.ic-tourn .step p{color:var(--ict-muted); font-size:14px; line-height:1.65;}

/* ---------- SHOWCASE ---------- */
.ic-tourn .showcase-hint{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:22px;}
.ic-tourn .showcase-hint span{font-family:'JetBrains Mono', monospace; font-size:11.5px; color:var(--ict-faint); text-transform:uppercase; letter-spacing:0.1em;}
.ic-tourn .showcase-scroll{
  display:flex; gap:16px; overflow-x:auto;
  padding:0 var(--ict-gutter) 6px;
  scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none;
}
.ic-tourn .showcase-scroll::-webkit-scrollbar{display:none;}
.ic-tourn .showcase-panel{
  position:relative;
  flex:0 0 min(72%, 860px);
  height:clamp(300px, 42vh, 440px);
  border-radius:16px; border:1px solid var(--ict-line-soft); overflow:hidden;
  scroll-snap-align:start; background:var(--ict-bg-2);
}
@media (max-width:700px){ .ic-tourn .showcase-panel{flex:0 0 86%; height:clamp(280px, 48vh, 380px);} }
.ic-tourn .showcase-panel canvas{position:absolute; inset:0; width:100%; height:100%;}
.ic-tourn .showcase-panel .overlay{position:absolute; inset:0; background:linear-gradient(180deg, transparent 35%, rgba(7,7,10,0.94) 100%); display:flex; flex-direction:column; justify-content:flex-end; padding:30px;}
.ic-tourn .showcase-panel .tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:var(--ict-gold-2); margin-bottom:10px;}
.ic-tourn .showcase-panel h3{font-family:'Fraunces', serif; font-weight:600; font-size:21px; line-height:1.25; margin-bottom:8px; max-width:320px;}
.ic-tourn .showcase-panel p{font-size:13px; color:var(--ict-muted); max-width:320px; line-height:1.6;}

/* ---------- LEADERBOARD ---------- */
.ic-tourn .lb-wrap{background:var(--ict-glass); border:1px solid var(--ict-line-soft); border-radius:16px; overflow:hidden; backdrop-filter:blur(10px); overflow-x:auto;}
.ic-tourn table.leaderboard{width:100%; border-collapse:collapse;}
.ic-tourn table.leaderboard th{text-align:left; font-family:'JetBrains Mono', monospace; font-size:10.5px; text-transform:uppercase; letter-spacing:0.06em; color:var(--ict-faint); padding:18px 22px 14px; font-weight:400; border-bottom:1px solid var(--ict-line-soft);}
.ic-tourn table.leaderboard th.num, .ic-tourn table.leaderboard td.num{text-align:right;}
.ic-tourn table.leaderboard td{padding:17px 22px; border-bottom:1px solid var(--ict-line-soft); font-size:14.5px;}
.ic-tourn table.leaderboard tr:last-child td{border-bottom:none;}
.ic-tourn table.leaderboard tr:hover td{background:rgba(212,175,55,0.03);}
.ic-tourn table.leaderboard .rank{font-family:'JetBrains Mono', monospace; color:var(--ict-faint); width:32px;}
.ic-tourn table.leaderboard tr:nth-child(1) .rank, .ic-tourn table.leaderboard tr:nth-child(1) .trader-name{color:var(--ict-gold-2);}
.ic-tourn .trader-name{font-weight:500;}
.ic-tourn .trader-tag{font-size:12px; color:var(--ict-faint); font-family:'JetBrains Mono', monospace; margin-left:8px;}
.ic-tourn .roi{font-family:'JetBrains Mono', monospace; font-weight:600; color:var(--ict-green);}
.ic-tourn .capital{font-family:'JetBrains Mono', monospace; color:var(--ict-muted);}

/* ---------- PRIZES ---------- */
.ic-tourn .prizes{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:clamp(12px, 1.6vw, 20px); align-items:stretch;}
@media (max-width:980px){ .ic-tourn .prizes{grid-template-columns:1fr;} }
.ic-tourn .prize-card{
  background:var(--ict-glass); border:1px solid var(--ict-line-soft); border-radius:16px;
  padding:clamp(22px, 2.5vw, 32px) clamp(18px, 2vw, 26px);
  position:relative; overflow:hidden; min-width:0;
}
.ic-tourn .prize-card.gold{border-color:var(--ict-line); background:linear-gradient(165deg, rgba(212,175,55,0.12), var(--ict-glass) 65%); transform:translateY(-8px);}
@media (max-width:980px){ .ic-tourn .prize-card.gold{transform:none;} }
.ic-tourn .prize-card .tier{font-family:'JetBrains Mono', monospace; font-size:11.5px; letter-spacing:0.1em; text-transform:uppercase; color:var(--ict-faint); margin-bottom:16px;}
.ic-tourn .prize-card.gold .tier{color:var(--ict-gold-2);}
.ic-tourn .prize-card .amount{font-family:'Fraunces', serif; font-weight:600; font-size:clamp(26px, 2.4vw, 32px); margin-bottom:6px;}
.ic-tourn .prize-card .place{color:var(--ict-muted); font-size:13.5px; margin-bottom:20px;}
.ic-tourn .prize-card ul{list-style:none; display:flex; flex-direction:column; gap:9px;}
.ic-tourn .prize-card li{font-size:13px; color:var(--ict-muted); display:flex; gap:8px; align-items:flex-start;}
.ic-tourn .prize-card li::before{content:'—'; color:var(--ict-gold); flex-shrink:0;}

/* ---------- ROADMAP ---------- */
.ic-tourn .roadmap-list{display:flex; flex-direction:column; gap:0;}
.ic-tourn .roadmap-item{display:grid; grid-template-columns:140px 1fr; gap:28px; padding:24px 0; border-bottom:1px solid var(--ict-line-soft);}
.ic-tourn .roadmap-item:first-child{padding-top:0;}
.ic-tourn .roadmap-item:last-child{border-bottom:none;}
@media (max-width:700px){ .ic-tourn .roadmap-item{grid-template-columns:1fr; gap:8px;} }
.ic-tourn .roadmap-status{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.06em; text-transform:uppercase; display:flex; align-items:center; gap:8px; height:fit-content;}
.ic-tourn .roadmap-status .dot{width:7px; height:7px; border-radius:50%;}
.ic-tourn .roadmap-status.live .dot{background:var(--ict-green); box-shadow:0 0 8px var(--ict-green);}
.ic-tourn .roadmap-status.live{color:var(--ict-green);}
.ic-tourn .roadmap-status.progress .dot{background:var(--ict-gold-2); box-shadow:0 0 8px var(--ict-gold);}
.ic-tourn .roadmap-status.progress{color:var(--ict-gold-2);}
.ic-tourn .roadmap-status.soon .dot{background:var(--ict-faint);}
.ic-tourn .roadmap-status.soon{color:var(--ict-faint);}
.ic-tourn .roadmap-body h3{font-family:'Fraunces', serif; font-size:18px; font-weight:600; margin-bottom:6px;}
.ic-tourn .roadmap-body p{color:var(--ict-muted); font-size:14px; line-height:1.65; max-width:560px;}
.ic-tourn .roadmap-teaser{display:block; margin-top:8px; font-size:12.5px; color:var(--ict-gold-2); font-style:italic;}

/* ---------- FINAL CTA ---------- */
.ic-tourn .final-cta{
  border-radius:clamp(16px, 2vw, 24px); border:1px solid var(--ict-line);
  background:radial-gradient(ellipse 700px 320px at 50% 0%, rgba(212,175,55,0.16), transparent 70%), var(--ict-glass);
  backdrop-filter:blur(14px);
  padding:clamp(40px, 6vw, 72px) clamp(20px, 3.5vw, 44px); text-align:center;
}
.ic-tourn .final-cta h2{font-family:'Fraunces', serif; font-weight:600; font-size:var(--ict-fs-h2); margin-bottom:16px; text-wrap:balance;}
.ic-tourn .final-cta p{color:var(--ict-muted); max-width:min(100%, 540px); margin:0 auto 34px; line-height:1.7;}
.ic-tourn .final-cta .cta-row{justify-content:center; margin-bottom:0;}

/* ---------- FAQ ---------- */
.ic-tourn .faq-grid{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
@media (max-width:800px){ .ic-tourn .faq-grid{grid-template-columns:1fr;} }
.ic-tourn .faq-item{background:var(--ict-glass); border:1px solid var(--ict-line-soft); border-radius:14px; padding:24px;}
.ic-tourn .faq-item h4{font-family:'Fraunces', serif; font-size:16px; font-weight:600; margin-bottom:10px;}
.ic-tourn .faq-item p{color:var(--ict-muted); font-size:13.5px; line-height:1.65;}

/* ---------- INNER PAGES (Quiénes somos / Funcionamiento / Torneo) ---------- */
.ic-tourn .page-hero{
  padding:56px 0 48px;
  position:relative;
}
.ic-tourn .page-hero h1{
  font-family:'Fraunces', serif;
  font-weight:600;
  font-size:var(--ict-fs-h1);
  line-height:1.12;
  max-width:min(100%, 720px);
  margin:14px 0 18px;
  text-wrap:balance;
}
.ic-tourn .page-hero h1 .grad{
  background:linear-gradient(120deg, var(--ict-gold-2), var(--ict-gold));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.ic-tourn .page-hero .lead{
  color:var(--ict-muted);
  font-size:var(--ict-fs-lead);
  line-height:1.7;
  max-width:min(100%, 620px);
  margin-bottom:28px;
}
.ic-tourn .split-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:clamp(24px, 3.5vw, 40px);
  align-items:start;
}
@media (max-width:900px){ .ic-tourn .split-grid{grid-template-columns:1fr; gap:28px;} }
.ic-tourn .split-grid h2{
  font-family:'Fraunces', serif;
  font-weight:600;
  font-size:clamp(22px, 2.2vw + 8px, 32px);
  margin:12px 0 16px;
  line-height:1.2;
  text-wrap:balance;
}
.ic-tourn .split-grid p{
  color:var(--ict-muted);
  font-size:clamp(14px, 0.35vw + 13px, 15.5px);
  line-height:1.75;
  margin-bottom:14px;
}
.ic-tourn .split-grid p:last-child{margin-bottom:0;}

/* ---------- AUTH (login) ---------- */
/* El login ya no vive dentro de .ic-tourn — es una página standalone,
   ver assets/templates/invester/css/ic-auth-standalone.css */

/* ---------- FOOTER ---------- */
.ic-tourn footer{border-top:1px solid var(--ict-line-soft); padding:clamp(40px, 5vw, 56px) 0 clamp(28px, 4vw, 40px);}
.ic-tourn .footer-top{
  display:grid;
  grid-template-columns:minmax(0, 1.6fr) repeat(3, minmax(0, 1fr));
  gap:clamp(24px, 3vw, 40px);
  margin-bottom:clamp(28px, 4vw, 40px);
  align-items:start;
}
@media (max-width:1100px){
  .ic-tourn .footer-top{grid-template-columns:minmax(0, 1.4fr) 1fr 1fr; }
  .ic-tourn .footer-top .footer-col:last-child{grid-column:2 / 4;}
}
@media (max-width:760px){
  .ic-tourn .footer-top{grid-template-columns:1fr 1fr; row-gap:28px;}
  .ic-tourn .footer-top .footer-brand{grid-column:1 / -1; max-width:none;}
  .ic-tourn .footer-top .footer-col:last-child{grid-column:auto;}
}
@media (max-width:480px){
  .ic-tourn .footer-top{grid-template-columns:1fr;}
}
/* Marca del footer: logo a escala del footer (no la del header) y texto ordenado */
.ic-tourn .footer-brand{max-width:min(100%, 360px);}
.ic-tourn footer .logo{gap:10px; font-size:clamp(14px, 1vw + 10px, 16px); letter-spacing:0.14em;}
.ic-tourn footer .logo .logo-img{height:var(--ict-logo-h-footer); max-width:none;}
.ic-tourn .footer-brand p{color:var(--ict-muted); font-size:13.5px; line-height:1.7; margin-top:16px; max-width:min(100%, 320px);}
.ic-tourn .footer-col h5{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:var(--ict-faint); margin-bottom:14px;}
.ic-tourn .footer-col a{display:block; font-size:13.5px; color:var(--ict-muted); margin-bottom:10px; transition:color .2s ease;}
.ic-tourn .footer-col a:hover{color:var(--ict-text);}
.ic-tourn .legal-notice{
  padding:clamp(14px, 2vw, 20px) clamp(14px, 2vw, 22px);
  border-radius:12px; background:var(--ict-glass); border:1px solid var(--ict-line-soft);
  font-size:clamp(12px, 0.3vw + 11px, 12.5px); color:var(--ict-faint); line-height:1.7; margin-bottom:24px;
}
.ic-tourn .footer-bottom{
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;
  gap:14px; font-size:12.5px; color:var(--ict-faint);
}

/* ============================================================
   RESPONSIVE — laptops / monitores (sin romper hero + chart)
   ============================================================ */

@media (max-height:820px) and (min-width:900px){
  .ic-tourn{
    --ict-section-y: clamp(48px, 7vh, 80px);
    --ict-hero-y: clamp(28px, 4vh, 48px);
    --ict-logo-h: clamp(48px, 7vh, 68px);
  }
  .ic-tourn .hero{ min-height:clamp(360px, 58vh, 560px); }
}

@media (max-height:700px){
  .ic-tourn{
    --ict-section-y: 48px;
    --ict-hero-y: 24px;
    --ict-logo-h: 44px;
  }
  .ic-tourn .hero{ min-height:320px; padding-top:24px; padding-bottom:36px; }
  .ic-tourn header{padding-top:8px;}
}

@media (max-width:1024px) and (min-width:769px){
  .ic-tourn{
    --ict-wrap-max: 960px;
    --ict-section-y: clamp(56px, 7vw, 88px);
  }
  .ic-tourn .hero-grid{ max-width:560px; }
}

@media (min-width:1440px){
  .ic-tourn{
    --ict-wrap-max: 1240px;
    --ict-gutter: clamp(28px, 3vw, 48px);
    --ict-fs-h1: clamp(40px, calc(2.4vw + 16px), 64px);
    --ict-fs-h2: clamp(30px, calc(1.4vw + 14px), 44px);
    --ict-logo-h: clamp(64px, 4.5vw, 92px);
  }
  .ic-tourn .nav-ring{max-width:1400px;}
  .ic-tourn .hero-grid{max-width:700px;}
}

@media (min-width:1920px){
  .ic-tourn{
    --ict-wrap-max: 1320px;
    --ict-section-y: clamp(88px, 6vw, 128px);
    --ict-fs-body: 16.5px;
    --ict-fs-lead: 17.5px;
  }
  .ic-tourn .nav-ring{max-width:1480px;}
}

@media (min-width:2560px){
  .ic-tourn{
    --ict-wrap-max: 1440px;
    --ict-fs-h1: 64px;
    --ict-fs-h2: 46px;
  }
  .ic-tourn .nav-ring{max-width:1600px;}
  .ic-tourn .hero-grid{max-width:760px;}
}

/* ============================================================
   MÓVIL — celulares (portrait + landscape)
   Prioridad: legibilidad, touch ≥44px, sin scroll horizontal
   ============================================================ */
@media (max-width:767px){
  .ic-tourn{
    --ict-gutter: 16px;
    --ict-wrap-max: 100%;
    --ict-section-y: clamp(48px, 10vw, 72px);
    --ict-hero-y: 28px;
    --ict-fs-h1: clamp(28px, 7.2vw, 36px);
    --ict-fs-h2: clamp(22px, 5.5vw, 28px);
    --ict-fs-lead: 15.5px;
    --ict-fs-body: 15px;
    overflow-x: hidden;
  }

  /* Tipografía legible sin zoom iOS en inputs heredados */
  .ic-tourn,
  .ic-tourn p,
  .ic-tourn .lead{ -webkit-text-size-adjust: 100%; }

  .ic-tourn .wrap{
    padding-left: max(16px, env(safe-area-inset-left, 0px));
    padding-right: max(16px, env(safe-area-inset-right, 0px));
  }

  /* —— HERO móvil —— */
  .ic-tourn .hero{
    min-height: min(78dvh, 640px);
    min-height: min(78vh, 640px);
    padding-top: clamp(20px, 4vh, 32px);
    padding-bottom: clamp(36px, 6vh, 52px);
    /* Deja aire bajo el header sticky */
    margin-top: 0;
  }
  .ic-tourn .hero .hero-inner{ padding-left: 0; }
  .ic-tourn .hero-grid{ max-width: 100%; }
  .ic-tourn h1,
  .ic-tourn h1.hero-rotator{
    font-size: var(--ict-fs-h1);
    line-height: 1.14;
    margin-bottom: 16px;
    letter-spacing: -0.01em;
  }
  .ic-tourn .hero p.lead{
    max-width: 100%;
    font-size: 15.5px;
    line-height: 1.65;
    margin-bottom: 24px;
  }
  .ic-tourn .cta-row{
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    margin-bottom: 0;
  }
  .ic-tourn .btn-lg{
    width: 100%;
    min-height: 50px;
    padding: 14px 20px;
    font-size: 15px;
    border-radius: 12px;
  }
  /* Scrim más denso: el chart se ve sutil, el texto se lee */
  .ic-tourn .hero-scrim{
    background:
      linear-gradient(180deg, rgba(7,7,10,0.82) 0%, rgba(7,7,10,0.78) 45%, rgba(7,7,10,0.92) 100%),
      linear-gradient(100deg, rgba(7,7,10,0.92) 0%, rgba(7,7,10,0.55) 100%);
  }

  /* —— Secciones / grids —— */
  .ic-tourn section{ padding: var(--ict-section-y) 0; }
  .ic-tourn .section-head{ margin-bottom: 28px; }
  .ic-tourn .eco-grid,
  .ic-tourn .steps,
  .ic-tourn .prizes,
  .ic-tourn .faq-grid,
  .ic-tourn .split-grid{ grid-template-columns: 1fr !important; gap: 14px; }
  .ic-tourn .prize-card.gold{ transform: none; }
  .ic-tourn .roadmap-item{ grid-template-columns: 1fr; gap: 8px; }
  .ic-tourn .eco-stats{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ic-tourn .showcase-scroll{ padding: 0 max(16px, env(safe-area-inset-left)) 6px; }
  .ic-tourn .showcase-panel{ flex: 0 0 88%; height: clamp(260px, 48vh, 360px); }
  .ic-tourn .final-cta{ padding: 36px 18px; border-radius: 16px; }
  .ic-tourn .final-cta .cta-row{ flex-direction: column; }
  .ic-tourn .page-hero{ padding: 36px 0 28px; }
  .ic-tourn .page-hero h1{ font-size: var(--ict-fs-h1); margin: 10px 0 14px; }
  .ic-tourn .page-hero .lead{ font-size: 15.5px; margin-bottom: 20px; }

  /* —— Footer móvil —— */
  .ic-tourn footer{
    padding: 40px 0 max(28px, env(safe-area-inset-bottom, 0px));
  }
  .ic-tourn .footer-top{
    grid-template-columns: 1fr 1fr;
    gap: 24px 16px;
    row-gap: 28px;
  }
  .ic-tourn .footer-top .footer-brand{
    grid-column: 1 / -1;
    max-width: none;
  }
  .ic-tourn .footer-top .footer-col:last-child{ grid-column: auto; }
  .ic-tourn .footer-brand p{ max-width: none; }
  .ic-tourn .footer-col a{
    padding: 4px 0;
    min-height: 36px;
    display: flex;
    align-items: center;
  }
  .ic-tourn .legal-notice{ font-size: 12px; padding: 14px 14px; }
  .ic-tourn .footer-bottom{
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  /* Tablas: scroll horizontal controlado */
  .ic-tourn .lb-wrap{ margin-inline: 0; border-radius: 12px; }
  .ic-tourn table.leaderboard{ min-width: 520px; }
  .ic-tourn table.leaderboard th,
  .ic-tourn table.leaderboard td{ padding: 14px 12px; font-size: 13.5px; }

  /* Cookies card en móvil (si aplica fuera de .ic-tourn) */
}

/* Celulares pequeños (iPhone SE / 360px) */
@media (max-width:390px){
  .ic-tourn{
    --ict-gutter: 14px;
    --ict-fs-h1: 26px;
    --ict-fs-h2: 22px;
    --ict-fs-lead: 14.5px;
  }
  .ic-tourn .hero{ min-height: min(72dvh, 560px); min-height: min(72vh, 560px); }
  .ic-tourn .btn-lg{ min-height: 48px; font-size: 14.5px; }
  .ic-tourn .footer-top{ grid-template-columns: 1fr; }
}

/* Landscape en celular */
@media (max-width:900px) and (max-height:480px) and (orientation:landscape){
  .ic-tourn{ --ict-logo-h: 36px; --ict-section-y: 32px; --ict-hero-y: 12px; }
  .ic-tourn .hero{
    min-height: 0;
    padding: 12px 0 20px;
  }
  .ic-tourn h1, .ic-tourn h1.hero-rotator{ font-size: 24px; margin-bottom: 10px; }
  .ic-tourn .hero p.lead{ font-size: 14px; margin-bottom: 14px; }
  .ic-tourn .cta-row{ flex-direction: row; flex-wrap: wrap; }
  .ic-tourn .btn-lg{ width: auto; min-height: 44px; padding: 10px 18px; }
  .ic-tourn .nav-links{ max-height: min(55dvh, 240px); }
}

@media (prefers-contrast: more){
  .ic-tourn .btn-gold,
  .ic-tourn .btn-lg.gold{box-shadow:none; border:1px solid var(--ict-gold-2);}
  .ic-tourn .eco-card,
  .ic-tourn .faq-item,
  .ic-tourn .step{border-color:rgba(255,255,255,0.2);}
}

@media (hover: none){
  .ic-tourn .eco-card:hover,
  .ic-tourn .step:hover,
  .ic-tourn .btn-gold:hover,
  .ic-tourn .btn-lg.gold:hover{transform:none;}
}

@media (prefers-reduced-motion: reduce){
  .ic-tourn .eyebrow-pill,
  .ic-tourn h1,
  .ic-tourn .hero p.lead,
  .ic-tourn .cta-row,
  .ic-tourn .eco-stats{
    animation:none !important;
    opacity:1 !important;
    transform:none !important;
  }
  .ic-tourn .nav-ring__glow::before,
  .ic-tourn .nav-ring__glow::after{animation:none; opacity:0.35;}
}
.ic-tourn :focus-visible{outline:1px solid var(--ict-gold); outline-offset:3px;}

/* Imágenes fluidas — NUNCA aplicar height:auto al canvas del chart */
.ic-tourn img,
.ic-tourn video{max-width:100%; height:auto;}
.ic-tourn .showcase-panel canvas{
  position:absolute; inset:0; width:100%; height:100%; max-width:none;
}

.ic-tourn table.leaderboard{min-width:560px;}
.ic-tourn .lb-wrap{-webkit-overflow-scrolling:touch;}

/* ═══════════════════════ CONTACTO (/contact) ═══════════════════════ */
/* En /contact comprimimos el hero para que el formulario quede a la vista */
.ic-tourn .page-hero--tight{padding:clamp(4px, 0.8vw, 10px) 0 clamp(10px, 1.4vw, 16px);}
.ic-tourn .page-hero--tight h1{
  font-size:clamp(26px, 1.8vw + 16px, 38px);
  margin:10px 0 12px;
}
.ic-tourn .page-hero--tight .lead{
  font-size:clamp(14px, 0.35vw + 12.5px, 15.5px);
  margin-bottom:0;
  max-width:min(100%, 640px);
}
.ic-tourn .contact-section{padding-top:clamp(8px, 1.6vw, 18px);}

.ic-tourn .contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(24px, 3.5vw, 48px);
  align-items:start;
}
@media (max-width:900px){ .ic-tourn .contact-grid{grid-template-columns:1fr; gap:clamp(28px, 6vw, 44px);} }

/* —— Columna de canales —— */
.ic-tourn .contact-info h2,
.ic-tourn .contact-panel h2{
  font-family:'Fraunces', serif; font-weight:600;
  font-size:clamp(19px, 1vw + 14px, 24px); line-height:1.15; margin-bottom:8px;
  text-wrap:balance;
}
.ic-tourn .contact-info__lede,
.ic-tourn .contact-panel__lede{
  color:var(--ict-muted); font-size:clamp(13.5px, 0.35vw + 12px, 14.5px); line-height:1.6;
  margin-bottom:18px; max-width:46ch;
}
.ic-tourn .contact-channels{display:flex; flex-direction:column; gap:14px; margin-bottom:26px;}
.ic-tourn .contact-channel{
  display:flex; gap:16px; align-items:flex-start;
  background:var(--ict-glass); border:1px solid var(--ict-line-soft); border-radius:14px;
  padding:16px 18px; transition:border-color .3s ease, background .3s ease, transform .3s ease;
}
.ic-tourn .contact-channel:hover{border-color:var(--ict-line); background:var(--ict-glass-hover); transform:translateX(3px);}
.ic-tourn .contact-channel__ico{
  flex-shrink:0; width:38px; height:38px; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(212,175,55,0.1); border:1px solid var(--ict-line-soft); color:var(--ict-gold-2);
}
.ic-tourn .contact-channel__ico svg{width:18px; height:18px;}
.ic-tourn .contact-channel__label{
  display:block; font-family:'JetBrains Mono', monospace; font-size:10.5px; letter-spacing:0.08em;
  text-transform:uppercase; color:var(--ict-faint); margin-bottom:4px;
}
.ic-tourn .contact-channel__value{display:block; color:var(--ict-text); font-size:14.5px; line-height:1.5; word-break:break-word;}

.ic-tourn .contact-note{
  display:flex; gap:14px; align-items:flex-start;
  padding:16px 18px; border-radius:12px;
  background:var(--ict-glass); border:1px dashed var(--ict-line);
  color:var(--ict-muted); font-size:13px; line-height:1.65;
}
.ic-tourn .contact-note svg{flex-shrink:0; width:20px; height:20px; stroke:var(--ict-gold-2);}

/* —— Panel del formulario —— */
.ic-tourn .contact-panel{
  border-radius:clamp(14px, 1.6vw, 18px); border:1px solid var(--ict-line);
  background:radial-gradient(ellipse 620px 260px at 50% 0%, rgba(212,175,55,0.10), transparent 70%), var(--ict-glass);
  backdrop-filter:blur(14px);
  padding:clamp(20px, 2.2vw, 30px);
}
.ic-tourn .contact-form{margin-top:2px;}
.ic-tourn .form-row{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
@media (max-width:560px){ .ic-tourn .form-row{grid-template-columns:1fr;} }
.ic-tourn .form-field{margin-bottom:13px;}
.ic-tourn .form-label{
  display:block; font-family:'JetBrains Mono', monospace; font-size:10px; letter-spacing:0.06em;
  text-transform:uppercase; color:var(--ict-muted); margin-bottom:6px;
}
.ic-tourn .form-input{
  width:100%; display:block;
  background:rgba(0,0,0,0.25); border:1px solid var(--ict-line-soft); border-radius:9px;
  color:var(--ict-text); font-family:inherit; font-size:14px; line-height:1.5;
  padding:10px 13px; transition:border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.ic-tourn .form-input::placeholder{color:var(--ict-faint);}
.ic-tourn .form-input:hover{border-color:var(--ict-line);}
.ic-tourn .form-input:focus{
  outline:none; border-color:var(--ict-gold);
  background:rgba(0,0,0,0.35); box-shadow:0 0 0 3px rgba(212,175,55,0.14);
}
.ic-tourn .form-input:read-only{opacity:0.7; cursor:not-allowed; background:rgba(255,255,255,0.03);}
.ic-tourn .form-textarea{resize:vertical; min-height:92px;}

/* Captcha embebido (reCAPTCHA / custom) */
.ic-tourn .form-field--captcha{margin-bottom:16px;}
.ic-tourn .form-field--captcha .ic-captcha-box,
.ic-tourn .form-field--captcha .mb-3{margin-bottom:0 !important;}
.ic-tourn .form-field--captcha .ic-captcha-custom__img img{max-width:100%; height:auto; border-radius:8px;}
.ic-tourn .form-field--captcha .form-label,
.ic-tourn .form-field--captcha label.form-label{color:var(--ict-muted);}
.ic-tourn .form-field--captcha input.form-control{
  width:100%; background:rgba(0,0,0,0.25); border:1px solid var(--ict-line-soft); border-radius:9px;
  color:var(--ict-text); font-size:14px; padding:10px 13px; margin-top:6px;
}
.ic-tourn .form-field--captcha input.form-control:focus{
  outline:none; border-color:var(--ict-gold); box-shadow:0 0 0 3px rgba(212,175,55,0.14);
}

.ic-tourn .btn-block{width:100%; gap:8px; padding:12px 24px; font-size:14px;}
.ic-tourn .btn-block svg{width:16px; height:16px;}