#troops-training-calculator--settings .training-speed,.calculator-result .troops-wrapper,.troops-type .troops-type--item .troops-wrapper{display:block;margin:auto;position:relative;width:100%}#troops-training-calculator--settings .training-speed img,.calculator-result .troops-wrapper img,.troops-type .troops-type--item .troops-wrapper img{width:100%;height:auto}#troops-training-calculator--settings .training-speed figcaption,.calculator-result .troops-wrapper figcaption,.troops-type .troops-type--item .troops-wrapper figcaption{background-color:#4d3d34;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:95%;font-weight:600;position:absolute;bottom:0;margin:0 auto;left:0;right:0;padding:2px 5px;text-align:center;width:95%;border:3px inset gray;border-radius:0}#troops-training-calculator--settings .training-speed figcaption label,.calculator-result .troops-wrapper figcaption label,.troops-type .troops-type--item .troops-wrapper figcaption label{position:absolute;padding:5px;width:50px;top:-35px;left:0;right:0;margin:auto}#troops-training-calculator--settings .training-speed figcaption input,.calculator-result .troops-wrapper figcaption input,.troops-type .troops-type--item .troops-wrapper figcaption input{color:#fff;border:none;background-color:#4d3d34;border-radius:3px;font-size:95%;font-weight:600;padding:2px 5px;text-align:center;width:100%}@media (max-width:560px){#troops-training-calculator--settings .training-speed,.calculator-result .troops-wrapper,.troops-type .troops-type--item .troops-wrapper{margin-bottom:15px}}#troops-training-calculator--settings{margin-bottom:30px}#troops-training-calculator--settings .training-speed{border-left:5px solid #354D5D;border-right:5px solid #354D5D;border-bottom:15px solid #354D5D}#troops-training-calculator--settings .training-speed figcaption.label--qty{bottom:-2.5%;width:100%}.page--troops-training-calculator .troops-training-calculator--result{background-color:rgba(0,0,0,.3);padding:15px;position:relative}.page--troops-training-calculator .alert h5{margin-top:0}.page--troops-training-calculator .troops-training-calculator--settings-btn{margin-bottom:15px;text-align:right}.total-calculation .troops-panel .speedup-plan--optimized span.gems-required,.total-calculation .troops-panel .speedup-plan--optimized span.speed-required,div.panel--calculation h2.heading,h3.heading--main{font-family:Oswald,sans-serif;text-align:center}.page--troops-training-calculator .troops-training-calculator--settings-btn button.btn[aria-expanded=true] .fa-cog{display:none}.page--troops-training-calculator .troops-training-calculator--settings-btn button.btn[aria-expanded=true] .fa-times{display:inline}.page--troops-training-calculator .troops-training-calculator--settings-btn button.btn .fa-times{display:none}.page--troops-training-calculator .troops-training-calculator--settings-btn button.btn .fa-edit{display:inline}.page--troops-training-calculator .rss-icon{background-repeat:no-repeat;background-position:5px center;background-size:auto 85%;border-radius:3px;background-color:#374d5a;border:1px solid #fff;padding:5px 10px 5px 35px;font-size:12px}.page--troops-training-calculator .rss-0{}.page--troops-training-calculator .rss-1{}.page--troops-training-calculator .rss-2{}.page--troops-training-calculator .rss-3{}.page--troops-training-calculator .rss-4{}.page--troops-training-calculator .calculator-result td{vertical-align:middle}.page--troops-training-calculator .calculator-result .row{margin-bottom:15px}.page--troops-training-calculator .calculator-result .row .heading{font-size:12px;font-weight:600;margin:0 0 5px}.page--troops-training-calculator .calculator-result .row p{font-size:14px;font-weight:300}.page--troops-training-calculator .total-calculation .heading{font-size:14px;font-weight:600;margin:0 0 5px}.page--troops-training-calculator .total-calculation p{font-size:16px;font-weight:300}.calculator-result .row{margin-bottom:15px}.calculator-result .row .heading{font-size:12px;font-weight:600;margin:0 0 5px}.calculator-result .row p{font-size:14px;font-weight:300}.total-calculation .heading{font-size:14px;font-weight:600;margin:0 0 5px}.total-calculation p{font-size:16px;font-weight:300}.total-calculation .troops-panel{clear:both}.total-calculation .troops-panel .heading{font-size:20px;font-family:Oswald,sans-serif;display:inline-block;margin-bottom:0;padding:5px 10px}.total-calculation .troops-panel .heading.tier1{background-color:#fff;color:#000}.total-calculation .troops-panel .heading.tier2{background-color:#057126}.total-calculation .troops-panel .heading.tier3{background-color:#2F4889}.total-calculation .troops-panel .heading.tier4{background-color:#16223d}.total-calculation .troops-panel .speedup-plan--optimized{float:left;background-size:90px auto;background-position:10px center;background-repeat:no-repeat;background-color:#1e293b;margin-bottom:25px;padding:10px 10px 10px 110px;width:280px}.total-calculation .troops-panel .speedup-plan--optimized span.train-per-patch{font-size:25px;font-family:Oswald,sans-serif;font-style:italic;font-weight:400;display:block;text-align:center}.total-calculation .troops-panel .speedup-plan--optimized span.train-per-patch small{font-size:70%}.total-calculation .troops-panel .speedup-plan--optimized span.speed-required{background-color:#000;font-size:16px;padding:3px;display:block;border-bottom:1px solid #fff;border-radius:20px;width:90%;margin:2px auto}.total-calculation .troops-panel .speedup-plan--optimized span.gems-required{background-color:#377485;border-bottom:2px outset #377485;border-radius:20px;display:block;font-size:16px;padding:3px;margin:5px auto 0;width:90%}.troops-type{margin-bottom:15px}.troops-type .heading--main{font-size:35px}.troops-type .heading--main small{font-size:90%;display:inline-block;margin-left:5px;color:#fff;margin-top:5px;font-weight:600}div.panel--calculation{background-color:rgba(0,0,0,.3);padding:15px;position:relative}div.panel--calculation h2.heading{font-size:32px;font-weight:300;margin:0 0 30px}div.panel--calculation h2.heading small{font-size:80%;font-weight:600;color:#ff0;display:block;margin-top:5px;text-transform:uppercase}table.borderless td,table.borderless th{border-top:1px solid #f4e398!important;vertical-align:middle!important}h3.heading--main{font-size:26px;font-style:italic;font-weight:300;color:#fff;text-decoration:underline;text-shadow:0 0 5px #000;margin:0 0 14px}.panel--sort{text-align:left;padding-bottom:15px}.panel--sort strong{font-size:12px}.panel--sort label{font-size:14px;margin-right:10px}.speedup--item{background-size:50px 50px;background-repeat:no-repeat;background-position:5px center;background-color:#504037;border:2px solid #625132;border-radius:3px;padding:5px 5px 5px 65px;margin:15px 0}.speedup--item.small{background-size:30px 30px;padding-left:40px;margin:0}.speedup--item p{color:#f4e398;font-weight:400;margin-bottom:0}.speedup--item p small{display:block;color:#4995C1;font-size:90%;font-weight:600}
    .training-time,.training-time p,.total-calculation,.page--troops-training-calculator .total-calculation p{
        color: #000;
    }
    .page--troops-training-calculator .rss-icon {
        color: #fff;
    }
    .troops-type .heading--main,.troops-type .heading--main small{
        color: #000;
        text-shadow: none;
    }
    .total-calculation .troops-panel .speedup-plan--optimized span.train-per-patch,.total-calculation .troops-panel .speedup-plan--optimized span.speed-required{
        color: #fff;
    }
    .page--troops-training-calculator .total-calculation .resources p{
        color: #fff;
    }




/* ================= Anadidos de RNX =================
   Tarjetas CLARAS, como el resto de rnx-autofarm.com. Antes eran bloques azul
   marino: encima del informe gris y del fondo claro de la pagina quedaban fuera
   de sitio, y el texto heredado los volvia ilegibles. */

.rnx-extras-panel, .rnx-bot-panel, .rnx-coste-panel {
    background:#fff; border:1px solid #e7edf5; border-radius:14px; color:#172033;
    box-shadow:0 6px 18px rgba(15,23,42,.06); }

/* --- Subsidio y barracones (sobre el fondo claro de la pagina) --- */
.rnx-extras-panel { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:14px;
    margin:0 auto 22px; max-width:760px; padding:15px 17px; }
.rnx-extras-campo label { display:block; font-size:12px; font-weight:800; color:#475569; margin-bottom:5px; }
/* main.css del tema trae `select { display:none }` porque el original los
   sustituia por un widget propio. Hay que reponer el display a mano. */
.rnx-extras-campo select, .rnx-extras-campo input,
.rnx-coste-campo select {
    display:block; width:100%; border-radius:10px; padding:9px 11px; font-size:14px; font-weight:700;
    background:#f8fafc; border:1px solid #cbd5e1; color:#0f172a; }
.rnx-extras-campo select:focus, .rnx-extras-campo input:focus, .rnx-coste-campo select:focus {
    border-color:#0d6efd; outline:none; }
.rnx-extras-campo select option, .rnx-coste-campo select option { background:#fff; color:#0f172a; }
.rnx-extras-campo small { display:block; margin-top:6px; font-size:11px; line-height:1.45; color:#64748b; }
.rnx-extras-campo small b { color:#0d6efd; font-size:14px; }

/* --- Paneles dentro del informe (fondo gris del original) --- */
.rnx-bot-panel, .rnx-coste-panel { margin-top:14px; padding:15px 17px; }
.rnx-bot-titulo, .rnx-coste-titulo { margin:0 0 11px; font-size:15px; font-weight:900; color:#0f172a; }
.rnx-bot-titulo i, .rnx-coste-titulo i { color:#0d6efd; margin-right:6px; }

.rnx-bot-campo, .rnx-coste-campo { display:block; margin:0 0 10px; font-size:12px; font-weight:800; color:#475569; }
.rnx-bot-campo span, .rnx-coste-campo span { display:block; margin-bottom:5px; }
.rnx-bot-campo input { display:block; width:100%; border-radius:10px; padding:9px 11px; font-size:14px;
    font-weight:800; background:#f8fafc; border:1px solid #cbd5e1; color:#0f172a; }
.rnx-bot-campo input:focus { border-color:#0d6efd; outline:none; }

.rnx-bot-ritmos { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:11px; }
.rnx-bot-ritmos button { flex:1 1 auto; border-radius:999px; padding:7px 13px; font-size:12px; font-weight:800;
    background:#f1f5f9; border:1px solid #cbd5e1; color:#475569; cursor:pointer; }
.rnx-bot-ritmos button:hover { background:#0d6efd; border-color:#0d6efd; color:#fff; }
.rnx-bot-ritmos button b { color:inherit; margin-left:4px; }

.rnx-bot-resultado, .rnx-coste-resultado { display:grid; gap:8px; }
.rnx-bot-dato, .rnx-coste-dato { display:flex; align-items:baseline; justify-content:space-between; gap:10px;
    padding:10px 12px; border-radius:10px; background:#f1f5f9; }
.rnx-bot-dato span, .rnx-coste-dato span { font-size:12px; font-weight:700; color:#475569; }
.rnx-bot-dato b, .rnx-coste-dato b { font-size:17px; font-weight:950; color:#0f172a; white-space:nowrap; }
.rnx-bot-dato-alta, .rnx-coste-dato-alta { background:#e7f0ff; border:1px solid #b6d1ff; }
.rnx-bot-dato-alta b, .rnx-coste-dato-alta b { color:#0d6efd; font-size:20px; }

.rnx-bot-vacio, .rnx-coste-vacio { margin:0; font-size:12px; color:#64748b; }
.rnx-bot-nota, .rnx-coste-nota { margin:11px 0 0; font-size:11px; line-height:1.5; color:#64748b; }
.rnx-coste-nota a { color:#0d6efd; font-weight:800; }
.rnx-bot-fecha { display:inline-block; margin-top:5px; color:#94a3b8; font-style:italic; }

/* --- Contraste de los encabezados de tier ---
   El original solo fija color en tier1 (negro sobre blanco); tier2, 3 y 4 heredaban
   negro sobre fondos oscuros y no se leian. Tier 4 era el peor. */
.total-calculation .troops-panel .heading.tier2,
.total-calculation .troops-panel .heading.tier3,
.total-calculation .troops-panel .heading.tier4 { color:#fff; }