/*!
    
 =========================================================
 * WebEngine CMS
 * https://webenginecms.org/
 =========================================================
 
 * Author Lautaro Angelico (https://lautaroangelico.com/)
 * Copyright (c) 2013-2020 Lautaro Angelico, All Rights Reserved
 
 * Licensed under the MIT license
 * http://opensource.org/licenses/MIT
 
 =========================================================
 
*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: none !important;
}

a:focus, a:hover {
    color: inherit !important;
    text-decoration: none !important;
}

.form-control {
	background: #fafafa;
	border: 1px solid #e3e3e3;
	color: #666;
}
.form-control:focus {
	border: 1px solid #ccc;
}

/* http://stackoverflow.com/questions/19562903/remove-padding-from-columns-in-bootstrap-3 */
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

/* http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3 */
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.thumbnail {
    background-color: #f1f1f1;
    border: 1px solid #e3e3e3;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #ff0000;
}

/* ===== Header nav (limpio, sin scroll) ===== */

/* quita cualquier scroll que haya quedado */
.header-info{ 
  padding:10px 0 !important;
  overflow: visible !important;
}
.headersito{ overflow: visible !important; }

/* contenedor de items */
.headersito ul{
  display:flex;
  justify-content:center;       /* centrado */
  align-items:flex-start;
  flex-wrap:wrap;               /* si no entra, baja a 2 filas (sin barra) */
  gap: 20px 28px;               /* sep. horizontal / vertical */
  margin:0 auto;
  padding:0 12px;
  max-width: 1120px;            /* evita que se estire demasiado */
}

/* item */
.headersito ul li{ list-style:none; margin:0; }

/* link con icono arriba y texto cerca */
.headersito ul li a{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap: 4px;                     /* ← icono-texto más cerca */
  padding:8px 10px;
  text-decoration:none !important;
  color:#fff !important;
  font-size:14px;               /* texto elegante */
  font-weight:800;
  letter-spacing:.2px;
  border-radius:14px;
  background:transparent;
  transition:transform .12s ease, background .2s ease, box-shadow .2s ease;
}

/* icono un poco grande pero sin exagerar */
.headersito ul li a i{
  font-size:20px;               /* 20–22px quedan bien */
  line-height:1;
  margin:0;
}

/* hover suave */
.headersito ul li a:hover{
  background:rgba(255,255,255,.06);
  box-shadow:0 8px 22px rgba(0,0,0,.22);
  transform:translateY(-1px);
}

/* opcional: estado activo si aplicás .active al enlace */
.headersito ul li a.active{
  background:rgba(255,255,255,.10);
  box-shadow:0 10px 26px rgba(0,0,0,.28);
}

/* ajustes responsivos */
@media (max-width: 1200px){
  .headersito ul{ max-width: 1000px; gap:18px 22px; }
}
@media (max-width: 992px){
  .headersito ul{ max-width: 820px; gap:16px 18px; }
  .headersito ul li a{ font-size:13.5px; }
  .headersito ul li a i{ font-size:19px; }
}
@media (max-width: 768px){
  .headersito ul{ gap:14px 16px; }
  .headersito ul li a{ font-size:13px; padding:7px 9px; }
  .headersito ul li a i{ font-size:18px; }
}
/* Botón neon azul/celeste para "Ver Más" o enlaces */
.btn-neon-blue{
  -c1: #5CC8FF;   /* celeste */
  -c2: #1A8CFF;   /* azul */
  -txt: #FFFFFF;  /* texto blanco */
  background:
    radial-gradient(120% 120% at 50% 0%, rgba(92,200,255,.18) 0%, rgba(26,140,255,.06) 100%),
    #0f1721; /* base oscura como tus cards */
  color: var(--txt);
  border: 1.5px solid var(--c1);
  border-radius: 12px;
  padding: 10px 16px;
  font-weight: 700;
  letter-spacing: .2px;
  text-shadow:
    0 0 6px rgba(92,200,255,.85),
    0 0 20px rgba(26,140,255,.45);
  box-shadow:
    0 0 0 2px rgba(92,200,255,.15) inset,
    0 6px 14px rgba(0,0,0,.35),
    0 0 14px rgba(92,200,255,.65),
    0 0 36px rgba(26,140,255,.45);
  transition: transform .12s ease, box-shadow .15s ease, filter .15s ease, border-color .15s ease;
}
.btn-neon-blue:hover{
  border-color: var(--c2);
  box-shadow:
    0 0 0 3px rgba(92,200,255,.22) inset,
    0 10px 18px rgba(0,0,0,.45),
    0 0 20px rgba(92,200,255,.90),
    0 0 44px rgba(26,140,255,.70);
  transform: translateY(-1px);
}
.btn-neon-blue:active{ transform: translateY(0); filter: brightness(1.05); }
.btn-neon-blue:focus{ outline: none; box-shadow: 0 0 0 3px rgba(92,200,255,.35), 0 0 24px rgba(26,140,255,.60); }

/* Pulso opcional estilo neon (sumá la clase .is-pulse si te gusta) */
@keyframes pulse-neon {
  0%,100% { text-shadow: 0 0 6px rgba(92,200,255,.85), 0 0 20px rgba(26,140,255,.45); }
  50%     { text-shadow: 0 0 10px rgba(92,200,255,1), 0 0 28px rgba(26,140,255,.70); }
}
.btn-neon-blue.is-pulse { animation: pulse-neon 2.2s infinite; }

/* separa el botón de los tabs de arriba y de la tabla de abajo */
.rankings-guide{
  clear: both;           /* importante si los tabs usan float */
  margin: 12px 0 12px;   /* espacio arriba y abajo */
}

/* por si la tabla queda muy encima, suma un poco */
#RankingHalloween{ margin-top: 8px !important; }