/* INFO #1: identidade da home, navegação por assunto e leitura; 09/10/2026 15:09 GMT-3, autorizado por Mateus. */
.info-page{background:var(--surface-page);color:var(--stone-100);min-height:75vh;padding:calc(var(--header-h) + 36px) 0 64px}
.info-page [hidden]{display:none!important}
.info-container{max-width:1480px}
.info-heading{display:flex;align-items:baseline;gap:16px;margin:0 0 28px}
.info-heading>span{font:500 13px/1.4 var(--font-label);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-400)}
.info-heading h1{font:600 clamp(26px,3vw,38px)/1.25 var(--font-display);margin:0;color:var(--parchment)}
.info-layout{display:grid;grid-template-columns:248px minmax(0,1fr);gap:28px;align-items:start}
.info-sidebar{position:sticky;top:calc(var(--header-h) + 20px);min-width:0;max-height:calc(100dvh - var(--header-h) - 40px);overflow-y:auto;scrollbar-color:#8d7347 #151310}
.info-nav{display:grid;gap:4px;padding:8px;background:linear-gradient(150deg,#25221c,#11110f);border:1px solid #4a402e}
.info-nav a{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 10px;text-decoration:none;color:#cfc7b6;font:500 16px/1.3 var(--font-body);border:1px solid transparent;border-left:3px solid transparent}
.info-nav a:hover{background:#393025;color:#f6df9d}
.info-nav a[aria-current]{background:linear-gradient(90deg,#3c3020,#29231a);border-color:#71603a;border-left-color:#efd082;color:#ffedb2}
.info-nav img{width:34px;height:34px;object-fit:contain;flex:none}
.info-nav svg{width:28px;height:28px;margin-inline:3px;stroke:#c7a85d;fill:none;stroke-width:1.4;flex:none}
.info-mobile-nav{display:none}
.info-content,.info-topic{min-width:0}
.info-topic{scroll-margin-top:var(--info-scroll-offset,calc(var(--header-h) + 124px))}
.info-content{display:grid;gap:56px}
.info-topic__title{display:flex;align-items:center;gap:16px;padding:22px 26px;margin-bottom:20px;background:linear-gradient(120deg,#353128,#201d18);border-top:2px solid #ba9652;border-bottom:1px solid #69542d;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
.info-topic__title img{width:48px;height:48px;object-fit:contain;flex:none}
.info-topic__title svg{width:38px;height:38px;stroke:#dec078;fill:none;stroke-width:1.4;flex:none}
.info-topic__title h2{margin:0;color:var(--gold-200);font:600 clamp(24px,2.5vw,34px)/1.2 var(--font-display);overflow-wrap:anywhere}
.info-topic__title h2:focus{outline:none}
.info-topic__body{font:400 17px/1.6 var(--font-body);overflow-wrap:anywhere}
.info-topic__body h3{font:600 23px/1.35 var(--font-display);color:var(--gold-300);margin:28px 0 14px}
.info-topic__body h4{font:600 18px/1.35 var(--font-display);color:var(--parchment);margin:0 0 10px}
.info-topic__body p{margin:0 0 16px}
.info-page strong,.info-page b{font-weight:700;color:#f4dfaa}
.info-page code{color:#efd08a;font:600 .96em/1.4 Consolas,monospace;overflow-wrap:anywhere}
.info-page a{color:#efd08a;text-underline-offset:4px}
.info-page a:focus-visible,.info-page button:focus-visible,.info-page select:focus-visible,.info-page summary:focus-visible{outline:2px solid #ffe3a0;outline-offset:3px}
/* INFO #2: uma regra por caixa, tabelas e sanfonas com controles nativos. */
.info-rules{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:8px}
.info-rules>li{position:relative;padding:13px 16px;background:#191814;border:1px solid #373125;border-left:2px solid #7b643b;min-width:0}
.info-table-wrap{margin:16px 0 24px;border:1px solid #504129;background:#171612;max-width:100%}
.info-table{border-collapse:collapse;width:100%;table-layout:fixed;text-align:left;font:400 16px/1.45 var(--font-body)}
.info-table caption{padding:14px;text-align:left;color:#f5db93;background:#29241a;font-weight:600}
.info-table th,.info-table td{padding:12px 15px;border-bottom:1px solid #3c3425;vertical-align:top;overflow-wrap:anywhere}
.info-table th{background:#30291d;color:#f3d890;font-weight:600}
.info-table tbody tr:nth-child(even){background:#211e18}
.info-table tr:last-child td{border-bottom:0}
.info-table td:not(:first-child){color:#f3dfb0}
.info-accordion{margin:0 0 12px;border:1px solid #51432b;background:#171612}
.info-accordion>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:17px 20px;list-style:none;cursor:pointer;font:600 19px/1.35 var(--font-display);color:#f1d591;background:linear-gradient(110deg,#2b261d,#1b1915)}
.info-accordion>summary::-webkit-details-marker{display:none}
.info-accordion>summary::after{content:'+';font:400 27px/1 var(--font-body);color:#e0bb6e;flex:none}
.info-accordion[open]>summary::after{content:'−'}
.info-accordion__body{padding:20px}
.info-accordion__body>:last-child{margin-bottom:0}
.info-accordion__body h3:first-child{margin-top:0}
.info-topic .l2-btn{min-height:48px;max-width:100%;white-space:normal;text-align:center;padding:12px 24px;color:inherit}
.info-actions,.info-start-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
/* INFO #3: raças e cartões por skill, preservando todos os textos de balanceamento. */
.info-race-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.info-race-tabs button{font:500 16px/1.3 var(--font-body);min-height:48px;min-width:80px;padding:12px 18px;cursor:pointer;background:#252118;color:#cfc5b0;border:1px solid #615031}
.info-race-tabs button[aria-selected=true]{color:#ffebae;background:#40321c;border-color:#d2af65;box-shadow:inset 0 -3px #d2af65}
.info-class{padding:20px;margin:0 0 18px;background:#131310;border:1px solid #3b3529}
.info-class>h3{margin:0 0 18px;color:#efd08c}
.info-skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}
.info-skill{padding:18px;background:#211e18;border:1px solid #53442d;min-width:0}
.info-skill p{color:#d5cebf;font-size:16px;line-height:1.6;margin:0}
.info-race-panel{min-width:0}
/* INFO #4: seletor fixo no celular, tabelas ajustadas à largura e sem rolagem lateral. */
@media(max-width:999px){
 .info-page{padding-top:calc(var(--header-h) + 24px)}
 .info-layout{grid-template-columns:1fr;gap:20px}
 .info-heading{margin-bottom:20px}
 .info-sidebar{top:var(--header-h);z-index:20;max-height:none;overflow:visible;padding-block:10px;background:#100f0df5;border-block:1px solid #57442b}
 .info-nav{display:none}
 .info-mobile-nav{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}
 .info-mobile-nav label{color:#d6be87;font:500 14px/1.35 var(--font-body)}
 .info-mobile-nav select{width:100%;min-width:0;min-height:48px;padding:10px 30px 10px 12px;border:1px solid #867044;background:#252118;color:#ffe3a0;border-radius:0;font:500 16px/1.35 var(--font-body)}
 .info-topic__title{padding:20px}
}
@media(max-width:639px){
 .info-page{padding-bottom:40px}
 .info-heading{display:block;margin-bottom:16px}
 .info-heading>span{display:block;margin-bottom:8px}
 .info-heading h1{font-size:28px}
 .info-mobile-nav{grid-template-columns:1fr;gap:5px}
 .info-mobile-nav label{font-size:12px}
 .info-content{gap:40px}
 .info-topic__title{padding:17px 15px;gap:12px;margin-bottom:16px}
 .info-topic__title h2{font-size:25px}
 .info-topic__title img{width:38px;height:38px}
 .info-topic__body{font-size:16px}
 .info-rules>li{padding:12px}
 .info-table{font-size:14px}
 .info-table th,.info-table td{padding:10px 8px}
 .info-accordion>summary{padding:16px 14px;font-size:18px}
 .info-accordion__body{padding:14px}
 .info-topic__body h3{font-size:21px}
 .info-class{padding:15px}
 .info-skill{padding:14px}
 .info-race-tabs{gap:6px}
 .info-race-tabs button{flex:1 1 29%;min-width:0;padding:11px 9px;font-size:15px}
 .info-actions,.info-start-actions{display:grid;grid-template-columns:1fr}
}

/* INFO #27: índice contínuo e espaço estável para links diretos; 09/10/2026 15:53 GMT-3, autorizado por Mateus. */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* INFO #27: Stages compartilham a composição e os controles da home; 09/10/2026 15:55 GMT-3, autorizado por Mateus. */
.info-page #stages{padding:0;overflow:visible}
.info-stage-component{padding:16px 18px 28px}
.info-stage-details{padding-top:12px;background:var(--surface-page)}
.info-stage-details>h3{margin-top:0}
/* INFO #27: rodapé independente do índice, com a mesma centralização da home; 09/10/2026 15:55 GMT-3, autorizado por Mateus. */
.info-page + .l2-footer{width:100%;min-width:0;clear:both}
.info-page + .l2-footer>.l2-container{margin-inline:auto;min-width:0}
.info-page + .l2-footer .l2-footer__inner{width:100%;min-width:0;align-items:center;text-align:center}
.info-page + .l2-footer .l2-footer__inner>*{min-width:0;max-width:100%}
.info-page + .l2-footer .l2-footer__note{max-width:min(100%,62ch)}
.info-page + .l2-footer .l2-social__link{justify-content:center}
.info-page + .l2-footer .l2-footer__copy{display:block;white-space:normal;overflow-wrap:anywhere;text-align:center}
@media(max-width:640px){.info-stage-component{padding-inline:8px}}

/* INFO #29: grupos com emblema, habilidades do jogo e fundo de batalha já existente; 09/10/2026 16:14 GMT-3, autorizado por Mateus. */
#classes .info-topic__body{padding:24px;background:linear-gradient(180deg,rgba(12,11,9,.84),rgba(12,11,9,.94) 520px,#0c0b09 1040px),url("../img/auditoria/battle-party-1600.webp") center top/100% auto no-repeat;border:1px solid #443824}
#classes .info-balance-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:28px}
#classes .info-balance-rules>li{background:rgba(27,24,18,.9);border-left-color:#ad884a}
.info-group-tabs{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;margin:0 0 28px;align-items:stretch}
.info-group-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:132px;padding:14px 5px;background:linear-gradient(160deg,#28251edb,#141410f5);border:1px solid #514631;color:#b9b3a5;box-shadow:inset 0 1px #ffffff08;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
.info-group-tabs button:hover{border-color:#a38a51;background:#322a1e}
.info-group-tabs .info-group-emblem{display:block;width:64px;height:64px;max-width:100%;object-fit:contain;filter:grayscale(1);opacity:.5;transition:filter .2s ease,opacity .2s ease}
.info-group-name{font:600 13px/1.3 var(--font-body);text-align:center;overflow-wrap:normal;white-space:normal}
.info-group-name>span{display:block;font-size:12px;font-weight:500;margin-top:3px}
.info-group-tabs button[aria-selected=true]{border-color:#e0bc65;background:radial-gradient(ellipse at 50% 25%,#79603275,transparent 80%),linear-gradient(145deg,#342b1c,#1b1812);color:#ffe6a0;box-shadow:inset 0 -3px #d9b660,inset 0 0 20px #bd91371a,0 0 18px #b6883b26}
.info-group-tabs button[aria-selected=true] .info-group-emblem{filter:grayscale(0) drop-shadow(0 0 8px #e3b45255);opacity:1}
.info-group-panel:not([hidden]){animation:info-group-enter .24s ease-out}
.info-group-panel:focus-visible{outline:2px solid #f5d78c;outline-offset:5px}
@keyframes info-group-enter{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}
#classes .info-class{padding:0;margin:0 0 20px;background:linear-gradient(120deg,#1c1914f5,#121310f5);border:1px solid #5d4a2b;border-top:2px solid #9d7b43;box-shadow:0 8px 28px #00000024}
#classes .info-class:last-child{margin-bottom:0}
.info-class-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;padding:20px 22px;background:linear-gradient(105deg,#3a30207a,transparent);border-bottom:1px solid #514129}
#classes .info-class-header h3{margin:0;color:#f0d496;font:600 clamp(20px,1.8vw,25px)/1.35 var(--font-display);overflow-wrap:anywhere}
.info-class-header h3>span{color:#8d754b}
.info-class-count{flex:none;color:#ada28e;font:500 12px/1.5 var(--font-body);text-transform:uppercase;letter-spacing:.05em}
#classes .info-class-count strong{color:#d9c7a0}
#classes .info-skill-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:4px 22px}
#classes .info-skill{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:15px;padding:20px 0;background:none;border:0;border-bottom:1px solid #403728}
#classes .info-skill:last-child{border-bottom:0}
.info-skill-icon{display:block;width:44px;height:44px;object-fit:cover;border:1px solid #bfa267;padding:2px;background:#080907;box-shadow:0 2px 7px #0008;border-radius:2px}
.info-skill-content{min-width:0}
.info-skill-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:5px 16px;margin-bottom:7px}
#classes .info-skill-heading h4{margin:0;font:600 17px/1.4 var(--font-body);color:#e7d7b4;overflow-wrap:anywhere}
.info-skill-tag{flex:none;background:none;border:0;padding:0;color:#b8aa8e;font:500 10px/1.5 var(--font-body);letter-spacing:.11em;text-transform:uppercase}
#classes .info-skill p{margin:0;font-size:15px;line-height:1.65;color:#c9c3b6}
@media(max-width:1199px){.info-group-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.info-group-tabs button{min-height:122px}.info-group-name{font-size:14px}.info-group-name>span{font-size:12px}}
@media(max-width:640px){
 #classes .info-topic__body{padding:14px 10px;background-image:linear-gradient(180deg,rgba(12,11,9,.84),#0c0b09 820px),url("../img/auditoria/battle-party-960.webp")}
 #classes .info-balance-rules{grid-template-columns:1fr;gap:8px;margin-bottom:20px}
 .info-group-tabs{gap:7px;margin-bottom:20px}
 .info-group-tabs button{min-height:114px;padding:12px 4px;gap:8px}
 .info-group-tabs .info-group-emblem{width:52px;height:52px}
 .info-group-name{font-size:12px}
 .info-group-name>span{font-size:11px}
 .info-class-header{padding:16px 14px}
 #classes .info-class-header h3{font-size:20px}
 #classes .info-skill-grid{padding:0 12px}
 #classes .info-skill{gap:11px;padding-block:17px}
 #classes .info-skill-heading h4{font-size:16px}
 #classes .info-skill p{font-size:14px}
 .info-skill-heading{gap:4px 12px}
}
@media(prefers-reduced-motion:reduce){.info-group-panel:not([hidden]){animation:none}.info-group-tabs button,.info-group-tabs .info-group-emblem{transition:none}}

/* INFO #31: cartões abertos, detalhes por Stage e Opção B aprovada; 09/10/2026 16:38 GMT-3, autorizado por Mateus. */
.info-rules>li,.info-accordion,.info-table-wrap,.info-nav,.info-nav a,.info-mobile-nav select{border-radius:8px}
.info-accordion{overflow:hidden}
.info-table-wrap{overflow:hidden}
.info-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.info-feature-card{min-width:0;padding:22px;background:linear-gradient(135deg,#242017,#151410);border:1px solid #6f59333d;border-radius:12px;box-shadow:0 6px 18px #0003}
.info-feature-header{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.info-feature-header img{width:64px;height:64px;object-fit:contain;flex:none}
.info-feature-card .info-feature-header h3{margin:0;font-size:21px;color:#f0d98a}
.info-feature-card .info-feature-summary{font-size:15px;line-height:1.45;color:#bfb6a3;margin:0 0 16px}
.info-feature-card .info-rules{gap:6px;margin:0;font-size:15px;line-height:1.5}
.info-feature-card .info-rules>li{padding:9px 11px;background:#14130fad;border-color:#393224;border-left-color:#79643a}
.info-feature-card--wide{grid-column:1/-1;background:#171611}
.info-feature-more{margin-top:12px}
.info-feature-more>summary,.info-stage-more>summary{display:list-item;width:fit-content;max-width:100%;min-height:44px;padding:10px 8px;cursor:pointer;color:#e6c987;font:500 15px/1.6 var(--font-body);text-underline-offset:4px}
.info-feature-more[open]>summary,.info-stage-more[open]>summary{text-decoration:underline}
.info-feature-more .info-rules{margin-top:6px}
.info-page #stages .sd{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:none}
.info-stage-more{grid-column:1/-1;min-width:0;border-top:1px solid #55452c66;margin-top:6px;padding-top:4px}
.info-stage-more .info-table-wrap{margin-bottom:0}
.info-stage-more .info-table th:first-child,.info-stage-more .info-table td:first-child{width:18%}
.info-stage-more .info-table th:nth-child(2),.info-stage-more .info-table td:nth-child(2){width:37%}
.info-page #stages .sd__bloco{min-width:0}
.info-page #stages .sd__lista{margin-bottom:0}
.info-page #stages .sd__linha{flex-wrap:wrap;gap:6px}
.info-page #stages .sd__novas li{overflow-wrap:anywhere}
#classes .info-topic__body{border-radius:12px}
.info-group-tabs button{border-radius:10px}
#classes .info-class{padding:0;margin:0 0 18px;border:1px solid rgba(201,162,39,.16);border-radius:12px;overflow:hidden;background:rgba(20,18,16,.8);box-shadow:0 6px 18px rgba(0,0,0,.35)}
#classes .info-class-header{justify-content:flex-start;align-items:baseline;gap:6px 10px;padding:8px 14px;background:linear-gradient(90deg,rgba(201,162,39,.12),transparent);border-bottom:1px solid #3a3229}
#classes .info-class-header h3{font:700 15px/1.5 var(--font-display);color:#f0d98a;overflow-wrap:normal}
.info-class-third{font:500 11px/1.5 var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:#a69d90}
#classes .info-skill-grid{padding:0;gap:0}
#classes .info-skill{display:grid;grid-template-columns:34px minmax(130px,190px) minmax(0,1fr) auto;gap:12px;align-items:center;padding:7px 14px;font-size:13px;border:0;border-bottom:1px solid rgba(255,255,255,.05)}
#classes .info-skill:last-child{border-bottom:0}
#classes .info-skill-icon{width:34px;height:34px;padding:0;border-radius:8px;border:1px solid rgba(201,162,39,.45);box-shadow:0 2px 6px rgba(0,0,0,.6)}
#classes .info-skill h4{font:600 13px/1.5 var(--font-body);color:#efe7d6;margin:0;overflow-wrap:normal}
#classes .info-skill p{font:400 13px/1.5 var(--font-body);color:#c9c1b2;margin:0}
#classes .info-skill-tag{font:500 10px/1.5 var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:#a69d90}
@media(max-width:1100px) and (min-width:1000px){#classes .info-skill{grid-template-columns:34px minmax(100px,135px) minmax(0,1fr) auto;gap:9px;padding-inline:10px}}
@media(max-width:700px){
 .info-feature-grid{grid-template-columns:1fr;gap:16px}
 .info-feature-card{padding:16px}
 .info-feature-card .info-feature-header h3{font-size:19px}
 .info-feature-header img{width:54px;height:54px}
 #classes .info-skill{grid-template-columns:34px minmax(0,1fr);gap:4px 12px;padding:10px 14px;align-items:center}
 #classes .info-skill p,#classes .info-skill-tag{grid-column:2}
 #classes .info-skill p{font-size:13px}
 .info-page #stages .sd{gap:14px;padding:18px 12px}
 .info-page #stages .sd__titulo{font-size:12px;line-height:1.5;white-space:normal}
 .info-page #stages .sd__linha{font-size:13px;line-height:1.4}
 .info-page #stages .sd__novas{font-size:13px;line-height:1.5;padding-left:14px}
 .info-page #stages .sd__novas li{margin-bottom:8px}
 .info-stage-more .info-table{font-size:12px}
 .info-stage-more .info-table th,.info-stage-more .info-table td{padding:8px 6px}
}

/* INFO #30: passos de Carreira com marcador visível, conforme o guia. */
.info-steps>li{padding-left:30px}
.info-steps>li::before{content:"•";position:absolute;left:13px;color:#dfc17e}

/* INFO #30: tabela de Stages legível também dentro do painel no celular. */
.info-stage-ranges{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.info-stage-more td .info-rules{margin:0;gap:8px}
.info-stage-more td .info-rules>li{padding:0;background:none;border:0;border-radius:0}
.info-stage-more>.info-rules{margin:12px 0 0}

/* INFO #31: chanfros reservados às faixas de título. */
.info-page #stages .sd__bloco{clip-path:none;border-radius:10px}

/* 09/10/2026 (Claude): botão de mídia nos cartões e janela do vídeo */
.info-feature-header h3{flex:1 1 auto}
.info-feature-media{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid #c9a22780;border-radius:999px;background:linear-gradient(180deg,#3a3020,#1d1912);color:#f0d98a;font:600 13px/1 var(--font-body,Barlow),sans-serif;letter-spacing:.02em;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.info-feature-media span{font-size:11px}
.info-feature-media:hover{border-color:#f0d98a;box-shadow:0 0 14px #c9a22740}
.info-feature-media:focus-visible{outline:2px solid #f0d98a;outline-offset:2px}
.info-media-dialog{border:1px solid #c9a22766;border-radius:14px;background:#0b0a09;padding:0;max-width:min(1100px,94vw);width:100%;color:#dcd5c8;box-shadow:0 20px 60px #000c}
.info-media-dialog::backdrop{background:#000c}
.info-media-dialog__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #c9a22733}
.info-media-dialog__bar h4{margin:0;font:700 16px var(--font-display,Cinzel),serif;color:#f0d98a}
.info-media-dialog__fechar{min-width:44px;min-height:44px;border:0;border-radius:10px;background:transparent;color:#f0d98a;font-size:22px;cursor:pointer}
.info-media-dialog video,.info-media-dialog img{display:block;width:100%;max-height:80vh;background:#000}
@media (max-width:640px){.info-feature-header{flex-wrap:wrap}.info-feature-media{order:3;width:100%;justify-content:center}}

/* 09/10/2026 (Claude): componente de abas da home dentro da página de Informações; a seção não herda o fundo/padding da home */
.info-page #funcionalidades{padding:0;background:none;border:0;overflow:visible;font:inherit;color:inherit}
.info-page #funcionalidades .info-exclusivas{margin-top:4px}
.info-page #funcionalidades .exclusivas-conjunto{max-width:none}
.info-page #funcionalidades .info-topic__title h2{font:600 clamp(24px,2.5vw,34px)/1.2 var(--font-display);text-transform:none;letter-spacing:normal;color:var(--gold-200);text-align:left}
.info-page #funcionalidades .exclusivas-seta--ant{left:-14px}
.info-page #funcionalidades .exclusivas-seta--prox{right:-14px}
@media (max-width:640px){.info-page #funcionalidades .info-topic__title h2{font-size:25px}}

/* 09/10/2026 (Claude): botão "Por quê ?" com a explicação ao passar o mouse / tocar */
#classes .info-skill-body{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
#classes .info-skill-body>p{flex:1 1 260px;min-width:0}
.info-why{position:relative;display:inline-flex}
.info-why__btn{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:0 4px 0 9px;border:1px solid rgba(201,162,39,.35);border-radius:999px;background:rgba(201,162,39,.08);color:#c9a227;font:600 11px/1 var(--font-label,Oswald),sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:help}
.info-why__btn i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#c9a227;color:#120f0b;font:700 11px/1 var(--font-body,Barlow),sans-serif;font-style:normal}
.info-why__btn:hover,.info-why__btn:focus-visible{border-color:#f0d98a;color:#f0d98a;outline:none}
.info-why__tip{position:absolute;right:0;bottom:calc(100% + 8px);z-index:20;width:min(320px,80vw);padding:10px 12px;border:1px solid rgba(201,162,39,.45);border-radius:10px;background:#16130f;box-shadow:0 10px 26px rgba(0,0,0,.6);color:#dcd5c8;font:400 13px/1.5 var(--font-body,Barlow),sans-serif;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s,transform .15s,visibility .15s;pointer-events:none}
.info-why:hover .info-why__tip,.info-why:focus-within .info-why__tip,.info-why.is-open .info-why__tip{opacity:1;visibility:visible;transform:none}
@media(max-width:700px){#classes .info-skill-body{grid-column:2}.info-why__tip{right:auto;left:0}}
@media(prefers-reduced-motion:reduce){.info-why__tip{transition:none}}
#classes .info-class{overflow:visible}
#classes .info-class-header{border-radius:12px 12px 0 0}

/* "Por quê ?" por classe: fica no fim da faixa do nome */
#classes .info-class-header{position:relative;flex-wrap:wrap}
#classes .info-class-header .info-why{margin-left:auto}

/* 09/10/2026 (Claude, pedido do Mateus): "Entenda nossos motivos" discreto, no tom do rótulo da 3ª profissão */
#classes .info-why__btn{min-height:24px;padding:0;gap:6px;border:0;border-radius:0;background:none;color:#a69d90;font:500 11px/1.5 var(--font-label);letter-spacing:.12em;text-transform:uppercase;cursor:help}
#classes .info-why__btn i{width:16px;height:16px;background:none;border:1px solid rgba(201,162,39,.55);color:#c9a227;font:600 10px/1 var(--font-body)}
#classes .info-why__btn:hover,#classes .info-why__btn:focus-visible{color:#e6c987;text-decoration:underline;text-underline-offset:3px}
#classes .info-why__btn:focus-visible{outline:2px solid #f0d98a;outline-offset:2px}
#classes .info-why__tip{width:min(420px,86vw);top:calc(100% + 8px);bottom:auto;font-size:13.5px;line-height:1.6}
@media(max-width:700px){#classes .info-class-header .info-why{margin-left:0;flex-basis:100%}}