/* ADPE · Calculadora de Hándicap Asiático v1.0.1
   Scope completo: .adpe-ahc
*/
.adpe-ahc{
  --ahc-navy:#08284d;
  --ahc-blue:#0b4f8a;
  --ahc-gold:#dda92f;
  --ahc-gold-soft:#fff6df;
  --ahc-ink:#061b36;
  --ahc-text:#38526f;
  --ahc-muted:#6d8299;
  --ahc-border:#d5e0ed;
  --ahc-bg:#f5f8fc;
  --ahc-white:#fff;
  --ahc-good:#147a4b;
  --ahc-bad:#b93b36;
  --ahc-neutral:#5f6f83;
  width:100%;
  margin:38px 0 42px;
  color:var(--ahc-ink);
  font-family:inherit;
}
.adpe-ahc *{box-sizing:border-box}
.adpe-ahc__intro{max-width:900px;margin:0 0 22px}
.adpe-ahc__eyebrow,.adpe-ahc__kicker{
  margin:0 0 9px;
  color:#a86f00;
  font-size:12px;
  line-height:1.2;
  letter-spacing:.11em;
  font-weight:800;
}
.adpe-ahc__intro h2{
  margin:0 0 12px;
  color:var(--ahc-ink);
  font-size:clamp(28px,3.5vw,40px);
  line-height:1.08;
  letter-spacing:-.03em;
}
.adpe-ahc__lead{
  margin:0;
  color:var(--ahc-text);
  font-size:17px;
  line-height:1.65;
}
.adpe-ahc__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:22px;
  align-items:start;
}
.adpe-ahc__card{
  padding:26px;
  background:var(--ahc-white);
  border:1px solid var(--ahc-border);
  border-radius:15px;
  box-shadow:0 14px 32px rgba(8,40,77,.06);
}
.adpe-ahc__card-head,.adpe-ahc__result-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:22px;
}
.adpe-ahc__card h3{
  margin:0;
  color:var(--ahc-ink);
  font-size:26px;
  line-height:1.12;
  letter-spacing:-.025em;
}
.adpe-ahc__card h4{
  margin:0 0 12px;
  color:var(--ahc-ink);
  font-size:17px;
}
.adpe-ahc__example{
  appearance:none;
  border:0;
  padding:7px 0;
  background:transparent;
  color:var(--ahc-blue);
  font:inherit;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
.adpe-ahc__form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.adpe-ahc__field{
  display:flex;
  flex-direction:column;
  gap:7px;
  color:var(--ahc-ink);
  font-size:13px;
  font-weight:800;
}
.adpe-ahc__field input,.adpe-ahc__field select{
  width:100%;
  min-height:48px;
  margin:0;
  padding:0 13px;
  border:1px solid #c9d7e7;
  border-radius:9px;
  background:#fff;
  color:var(--ahc-ink);
  font:inherit;
  font-size:16px;
  font-weight:500;
  line-height:1;
  outline:none;
  box-shadow:none;
}
.adpe-ahc__field input:focus,.adpe-ahc__field select:focus{
  border-color:#7ea8d3;
  box-shadow:0 0 0 3px rgba(25,93,157,.1);
}
.adpe-ahc__field small{
  min-height:17px;
  color:var(--ahc-muted);
  font-size:12px;
  line-height:1.4;
  font-weight:500;
}
.adpe-ahc__actions{
  display:flex;
  gap:10px;
  margin-top:21px;
  padding-bottom:18px;
  border-bottom:1px solid var(--ahc-border);
}
.adpe-ahc__primary,.adpe-ahc__secondary{
  min-height:46px;
  border-radius:8px;
  padding:0 18px;
  font:inherit;
  font-size:15px;
  font-weight:850;
  cursor:pointer;
}
.adpe-ahc__primary{
  border:1px solid var(--ahc-gold);
  background:var(--ahc-gold);
  color:#041a33;
}
.adpe-ahc__secondary{
  border:1px solid #c9d7e7;
  background:#fff;
  color:var(--ahc-ink);
}
.adpe-ahc__details{
  margin-top:16px;
  color:var(--ahc-text);
  font-size:14px;
  line-height:1.6;
}
.adpe-ahc__details summary{
  cursor:pointer;
  color:var(--ahc-ink);
  font-weight:800;
}
.adpe-ahc__details p{margin:11px 0 0}
.adpe-ahc__scenario{
  margin:8px 0 0;
  color:var(--ahc-muted);
  font-size:14px;
}
.adpe-ahc__badge{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  border-radius:999px;
  padding:0 12px;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.adpe-ahc__badge--win{background:#e7f6ee;color:#0f7043}
.adpe-ahc__badge--half-win{background:#eaf4ff;color:#0a5c9f}
.adpe-ahc__badge--push{background:#eef1f5;color:#526171}
.adpe-ahc__badge--half-loss{background:#fff1e3;color:#9b5617}
.adpe-ahc__badge--loss{background:#fdeceb;color:#a9342f}
.adpe-ahc__metrics{
  display:grid;
  grid-template-columns:1fr 1fr;
  margin-bottom:18px;
  border:1px solid var(--ahc-border);
  border-radius:10px;
  overflow:hidden;
}
.adpe-ahc__metric{
  min-height:96px;
  padding:18px 16px;
  border-right:1px solid var(--ahc-border);
  border-bottom:1px solid var(--ahc-border);
}
.adpe-ahc__metric:nth-child(2n){border-right:0}
.adpe-ahc__metric:nth-last-child(-n+2){border-bottom:0}
.adpe-ahc__metric span{
  display:block;
  margin-bottom:7px;
  color:#647991;
  font-size:12px;
  font-weight:750;
}
.adpe-ahc__metric strong{
  display:block;
  color:var(--ahc-ink);
  font-size:25px;
  line-height:1.12;
}
.adpe-ahc__metric strong.is-positive{color:var(--ahc-good)}
.adpe-ahc__metric strong.is-negative{color:var(--ahc-bad)}
.adpe-ahc__metric strong.is-neutral{color:var(--ahc-neutral)}
.adpe-ahc__explain{
  padding:14px 15px;
  border-left:4px solid var(--ahc-gold);
  background:var(--ahc-gold-soft);
  color:#6a4b12;
  font-size:14px;
  line-height:1.6;
}
.adpe-ahc__explain.adpe-ahc__error{
  border-left-color:#d94a45;
  background:#fff0ef;
  color:#8e302d;
}
.adpe-ahc__breakdown-wrap{margin-top:20px}
.adpe-ahc__breakdown{display:grid;gap:9px}
.adpe-ahc__leg{
  display:grid;
  grid-template-columns:84px 1fr auto;
  gap:11px;
  align-items:center;
  padding:12px 13px;
  border:1px solid var(--ahc-border);
  border-radius:9px;
  background:#fbfdff;
}
.adpe-ahc__leg-line{color:var(--ahc-navy);font-weight:900}
.adpe-ahc__leg-copy{color:var(--ahc-text);font-size:13px;line-height:1.45}
.adpe-ahc__leg-result{font-size:12px;font-weight:900}
.adpe-ahc__leg-result.is-win{color:var(--ahc-good)}
.adpe-ahc__leg-result.is-push{color:var(--ahc-neutral)}
.adpe-ahc__leg-result.is-loss{color:var(--ahc-bad)}
.adpe-ahc__help{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  margin-top:18px;
  padding:16px 18px;
  border:1px solid var(--ahc-border);
  border-radius:12px;
  background:#fff;
}
.adpe-ahc__help div{display:grid;gap:3px}
.adpe-ahc__help strong{font-size:14px}
.adpe-ahc__help span{color:var(--ahc-text);font-size:13px;line-height:1.45}
.adpe-ahc__help a{
  color:var(--ahc-blue);
  font-size:13px;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
}
.adpe-ahc__note{
  margin:14px 2px 0;
  color:var(--ahc-muted);
  font-size:12px;
  line-height:1.55;
}
@media (max-width:900px){
  .adpe-ahc__grid{grid-template-columns:1fr}
}
@media (max-width:620px){
  .adpe-ahc{margin:28px 0 34px}
  .adpe-ahc__card{padding:19px}
  .adpe-ahc__form-grid{grid-template-columns:1fr}
  .adpe-ahc__card-head,.adpe-ahc__result-head,.adpe-ahc__help{flex-direction:column}
  .adpe-ahc__help{align-items:flex-start}
  .adpe-ahc__metrics{grid-template-columns:1fr}
  .adpe-ahc__metric{
    border-right:0;
    border-bottom:1px solid var(--ahc-border)!important;
  }
  .adpe-ahc__metric:last-child{border-bottom:0!important}
  .adpe-ahc__actions{flex-direction:column}
  .adpe-ahc__primary,.adpe-ahc__secondary{width:100%}
  .adpe-ahc__leg{grid-template-columns:72px 1fr}
  .adpe-ahc__leg-result{grid-column:2}
}
