/* JOGA_CRAQUE_VISUAL_V7_3_INICIO_TREINAMENTO
 * UI raiz em duas páginas; sem modificação no PHP de negócio / SQL.
 * Deve ser carregada DEPOIS de classic-raiz-final.css e visual-v7-2.css.
 */
/* Home: aproxima a grade do Resumo 2009, mantendo links historicamente viáveis. */
.classic-theme .jc-home-screen{color:#f5e9c8}
.classic-theme .jc-home-screen>h1{margin:8px 0 8px!important}
.classic-theme .jc-home-archive-banner{position:relative;display:grid;grid-template-columns:36% minmax(0,1fr);align-items:center;gap:14px;min-height:115px;margin:7px 0 19px;padding:15px 22px;background:#dfad38;clip-path:polygon(2% 7%,9% 3%,12% 6%,22% 0,35% 6%,49% 1%,61% 5%,80% 2%,92% 6%,99% 4%,97% 20%,100% 46%,98% 72%,100% 96%,86% 94%,72% 100%,56% 94%,40% 99%,26% 94%,17% 100%,7% 92%,1% 94%,3% 78%,0% 54%,2% 31%);box-shadow:none;color:#1b1407}
.classic-theme .jc-home-archive-title{color:#050505;font:900 28px/.89 Impact,'Arial Black',sans-serif;letter-spacing:-.8px;text-align:center;text-shadow:2px 2px #bb8d29}
.classic-theme .jc-home-archive-text{min-width:0;font-size:12px;line-height:1.4}
.classic-theme .jc-home-archive-text strong{color:#181006;font-weight:800;font-size:13px}
.classic-theme .jc-home-archive-text p{color:#1c1409;margin:3px 0 8px;font-size:12px;line-height:1.38}
.classic-theme .jc-home-archive-text .btn{padding:5px 10px;font-size:11px}
.classic-theme .jc-home-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px;margin:12px 0 18px}
.classic-theme .jc-home-grid>section{min-width:0;background:#11160f;border:1px solid #333824}
.classic-theme .jc-home-grid h2{margin:0;padding:7px 10px;background:#0b0e0b;color:#eac65b;font-size:15px;line-height:1.2;font-family:Georgia,serif;text-transform:none}
.classic-theme .jc-home-statbox{padding:11px 12px;font-size:12px;color:#efe6ce;min-height:104px}
.classic-theme .jc-home-statbox>p{margin:0 0 3px;color:#d6c599}
.classic-theme .jc-home-progress .jc-home-statbox>strong{display:block;color:#f2d46d;font-size:20px;line-height:1.2}
.classic-theme .jc-home-progress .meter{height:9px;margin:7px 0;border:1px solid #625531;background:linear-gradient(90deg,#dfb449 calc(var(--v)*1%),#252b20 0)}
.classic-theme .jc-home-statbox small{display:block;color:#d5ceb4;margin-bottom:6px}
.classic-theme .jc-home-statbox a{color:#dfb844;font-size:12px;font-weight:700}
.classic-theme .jc-home-supporters .jc-home-statbox>div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #343b2b;padding:4px 0}
.classic-theme .jc-home-supporters .jc-home-statbox>div:last-child{border-bottom:none}
.classic-theme .jc-home-supporters .jc-home-statbox strong{color:#efcb5b;overflow-wrap:anywhere}
.classic-theme .jc-home-section-head{font:900 22px/1.1 Impact,'Arial Narrow',sans-serif;margin:14px 0 9px;text-transform:lowercase;color:#edc453}
.classic-theme .jc-home-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:8px 0 18px}
.classic-theme .jc-home-menu a{display:flex;flex-direction:column;justify-content:center;min-height:63px;padding:9px 10px;background:linear-gradient(180deg,#22281d,#0d120c);color:#efc45a;text-decoration:none;font-weight:800;font-size:13px;border:1px solid #4e5431}
.classic-theme .jc-home-menu a:hover,.classic-theme .jc-home-menu a:focus-visible{border-color:#c2a346;background:#27311f}
.classic-theme .jc-home-menu small{display:block;font-weight:400;line-height:1.35;font-size:11px;color:#c9c5ad;margin-top:4px}
.classic-theme .jc-home-matches{list-style:none;padding:0;margin:6px 0 18px}
.classic-theme .jc-home-matches li{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px;background:#131912;border-bottom:2px solid #090d09;font-size:12px}
.classic-theme .jc-home-matches strong{color:#fff2b4}
.classic-theme .jc-home-empty{padding:13px;background:#10170f;color:#f2ebd5;border:1px solid #303b25}
.classic-theme .jc-home-alert{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#1b2014;border:1px solid #766631;padding:10px}
.classic-theme .jc-home-alert div{display:grid;gap:4px}
.classic-theme .jc-home-alert strong{color:#f5d779}
.classic-theme .jc-home-alert span{font-size:12px}
/* Training: original period columns + period sprites extracted from source footage. */
.classic-theme .jc-training-page{color:#f2ead3;font:12px/1.45 Verdana,Arial,sans-serif}
.classic-theme .jc-training-heading{display:flex;align-items:center;gap:15px;margin:12px 0 11px}
.classic-theme .jc-training-heading h1{color:#edc14c;font:900 34px/1.1 Impact,'Arial Narrow',sans-serif;text-shadow:2px 3px #5e4016;text-transform:lowercase;margin:0}
.classic-theme .jc-training-heading p{color:#ece0bf;font-size:12px;margin:7px 0 0}
.classic-theme .jc-training-cone{display:flex;align-items:center;justify-content:center;width:52px;height:62px;flex:none;font-size:0;position:relative}
.classic-theme .jc-training-cone:before{content:'';display:block;width:31px;height:45px;background:linear-gradient(145deg,#ffe5ab 0%,#e38f36 25%,#ffb441 47%,#fff0d2 48% 59%,#f08525 62% 85%,#a04c19 100%);clip-path:polygon(47% 0%,62% 0%,95% 88%,99% 100%,0 100%,6% 88%);filter:drop-shadow(2px 3px 1px #000)}
.classic-theme .jc-training-table{border:1px solid #323723;background:#0b0d0b;margin:12px 0}
.classic-theme .jc-training-columns,.classic-theme .jc-training-row{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.96fr) minmax(0,.75fr) 86px;gap:9px;align-items:center}
.classic-theme .jc-training-columns{background:#20251d;padding:7px 9px;color:#e7d3a2;font-size:11px;border-bottom:1px solid #4a502e}
.classic-theme .jc-training-row{background:linear-gradient(90deg,#1b211b,#0b100d);padding:7px 9px;min-height:77px;border-bottom:4px solid #060907}
.classic-theme .jc-training-row:nth-child(odd){background:linear-gradient(90deg,#141a15,#090d0a)}
.classic-theme .jc-training-row:last-child{border-bottom:0}
.classic-theme .jc-training-row.jc-training-locked{opacity:.7}
.classic-theme .jc-training-name{display:flex;align-items:center;gap:8px;min-width:0}
.classic-theme .jc-training-name img{flex:0 0 57px;width:57px;height:62px;object-fit:cover;object-position:center;image-rendering:auto;mix-blend-mode:lighten}
.classic-theme .jc-training-name>div{display:flex;align-items:center;justify-content:space-between;gap:5px;flex:1;min-width:0}
.classic-theme .jc-training-name strong{font-size:12px;color:#f5f1e5;overflow-wrap:anywhere}
.classic-theme .jc-training-owned{color:#dbcca9;font-size:14px;white-space:nowrap}
.classic-theme .jc-training-skill-placeholder{font-size:22px;min-width:52px;text-align:center}
.classic-theme .jc-training-bonus{display:flex;flex-direction:column;gap:4px;color:#edebda;font-size:11px}
.classic-theme .jc-training-bonus b{color:#b2d6e6;font-size:14px;padding-right:3px}
.classic-theme .jc-training-price{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:1px}
.classic-theme .jc-training-price strong{color:#55e75e;white-space:nowrap;font-size:12px}
.classic-theme .jc-training-price span{color:#e4dfcb;font-size:11px;white-space:nowrap}
.classic-theme .jc-training-price small{color:#ffe397;font-size:10px}
.classic-theme .jc-training-action{text-align:right;margin:0}
.classic-theme .jc-training-btn{font-size:11px!important;min-height:30px!important;max-width:100%;width:81px;white-space:normal;line-height:1.1;padding:6px 4px!important}
.classic-theme .jc-training-running{border:1px solid #4f542c;padding:10px 12px;margin:13px 0;background:#0d110d}
.classic-theme .jc-training-running h2{padding:0 0 5px;border-bottom:1px solid #bd9f38;margin:0 0 9px;color:#e6c04b;font-size:15px}
.classic-theme .jc-training-running-content{display:grid;grid-template-columns:1fr minmax(0,1.5fr) 90px;align-items:center;gap:12px}
.classic-theme .jc-training-running-label{display:flex;flex-direction:column;gap:3px}
.classic-theme .jc-training-running-label strong{color:#f0e8d2}
.classic-theme .jc-training-running-label span{font-size:11px;color:#b9b8a2}
.classic-theme .jc-training-running-time{display:flex;align-items:center;gap:7px;min-width:0}
.classic-theme .jc-training-running-time strong{white-space:nowrap;color:#f2eccf}
.classic-theme .jc-training-running-track{width:100%;height:26px;background:repeating-linear-gradient(90deg,#59472b 0 12px,#252920 12px 24px);border:1px solid #a9a4a0;min-width:22px}
.classic-theme .jc-training-running-note{font-size:11px;color:#bbb394;margin:7px 0 0}
.classic-theme .jc-training-footnote{font-size:11px;color:#e2d18f;margin:13px 0}
@media(max-width:980px){.classic-theme .jc-training-columns,.classic-theme .jc-training-row{grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr) minmax(0,.75fr) 82px;gap:5px}.classic-theme .jc-training-name img{width:44px;height:53px;flex-basis:44px}.classic-theme .jc-training-price strong{font-size:11px}.classic-theme .jc-home-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.classic-theme .jc-home-archive-title{font-size:23px}}
@media(max-width:790px){.classic-theme .jc-training-columns,.classic-theme .jc-training-row{grid-template-columns:minmax(0,1.5fr) minmax(0,.95fr) minmax(0,.8fr) 84px}.classic-theme .jc-home-archive-banner{grid-template-columns:36% minmax(0,1fr)}}
@media(max-width:560px){.classic-theme .jc-home-archive-banner{grid-template-columns:1fr;gap:6px;clip-path:none;padding:14px}.classic-theme .jc-home-archive-title{text-align:left;font-size:25px}.classic-theme .jc-home-grid{grid-template-columns:1fr}.classic-theme .jc-home-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.classic-theme .jc-training-columns{display:none}.classic-theme .jc-training-row{grid-template-columns:minmax(0,1fr) 84px;gap:6px 12px;min-height:91px}.classic-theme .jc-training-name{grid-column:1 / -1}.classic-theme .jc-training-bonus{grid-column:1;grid-row:2}.classic-theme .jc-training-price{grid-column:1;grid-row:3;text-align:left;align-items:flex-start}.classic-theme .jc-training-action{grid-column:2;grid-row:2/4;align-self:center}.classic-theme .jc-training-heading h1{font-size:29px}.classic-theme .jc-training-running-content{grid-template-columns:1fr 90px}.classic-theme .jc-training-running-time{grid-column:1 / -1;grid-row:2}.classic-theme .jc-training-running-content form{grid-column:2;grid-row:1}}

/* Acabamentos originais extraídos do vídeo fornecido pelo usuário. */
.classic-theme .jc-training-heading h1{width:255px;height:44px;font-size:0!important;line-height:0;background:url('/assets/img/titulo_treinamento.png') left center / contain no-repeat;text-shadow:none}
.classic-theme .jc-training-cone{width:54px;height:63px;background:url('/assets/img/cone_treinamento.png') center center / contain no-repeat}
.classic-theme .jc-training-cone:before{display:none}
@media(max-width:560px){.classic-theme .jc-training-heading h1{width:224px;height:41px}}