.gi-resp{margin-top:28px;background:#161513;border:1px solid #2A2723;border-radius:18px;padding:22px 24px;max-width:860px}
.gi-resp-tit{font:600 11.5px Inter,sans-serif!important;letter-spacing:.18em;text-transform:uppercase;color:#FF6A00!important;margin:0 0 12px!important}
.tpg-hero .gi-resp-pie{font-size:13.5px!important;color:#8A857E!important;margin:14px 0 0!important}
.gi-calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:24px;align-items:start}
.gi-in{display:grid;gap:12px;background:#fff;border:1px solid #ECE8E1;border-radius:18px;padding:20px}
.gi-in label{display:grid;gap:5px;font:600 14px Inter,sans-serif;color:#111}
.gi-in small{font:400 12.5px Inter,sans-serif;color:#8A847B}
.gi-in input,.gi-in select,.gi-in textarea{font:500 16px Inter,sans-serif;padding:10px 12px;border:1px solid #DDD9D2;border-radius:10px;background:#FCFBF8;color:#111;width:100%;box-sizing:border-box;font-variant-numeric:tabular-nums}
.gi-in input:focus,.gi-in select:focus,.gi-in textarea:focus{outline:2px solid #FF6A00;outline-offset:1px;border-color:#FF6A00}
.gi-link{border:0;background:none;padding:0;font:600 12.5px Inter,sans-serif;color:#C2410C;text-decoration:underline;cursor:pointer}
.gi-salidas{display:grid;gap:8px}.gi-salidas[hidden]{display:none}
.gi-btn2{justify-self:start;border:0;background:#111;color:#fff;font:600 13px Inter,sans-serif;padding:9px 14px;border-radius:99px;cursor:pointer}
.gi-out{background:#fff;border:1px solid #ECE8E1;border-radius:18px;padding:20px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.gi-res{background:#FAF8F5;border:1px solid #EEEAE3;border-radius:12px;padding:10px 12px;min-width:0}
.gi-res span{display:block;font:600 11.5px/1.25 Inter,sans-serif;color:#5D5954}
.gi-res b{display:block;font:800 24px/1.1 Inter,sans-serif;letter-spacing:-.02em;margin-top:6px;font-variant-numeric:tabular-nums;color:#111}
.gi-res--o{border-color:#FFD3B3;background:#FFF5EE}.gi-res--o b{color:#C2410C}
.gi-res--n{background:#111;border-color:#111}.gi-res--n span{color:#CFCAC3}.gi-res--n b{color:#fff}
.gi-dec{grid-column:1/-1;margin:4px 0 0!important;font:600 15px Inter,sans-serif;padding:10px 14px;border-radius:10px;background:#F2EFEA}
.gi-dec.w{background:#FFEBDD;color:#C2410C}.gi-dec.ok{background:#E7F2EC;color:#1F7A4D}
.gi-graf{grid-column:1/-1;width:100%;height:auto;display:block}
.gi-graf .gg-zona{fill:#FFF1E6}.gi-graf line{stroke-width:1.4}
.gi-graf .gg-max{stroke:#1F7A4D;fill:#1F7A4D}.gi-graf .gg-rop{stroke:#FF6A00;fill:#C2410C;stroke-dasharray:6 5}.gi-graf .gg-min{stroke:#B42318;fill:#B42318}
.gi-graf text{font:600 11px Inter,sans-serif;stroke:none}.gi-graf .gg-eje{fill:#8A847B;font-weight:500}
.gi-graf .gg-pide{fill:#FF6A00;stroke:#fff;stroke-width:2}.gi-graf .gg-rej{stroke:#EEEAE3;stroke-width:1}.gi-graf .gg-ex{fill:none;stroke:#111;stroke-width:2.2;stroke-linejoin:round}.gi-graf .gg-base{stroke:#DDD9D2}
.gi-pie{grid-column:1/-1;margin:0!important;font-size:12.5px!important;color:#8A847B!important}
@media (max-width:900px){.gi-calc{grid-template-columns:1fr}.gi-out{grid-template-columns:repeat(2,minmax(0,1fr))}.gi-res--n{grid-column:1/-1}}
@media (max-width:600px){.gi-form div{grid-template-columns:1fr;gap:2px}.gi-resp{padding:18px}}
/* el tema pinta todos los <button>: aquí se recuperan los de la calculadora */
.gi-calc .gi-link,.gi-calc .gi-link:hover,.gi-calc .gi-link:focus{border:0;background:none;box-shadow:none;padding:0;border-radius:0;font:600 12.5px Inter,sans-serif;color:#C2410C;text-decoration:underline;cursor:pointer}
.gi-calc .gi-btn2,.gi-calc .gi-btn2:focus{justify-self:start;border:0;background:#111;color:#fff;font:600 13px Inter,sans-serif;padding:9px 14px;border-radius:99px;cursor:pointer}
.gi-calc .gi-btn2:hover{background:#FF6A00;color:#fff}