/* Daatha · ferramentas (calculadoras) */
.calc-w{margin-top:-30px;position:relative;z-index:2}
.calc{background:#fff;border-radius:24px;padding:22px;box-shadow:0 18px 40px -22px rgba(15,30,51,.45)}
.tabs{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:var(--soft);margin-bottom:18px}
.tabs button{border:0;background:transparent;padding:10px 18px;border-radius:11px;font:600 16px Fredoka,sans-serif;color:var(--navy);cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--navy);color:#fff}
.campos{display:grid;grid-template-columns:1.3fr .7fr 1.3fr;gap:14px}
.campos label{display:flex;flex-direction:column;gap:6px;font:700 13px Nunito,sans-serif;color:var(--navy);text-transform:uppercase;letter-spacing:.6px}
.campos select,.campos input{width:100%;min-height:50px;padding:0 12px;border-radius:12px;border:2px solid var(--line);background:#fff;font:600 17px Nunito,sans-serif;color:var(--ink);text-transform:none;letter-spacing:0}
.campos select:focus,.campos input:focus{outline:none;border-color:var(--blue)}
.lon{display:flex;gap:6px}.lon input{width:44%}.lon select{width:56%}
.out{margin-top:20px}
.big{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff}
.big small{width:100%;font:700 13px Nunito,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:var(--yellow)}
.big strong{font:700 54px/1 Fredoka,sans-serif;letter-spacing:1px}
.big span{font:600 18px Nunito,sans-serif;color:#d7e3f1}
.passos{list-style:none;counter-reset:p;padding:0;margin:16px 0 10px;display:grid;gap:10px}
.passos li{counter-increment:p;position:relative;padding:12px 14px 12px 54px;border-radius:14px;background:var(--bg);font:400 16px/1.5 Nunito,sans-serif;color:var(--txt)}
.passos li:before{content:counter(p);position:absolute;left:14px;top:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font:600 15px Fredoka,sans-serif}
.passos strong{display:block;font:600 16px Fredoka,sans-serif;color:var(--ink)}
.passos b{color:var(--navy)}
#o-pt small{display:block;margin-top:6px;color:#64748b}

.regua{padding-top:44px}
.regua h2,.treino h2{font:700 28px Fredoka,sans-serif;color:var(--ink);margin:0 0 14px}
.rg{display:grid;grid-template-columns:1.2fr repeat(7,1fr) 1.2fr;gap:6px}
.rg div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 4px;border-radius:12px;background:#fff;border:2px solid #cfe0f3;font:600 13px Nunito,sans-serif;color:var(--navy);text-align:center}
.rg b{font:700 18px Fredoka,sans-serif}
.rg .g{background:var(--yellow);border-color:#f1c84b}
.rg .o{background:var(--red);border-color:var(--red);color:#fff;font:600 15px Fredoka,sans-serif}
.rg .l{background:var(--green);border-color:var(--green);color:#fff;font:600 15px Fredoka,sans-serif}
.rg small{font:400 12px Nunito,sans-serif}
.regua p{font:400 17px/1.6 Nunito,sans-serif;color:var(--txt);margin:14px 0 0}

.treino{padding-top:44px;padding-bottom:24px}
.treino .sub{font:400 16px Nunito,sans-serif;color:var(--txt);margin:-6px 0 14px}
.tr{background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:10px;overflow:hidden}
.tr summary{display:flex;gap:12px;align-items:center;padding:14px 16px;cursor:pointer;font:600 17px/1.35 Fredoka,sans-serif;color:var(--ink);list-style:none}
.tr summary::-webkit-details-marker{display:none}
.tr summary b{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;font-size:15px}
.tr summary:after{content:"Ver resposta";margin-left:auto;flex:none;padding:5px 10px;border-radius:999px;background:var(--soft);font:700 12px Nunito,sans-serif;color:var(--navy)}
.tr[open] summary:after{content:"Fechar"}
.tr p{margin:0;padding:0 16px 16px 58px;font:400 16px/1.55 Nunito,sans-serif;color:var(--txt)}
.qw>.gps{margin-top:30px}

@media(max-width:760px){
  .campos{grid-template-columns:1fr}
  .big strong{font-size:44px}
  .rg{grid-template-columns:repeat(4,1fr)}
  .rg .o,.rg .l{grid-column:span 2}
  .rg .l{order:9}
  .tr p{padding-left:16px}
  .tr summary:after{display:none}
}
.campos.c2{grid-template-columns:1fr 1fr}
.rg.esc{grid-template-columns:repeat(7,1fr)}
.rg.esc div{font:700 20px Fredoka,sans-serif;padding:16px 4px}
.tabs{flex-wrap:wrap}
@media(max-width:760px){.campos.c2{grid-template-columns:1fr}.rg.esc{grid-template-columns:repeat(7,1fr)}.rg.esc div{font-size:15px;padding:12px 2px}.tabs button{padding:9px 12px;font-size:15px}}