/* Minijuegos. Pantalla independiente y teaser discreto en portada. */
.games-page{max-width:1100px;margin:0 auto;padding:20px 0 64px}
.games-page button{font:inherit;cursor:pointer}
.games-page button:focus-visible,.home-games-banner button:focus-visible{outline:2px solid #efc879;outline-offset:3px}
.games-intro{text-align:center;margin:25px auto 40px;max-width:750px}
.games-intro h1,.games-results h1{font-size:clamp(35px,5vw,58px);margin:12px 0 14px;letter-spacing:-.045em}
.games-eyebrow{color:#d6a23c;font-size:11px;font-weight:850;letter-spacing:.17em}
.games-intro p{max-width:620px;margin:0 auto;font-size:15px}
.games-step-title{font-size:19px;letter-spacing:-.02em;margin:22px 0 16px}
.games-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.games-mode{display:flex;flex-direction:column;align-items:flex-start;min-height:260px;text-align:left;gap:12px;border:1px solid #534127;background:linear-gradient(140deg,#2d261c,#171613);color:#f9f1df;border-radius:17px;padding:25px;transition:transform .2s,border-color .2s,background .2s}
.games-mode:hover,.games-mode:focus-visible{transform:translateY(-3px);border-color:#c99742}
.games-mode.selected{border:2px solid #d6a23c;background:linear-gradient(140deg,#443522,#201b15);padding:24px}
.games-mode-symbol{font-size:49px;line-height:1.1;filter:drop-shadow(0 9px 12px #0006)}
.games-mode strong{font-size:21px;letter-spacing:-.025em}
.games-mode small{font-size:12px;letter-spacing:0;font-weight:400;color:#c3b8a6;line-height:1.6}
.games-mode-pick{margin-top:auto;color:#e1b96f;font-size:12px;font-weight:800}
.games-config{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;border:1px solid #51432d;background:#231e17;border-radius:16px;padding:22px;margin-top:28px}
.games-config .games-step-title{margin:0 0 15px}
.games-difficulties{display:flex;flex-wrap:wrap;gap:7px}
.games-difficulties button,.games-secondary,.games-back,.games-hint-button{border:1px solid #80623a;color:#e9c88e;background:#282218;border-radius:22px;padding:10px 18px;font-size:13px}
.games-difficulties button.selected{background:#d6a23c;color:#1d170c;font-weight:800}
.games-config-details{font-size:12px;margin:12px 0 0}
.games-start-area{display:flex;flex-direction:column;gap:12px;align-items:flex-end}
.games-record{font-size:12px;margin:0;text-align:right}
.games-primary{border:0;border-radius:25px;background:#d6a23c;color:#1c160c;padding:14px 24px;font-weight:900;font-size:13px}
.games-primary:hover{background:#f0bd5c}
.games-footer-note{color:#9e9688;font-size:12px;margin:23px 0;text-align:center}
.games-playing{max-width:1000px;margin:auto}
.games-gamebar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:7px 0 23px}
.games-game-type{font-size:12px;color:#cbb68c;font-weight:700}
.games-back{border:0;background:none;padding:9px 0;color:#c9a96f;font-size:13px}
.games-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #5e4c30;border-radius:14px;background:#242018;margin-bottom:13px}
.games-stats>div{display:flex;flex-direction:column;gap:5px;text-align:center;padding:15px 9px;border-right:1px solid #51432f}
.games-stats>div:last-child{border-right:0}
.games-stats small,.games-results-stats small{font-size:10px;letter-spacing:.14em;color:#a7a092}
.games-stats strong{font-size:22px;font-variant-numeric:tabular-nums}
.games-progress-rail,.games-timer-rail{background:#493f31;border-radius:12px;height:5px;overflow:hidden}
.games-progress-rail>div{height:100%;background:#d6a23c;transition:width .25s}
.games-question-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;margin-top:22px;align-items:stretch}
.games-question-image{position:relative;min-height:410px;background:radial-gradient(ellipse at center,#433425,#191813 72%);border:1px solid #5a4527;border-radius:17px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 22px;gap:20px}
.games-question-tag{position:absolute;top:20px;left:19px;color:#e5bd75;font-weight:800;font-size:10px;letter-spacing:.14em}
.games-crest-image,.games-revealed-visual{display:flex;justify-content:center;align-items:center;width:100%;height:250px}
.games-crest-image img,.games-revealed-visual img{display:block;max-height:235px;max-width:80%;object-fit:contain}
.games-crest-image img.games-obscured{filter:grayscale(1) blur(5px);transform:scale(1.02)}
.games-crest-image img.games-blur-easy{filter:grayscale(.75) blur(1.3px)}
.games-crest-image img.games-blur-normal{filter:grayscale(.9) blur(4px)}
.games-crest-image img.games-blur-hard{filter:grayscale(1) blur(9px)}
.games-player-mystery{display:grid;place-items:center;width:185px;height:230px;background:linear-gradient(155deg,#3a352c,#131312);border:2px solid #7a643e;clip-path:polygon(22% 1%,78% 1%,100% 24%,100% 100%,0 100%,0 24%);box-shadow:inset 0 0 50px #000b}
.games-player-mystery span{font-size:110px;font-weight:900;color:#b6a17d}
.games-player-role{font-size:13px;color:#e8d0a8;font-weight:700}
.games-question-panel{padding:10px 0}
.games-question-panel h2{font-size:clamp(25px,3vw,35px);margin:0 0 10px;line-height:1.2}
.games-question-subtitle{font-size:13px;margin:5px 0 20px}
.games-timer-rail{height:7px;margin-bottom:22px}
.games-timer-rail span{display:block;height:100%;background:#d6a23c;transition:width .12s linear}
.games-answers{display:grid;grid-template-columns:1fr;gap:10px}
.games-answer{display:flex;align-items:center;gap:14px;width:100%;min-height:58px;padding:12px 15px;text-align:left;background:#29251d;color:#f5f0e7;border:1px solid #655033;border-radius:11px;font-size:14px;font-weight:650;transition:border-color .15s,background .15s}
.games-answer:not(:disabled):hover{background:#383020;border-color:#d6a23c}
.games-answer:disabled{cursor:default;opacity:1}
.games-answer-letter{display:grid;place-items:center;width:30px;height:30px;flex:none;background:#4d3b27;color:#f4d29b;border-radius:8px;font-weight:900}
.games-answer.is-correct{border-color:#50af74;background:#1c3826}
.games-answer.is-wrong{border-color:#da7970;background:#492727}
.games-answer-state{margin-left:auto;font-size:20px}
.games-hints{margin:12px 0;background:#3b3020;border-left:3px solid #d6a23c;padding:11px 16px;border-radius:5px}
.games-hint-item{font-size:13px;margin:3px 0;color:#e7d3b1}
.games-hint-button{margin-top:14px}
.games-feedback{padding:11px 14px;border-radius:9px;margin:18px 0 12px;font-size:13px;font-weight:800}
.games-feedback.is-success{background:#193c28;color:#a9edbe}
.games-feedback.is-failure{background:#463022;color:#e8c7a9}
.games-reveal{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin:10px 0}
.games-reveal p{margin:0;color:#eee3ce;font-size:13px}
.games-reveal-card{max-height:132px;max-width:145px;object-fit:contain;border-radius:5px}
.games-reveal button{background:none;border:0;color:#e6b763;text-decoration:underline;padding:5px 0;font-size:12px}
.games-next{width:100%;margin-top:13px}
.games-results{max-width:800px;text-align:center;margin:32px auto;background:linear-gradient(140deg,#282219,#191712);border:1px solid #66502e;border-radius:18px;padding:40px 25px}
.games-results-symbol{display:block;font-size:65px;margin-bottom:14px}
.games-results p{font-size:14px}
.games-results-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}
.games-results-stats>div{display:flex;flex-direction:column;gap:10px;border:1px solid #624b29;border-radius:12px;padding:19px 10px}
.games-results-stats strong{font-size:31px;color:#e5ba67}
.games-personal-best{color:#e6c18a!important;font-weight:800}
.games-result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px 0}
.home-games-banner{display:flex;align-items:center;gap:22px;max-width:1180px;margin:22px auto 0;background:linear-gradient(105deg,#2b241b,#171613);border:1px solid #5f4c30;border-radius:16px;padding:20px 26px}
.home-games-glyph{display:grid;place-items:center;flex:none;background:#473622;border:1px solid #95713a;color:#dfb564;font-size:39px;font-weight:900;border-radius:13px;width:74px;height:74px}
.home-games-copy{flex:1}
.home-games-copy small{font-size:10px}
.home-games-copy h2{font-size:24px;line-height:1.2;margin:5px 0}
.home-games-copy p{font-size:12px;margin:0}
.home-games-banner button{background:#d6a23c;color:#201708;border:0;border-radius:23px;padding:13px 21px;font-weight:850;font-size:13px;white-space:nowrap}
@media(max-width:760px){
 .games-page{padding:4px 0 40px}
 .games-intro{margin:20px 0 27px}
 .games-intro h1{font-size:35px}
 .games-modes{grid-template-columns:1fr;gap:10px}
 .games-mode{min-height:0;display:grid;grid-template-columns:57px 1fr;grid-template-rows:auto auto auto;gap:4px 14px;padding:17px}
 .games-mode.selected{padding:16px}
 .games-mode-symbol{grid-row:1/4;font-size:41px;align-self:center}
 .games-mode strong{font-size:19px}
 .games-mode small{font-size:12px}
 .games-mode-pick{margin-top:3px}
 .games-config{padding:16px;gap:17px}
 .games-start-area{align-items:stretch;width:100%}
 .games-record{text-align:left}
 .games-question-layout{grid-template-columns:1fr;gap:13px;margin-top:15px}
 .games-question-image{min-height:230px;padding:36px 14px 18px}
 .games-crest-image,.games-revealed-visual{height:150px}
 .games-crest-image img,.games-revealed-visual img{max-height:145px}
 .games-player-mystery{width:115px;height:145px}
 .games-player-mystery span{font-size:70px}
 .games-question-panel{padding:5px 0}
 .games-question-panel h2{font-size:24px}
 .games-stats strong{font-size:20px}
 .games-stats>div{padding:12px 5px}
 .games-results{padding:26px 14px}
 .games-results-stats{gap:5px}
 .games-results-stats strong{font-size:23px}
 .home-games-banner{margin:15px 0 0;padding:18px;gap:13px;flex-wrap:wrap}
 .home-games-glyph{width:48px;height:48px;font-size:30px}
 .home-games-copy{flex:1 1 calc(100% - 62px)}
 .home-games-copy h2{font-size:20px}
 .home-games-banner button{width:100%}
}
@media(prefers-reduced-motion:reduce){.games-mode,.games-answer,.games-progress-rail>div,.games-timer-rail span{transition:none}}

/* Escudos: revelación progresiva de una zona pequeña, sin desenfoque ni opciones. */
.games-crest-fragments{
  position:relative;
  width:min(100%,320px);
  height:280px;
  border-radius:15px;
  background:radial-gradient(circle at 50% 48%,#3c3123,#15130f 78%);
  border:1px solid #6d5534;
  overflow:hidden;
}
.games-crest-fragments:before{
  content:"";position:absolute;inset:17px;border:1px dashed #78634470;
  border-radius:12px;pointer-events:none;
}
.games-crest-fragments #gamesCrestFragment{
  display:block;width:100%;height:100%;max-width:none;max-height:none;
  object-fit:contain;object-position:center;
  filter:none!important;transform:none!important;
  transition:clip-path .55s cubic-bezier(.2,.75,.22,1);
}
.games-fragment-counter{
  position:absolute;bottom:12px;left:50%;transform:translateX(-50%);
  white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:.02em;
  border:1px solid #a1814c;background:#17130fe8;color:#f2d9ab;
  padding:7px 13px;border-radius:20px;
}
.games-crest-form{display:flex;flex-direction:column;gap:11px;margin-top:4px}
.games-crest-form label{font-size:12px;font-weight:800;color:#e8d2ac}
.games-crest-form input{
  display:block;width:100%;min-width:0;background:#181611;
  border:1px solid #91764d;border-radius:11px;
  padding:16px;color:#fffaf0;font:inherit;font-size:16px;
}
.games-crest-form input:focus{outline:2px solid #e7bd6b;outline-offset:2px}
.games-crest-form .games-primary{align-self:stretch;margin-top:2px}
.games-reveal-button{display:block;margin-top:16px;width:100%;font-weight:800}
.games-your-guess{font-size:13px;margin:12px 0}
@media(max-width:760px){
  .games-crest-fragments{width:min(100%,240px);height:200px}
  .games-crest-fragments #gamesCrestFragment{max-height:none;max-width:none}
  .games-fragment-counter{font-size:10px;bottom:9px}
}
@media(prefers-reduced-motion:reduce){
  .games-crest-fragments #gamesCrestFragment{transition:none}
}

/* Escudo del día: cuarto modo, juego autónomo y sin temporizador. */
.games-mode-daily{border-color:#99713a;background:linear-gradient(135deg,#4b3620,#241b14)}
.games-mode-daily .games-mode-pick{color:#f2cc86}
.daily-wrap{max-width:1120px;margin:0 auto 55px}
.daily-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:12px 0 22px}
.daily-back{background:none;border:none;color:#e9c588;padding:10px 0;font-size:13px}
.daily-top-date,.daily-kicker{font-size:10px;letter-spacing:.14em;color:#d8b679;font-weight:800}
.daily-intro{text-align:center;max-width:760px;margin:8px auto 30px}
.daily-intro h1{font-size:clamp(39px,5vw,60px);margin:12px 0 15px}
.daily-intro p{font-size:14px;margin:0}
.daily-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:22px;align-items:start}
.daily-visual-area,.daily-right{background:linear-gradient(145deg,#2b241b,#171613);border:1px solid #604b2c;border-radius:16px;min-width:0;padding:20px}
.daily-badge{display:flex;justify-content:space-between;gap:15px;color:#d7b779;font-size:10px;font-weight:800;letter-spacing:.1em}
.daily-crest-stage{position:relative;display:grid;place-items:center;height:300px;margin:12px 0;background:radial-gradient(ellipse at 50% 50%,#3e3226,#121312 72%);border:1px solid #655334;border-radius:14px;overflow:hidden;isolation:isolate}
.daily-crest-guide{font-size:125px;font-weight:900;color:#796e5b20;position:absolute;user-select:none}
.daily-crest-logo{display:block;position:relative;z-index:1;max-width:84%;max-height:260px;width:260px;height:260px;object-fit:contain;filter:drop-shadow(0 10px 13px #0006)}
.daily-reveal-track{display:flex;align-items:center;gap:10px;color:#b5a991;font-size:10px;font-weight:800;letter-spacing:.04em}
.daily-reveal-progress{height:6px;background:#504333;border-radius:99px;flex:1;overflow:hidden}
.daily-reveal-progress>div{height:100%;background:#d6a23c;transition:width .2s ease}
.daily-clues{border-top:1px solid #54422d;margin-top:23px;padding-top:17px}
.daily-clues-title{font-size:10px;letter-spacing:.12em;font-weight:800;color:#e2bb7e;margin-bottom:12px}
.daily-clues>p{font-size:12px;margin:0;color:#bdb19e}
.daily-clue{display:flex;gap:13px;align-items:center;border-bottom:1px solid #ffffff0c;padding:10px 0}
.daily-clue:last-child{border:0}
.daily-clue-index{border-radius:50%;background:#493821;color:#e6c386;width:29px;height:29px;display:grid;place-items:center;font-size:12px;font-weight:800;flex:none}
.daily-clue>div{display:flex;flex-direction:column;gap:3px}
.daily-clue small{color:#9f9a8e;font-size:10px;letter-spacing:0}
.daily-clue strong{color:#f1e7d3;font-size:13px}
.daily-attempts-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.daily-attempts-head h2{font-size:23px;margin:0 0 16px}
.daily-attempts-head>span{font-size:11px;color:#d7bc8b}
.daily-attempts{display:grid;gap:7px}
.daily-attempt{border:1px solid #5d4b32;border-radius:10px;background:#27231d;display:flex;align-items:center;gap:12px;padding:12px 13px;min-height:49px}
.daily-attempt.empty{opacity:.64}
.daily-attempt.correct{border-color:#56b179;background:#173825}
.daily-attempt.wrong{border-color:#9c5447;background:#3a231d}
.daily-attempt-number{background:#58452e;color:#ebc78e;border-radius:7px;font-weight:800;padding:5px 10px}
.daily-attempt-name{font-size:13px;color:#f0e8da;flex:1}
.daily-attempt-result{font-size:17px;font-weight:800;color:#eac088}
.daily-form{margin-top:20px}
.daily-form label{display:block;font-size:12px;font-weight:800;color:#f2dfba;margin-bottom:9px}
.daily-form-row{display:flex;align-items:stretch;gap:8px}
.daily-form-row input{flex:1;min-width:0;border:1px solid #897044;border-radius:10px;padding:12px;background:#171613;color:#f6ebdc;font-size:13px}
.daily-form-row button,.daily-outcome-actions button{border:0;border-radius:10px;background:#d6a23c;color:#1c150a;font-size:12px;font-weight:850;padding:12px 15px}
.daily-form-help,.daily-rules{font-size:11px;color:#a89e8d;line-height:1.6}
.daily-error{color:#ffba9b!important;font-size:12px;margin:10px 0}
.daily-outcome{margin:21px 0 0;border:1px solid #6c5638;background:#352b1f;border-radius:12px;text-align:center;padding:23px 15px}
.daily-outcome.success{border-color:#4a9361;background:#1b3023}
.daily-outcome-emblem{font-size:36px}
.daily-outcome h2{font-size:26px;margin:9px 0}
.daily-outcome p{font-size:13px;margin:9px 0}
.daily-score{color:#f4cf82;display:block;margin:12px 0}
.daily-outcome-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin-top:15px}
.daily-outcome-actions span{font-size:11px;color:#bead8e}
@media(max-width:850px){
 .games-modes{grid-template-columns:repeat(2,minmax(0,1fr))}
 .daily-layout{grid-template-columns:1fr}
 .daily-visual-area,.daily-right{max-width:740px;width:100%;margin:0 auto}
}
@media(max-width:760px){
 .games-modes{grid-template-columns:1fr}
 .daily-intro{margin:0 0 20px}
 .daily-intro h1{font-size:37px}
 .daily-top-date{font-size:9px}
 .daily-visual-area,.daily-right{padding:15px}
 .daily-crest-stage{height:250px}
 .daily-crest-logo{width:210px;height:210px}
 .daily-form-row{flex-direction:column}
 .daily-form-row button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.daily-reveal-progress>div{transition:none}}

@media(min-width:851px){.games-modes{grid-template-columns:repeat(4,minmax(0,1fr))}.games-mode{padding:19px;min-height:270px}.games-mode.selected{padding:18px}.games-mode strong{font-size:19px}}
.home-games-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end;align-items:center}
.home-games-banner .home-games-daily{background:#d6a23c;color:#21170b}
.home-games-banner .home-games-actions #homePlayGames{background:#362b1e;color:#f1d4a1;border:1px solid #8d6a38}
@media(max-width:760px){.home-games-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.home-games-banner .home-games-actions button{width:100%;padding-inline:10px}}