.slider{overflow:hidden}.slider-track{display:flex;gap:12px;width:max-content;animation:scroll-left 20s linear infinite}@keyframes scroll-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}.slider:hover .slider-track{animation-play-state:paused}.slide{min-width:200px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.03)}.slide img{max-height:80px;margin:10px auto 0;display:block}.slide .pad{padding:10px 12px 14px}.metric{font-size:24px;font-weight:700}.box{border:1px solid var(--border);border-radius:18px;padding:16px;background:rgba(255,255,255,.03)}.site-header{border-bottom:1px solid var(--border);background:var(--bg)}.header-inner{max-width:1200px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.header-brand{display:flex;align-items:center;gap:12px}.header-brand img{height:42px}.header-brand span{font-size:18px;font-weight:600}.header-nav a{margin-left:18px;text-decoration:none;font-size:14px;color:var(--text)}.header-nav a:hover{text-decoration:underline}.site-footer{margin-top:48px;background:#0b0f1a;color:#e6e8ee}.footer-top{max-width:1200px;margin:0 auto;padding:36px 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}.footer-col strong{display:block;margin-bottom:10px;font-size:15px}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col li{margin-bottom:6px}.footer-col a{color:#cfd6f3;text-decoration:none;font-size:14px}.footer-col a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding:14px 16px;text-align:center;font-size:13px;color:#aab1cc}

/* =================================
   INDEX · RESPONSIVE
   Solo tablet / móvil
   Desktop intacto
   ================================= */

/* -------- TABLET -------- */
@media (max-width: 1024px) {

  .header-inner {
    padding: 12px 14px;
  }

  .header-brand img {
    height: 36px;
  }

  .header-brand span {
    font-size: 16px;
  }

  .metric {
    font-size: 20px;
  }

  .slide {
    min-width: 180px;
  }
}


/* -------- MOBILE -------- */
@media (max-width: 768px) {

  /* Header */
  .header-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .header-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  .header-nav a {
    margin-left: 0;
    font-size: 13px;
  }

  /* Slider */
  .slider {
    overflow-x: auto;
    animation: none;
  }

  .slider-track {
    animation: none;
    gap: 10px;
  }

  .slide {
    min-width: 160px;
  }

  /* Métricas */
  .metric {
    font-size: 18px;
  }

  /* Boxes */
  .box {
    padding: 14px;
  }

  /* Footer */
  .footer-top {
    padding: 28px 16px;
    gap: 22px;
  }

  .footer-col strong {
    font-size: 14px;
  }

  .footer-col a {
    font-size: 13px;
  }
}


/* -------- SMALL MOBILE -------- */
@media (max-width: 480px) {

  .header-brand img {
    height: 32px;
  }

  .header-brand span {
    font-size: 15px;
  }

  .slide {
    min-width: 140px;
  }

  .metric {
    font-size: 16px;
  }

  .footer-bottom {
    font-size: 12px;
  }
}




/* =============================
   SLIDER · PREMIOS (INDEX)
   ============================= */

.slider .slide {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.slider .slide img {
  max-height: 90px;        /* limita verticales */
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  margin: 10px auto 0;
}