/* first and last grid cards keep card padding */
.co-grid>.co-card:first-child,.co-grid>.co-card:last-child{padding:clamp(20px,3.2vw,40px);border:1px solid var(--co-line)}
.co-head{align-items:center;flex-wrap:wrap;gap:8px 16px}

/* header and mobile panel share one height */
@media (max-width:767px){
  .co-top>.co-top__in{height:60px;gap:12px}
  .co-panel{border-left:0}
}

/* contents */
.co-toc{margin:14px 0 0;padding:0 18px;background:var(--co-card);border:1px solid var(--co-line);border-radius:14px;max-width:100%}
.co-toc summary{margin:0;padding:12px 0;word-break:normal;display:flex}
.co-toc[open]>summary{margin:0}
.co-toc ul{margin:2px 0 14px;columns:3 200px}
.co-toc a,.co-toc a:visited{overflow-wrap:anywhere}

/* hero: centred */
.co-hero__bg img{object-position:center}
.co-hero::before{background:radial-gradient(ellipse at center,rgba(22,27,31,.9) 0%,rgba(22,27,31,.78) 55%,rgba(22,27,31,.55) 100%),linear-gradient(0deg,rgba(22,27,31,.8),transparent 45%)}
.co-hero__in{display:flex;flex-direction:column;align-items:center;text-align:center}
.co-hero__lead{margin-left:auto;margin-right:auto}
.co-hero__offers{width:100%;margin-left:auto;margin-right:auto}
.co-hero__cta{justify-content:center}
.co-ob{height:auto;display:flex;flex-direction:column;background:#1b2126}
.co-ob::after{display:none}
.co-ob img{position:static;height:auto;aspect-ratio:8/3}
.co-ob__txt{position:static;align-items:center;padding:12px 14px 14px;border-top:1px solid rgba(127,168,255,.25)}
@media (max-width:767px){
  .co-hero::before{background:linear-gradient(180deg,rgba(22,27,31,.8),rgba(22,27,31,.9) 60%,rgba(22,27,31,.96))}
  .co-ob{height:auto}
  .co-ob__txt{padding:8px 6px 10px}
  .co-hero__cta{width:100%}
}

/* banner: three slots */
.co-banner h2{margin:0 0 6px}
.co-banner__row{display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:end;gap:clamp(10px,2.4vw,28px);width:min(680px,100%);margin:14px auto 24px}
.co-banner__slot,.co-banner__slot:visited{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;color:#fff;text-decoration:none}
.co-banner__slot .co-banner__art{width:100%;margin:0 0 10px;border-radius:18px}
.co-banner__slot:not(.is-main) .co-banner__art{opacity:.92}
.co-banner__slot strong{font-size:.95rem;line-height:1.25;overflow-wrap:anywhere}
.co-banner__slot small{font-size:.8rem;color:var(--co-lime);font-weight:700}
@media (min-width:1024px) and (hover:hover){.co-banner__slot:hover .co-banner__art{transform:translateY(-4px) rotate(-1deg)}.co-banner__slot:hover{color:#fff}}
@media (max-width:599px){
  .co-banner__slot .co-banner__art{width:100%;border-radius:12px;margin-bottom:6px}
  .co-banner__slot strong{font-size:.78rem}
  .co-banner__slot small{font-size:.7rem}
}

/* phone shots centred */
.co-shots{justify-content:center}

/* faq cards */
.co-qa summary{padding:18px 22px}
.co-qa__a{padding:0 22px 18px}
@media (max-width:599px){.co-qa summary{padding:16px 18px}.co-qa__a{padding:0 18px 16px}}

/* final call with players image */
.co-final{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:stretch}
.co-final__in{flex-direction:column;align-items:flex-start;justify-content:center}
.co-final__img{grid-column:2;grid-row:1;width:100%;height:100%;min-height:260px;object-fit:cover;object-position:center 30%;border-radius:0;display:block;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 32%);mask-image:linear-gradient(90deg,transparent 0,#000 32%)}
.co-final__in{grid-column:1;grid-row:1}
@media (max-width:767px){
  .co-final{grid-template-columns:minmax(0,1fr)}
  .co-final__img{grid-column:1;grid-row:1;height:auto;min-height:0;aspect-ratio:555/348;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%)}
  .co-final__in{grid-row:2;padding-top:4px}
}

/* mobile: providers stacked, bonus ladder fits */
@media (max-width:599px){
  .co-prov__item,.co-prov__item:visited{position:relative;flex-direction:column;align-items:flex-start;gap:12px;padding:16px}
  .co-prov__logo{width:120px}
  .co-prov__txt{width:100%}
  .co-prov__txt strong{white-space:normal;padding-right:28px}
  .co-prov__go{position:absolute;top:16px;right:16px}
}
@media (max-width:767px){
  .co-ladder__row{grid-template-columns:minmax(0,1fr);gap:6px}
  .co-ladder__t{white-space:normal}
  .co-ladder__o,.co-ladder__w{grid-column:1}
  .co-ladder__row .co-btn{order:5;width:100%;margin-top:6px}
}

/* faq: undo Simple.css summary offsets */
.co-qa summary,.co-qa[open]>summary{margin:0;word-break:normal}

/* final call: purple like the players image */
.co-final{background:radial-gradient(120% 140% at 85% 30%,#8e28a4 0%,#5b1468 38%,#2c0a36 78%,#22082a 100%);border:1px solid rgba(214,140,255,.28);box-shadow:0 24px 60px rgba(60,10,80,.45),inset 0 1px 0 rgba(255,255,255,.08)}
.co-final::before{content:"";position:absolute;inset:auto auto -40% -10%;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(214,120,255,.35),transparent);z-index:-1;pointer-events:none}
.co-final__img{object-position:center 20%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}
.co-final__in{gap:0;padding:clamp(24px,3.6vw,44px)}
.co-final__k{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px!important;padding:6px 14px;border-radius:999px;background:rgba(255,211,107,.16);border:1px solid rgba(255,211,107,.45);color:#ffd36b!important;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.co-final__offer{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:2px 0 12px!important}
.co-final__offer strong{font-family:var(--serif-font);font-weight:900;font-size:clamp(1.7rem,1.1rem + 2.2vw,2.7rem);line-height:1.05;background:linear-gradient(100deg,#ffe9a8,#ffc94a 55%,#ff9f3a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#ffc94a}
.co-final__offer span{color:#f1dcff;font-weight:700}
.co-final__chips{list-style:none;margin:16px 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.co-final__chips li{margin:0;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:.88rem;font-weight:700}
.co-final__chips .co-ic{color:#ffd36b;width:16px;height:16px}
.co-final .co-final__btn,.co-final .co-final__btn:visited{color:#5b1468}
.co-final__rg{margin:12px 0 0!important;font-size:12px!important;color:rgba(241,220,255,.7)!important}
@media (max-width:767px){.co-final__img{object-position:center 30%}}

/* support channels: compact */
.co-chan{gap:10px}
.co-chan__i{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;padding:14px 16px}
.co-chan__ic{width:34px;height:34px;margin:0}
.co-chan__ic .co-ic{width:18px;height:18px}
.co-chan__n{margin:0;line-height:1.25}
.co-chan dl{grid-column:1/-1;margin-top:10px;gap:4px}
.co-chan dl div{padding-top:5px}

/* mobile: stats cards and phases one per row, banner names aligned */
@media (max-width:599px){
  .co-gstats{grid-template-columns:minmax(0,1fr)}
  .co-gstat,.co-gstat:visited{flex-direction:row}
  .co-gstat img{width:112px;flex:none;align-self:stretch;height:auto;aspect-ratio:auto;min-height:112px}
  .co-gstat__b{padding:12px 14px;min-width:0}
  .co-gstat__m>span{flex-direction:row;gap:8px}
  .co-phases{grid-template-columns:minmax(0,1fr)}
  .co-banner__row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
  .co-banner__slot{text-align:center}
  .co-banner__slot strong{flex:1 1 auto}
}
@media (max-width:399px){
  .co-gstat img{width:84px;min-height:84px}
  .co-gstat__b{padding:10px 12px}
  .co-gstat__m>span{flex-wrap:wrap;gap:0 8px}
}

/* hero offers: same frame for both images */
.co-hero__offers{grid-template-columns:repeat(2,minmax(0,1fr))}
.co-ob img{aspect-ratio:2.2/1;object-fit:cover;object-position:center}
.co-hero__bg img{object-position:center 35%}
.co-hero::before{background:radial-gradient(ellipse at center,rgba(22,27,31,.84) 0%,rgba(22,27,31,.7) 55%,rgba(22,27,31,.45) 100%),linear-gradient(0deg,rgba(22,27,31,.8),transparent 45%)}

/* hero offers as links, equal hero buttons */
.co-ob__a,.co-ob__a:visited{display:flex;flex-direction:column;width:100%;color:inherit;text-decoration:none}
.co-ob__a img{transition:transform .4s}
.co-ob{transition:border-color .2s}
@media (min-width:1024px) and (hover:hover){.co-ob:hover{border-color:rgba(127,168,255,.75)}.co-ob__a:hover img{transform:scale(1.04)}.co-ob__a:hover{color:inherit}}
.co-ob__a:focus-visible{outline:2px solid #7fa8ff;outline-offset:-2px}
@media (min-width:768px){
  .co-hero__cta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(520px,100%)}
  .co-hero__cta .co-btn{width:100%;justify-content:center}
}

/* numbered steps clear the heading above */
.co-card .co-dots{margin-top:18px}
.co-dots li::before{top:0}
.co-dots li:not(:last-child)::after{top:42px;bottom:-12px}

/* stat tiles: one per row on phones, icon on the left */
@media (max-width:599px){
  .co-stats{grid-template-columns:minmax(0,1fr);gap:8px}
  .co-stats li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;align-items:center;text-align:left;padding:12px 16px}
  .co-stats .co-ic{grid-row:1/span 3;margin:0}
  .co-stats p{grid-column:2}
}

/* desktop menu: one row, overflow goes to "Más" (Simple.css wraps header nav ul) */
.co-nav__list{flex-wrap:nowrap;justify-content:flex-start;align-content:normal}
.co-nav{line-height:1.5}
.co-nav .co-more__btn:not(.is-active):hover{color:#fff;background:rgba(255,255,255,.07)}
.co-nav .co-more__btn.is-active:hover{background:var(--co-brand)}
.co-top .co-burger:hover,.co-panel .co-panel__close:hover{background:var(--co-card2);border-color:var(--co-brand)}