/* triunfoapuestas.com — vitrina de trofeos */
:root{
  --charcoal-ground:#0f0f0f;
  --charcoal-raised:#161616;
  --charcoal-lift:#1d1d1d;
  --trophy-gold:#ffc500;
  --ember-gold:#ff9b00;
  --gold-hairline:rgba(255,197,0,.34);
  --gold-whisper:rgba(255,197,0,.14);
  --ivory-text:#ebe4d2;
  --muted-ivory:#a9a292;
  --display-serif:"Cinzel","Times New Roman",serif;
  --reading-sans:"Raleway","Segoe UI",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--charcoal-ground) radial-gradient(1200px 520px at 50% -120px,rgba(255,197,0,.07),transparent 70%) no-repeat;
  color:var(--ivory-text);
  font-family:var(--reading-sans);
  font-size:17px;
  line-height:1.72;
  font-weight:400;
  overflow-x:hidden;
}
body.menu-is-open{overflow:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--trophy-gold);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:#ffe07a}
.skip-to-reading{position:absolute;left:-9999px;top:0}
.skip-to-reading:focus{left:12px;top:12px;z-index:60;background:var(--trophy-gold);color:#111;padding:8px 14px}

/* ---------- cabecera ---------- */
.site-crown-header{
  border-top:3px double var(--gold-hairline);
  border-bottom:1px solid var(--gold-hairline);
  background:linear-gradient(180deg,#121212,#0f0f0f);
  position:relative;
}
.crown-logo-row{
  max-width:1180px;margin:0 auto;padding:30px 24px 20px;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;
}
.crown-logo-link{grid-column:2;display:block}
.crown-logo-link img{width:300px;height:auto}
.crown-visit-slot{grid-column:3;justify-self:end}
.crown-menu-row{border-top:1px solid var(--gold-whisper)}
.crown-menu-list{
  list-style:none;margin:0 auto;padding:0 16px;max-width:1180px;
  display:flex;justify-content:center;flex-wrap:wrap;
}
.crown-menu-list li{display:flex;align-items:center}
.crown-menu-list li+li::before{
  content:"";width:5px;height:5px;transform:rotate(45deg);
  background:var(--gold-hairline);margin:0 4px;
}
.crown-menu-list a{
  display:block;padding:14px 16px;
  font-family:var(--display-serif);font-size:13px;letter-spacing:.17em;text-transform:uppercase;
  color:var(--ivory-text);text-decoration:none;
}
.crown-menu-list a:hover,.crown-menu-list a[aria-current="page"]{color:var(--trophy-gold)}
.menu-open-toggle{
  display:none;grid-column:1;justify-self:start;
  background:none;border:1px solid var(--gold-hairline);color:var(--trophy-gold);
  font-family:var(--display-serif);font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  padding:10px 12px;cursor:pointer;align-items:center;gap:9px;
}
.toggle-line-stack{display:inline-grid;gap:4px}
.toggle-line-stack i{display:block;width:18px;height:1px;background:var(--trophy-gold)}

/* botón dorado */
.gold-outline-button{
  display:inline-block;border:1px solid var(--trophy-gold);color:var(--trophy-gold);
  font-family:var(--display-serif);font-size:13px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;
  padding:12px 24px;text-decoration:none;transition:background .2s,color .2s;
  box-shadow:inset 0 0 0 3px var(--charcoal-ground),inset 0 0 0 4px var(--gold-whisper);
}
.gold-outline-button:hover{background:var(--trophy-gold);color:#111;box-shadow:none}

/* menú a pantalla completa */
.fullscreen-menu-panel{
  position:fixed;inset:0;z-index:50;background:#0c0c0c;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;
  padding:72px 24px 40px;overflow-y:auto;
}
.fullscreen-menu-panel[hidden]{display:none}
.fullscreen-menu-close{
  position:absolute;top:18px;right:18px;width:44px;height:44px;
  background:none;border:1px solid var(--gold-hairline);color:var(--trophy-gold);font-size:24px;line-height:1;cursor:pointer;
}
.fullscreen-menu-links{list-style:none;margin:0;padding:0;text-align:center}
.fullscreen-menu-links a{
  display:block;padding:10px 8px;font-family:var(--display-serif);font-size:22px;letter-spacing:.08em;
  color:var(--ivory-text);text-decoration:none;
}
.fullscreen-menu-links a:hover{color:var(--trophy-gold)}
.fullscreen-menu-trophy{width:56px;height:auto;opacity:.9}

/* ---------- artículo ---------- */
.trophy-article-content{padding:0 20px 40px}
.reading-column-centered{max-width:760px;margin:0 auto}
.reading-column-centered h2{
  font-family:var(--display-serif);font-weight:600;font-size:28px;line-height:1.3;
  color:var(--trophy-gold);text-align:center;letter-spacing:.02em;margin:0 0 22px;
}
.reading-column-centered h3{
  font-family:var(--display-serif);font-weight:600;font-size:19px;line-height:1.4;color:var(--ivory-text);
  margin:28px 0 8px;
}
.reading-column-centered p{margin:0 0 18px}
.reading-column-centered strong{color:#fff3cf;font-weight:600}
.reading-column-centered ul{list-style:none;padding:0;margin:0 0 22px}
.reading-column-centered ul li{position:relative;padding-left:24px;margin-bottom:9px}
.reading-column-centered ul li::before{
  content:"";position:absolute;left:4px;top:.72em;width:6px;height:6px;transform:rotate(45deg);background:var(--trophy-gold);
}
.reading-column-centered ol{list-style:none;counter-reset:numbered-step;padding:0;margin:0 0 22px}
.reading-column-centered ol li{counter-increment:numbered-step;position:relative;padding-left:44px;margin-bottom:12px}
.reading-column-centered ol li::before{
  content:counter(numbered-step);position:absolute;left:0;top:1px;width:28px;height:28px;
  border:1px solid var(--gold-hairline);color:var(--trophy-gold);font-family:var(--display-serif);font-size:13px;
  display:flex;align-items:center;justify-content:center;
}
.chapter-block{padding:4px 0}

.gold-divider-ornament{
  position:relative;height:22px;max-width:420px;margin:46px auto;
  background:linear-gradient(90deg,transparent,var(--gold-hairline) 30%,var(--gold-hairline) 70%,transparent) center/100% 1px no-repeat;
}
.gold-divider-ornament::before{
  content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;
  transform:translate(-50%,-50%) rotate(45deg);
  background:var(--charcoal-ground);border:1px solid var(--trophy-gold);
  box-shadow:0 0 0 5px var(--charcoal-ground);
}
.gold-divider-ornament::after{
  content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;
  transform:translate(-50%,-50%) rotate(45deg);background:var(--trophy-gold);
}

/* tablas */
.ledger-table-frame{overflow-x:auto;margin:0 0 24px;border:1px solid var(--gold-hairline);-webkit-overflow-scrolling:touch}
.ledger-table-frame table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.55}
.ledger-table-frame th{
  font-family:var(--display-serif);font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--trophy-gold);text-align:left;padding:13px 14px;border-bottom:1px solid var(--gold-hairline);
  background:var(--charcoal-raised);
}
.ledger-table-frame td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.07);vertical-align:top}
.ledger-table-frame tr:last-child td{border-bottom:0}

/* encabezado de página interior */
.page-crest-heading{max-width:820px;margin:0 auto 34px;text-align:center;padding:54px 0 8px}
.page-trail-line{
  font-family:var(--display-serif);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-ivory);
  margin:0 0 22px;
}
.page-trail-line a{color:var(--muted-ivory);text-decoration:none}
.page-trail-line a:hover{color:var(--trophy-gold)}
.page-trail-line span[aria-hidden]{color:var(--trophy-gold);margin:0 8px}
.page-crest-heading h1,.vitrina-intro-stage h1,.lost-trophy-stage h1{
  font-family:var(--display-serif);font-weight:600;color:var(--ivory-text);
  font-size:clamp(30px,4.4vw,48px);line-height:1.18;letter-spacing:.01em;margin:0 0 22px;
}
.page-crest-heading h1 em,.vitrina-intro-stage h1 em{font-style:normal;color:var(--trophy-gold)}
.page-lead-paragraph{font-size:19px;line-height:1.7;color:#d9d2bf;margin:0 auto 18px;max-width:720px}

/* ---------- portada ---------- */
.vitrina-intro-stage{max-width:880px;margin:0 auto;text-align:center;padding:60px 0 20px}
.vitrina-trophy-figure{
  width:132px;margin:0 auto 26px;filter:drop-shadow(0 10px 34px rgba(255,197,0,.28));
}
.showcase-kicker-line{
  display:flex;align-items:center;justify-content:center;gap:16px;
  font-family:var(--display-serif);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--trophy-gold);
  margin:0 0 20px;
}
.showcase-kicker-line::before,.showcase-kicker-line::after{content:"";height:1px;width:56px;background:var(--gold-hairline)}
.trophy-case-grid{
  max-width:1080px;margin:40px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
  list-style:none;padding:0;
}
.trophy-case-plaque{
  display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;
  padding:30px 22px 26px;text-decoration:none;color:var(--ivory-text);
  border:1px solid var(--gold-hairline);
  background:linear-gradient(180deg,rgba(255,197,0,.035),transparent 60%),var(--charcoal-raised);
  box-shadow:inset 0 0 0 6px var(--charcoal-raised),inset 0 0 0 7px var(--gold-whisper);
  transition:border-color .2s,transform .2s;
}
.trophy-case-plaque:hover{border-color:var(--trophy-gold);color:var(--ivory-text);transform:translateY(-2px)}
.plaque-roman-numeral{font-family:var(--display-serif);font-size:14px;letter-spacing:.2em;color:var(--trophy-gold);margin-bottom:10px}
.plaque-section-name{font-family:var(--display-serif);font-size:20px;font-weight:600;line-height:1.3;margin-bottom:8px}
.plaque-short-note{font-size:14.5px;line-height:1.55;color:var(--muted-ivory);margin-bottom:16px}
.plaque-go-link{margin-top:auto;font-family:var(--display-serif);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--trophy-gold)}

.visit-plaque-panel{
  max-width:640px;margin:10px auto 0;text-align:center;padding:34px 26px;
  border:1px solid var(--gold-hairline);background:var(--charcoal-raised);
  box-shadow:inset 0 0 0 6px var(--charcoal-raised),inset 0 0 0 7px var(--gold-whisper);
}
.visit-plaque-panel p{margin:0 0 20px;color:#d9d2bf}

.sponsor-banner-figure{margin:6px 0 26px;border:1px solid var(--gold-hairline);padding:6px;background:var(--charcoal-raised)}
.sponsor-banner-figure figcaption{font-size:13.5px;color:var(--muted-ivory);text-align:center;padding:10px 6px 4px;font-style:italic}

.question-answer-pair{border-top:1px solid var(--gold-whisper);padding-top:4px}

/* ---------- pie ---------- */
.site-foot-colophon{border-top:3px double var(--gold-hairline);background:#0b0b0b;margin-top:30px}
.colophon-upper-band{
  max-width:1180px;margin:0 auto;padding:48px 24px 30px;
  display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:36px;
}
.colophon-logo-mark img{width:210px;height:auto;margin-bottom:16px}
.colophon-note-text{font-size:14.5px;color:var(--muted-ivory);line-height:1.65;margin:0 0 14px}
.colophon-link-heading{
  font-family:var(--display-serif);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--trophy-gold);margin:0 0 12px;
}
.colophon-link-list{list-style:none;margin:0;padding:0}
.colophon-link-list a{display:inline-block;padding:4px 0;color:var(--ivory-text);text-decoration:none;font-size:15px}
.colophon-link-list a:hover{color:var(--trophy-gold)}
.adult-gold-seal{
  max-width:1180px;margin:0 auto;padding:0 24px 30px;display:flex;align-items:center;gap:18px;
}
.adult-seal-badge{
  flex:0 0 auto;width:64px;height:64px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(160deg,#ffd84d,var(--trophy-gold) 45%,var(--ember-gold));color:#111;
  font-family:var(--display-serif);font-weight:700;font-size:20px;
  box-shadow:0 0 0 3px #0b0b0b,0 0 0 4px var(--gold-hairline);
}
.adult-seal-text{font-size:14.5px;color:#d9d2bf;margin:0;line-height:1.6}
.colophon-base-line{
  border-top:1px solid var(--gold-whisper);
  max-width:1180px;margin:0 auto;padding:18px 24px 28px;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
  font-family:var(--display-serif);font-size:12px;letter-spacing:.16em;color:var(--muted-ivory);
}

/* error */
.lost-trophy-stage{max-width:640px;margin:0 auto;text-align:center;padding:70px 0 30px}
.lost-trophy-stage .lost-code-number{font-family:var(--display-serif);font-size:64px;color:var(--trophy-gold);letter-spacing:.1em;line-height:1;margin:0 0 10px}

/* ---------- responsive ---------- */
@media (max-width:980px){
  .trophy-case-grid{grid-template-columns:repeat(2,1fr)}
  .colophon-upper-band{grid-template-columns:1fr 1fr}
  .colophon-intro-cell{grid-column:1/-1}
}
@media (max-width:900px){
  .crown-menu-row,.crown-visit-slot{display:none}
  .menu-open-toggle{display:inline-flex}
  .crown-logo-row{padding:16px 16px 14px;grid-template-columns:auto 1fr auto}
  .crown-logo-link{grid-column:2;justify-self:center}
  .crown-logo-link img{width:190px}
  .crown-logo-row::after{content:"";grid-column:3;width:76px}
}
@media (max-width:600px){
  body{font-size:16.5px}
  .trophy-article-content{padding:0 16px 30px}
  .crown-logo-link img{width:160px}
  .crown-logo-row::after{width:40px}
  .menu-open-toggle .toggle-word{display:none}
  .trophy-case-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:30px}
  .trophy-case-plaque{padding:18px 12px 16px;box-shadow:inset 0 0 0 4px var(--charcoal-raised),inset 0 0 0 5px var(--gold-whisper)}
  .plaque-roman-numeral{font-size:12px;margin-bottom:6px}
  .plaque-section-name{font-size:16px}
  .plaque-short-note{font-size:13px;margin-bottom:10px}
  .plaque-go-link{font-size:10px;letter-spacing:.14em}
  .trophy-case-grid li:last-child:nth-child(odd){grid-column:1/-1}
  .vitrina-intro-stage .page-lead-paragraph,.page-crest-heading .page-lead-paragraph{text-align:left}
  .showcase-kicker-line{font-size:11px;letter-spacing:.14em}
  .showcase-kicker-line::before,.showcase-kicker-line::after{display:none}
  .vitrina-intro-stage{padding-top:40px}
  .vitrina-trophy-figure{width:96px}
  .page-crest-heading{padding-top:36px}
  .page-lead-paragraph{font-size:17.5px}
  .reading-column-centered h2{font-size:23px}
  .gold-divider-ornament{margin:34px auto}
  .colophon-upper-band{grid-template-columns:1fr;gap:26px;padding-top:36px}
  .ledger-table-frame table{font-size:14px}
  .ledger-table-frame th,.ledger-table-frame td{padding:10px}
}
@media (max-width:340px){
  .trophy-case-grid{grid-template-columns:1fr}
}