/* formulario-datos.css
   Pestañas del formulario de datos (.fd-tab).
   (Extraído de index.html; contenido sin cambios.) */
.fd-tab {
  background:transparent; border:none; color:#7a9bbf;
  font-family:'Barlow Condensed',sans-serif; font-size:12px; font-weight:700;
  padding:11px 18px; cursor:pointer; letter-spacing:.8px; text-transform:uppercase;
  border-bottom:3px solid transparent; transition:all .15s ease;
}
.fd-tab:hover { color:#fff; background:rgba(255,255,255,.04); }
.fd-tab.active { color:#e8b84b; border-bottom-color:#e8b84b; background:rgba(232,184,75,.06); }
.fd-section {
  margin-bottom:18px; background:rgba(255,255,255,.02);
  border:1px solid rgba(74,127,212,.15); border-radius:8px; overflow:hidden;
}
.fd-section-hdr {
  background:rgba(74,127,212,.1); padding:8px 14px;
  font-size:11px; font-weight:700; color:#e8b84b; text-transform:uppercase; letter-spacing:1px;
  border-bottom:1px solid rgba(74,127,212,.2);
}
.fd-section-body { padding:12px 14px; }
.fd-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px 16px; }
.fd-grid-3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px 16px; }
.fd-grid-full { grid-column:1 / -1; }
.fd-field { display:flex; flex-direction:column; gap:3px; }
.fd-field label { font-size:9px; color:#7a9bbf; text-transform:uppercase; letter-spacing:.6px; font-weight:600; }
.fd-field input, .fd-field select, .fd-field textarea {
  background:rgba(0,0,0,.3); border:1px solid #2a3f5f; color:#fff;
  padding:6px 9px; border-radius:4px; font-family:'Barlow Condensed',sans-serif;
  font-size:13px; font-weight:600; transition:border-color .15s;
}
.fd-field input:focus, .fd-field select:focus, .fd-field textarea:focus {
  outline:none; border-color:#e8b84b;
}
.fd-field input[type=number] { text-align:right; }
.fd-acc {
  border:1px solid rgba(74,127,212,.2); border-radius:6px;
  margin-bottom:6px; overflow:hidden; background:rgba(0,0,0,.15);
}
.fd-acc-hdr {
  padding:8px 12px; background:rgba(74,127,212,.08); cursor:pointer;
  display:flex; justify-content:space-between; align-items:center;
  font-size:11px; font-weight:700; color:#fff; text-transform:uppercase; letter-spacing:.8px;
}
.fd-acc-hdr:hover { background:rgba(74,127,212,.15); }
.fd-acc-body { padding:10px 12px; display:none; border-top:1px solid rgba(74,127,212,.15); }
.fd-acc.open .fd-acc-body { display:block; }
.fd-acc.open .fd-acc-arrow { transform:rotate(90deg); }
.fd-acc-arrow { transition:transform .2s; display:inline-block; }
.fd-toggle {
  display:inline-flex; align-items:center; gap:8px; cursor:pointer;
  background:rgba(0,0,0,.3); border:1px solid #2a3f5f; padding:6px 12px; border-radius:20px;
  font-size:11px; font-weight:700; color:#7a9bbf; text-transform:uppercase; letter-spacing:.6px;
}
.fd-toggle.on { background:rgba(78,203,113,.15); border-color:#4ecb71; color:#4ecb71; }
.fd-toggle.off { background:rgba(255,107,107,.1); border-color:#ff6b6b; color:#ff6b6b; }