/* Todos los accesos superiores son enlaces de navegación, no botones. */
.tio-top-menu .tio-top-menu-inner > a,
.tio-top-menu .tio-boards-link,
.tio-top-menu .tio-hits-link,
.tio-top-menu .tio-login {
  min-width: 0 !important;
  white-space: nowrap;
  color: #f8f7ff !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.tio-winner-open { overflow: hidden !important; }
.tio-winner-modal { position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:22px;font-family:Inter,system-ui,sans-serif; }
.tio-winner-backdrop { position:absolute;inset:0;background:rgba(1,5,16,.86);backdrop-filter:blur(13px); }
.tio-winner-card { position:relative;width:min(590px,100%);padding:34px 38px 30px;overflow:hidden;text-align:center;border:2px solid #ffd04c;border-radius:30px;background:radial-gradient(circle at 50% -10%,rgba(255,205,56,.28),transparent 34%),linear-gradient(155deg,#111d42 0%,#080d20 55%,#170823 100%);box-shadow:0 30px 100px rgba(0,0,0,.7),0 0 42px rgba(255,193,41,.25);color:#fff; }
.tio-winner-card:before { content:"";position:absolute;inset:8px;border:1px solid rgba(255,219,102,.28);border-radius:23px;pointer-events:none; }
.tio-winner-sparkles { position:absolute;inset:18px 24px auto;color:#ffd75a;font-size:23px;text-align:left; }.tio-winner-sparkles i{position:absolute;right:0;font-style:normal}.tio-winner-sparkles b{position:absolute;left:48%;top:38px;color:#50e6c1}
.tio-winner-badge { position:relative;display:inline-flex;padding:7px 13px;border-radius:999px;background:rgba(255,207,61,.13);border:1px solid rgba(255,215,89,.46);color:#ffe482;font-size:11px;font-weight:950;letter-spacing:.12em; }
.tio-winner-card h2 { position:relative;margin:16px 0 4px;font-size:clamp(38px,8vw,68px);line-height:.96;letter-spacing:-.04em;text-shadow:0 7px 0 #643a00,0 0 24px rgba(255,207,62,.35);background:linear-gradient(#fff7b9,#ffc72f);-webkit-background-clip:text;background-clip:text;color:transparent; }
.tio-winner-prize { position:relative;margin:12px 0 4px;font-size:clamp(22px,4vw,31px);font-weight:850; }.tio-winner-prize strong{color:#57efbd;white-space:nowrap}
.tio-winner-agency { position:relative;margin:0 0 22px;color:#8ed9ff;font-size:15px;font-weight:900;letter-spacing:.08em;text-transform:uppercase; }
.tio-winner-details { position:relative;display:grid;grid-template-columns:.85fr 1.2fr 1.25fr;gap:10px;margin:0 0 18px; }.tio-winner-details span{display:grid;gap:5px;padding:13px;border:1px solid rgba(103,154,224,.3);border-radius:14px;background:rgba(5,14,34,.68);color:#8da4c8;font-size:9px;font-weight:900;letter-spacing:.11em}.tio-winner-details strong{color:#fff;font-size:15px;letter-spacing:.03em;overflow-wrap:anywhere}
.tio-winner-copy { position:relative;margin:0 auto 19px;max-width:500px;color:#c7d2e8;font-size:13px;line-height:1.55; }.tio-winner-copy b{color:#ffe17a}
.tio-winner-actions { position:relative;display:grid;grid-template-columns:1fr auto;gap:10px; }.tio-winner-actions a,.tio-winner-actions button{min-height:50px;border:0;border-radius:14px;padding:0 18px;display:flex;align-items:center;justify-content:center;font:inherit;font-weight:950;cursor:pointer;text-decoration:none}.tio-winner-actions a{background:#25d366;color:#042410}.tio-winner-actions button{background:#25324f;color:#fff}
.tio-winner-card>small { position:relative;display:block;margin-top:17px;color:#7183a3;font-size:10px; }
@media(max-width:560px){.tio-winner-card{padding:30px 20px 24px;border-radius:23px}.tio-winner-details{grid-template-columns:1fr}.tio-winner-actions{grid-template-columns:1fr}.tio-winner-actions button{min-height:44px}}

/* Ruleta flotante y desplazable, en lugar del bloque grande de la portada. */
.lucky-game { display:none !important; }
.tio-floating-roulette { position:fixed;z-index:99990;width:142px;height:142px;font-family:Inter,system-ui,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none; }
.tio-roulette-launcher { position:relative;width:142px;height:142px;display:grid;place-items:center;padding:0;border:4px solid #fff2a6;border-radius:50%;background:radial-gradient(circle at 34% 22%,#315bb9 0,#101f50 43%,#05091a 100%);box-shadow:0 16px 42px rgba(0,0,0,.68),0 0 0 5px rgba(255,194,31,.28),0 0 42px rgba(255,209,60,.9),0 0 68px rgba(54,218,255,.42);cursor:grab;color:#fff;transition:transform .18s ease,box-shadow .18s ease; }
.tio-roulette-launcher:hover,.tio-roulette-launcher:focus-visible { transform:scale(1.07);box-shadow:0 18px 48px rgba(0,0,0,.72),0 0 0 6px rgba(255,194,31,.36),0 0 50px rgba(255,219,82,1),0 0 78px rgba(50,224,255,.58);outline:none; }
.is-dragging .tio-roulette-launcher { cursor:grabbing;transform:scale(.96); }
.tio-mini-wheel { width:110px;height:110px;display:grid;place-items:center;border:4px solid #fff0a0;border-radius:50%;background:repeating-conic-gradient(#ff245f 0 15deg,#0b1942 15deg 30deg,#20d995 30deg 45deg,#0b1942 45deg 60deg);box-shadow:inset 0 0 0 4px rgba(255,255,255,.24),0 0 19px rgba(255,219,82,.48);animation:tioMiniWheelIdle 9s linear infinite; }
.tio-mini-wheel img { width:64px;height:64px;object-fit:contain;border-radius:50%;background:#07112a;box-shadow:0 0 0 3px #fff5bd,0 0 16px rgba(255,255,255,.5); }
.tio-mini-wheel.is-spinning { animation:tioMiniWheelSpin .95s cubic-bezier(.18,.72,.16,1) infinite; }
@keyframes tioMiniWheelSpin { to { transform:rotate(1080deg); } }
@keyframes tioMiniWheelIdle { to { transform:rotate(360deg); } }
.tio-roulette-launcher>i { position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);min-width:88px;padding:6px 11px;border-radius:999px;background:linear-gradient(90deg,#ffd95d,#ffb516);color:#201300;font:950 11px/1 Inter,sans-serif;letter-spacing:.08em;font-style:normal;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.42),0 0 17px rgba(255,198,34,.45); }
.tio-roulette-launcher>u { position:absolute;right:-9px;top:53px;text-decoration:none;color:#fff4b2;font:900 17px/1 monospace;letter-spacing:-3px;opacity:1;text-shadow:0 0 9px #ffcc35; }
.tio-roulette-popover { position:absolute;right:0;bottom:162px;width:min(310px,calc(100vw - 24px));padding:22px;border:1px solid rgba(255,211,77,.62);border-radius:22px;background:radial-gradient(circle at 50% -10%,rgba(255,191,36,.22),transparent 35%),linear-gradient(150deg,#101d42,#070d1e 63%,#180a25);box-shadow:0 22px 62px rgba(0,0,0,.65),0 0 26px rgba(255,194,36,.18);color:#fff;opacity:0;visibility:hidden;transform:translateY(10px) scale(.96);transform-origin:bottom right;transition:opacity .18s ease,transform .18s ease,visibility .18s;touch-action:auto;user-select:auto;-webkit-user-select:auto; }
.tio-floating-roulette.is-open .tio-roulette-popover { opacity:1;visibility:visible;transform:none; }
.tio-float-left .tio-roulette-popover { left:0;right:auto;transform-origin:bottom left; }
.tio-float-top .tio-roulette-popover { top:162px;bottom:auto;transform-origin:top right; }
.tio-float-top.tio-float-left .tio-roulette-popover { transform-origin:top left; }
.tio-roulette-popover small { display:block;padding-right:25px;color:#58e6ca;font-size:10px;font-weight:950;letter-spacing:.14em; }
.tio-roulette-popover h2 { margin:7px 0 3px;font-size:27px;letter-spacing:-.04em; }
.tio-roulette-popover p { margin:0 0 17px;color:#aebbd4;font-size:13px; }
.tio-roulette-close { position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:23px;cursor:pointer; }
.tio-roulette-digits { display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:13px; }
.tio-roulette-digits b { display:grid;place-items:center;height:58px;border:1px solid rgba(111,160,236,.4);border-radius:12px;background:linear-gradient(180deg,#21376d,#101a3b);color:#ffe16a;font-size:31px;box-shadow:inset 0 -8px 18px rgba(0,0,0,.22),0 0 12px rgba(255,210,72,.08); }
.tio-roulette-spin { width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:13px;background:linear-gradient(90deg,#f5b91f,#ffd75c);color:#201400;font:950 15px/1 Inter,sans-serif;cursor:pointer;box-shadow:0 9px 22px rgba(235,169,20,.22); }
.tio-roulette-spin i { font-size:22px;font-style:normal; }.tio-roulette-spin:disabled{cursor:wait;opacity:.78}
.tio-roulette-popover em { display:block;margin-top:11px;color:#7183a6;font-size:9px;font-style:normal;text-align:center; }
@media(max-width:560px){.tio-floating-roulette,.tio-roulette-launcher{width:108px;height:108px}.tio-mini-wheel{width:83px;height:83px}.tio-mini-wheel img{width:48px;height:48px}.tio-roulette-popover{bottom:128px;padding:19px}.tio-float-top .tio-roulette-popover{top:128px}.tio-roulette-launcher>i{min-width:80px;padding:5px 9px;font-size:9px}.tio-roulette-launcher>u{right:-7px;top:40px}}

.tio-top-menu .tio-top-menu-inner > a:hover,
.tio-top-menu .tio-top-menu-inner > a:focus-visible {
  color: #ffe26b !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  text-decoration: underline !important;
  text-underline-offset: 5px;
}

/* La promo inicial está desactivada: no debe dejar el documento sin scroll. */
body.tio-scroll-unlocked {
  overflow-y: auto !important;
  touch-action: pan-y;
}

body.tio-account-open {
  overflow: hidden !important;
}

.tio-account-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  padding: 24px;
}

.tio-account-modal[aria-hidden="true"] {
  display: none;
}

.tio-account-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: rgba(1, 8, 24, .82);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  cursor: pointer;
}

.tio-account-dialog {
  position: relative;
  width: min(1080px, 94vw);
  height: min(820px, 90vh);
  overflow: hidden;
  border: 1px solid rgba(79, 221, 183, .42);
  border-radius: 24px;
  background: #061126;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .58), 0 0 40px rgba(70, 218, 183, .12);
}

.tio-account-dialog > header {
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px 0 24px;
  color: #fff;
  border-bottom: 1px solid rgba(114, 148, 202, .22);
  background: #071425;
}

.tio-account-dialog > header div {
  display: grid;
  gap: 2px;
}

.tio-account-dialog > header small {
  color: #48ddb4;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .18em;
}

.tio-account-dialog > header strong {
  font-size: 18px;
}

.tio-account-close {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 50%;
  color: #fff;
  background: rgba(255, 255, 255, .06);
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
}

.tio-account-dialog > iframe {
  width: 100%;
  height: calc(100% - 66px);
  display: block;
  border: 0;
  background: #050e21;
}

.tio-top-menu .tio-load-sequence-link,
.tio-top-menu .tio-winners-link {
  white-space: nowrap;
}

.tio-user-menu[hidden] { display:none !important; }
.tio-user-menu {
  position:fixed;
  top:76px;
  right:max(14px,calc((100vw - 1180px)/2));
  z-index:100001;
  width:220px;
  padding:8px;
  display:grid;
  gap:3px;
  border:1px solid rgba(255,207,75,.5);
  border-radius:14px;
  background:rgba(5,13,29,.98);
  box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 24px rgba(255,198,45,.09);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.tio-user-menu a {
  padding:11px 12px;
  border-radius:9px;
  color:#f8f7ff;
  text-decoration:none;
  font-size:13px;
  font-weight:850;
}
.tio-user-menu a:hover,.tio-user-menu a:focus-visible { color:#ffe071;background:rgba(255,255,255,.06);outline:none; }
.tio-user-menu a.logout { margin-top:4px;border-top:1px solid rgba(255,255,255,.09);color:#ff9fb5; }

@media (max-width: 1100px) {
  .tio-top-menu-inner { gap: 8px !important; }
  .tio-top-menu-inner > a { padding-inline: 12px !important; font-size: 13px !important; }
}

.hero-utility {
  display: flex !important;
  align-items: stretch;
  gap: 12px;
  flex-wrap: wrap;
}

.hero-utility .board-entry {
  min-height: 72px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid rgba(255, 216, 76, .58);
  border-radius: 18px;
  color: #fff !important;
  text-decoration: none !important;
  background: linear-gradient(135deg, rgba(255, 196, 43, .22), rgba(25, 168, 255, .18));
  box-shadow: 0 0 22px rgba(255, 210, 74, .13), inset 0 0 18px rgba(255, 255, 255, .035);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: border-color .16s ease, box-shadow .16s ease;
}

.hero-utility .board-entry:hover {
  transform: none !important;
  border-color: rgba(255, 231, 122, .9);
  box-shadow: 0 0 0 2px rgba(255,231,122,.38), 0 0 24px rgba(255, 210, 74, .3);
}

.hero-utility .board-entry > i {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #1c1600;
  background: linear-gradient(135deg, #ffe971, #ffbd2f);
  box-shadow: 0 0 16px rgba(255, 210, 74, .3);
  font-size: 24px;
  font-style: normal;
  font-weight: 1000;
}

.hero-utility .board-entry > span {
  min-width: 190px;
  display: grid;
  gap: 4px;
}

.hero-utility .board-entry small,
.hero-utility .board-entry b {
  display: block;
}

.hero-utility .board-entry small {
  color: #ffe980;
  font-size: 10px;
  font-weight: 1000;
  letter-spacing: .09em;
}

.hero-utility .board-entry b {
  color: #fff;
  font-size: 13px;
  line-height: 1.2;
}

.hero-utility .board-entry > strong {
  margin-left: auto;
  padding: 10px 12px;
  border-radius: 11px;
  color: #251800;
  background: #ffe361;
  font-size: 11px;
  font-weight: 1000;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .tio-account-modal { padding: 0; }

  .tio-account-dialog {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    border: 0;
    border-radius: 0;
  }

  .tio-top-menu {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .tio-top-menu::-webkit-scrollbar { display: none; }

  .tio-top-menu .tio-top-menu-inner {
    width: max-content;
    min-width: 100%;
  }

  .tio-top-menu .tio-top-menu-inner > a {
    flex: 0 0 auto;
  }

  .tio-top-menu .tio-boards-link {
    min-width: 0;
    max-width: 145px;
    padding-inline: 8px;
    font-size: .62rem;
    line-height: 1.1;
    text-align: center;
    white-space: normal;
  }

  .tio-top-menu .tio-hits-link {
    padding-inline: 8px;
    font-size: .66rem;
  }

  .tio-top-menu .tio-load-sequence-link,
  .tio-top-menu .tio-winners-link {
    padding-inline: 7px;
    font-size: .62rem;
  }

  .hero-utility {
    width: calc(100% - 28px);
    align-items: stretch;
  }

  .hero-utility .member-entry,
  .hero-utility .board-entry {
    width: 100%;
  }

  .hero-utility .board-entry {
    min-height: 66px;
    padding: 8px 10px;
    gap: 9px;
  }

  .hero-utility .board-entry > i {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
    font-size: 21px;
  }

  .hero-utility .board-entry > span {
    min-width: 0;
  }

  .hero-utility .board-entry > strong {
    padding: 9px;
  }
  .tio-user-menu { top:66px;right:10px;width:205px; }
}
.tio-account-arrow{margin-left:2px;font-size:18px;line-height:1;transition:transform .18s ease}.tio-login[aria-expanded="true"] .tio-account-arrow{transform:rotate(180deg)}body.tio-account-authenticated .member-entry{display:none!important}
.tio-public-winner-toast{position:fixed;z-index:999998;right:20px;bottom:20px;width:min(360px,calc(100vw - 28px));padding:14px 42px 14px 14px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,206,67,.72);border-radius:16px;background:linear-gradient(145deg,rgba(7,25,49,.98),rgba(3,12,29,.99));box-shadow:0 18px 48px rgba(0,0,0,.5),0 0 24px rgba(255,196,40,.12);color:#fff;animation:tioWinnerToastIn .28s ease both}.tio-public-winner-toast>button{position:absolute;top:7px;right:9px;width:28px;height:28px;padding:0;border:0;background:transparent;color:#cfd8e8;font-size:23px;line-height:1;cursor:pointer}.tio-public-winner-toast>span{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border:1px solid rgba(255,214,90,.45);border-radius:13px;background:rgba(255,194,41,.12);font-size:25px}.tio-public-winner-toast div{min-width:0;display:grid;gap:2px}.tio-public-winner-toast small{color:#ffd864;font-size:9px;font-weight:950;letter-spacing:.12em}.tio-public-winner-toast strong{font-size:18px}.tio-public-winner-toast p{margin:1px 0 7px;color:#bdc9d9;font-size:12px;line-height:1.35}.tio-public-winner-toast a{justify-self:start;padding:7px 10px;border-radius:8px;background:linear-gradient(135deg,#ffd858,#f1aa26);color:#171000;text-decoration:none;font-size:12px;font-weight:950}.tio-public-winner-toast a:hover{filter:brightness(1.08)}@keyframes tioWinnerToastIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:600px){.tio-public-winner-toast{right:14px;bottom:14px}}
