.wrap{max-width:1100px;margin:0 auto;padding:1rem}
.api-tools .tabs,.api-wrap .tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin:.25rem 0 1rem}
.api-tools .tab,.api-wrap .tab{padding:.45rem .75rem;border:1px solid #e0d5cb;border-radius:10px;background:#fff;cursor:pointer}
.api-tools .tab.is-active,.api-wrap .tab.is-active{background:#8a5a46;color:#fff;border-color:#8a5a46}
/* Limita el comportamiento de pestañas a paneles de primer nivel */
.api-tools > .panel,.api-wrap > .panel{display:none}
.api-tools > .panel.is-active,.api-wrap > .panel.is-active{display:block}
.grid{display:grid;gap:.75rem}
.grid .card{background:#fff;border:1px solid #eee2d8;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:1rem}
.form-grid{display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);align-items:end}
.form-grid label{display:grid;gap:.2rem}
.form-grid span{font-size:.85rem;color:#6b5b4b}
.form-grid input,.form-grid select{padding:.55rem .7rem;border:1px solid #d9cfc7;border-radius:10px;min-height:40px}
.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .8rem;border-radius:.7rem;border:1px solid #ccb9ad;background:#fff;color:#2A1D16;cursor:pointer}
.btn.primary{background:#C75B35;border-color:#C75B35;color:#fff}
.out{margin-top:.5rem;padding:.6rem;border-radius:.6rem;background:#faf7f2;border:1px solid #efe4d9}
@media(max-width:860px){.form-grid{grid-template-columns:repeat(2,1fr)}}