.kit-conv-page { background:var(--bg); min-height:0; color:var(--text-1); }
.kit-conv-page * { box-sizing:border-box; }
.kit-conv-wrap { max-width:1180px; margin:0 auto; padding:0 16px; }
.kit-conv-hero { background:linear-gradient(180deg,#1F0046 0%, #2A0B61 100%); color:#fff; padding:36px 16px 64px; }
.kit-conv-hero h1 { font-size:clamp(1.55rem, 6vw, 2.6rem); font-weight:800; line-height:1.15; margin:6px 0 12px; letter-spacing:-.02em; overflow-wrap:break-word; }
.kit-conv-hero h1 .accent { background:linear-gradient(90deg,#27E19D,#6BFFB0); -webkit-background-clip:text; background-clip:text; color:transparent; }
.kit-conv-hero p { font-size:.98rem; color:rgba(255,255,255,.82); max-width:680px; line-height:1.55; margin:0; }
.kit-conv-hero .eyebrow { display:inline-block; background:rgba(123,47,190,.25); color:#E6D5FF; padding:5px 12px; border-radius:999px; font-size:.74rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; }

/* Widget de conversión */
.kit-conv-widget { background:var(--bg-card); border:1px solid var(--border); border-radius:18px; padding:20px; max-width:560px; margin:-46px auto 28px; box-shadow:0 16px 40px -16px rgba(31,0,70,.28); position:relative; z-index:3; }
.kit-conv-widget h2 { font-size:1rem; font-weight:700; margin:0 0 12px; color:var(--text-1); }
.kit-conv-row { display:grid; grid-template-columns:1fr auto auto auto; gap:8px; margin-bottom:12px; align-items:stretch; }
.kit-conv-input { padding:12px 12px; border:1.5px solid var(--border); border-radius:11px; font-size:1.05rem; font-weight:600; color:var(--text-1); outline:none; transition:border-color .15s; min-width:0; background:var(--bg-card); width:100%; }
.kit-conv-input:focus { border-color:#7B2FBE; }
.kit-conv-input::placeholder { color:var(--text-3); font-weight:400; }
.kit-conv-select { padding:11px 10px; border:1.5px solid var(--border); border-radius:11px; font-size:.9rem; font-weight:600; color:var(--text-1); outline:none; background:var(--bg-card); min-width:0; max-width:100%; }
.kit-conv-swap { background:var(--bg-card-2); border:1px dashed #C9B6E8; color:var(--accent-text, #7B2FBE); border-radius:11px; width:38px; min-width:38px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background .15s, transform .15s; flex-shrink:0; padding:0; }
.kit-conv-swap:hover { background:#EBE0FA; transform:none; }
.kit-conv-result { background:var(--bg-card-2); border-radius:11px; padding:12px 14px; display:flex; justify-content:space-between; align-items:baseline; margin-top:12px; gap:10px; flex-wrap:wrap; }
.kit-conv-result-label { font-size:.78rem; color:var(--text-3); font-weight:600; }
.kit-conv-result-value { font-size:1.4rem; font-weight:800; color:var(--text-1); letter-spacing:-.01em; overflow-wrap:break-word; word-break:break-word; }
.kit-conv-result-unit { font-size:.82rem; color:var(--text-3); font-weight:600; margin-left:5px; }
.kit-conv-meta { font-size:.76rem; color:var(--text-3); margin-top:10px; text-align:center; }
.kit-conv-meta strong { color:var(--text-1); font-weight:700; }
.kit-conv-meta .stale { color:var(--warn); }

/* Grid de pares */
.kit-conv-grid-title { display:flex; align-items:baseline; justify-content:space-between; margin:14px 0 14px; gap:12px; flex-wrap:wrap; }
.kit-conv-grid-title h2 { font-size:1.02rem; font-weight:700; margin:0; color:var(--text-1); }
.kit-conv-grid-title small { font-size:.76rem; color:var(--text-3); }
.kit-conv-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(210px, 1fr)); gap:12px; padding-bottom:50px; }
.kit-conv-card { background:var(--bg-card); border:1px solid var(--border); border-radius:13px; padding:14px 14px 12px; position:relative; transition:transform .15s, box-shadow .15s, border-color .15s; display:block; text-decoration:none; color:inherit; }
.kit-conv-card:hover { transform:none; border-color:#7B2FBE; box-shadow:0 10px 28px -10px rgba(123,47,190,.2); }
.kit-conv-card-top { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; }
.kit-conv-card-fiat { display:flex; align-items:center; gap:6px; font-weight:700; color:var(--text-1); font-size:.9rem; min-width:0; flex:1; }
.kit-conv-card-fiat small { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.kit-conv-card-flag { font-size:1.2rem; line-height:1; flex-shrink:0; }
.kit-conv-card-arrow { color:var(--accent-text, #7B2FBE); opacity:0; transform:translateX(-3px); transition:opacity .15s, transform .15s; flex-shrink:0; }
.kit-conv-card:hover .kit-conv-card-arrow { opacity:1; transform:translateX(0); }
.kit-conv-card-rate { font-size:1.25rem; font-weight:800; color:var(--text-1); letter-spacing:-.01em; overflow-wrap:break-word; }
.kit-conv-card-rate small { font-size:.66rem; color:var(--text-3); font-weight:600; margin-left:4px; }
.kit-conv-card-foot { margin-top:6px; font-size:.7rem; color:var(--text-3); }

/* Detalle por par */
.kit-conv-detail { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding-top:6px; padding-bottom:50px; }
@media (max-width:780px) { .kit-conv-detail { grid-template-columns:1fr; } }
.kit-conv-panel { background:var(--bg-card); border:1px solid var(--border); border-radius:16px; padding:18px; }
.kit-conv-panel h2 { font-size:.95rem; font-weight:700; margin:0 0 12px; color:var(--text-1); }
.kit-conv-spark { width:100%; height:130px; display:block; }
.kit-conv-spark-empty { color:var(--text-3); text-align:center; padding:24px 0; font-size:.84rem; }
.kit-conv-tbl { width:100%; border-collapse:collapse; }
.kit-conv-tbl th, .kit-conv-tbl td { padding:9px 10px; text-align:left; font-size:.84rem; }
.kit-conv-tbl th { background:var(--bg-card-2); color:var(--text-3); font-weight:600; font-size:.7rem; text-transform:uppercase; letter-spacing:.04em; }
.kit-conv-tbl tr { border-bottom:1px solid #F0EAF8; }
.kit-conv-tbl tr:last-child { border-bottom:none; }
.kit-conv-tbl td.num { font-variant-numeric:tabular-nums; font-weight:600; color:var(--text-1); }
.kit-conv-tbl tr.is-binance td:first-child { font-weight:700; color:var(--accent-text, #7B2FBE); }
.kit-conv-tbl tr.is-binance td:first-child::before { content:"★ "; }

.kit-conv-intro { font-size:.94rem; color:var(--text-2); line-height:1.6; margin:0; }
.kit-conv-intro a { text-decoration:underline; text-underline-offset:3px; }

.kit-conv-faq { padding-bottom:32px; }
.kit-conv-faq h2 { font-size:1.02rem; font-weight:700; margin:0 0 12px; color:var(--text-1); }
.kit-conv-faq details { background:var(--bg-card); border:1px solid var(--border); border-radius:12px; padding:12px 16px; margin-bottom:8px; }
.kit-conv-faq summary { font-weight:600; color:var(--text-1); cursor:pointer; outline:none; font-size:.92rem; }
.kit-conv-faq p { margin:8px 0 0; color:var(--text-2); font-size:.88rem; line-height:1.5; }

.kit-conv-share { display:flex; gap:8px; justify-content:flex-end; padding:8px 0 14px; flex-wrap:wrap; }
.kit-conv-share-btn { background:var(--bg-card); border:1px solid var(--border); color:var(--text-2); padding:7px 12px; border-radius:10px; font-size:.8rem; font-weight:600; cursor:pointer; transition:background .15s, color .15s; display:inline-flex; align-items:center; gap:6px; }
.kit-conv-share-btn:hover { background:var(--bg-card-2); color:var(--accent-text, #7B2FBE); }
.kit-conv-share-btn.is-copied { background:#E6F9F0; color:var(--teal); }

/* Mobile <= 480px: widget en 2 filas (input arriba, selects + swap abajo) */
@media (max-width:480px) {
  .kit-conv-hero { padding:28px 16px 56px; }
  .kit-conv-hero p { font-size:.92rem; }
  .kit-conv-widget { padding:16px; margin:-40px auto 24px; border-radius:14px; }
  .kit-conv-row {
    grid-template-columns: 1fr 44px 1fr;
    grid-template-areas:
      'input input input'
      'from  swap  to';
    gap:8px;
  }
  .kit-conv-input { grid-area:input; font-size:1rem; }
  .kit-conv-swap { grid-area:swap; width:44px; min-width:44px; }
  .kit-conv-row > select:nth-of-type(1) { grid-area:from; min-width:0; }
  .kit-conv-row > select:nth-of-type(2) { grid-area:to;   min-width:0; }
  .kit-conv-select { font-size:.86rem; padding:10px 8px; }
  .kit-conv-result-value { font-size:1.2rem; }
  .kit-conv-grid { grid-template-columns:1fr 1fr; gap:10px; }
  .kit-conv-card { padding:12px 12px 10px; }
  .kit-conv-card-fiat { font-size:.82rem; }
  .kit-conv-card-fiat small { display:none; }
  .kit-conv-card-rate { font-size:1.05rem; }
}
@media (max-width:360px) {
  .kit-conv-grid { grid-template-columns:1fr; }
}

.kit-tool-workspace .kit-conv-widget { margin:0 0 28px; max-width:680px; border-radius:12px; box-shadow:var(--shadow-card); }
.kit-conv-meta { text-align:left; line-height:1.5; }
.kit-conv-meta p { margin:8px 0; }
.kit-conv-meta button { margin-top:8px; }
.kit-conv-row .kit-conv-swap { min-width:44px; }
.kit-conv-card-arrow { opacity:1; transform:none; }
.kit-conv-faq summary { min-height:44px; }
.kit-conv-faq summary:focus-visible { outline:2px solid var(--accent-text); outline-offset:3px; }
.kit-tool-workspace .kit-conv-hero { padding:24px 0; }
.kit-tool-workspace .kit-conv-hero h1 { font-size:2rem; font-weight:700; }
.kit-tool-workspace .kit-conv-hero p { color:var(--text-2); }
@media(max-width:640px) { .kit-tool-workspace .kit-conv-hero h1 { font-size:1.5rem; } .kit-conv-widget { padding:16px; } }

.kit-conv-row--pair { grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:none; }
.kit-conv-row--pair .kit-conv-input,.kit-conv-row--pair > select:nth-of-type(1) { grid-area:auto; }
.kit-conv-commission { margin-top:14px; padding:12px 14px; background:var(--bg-card-2); border-radius:10px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.kit-conv-net { margin-top:10px; padding:12px 14px; background:var(--bg-card-2); border:1px solid var(--border); border-radius:10px; }