
.tr-promociones-a {
  --tr-primary: #B5E61D;
  --tr-secondary: #6E9C12;
  --tr-text: #F2F5E9;
  --tr-accent: #F5C451;
  --tr-background: #0B1008;
  --tr-surface: #172012;
  --tr-border: #34452A;
  --tr-muted: #C0C9B7;
  --tr-ink: #101507;
  width: 100%;
  max-width: 100%;
  margin: 0;
  background: var(--tr-background);
  color: var(--tr-text);
  color-scheme: dark;
  font: 400 17px/1.7 "Segoe UI", Arial, sans-serif;
  letter-spacing: 0;
  overflow-wrap: anywhere;
  scrollbar-color: var(--tr-border) var(--tr-background);
}
.tr-promociones-a, .tr-promociones-a *, .tr-promociones-a *::before, .tr-promociones-a *::after { box-sizing: border-box; }
.tr-promociones-a :where(main, section, article, aside, figure, img, a, button, h1, h2, h3, p, figcaption, table, details, summary, ul, li, div) { max-width: 100%; min-width: 0; }
.tr-promociones-a :where(h1, h2, h3, p, a, button, summary, figcaption, td, th) { white-space: normal; overflow-wrap: anywhere; word-break: normal; }
.tr-promociones-a :where(section, article, aside, div, figure, ul, li) { min-width: 0; }
.tr-promociones-a ::selection { background: var(--tr-primary); color: var(--tr-ink); }
.tr-promociones-a :focus-visible { outline: 3px solid var(--tr-accent); outline-offset: 5px; }
.tr-promociones-a :where(h1, h2, h3, p, figure) { margin: 0; }
.tr-promociones-a :where(h1, h2, h3) { font-family: "Bahnschrift", "Segoe UI", Arial, sans-serif; font-weight: 700; line-height: 1.16; letter-spacing: 0; text-wrap: balance; }
.tr-promociones-a h1 { font-size: 64px; max-width: 18ch; }
.tr-promociones-a h2 { font-size: 34px; max-width: 34ch; margin-bottom: 24px; }
.tr-promociones-a h3 { font-size: 23px; margin-bottom: 12px; }
.tr-promociones-a p { max-width: 72ch; margin-bottom: 20px; }
.tr-promociones-a :where(p, li) { color: var(--tr-muted); }
.tr-promociones-a strong { font-weight: 750; color: inherit; }
.tr-promociones-a b { color: var(--tr-text); }
.tr-promociones-a a { color: var(--tr-primary); text-decoration-thickness: 1px; text-underline-offset: 4px; }
.tr-promociones-a a:hover { color: var(--tr-accent); }
.tr-promociones-a img { display: block; width: 100%; max-width: 100%; height: auto; object-fit: cover; font-size: 14px; color: var(--tr-muted); }
.tr-promociones-a__hero { position: relative; isolation: isolate; min-height: 560px; display: flex; align-items: end; padding: 64px max(32px, calc((100% - 1120px) / 2)); background: var(--tr-background); }
.tr-promociones-a__hero-media { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.tr-promociones-a__hero-media img { width: 100%; height: 100%; aspect-ratio: 16 / 9; object-fit: cover; object-position: center; }
.tr-promociones-a__hero-copy { width: 760px; padding: 28px 32px 24px 0; background: rgb(11 16 8 / 88%); }
.tr-promociones-a__hero h1 { margin-bottom: 20px; }
.tr-promociones-a__hero p { color: var(--tr-text); max-width: 60ch; font-size: 19px; }
.tr-promociones-a__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 18px 24px; }
.tr-promociones-a .tr-promociones-a__button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; max-width: 100%; min-height: 50px; padding: 13px 22px; border: 2px solid var(--tr-primary); border-radius: 6px; background: var(--tr-primary); color: var(--tr-ink); text-align: center; text-decoration: none; font-size: 16px; font-weight: 750; line-height: 1.4; transition: background-color 160ms ease, border-color 160ms ease; }
.tr-promociones-a .tr-promociones-a__button span { min-width: 0; }
.tr-promociones-a .tr-promociones-a__button svg { flex: 0 0 20px; }
.tr-promociones-a .tr-promociones-a__button:visited { color: var(--tr-ink); }
.tr-promociones-a .tr-promociones-a__button:hover { background: var(--tr-accent); border-color: var(--tr-accent); color: var(--tr-ink); }
.tr-promociones-a .tr-promociones-a__button:active { background: var(--tr-text); border-color: var(--tr-text); color: var(--tr-ink); }
.tr-promociones-a__text-link { display: inline-flex; align-items: center; min-height: 48px; }
.tr-promociones-a__section { padding: 64px max(32px, calc((100% - 1120px) / 2)); }
.tr-promociones-a__section--ruled { border-top: 1px solid var(--tr-border); border-bottom: 1px solid var(--tr-border); }
.tr-promociones-a__section--accent { background: var(--tr-surface); }
.tr-promociones-a__editorial { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px; }
.tr-promociones-a__entry-grid, .tr-promociones-a__feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin: 28px 0; }
.tr-promociones-a__entry { padding: 24px 0; border-top: 2px solid var(--tr-primary); }
.tr-promociones-a__entry p:last-child, .tr-promociones-a__feature p:last-child, .tr-promociones-a__offer p:last-child { margin-bottom: 0; }
.tr-promociones-a__feature { padding: 26px; background: var(--tr-surface); border-radius: 6px; }
.tr-promociones-a__wide-media { margin-top: 28px; margin-bottom: 28px; overflow: hidden; }
.tr-promociones-a__wide-media img { aspect-ratio: 16 / 9; }
.tr-promociones-a__mobile-layout { display: grid; grid-template-columns: minmax(180px, 300px) minmax(0, 1fr); gap: 48px; align-items: start; }
.tr-promociones-a__portrait { width: 100%; max-width: 300px; }
.tr-promociones-a__portrait img { aspect-ratio: 9 / 16; }
.tr-promociones-a__flow { list-style: none; display: grid; gap: 0; margin: 24px 0; padding: 0; }
.tr-promociones-a__flow > li { padding: 26px 0; border-top: 1px solid var(--tr-border); }
.tr-promociones-a__flow > li:last-child { border-bottom: 1px solid var(--tr-border); }
.tr-promociones-a__flow p { margin-bottom: 0; }
.tr-promociones-a__troubleshooting { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 28px; }
.tr-promociones-a__troubleshooting article { padding-top: 20px; border-top: 1px solid var(--tr-accent); }
.tr-promociones-a__questions { border-top: 1px solid var(--tr-border); }
.tr-promociones-a details { border-bottom: 1px solid var(--tr-border); }
.tr-promociones-a summary { cursor: pointer; padding: 20px 8px; color: var(--tr-text); font-weight: 650; line-height: 1.5; min-height: 48px; }
.tr-promociones-a summary::marker { color: var(--tr-primary); }
.tr-promociones-a summary:hover { color: var(--tr-primary); }
.tr-promociones-a details[open] > summary { color: var(--tr-accent); }
.tr-promociones-a details > p, .tr-promociones-a details > div { padding: 0 8px 10px; }
.tr-promociones-a__closing { padding: 52px max(32px, calc((100% - 1120px) / 2)) 64px; border-top: 2px solid var(--tr-primary); background: #11150D; }
.tr-promociones-a__closing h2 { max-width: 32ch; }
.tr-promociones-a__closing p { max-width: 65ch; }
.tr-promociones-a__offer-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 28px; }
.tr-promociones-a__offer { padding: 28px; background: var(--tr-surface); border-radius: 6px; }
.tr-promociones-a__table-wrap { width: 100%; }
.tr-promociones-a__matrix { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 16px; margin: 28px 0; }
.tr-promociones-a__matrix caption { text-align: left; margin-bottom: 14px; color: var(--tr-muted); }
.tr-promociones-a__matrix :where(th, td) { padding: 18px 14px; text-align: left; vertical-align: top; overflow-wrap: anywhere; border-bottom: 1px solid var(--tr-border); }
.tr-promociones-a__matrix thead { background: var(--tr-surface); color: var(--tr-primary); }
.tr-promociones-a__matrix tbody th { font-weight: 600; }
.tr-promociones-a__methods { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px; }
.tr-promociones-a__checklist { margin: 24px 0; padding-left: 24px; max-width: 74ch; }
.tr-promociones-a__checklist li { padding: 9px 0; }
.tr-promociones-a__checklist li::marker { color: var(--tr-primary); }
.tr-promociones-a__device-picker, .tr-promociones-a__category-menu { margin: 24px 0 30px; border-top: 1px solid var(--tr-border); }
.tr-promociones-a__device-picker details > div { padding: 0 16px 26px; }
.tr-promociones-a__game-grid { display: grid; gap: 38px; margin: 32px 0; }
.tr-promociones-a__game { display: grid; grid-template-columns: minmax(180px, 280px) minmax(0, 1fr); gap: 32px; align-items: start; }
.tr-promociones-a__game img { aspect-ratio: 1 / 1; }
@media (min-width: 1500px) {
  .tr-promociones-a__hero { min-height: 620px; }
}
@media (max-width: 900px) {
  .tr-promociones-a h1 { font-size: 52px; }
  .tr-promociones-a h2 { font-size: 30px; }
  .tr-promociones-a__hero { min-height: 500px; }
  .tr-promociones-a__entry-grid, .tr-promociones-a__feature-grid, .tr-promociones-a__troubleshooting { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .tr-promociones-a__editorial, .tr-promociones-a__methods { gap: 26px; }
  .tr-promociones-a__mobile-layout { grid-template-columns: minmax(160px, 230px) minmax(0, 1fr); gap: 28px; }
  .tr-promociones-a__game { grid-template-columns: minmax(150px, 220px) minmax(0, 1fr); gap: 26px; }
}
@media (max-width: 640px) {
  .tr-promociones-a { font-size: 16px; line-height: 1.65; }
  .tr-promociones-a h1 { font-size: 36px; }
  .tr-promociones-a h2 { font-size: 27px; margin-bottom: 18px; }
  .tr-promociones-a h3 { font-size: 21px; }
  .tr-promociones-a p { margin-bottom: 18px; }
  .tr-promociones-a__hero { display: block; min-height: 0; padding: 0 0 30px; }
  .tr-promociones-a__hero-media { position: static; width: 100%; }
  .tr-promociones-a__hero-media img { height: auto; aspect-ratio: 16 / 9; }
  .tr-promociones-a__hero-copy { width: 100%; padding: 24px 20px 0; background: var(--tr-background); }
  .tr-promociones-a__hero p { font-size: 17px; }
  .tr-promociones-a__section { padding: 36px 20px; }
  .tr-promociones-a__closing { padding: 36px 20px 44px; }
  .tr-promociones-a__actions { flex-direction: column; align-items: stretch; gap: 12px; }
  .tr-promociones-a .tr-promociones-a__button { width: 100%; max-width: 100%; padding: 13px 15px; }
  .tr-promociones-a__text-link { justify-content: center; text-align: center; }
  .tr-promociones-a__editorial, .tr-promociones-a__mobile-layout, .tr-promociones-a__offer-grid, .tr-promociones-a__methods, .tr-promociones-a__game { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .tr-promociones-a__portrait { max-width: 250px; margin: 0 auto; }
  .tr-promociones-a__feature, .tr-promociones-a__offer { padding: 22px; }
  .tr-promociones-a__entry-grid, .tr-promociones-a__feature-grid { gap: 14px; margin: 20px 0; }
  .tr-promociones-a__wide-media { margin-top: 22px; margin-bottom: 22px; }
  .tr-promociones-a__game figure { max-width: 280px; }
  .tr-promociones-a__matrix { font-size: 14px; }
  .tr-promociones-a__matrix :where(th, td) { padding: 12px 7px; }
  .tr-promociones-a__flow > li { padding: 22px 0; }
  .tr-promociones-a summary { padding: 18px 4px; }
}
@media (prefers-reduced-motion: reduce) {
  .tr-promociones-a *, .tr-promociones-a *::before, .tr-promociones-a *::after { transition: none; scroll-behavior: auto; }
}
@media print {
  .tr-promociones-a { background: white; color: black; font-size: 12pt; }
  .tr-promociones-a :where(p, li, a, b, summary) { color: black; }
  .tr-promociones-a__hero-media { display: none; }
  .tr-promociones-a__hero { min-height: 0; padding: 24px; }
  .tr-promociones-a__hero-copy { width: 100%; background: white; }
  .tr-promociones-a__hero p { color: black; }
  .tr-promociones-a__section, .tr-promociones-a__closing { padding: 24px; background: white; }
  .tr-promociones-a .tr-promociones-a__button { background: white; color: black; border-color: black; }
}

.tr-promociones-a__offer:nth-child(2), .tr-promociones-a__offer:nth-child(3) { background: #1D2114; }
.tr-promociones-a__offer h3 { color: var(--tr-accent); }
.tr-promociones-a__activation { border-top: 1px solid var(--tr-border); }
.tr-promociones-a__section:nth-of-type(4) .tr-promociones-a__wide-media { max-width: 720px; }
.tr-promociones-a__section:nth-of-type(4) .tr-promociones-a__wide-media img { aspect-ratio: 4 / 3; }
