.bruxo-conversor,.bruxo-conversor *{box-sizing:border-box}
.bruxo-conversor{--blue:#0d4f8b;--deep:#062b55;--cyan:#38c5f5;--gold:#d89a27;--line:#b8d2e5;--cat:var(--blue);--cat-deep:var(--deep);--cat-glow:rgba(56,197,245,.5);width:100%;max-width:980px;margin-top:20px;margin-right:auto;margin-bottom:40px;margin-left:auto;padding:23px;border:1px solid #b4d5e9;border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(56,197,245,.14),transparent 29%),linear-gradient(135deg,#fff,#edf6fb);box-shadow:0 10px 30px rgba(5,40,76,.09);color:#163c65;font-family:Georgia,"Times New Roman",serif}
/* Identidade elemental: cada grandeza tem sua própria cor/aura mágica.
   O JS define data-cat na raiz e essas variáveis pintam ícone, abas e resultado. */
.bruxo-conversor[data-cat="power"]{--cat:#7c3aed;--cat-deep:#3b0764;--cat-glow:rgba(167,139,250,.55)}
.bruxo-conversor[data-cat="capacity"]{--cat:#0891b2;--cat-deep:#134e4a;--cat-glow:rgba(103,232,249,.55)}
.bruxo-conversor[data-cat="temperature"]{--cat:#ea580c;--cat-deep:#7c2d12;--cat-glow:rgba(251,146,60,.55)}
.bruxo-conversor[data-cat="energy"]{--cat:#d89a27;--cat-deep:#78350f;--cat-glow:rgba(251,191,36,.55)}
.bruxo-conversor[data-cat="flow"]{--cat:#0d9488;--cat-deep:#134e4a;--cat-glow:rgba(94,234,212,.55)}
.bruxo-conversor[data-cat="length"]{--cat:#475569;--cat-deep:#1e293b;--cat-glow:rgba(148,163,184,.55)}
.bruxo-conversor[data-cat="volume"]{--cat:#4f46e5;--cat-deep:#1e1b4b;--cat-glow:rgba(165,180,252,.55)}
.bruxo-conversor[data-cat="mass"]{--cat:#92400e;--cat-deep:#451a03;--cat-glow:rgba(217,119,6,.5)}
.bruxo-conversor[data-cat="velocity"]{--cat:#c026d3;--cat-deep:#4a044e;--cat-glow:rgba(240,171,252,.55)}
/* Muitos temas/page builders zeram a margem do último elemento do conteúdo
   (ex: .entry-content > *:last-child{margin-bottom:0}), o que colava o card
   no rodapé do site quando o shortcode é o último bloco da página.
   O !important garante que o espaçamento do widget nunca seja anulado por isso. */
.bruxo-conversor{margin-bottom:40px!important}
.bruxo-conversor__header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:17px;border-bottom:1px solid var(--line)}
.bruxo-conversor__header>div{min-width:0}
.bruxo-conversor h2,.bruxo-conversor__header p{overflow-wrap:anywhere}
.bruxo-conversor__eyebrow{display:inline-block;padding:5px 11px;border-radius:999px;background:linear-gradient(90deg,var(--deep),var(--blue));color:#fff;font:800 .65rem Arial,sans-serif;letter-spacing:.16em}
.bruxo-conversor h2{margin:9px 0 3px;color:var(--deep);font-size:clamp(1.65rem,3.2vw,2.6rem);line-height:1.02}.bruxo-conversor h2 span{color:var(--gold)}
.bruxo-conversor__header p{margin:6px 0 0;color:#54718d;font-size:.88rem}
.bruxo-conversor__symbol{width:56px;height:56px;display:grid;place-items:center;border-radius:15px;color:#fff;font-size:1.75rem;background:linear-gradient(135deg,var(--cat-deep),var(--cat));flex:0 0 auto;transition:background .5s ease;animation:bc-breathe 3.4s ease-in-out infinite}
@keyframes bc-breathe{0%,100%{transform:scale(1);box-shadow:0 0 0 0 var(--cat-glow)}50%{transform:scale(1.06);box-shadow:0 0 16px 4px var(--cat-glow)}}
.bruxo-conversor__section-title{margin:17px 0 8px}.bruxo-conversor__section-title span{display:block;color:var(--deep);font:800 .67rem Arial,sans-serif;letter-spacing:.14em}.bruxo-conversor__section-title small{display:block;margin-top:3px;color:#68819a;font-size:.77rem}
.bc-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.bc-quick-grid button{min-height:39px;padding:5px 7px;border:1px solid #bdd5e5;border-radius:8px;background:#fff;color:var(--deep);font-family:Georgia,serif;font-size:.81rem;cursor:pointer}.bc-quick-grid b{color:var(--gold)}
.bc-main-title{margin-top:19px}.bruxo-conversor__tabs{display:flex;flex-wrap:wrap;gap:6px}.bruxo-conversor__tabs button{border:1px solid var(--line);background:#fff;color:var(--deep);padding:7px 9px;border-radius:7px;cursor:pointer;font-size:.77rem;font-weight:700}.bruxo-conversor__tabs button i{font-style:normal;color:var(--gold);margin-right:3px}.bruxo-conversor__tabs button:hover,.bruxo-conversor__tabs button.is-active{background:linear-gradient(135deg,var(--cat-deep),var(--cat));border-color:var(--cat);color:#fff}
.bruxo-conversor__tabs button{transition:background .35s ease,border-color .35s ease}
.bruxo-conversor__workspace{margin-top:12px;margin-bottom:20px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:rgba(255,255,255,.65)}.bruxo-conversor__panel{display:grid;grid-template-columns:1fr 1.2fr 44px 1.2fr;gap:10px;align-items:end;padding:15px}.bruxo-conversor label span{display:block;margin-bottom:5px;color:#5d7893;font:800 .63rem Arial,sans-serif;letter-spacing:.09em}.bruxo-conversor input,.bruxo-conversor select{width:100%;height:42px;padding:0 10px;border:1px solid #a9c6dc;border-radius:7px;background:#fff;color:#163c65;font-size:.87rem}.bc-swap{height:42px;width:44px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--gold),#f0bd4d);color:#fff;font-size:1.12rem;cursor:pointer}
.bruxo-conversor .bc-swap{box-sizing:border-box!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:42px!important;padding:0!important;margin:0!important;display:grid;place-items:center;flex:none}
.bruxo-conversor__result{margin:0 15px 15px;padding:17px 13px;text-align:center;border-radius:11px;background:linear-gradient(135deg,var(--cat-deep),var(--cat));color:#fff;transition:background .5s ease}
.bruxo-conversor__result.is-casting{animation:bc-cast .7s ease-out}
@keyframes bc-cast{0%{box-shadow:0 0 0 0 var(--cat-glow)}70%{box-shadow:0 0 0 26px rgba(0,0,0,0)}100%{box-shadow:0 0 0 0 rgba(0,0,0,0)}}
.bc-swap.is-spinning{animation:bc-spin .5s ease}
@keyframes bc-spin{to{transform:rotate(1turn)}}
@media(prefers-reduced-motion:reduce){.bruxo-conversor__symbol,.bruxo-conversor__result.is-casting,.bc-swap.is-spinning{animation:none}}.bruxo-conversor__result-label{display:block;font:800 .61rem Arial,sans-serif;letter-spacing:.14em;color:#87dfff}.bc-result{display:block;margin:6px 0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.08}.bc-formula{opacity:.8;font-size:.78rem}.bruxo-conversor__footer{display:flex;justify-content:space-between;gap:12px;padding-top:11px;color:#69819a;font-size:.71rem}.bc-status{font-family:Arial,sans-serif;font-weight:700}.bc-status b{color:#29a86a}
@media(max-width:760px){.bruxo-conversor{max-width:100%;margin:10px 0;padding:16px;border-radius:14px}.bruxo-conversor__header{gap:10px}.bruxo-conversor__symbol{width:47px;height:47px;font-size:1.45rem}.bruxo-conversor h2{font-size:clamp(1.45rem,7vw,2rem)}.bruxo-conversor__header p{font-size:.76rem}.bc-quick-grid{grid-template-columns:repeat(2,1fr)}.bruxo-conversor__panel{grid-template-columns:1fr;padding:12px;gap:9px}.bc-swap{width:100%;margin:2px 0}.bruxo-conversor .bc-swap{width:100%!important;max-width:100%!important;margin:2px 0!important}.bruxo-conversor__result{margin:4px 12px 16px;clear:both;position:relative;z-index:1}}
@media(max-width:480px){.bruxo-conversor{padding:13px}.bruxo-conversor__symbol{width:40px;height:40px;font-size:1.25rem}.bruxo-conversor__tabs{gap:5px}.bruxo-conversor__tabs button{padding:6px 7px;font-size:.69rem}.bruxo-conversor__panel{grid-template-columns:1fr;padding:11px}.bc-swap{height:39px}.bruxo-conversor .bc-swap{height:39px!important}.bruxo-conversor__footer{display:block;padding-top:15px}.bruxo-conversor__footer span+span{display:block;margin-top:5px}}

/* Espaçamento final para evitar que o resultado/seta encostem no rodapé */
.bruxo-conversor__footer{margin-top:4px}
@media(max-width:760px){
  .bruxo-conversor__workspace{margin-bottom:24px}
  .bruxo-conversor__panel{display:grid;grid-template-columns:1fr}
  .bc-swap{justify-self:stretch}
}
@media(max-width:480px){
  .bruxo-conversor__workspace{margin-bottom:26px}
  .bruxo-conversor__result{margin-top:5px;margin-bottom:18px}
}