/*
Theme Name: AMY 9800
Theme URI: https://tusitio.com/
Author: Tu Nombre
Author URI: https://tusitio.com/
Description: Tema retro inspirado en PC-98 y Amy.
Version: 1.0
License: MIT
Text Domain: amy9800
*/


 body {
      background: #2b213a;
      margin: 0;
      font-family: 'M PLUS 1 Code', 'VT323', monospace;
    }
    .navbar-pixel {
      background: #130e1a;
      border-bottom: 4px solid #38ffb9;
      box-shadow: 0 3px 18px #0008;
      font-family: 'M PLUS 1 Code', 'VT323', monospace;
      min-height: 56px;
      user-select: none;
    }
    .navbar-brand {
      display: flex;
      align-items: center;
      gap: 12px;
      font-family: 'M PLUS 1 Code', monospace;
      font-size: 2.1rem;
      color: #17fff2 !important;
      letter-spacing: 2.5px;
      text-shadow: 0 2px 0 #06121b, 0 0 12px #0ff8;
    }
    .navbar-logo-img {
      height: 42px;
      width: 42px;
      object-fit: contain;
      border-radius: 6px;
      border: 2px solid #00ffe0;
      background: #232345;
      box-shadow: 0 0 6px #00ffe0cc;
    }
    .navbar-nav .nav-link {
      color: #b8ffe5 !important;
      font-size: 1.25rem;
      font-family: 'M PLUS 1 Code', 'VT323', monospace;
      margin-right: 18px;
      letter-spacing: 1.1px;
      transition: color 0.13s;
    }
    .navbar-nav .nav-link:hover,
    .navbar-nav .nav-link.active {
      color: #43fcd7 !important;
      text-shadow: 0 0 7px #0ff;
    }
    .section-pixel {
      min-height: 100vh;
      background-size: cover;
      background-position: center;
      background-repeat: repeat;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }
    .section-img-bg {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 0;
      opacity: 0.7;
      pointer-events: none;
    }
    .window-pixel {
      max-width: 900px;
      width: 96%;
      margin: 50px auto 40px auto;
      background: #191126c7;
      border: 3px solid #00ffe0;
      border-radius: 8px;
      box-shadow: 0 0 32px #00ffe033, 0 8px 0 #101;
      padding: 48px 32px 32px 32px;
      position: relative;
      z-index: 2;
    }
    .window-bar {
      height: 34px;
      background: #201f34;
      border-bottom: 2px solid #25ffad;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      display: flex;
      align-items: center;
      padding: 0 12px;
      color: #17ffe7;
      font-family: 'M PLUS 1 Code', monospace;
      font-size: 1.12rem;
      letter-spacing: 1.5px;
      margin-bottom: 20px;
      box-shadow: 0 4px 12px #0ff4;
      user-select: none;
    }
    .retro-title {
      font-family: 'M PLUS 1 Code', 'VT323', monospace;
      font-size: 2.7rem;
      color: #00ffe0;
      letter-spacing: 1.5px;
      font-weight: 700;
      text-shadow: 0 0 8px #00ffe0cc, 0 2px 0 #011;
      margin-bottom: 1.2rem;
    }
    .retro-subtitle {
      font-family: 'M PLUS 1 Code', monospace;
      font-size: 1.6rem;
      color: #12f3a7;
      font-weight: 500;
      letter-spacing: 1px;
      margin-bottom: 1rem;
    }
    .retro-text {
      font-family: 'M PLUS 1 Code', 'VT323', monospace;
      font-size: 1.13rem;
      color: #c7fff3;
      letter-spacing: 0.7px;
      text-shadow: 0 1px 0 #182028;
    }
    .pixel-sep {
      border-top: 3px dashed #25ffc4;
      opacity: 0.44;
      margin: 40px 0 36px 0;
    }
    footer {
      background: #1b1426;
      color: #99ffe6;
          padding: 34px 20px 12px 20px;
      text-align: center;
      border-top: 3px solid #27efbd;
      font-family: 'M PLUS 1 Code', 'VT323', monospace;
      font-size: 1.03rem;
      letter-spacing: 1px;
      margin-top: 0;
    }
    #tokenCardsContainer .col-md-4 {
  display: flex;
  flex-direction: column;
}

#tokenCardsContainer .card {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 430px; /* o ajusta a tu gusto */
}
@media (max-width: 900px) {
  #tokenCardsContainer .card { min-height: 360px; }
}
@media (max-width: 600px) {
  #tokenCardsContainer .card { min-height: 330px; }
}
.breadcrumb {
  background: #130e1a !important;
  padding: 0.7em 1.1em;
  border: none !important;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 1.2em;
}

.breadcrumb-item,
.breadcrumb-item a {
  color: #03ffe0 !important;
  font-family: 'M PLUS 1 Code', 'VT323', monospace;
  font-size: 1.19em;
  text-shadow: 0 0 8px #03ffe055, 0 1px 0 #011;
  letter-spacing: 0.5px;
}

.breadcrumb-item.active {
  color: #03ffe0 !important;
  opacity: 0.65;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #03ffe0 !important;
  opacity: 0.88;
  content: " / ";
  font-size: 1em;
  padding: 0 0.5em;
}
.navbar-toggler {
  border-color: #03ffe0 !important;
  box-shadow: none;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='%2303ffe0' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>");
  /* Ajusta el tamaño si quieres más grande */
}
/* SOCIAL ICONS EFFECT */
.d-flex.gap-3 a img {
  transition: 
    box-shadow 0.18s cubic-bezier(.25,.46,.45,.94),
    transform 0.13s cubic-bezier(.17,.67,.83,.67),
    filter 0.11s;
  box-shadow: 0 0 0px #17ffe700;
  border-radius: 6px;
  border: 2px solid transparent;
  background: #191126c0;
  filter: none;
}

/* HOVER: Pixel Glow + Bounce */
.d-flex.gap-3 a:hover img,
.d-flex.gap-3 a:focus img {
  box-shadow:
    0 0 16px #17ffe7cc,
    0 0 2px #17ffe7,
    0 0 0 4px #19112677;
  border: 2px solid #17ffe7;
  background: #232345;
  transform: translateY(-3px) scale(1.10) rotate(-2deg);
  filter: brightness(1.15) drop-shadow(0 0 4px #17ffe7cc);
  animation: pixelFlicker 0.25s steps(2) 2;
}

/* Pixel Flicker Animation */
@keyframes pixelFlicker {
  0%   { filter: brightness(0.85) drop-shadow(0 0 2px #17ffe7); }
  20%  { filter: brightness(1.25) drop-shadow(0 0 10px #17ffe7); }
  40%  { filter: brightness(1.0) drop-shadow(0 0 6px #17ffe7); }
  60%  { filter: brightness(1.3) drop-shadow(0 0 12px #17ffe7); }
  80%  { filter: brightness(0.9) drop-shadow(0 0 3px #17ffe7); }
  100% { filter: brightness(1.10) drop-shadow(0 0 6px #17ffe7); }
}
.d-flex.gap-3 a:hover, .d-flex.gap-3 a:focus {
  cursor: url('https://cur.cursors-4u.net/games/gam-3/gam247.cur'), pointer;
}
/* RETRO NEON BUTTON STYLE FOR .btn-success */
.btn-success {
  background: linear-gradient(90deg, #09fbb3 60%, #17ffe7 100%);
  color: #191126;
  border: 2.5px solid #03ffe0;
  border-radius: 7px;
  font-family: 'M PLUS 1 Code', 'VT323', monospace;
  font-weight: 700;
  letter-spacing: 1.2px;
  font-size: 1.17rem;
  box-shadow:
    0 0 18px #11fca688,
    0 2px 0 #012,
    0 0 2px #03ffe077;
  transition:
    background 0.22s cubic-bezier(.2,.7,.5,1.3),
    box-shadow 0.17s,
    color 0.13s,
    transform 0.13s;
  text-shadow:
    0 1px 0 #00ffe0cc,
    0 0 7px #03ffe088;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

/* Glow + Pixel jump on hover/focus */
.btn-success:hover,
.btn-success:focus {
  color: #10131f;
  background: linear-gradient(90deg, #13ffc7 80%, #61fff7 100%);
  box-shadow:
    0 0 24px #03ffe0dd,
    0 0 10px #17ffe7aa,
    0 4px 0 #012;
  border-color: #17ffe7;
  transform: scale(1.05) skewX(-2deg);
  animation: btnPixelGlow 0.18s steps(2, jump-none) 1;
  text-shadow:
    0 2px 0 #00ffe0cc,
    0 0 15px #03ffe0cc;
}

@keyframes btnPixelGlow {
  0% { box-shadow: 0 0 5px #17ffe7cc; }
  33% { box-shadow: 0 0 20px #17ffe7cc; }
  66% { box-shadow: 0 0 30px #17ffe7cc; }
  100% { box-shadow: 0 0 24px #17ffe7cc; }
}

/* Click active feedback */
.btn-success:active {
  color: #141b2c;
  background: #17ffe7;
  box-shadow: 0 0 8px #03ffe088, 0 1px 0 #012;
  transform: scale(0.96) skewX(0);
  border-color: #03ffe0;
}
/* Tamaño pequeño y ajuste para móviles */
@media (max-width: 600px) {
  #amy-contract {
    font-size: 0.57em;
    padding: 1px 4px;
  }
}
