:root{--azul:#1B3A5C;--azul-osc:#14293F;--bg:#F4F5F7;--borde:#E4E7EC;--texto:#1A1D23;--muted:#667085}
*{box-sizing:border-box}
body{margin:0;font-family:'Inter',Arial,sans-serif;background:var(--bg);color:var(--texto)}
a{color:var(--azul)}
button,.btn{font-family:inherit;cursor:pointer;border:none;border-radius:8px;font-weight:600;font-size:14px}
.btn-primary{background:var(--azul);color:#fff;padding:10px 18px}
.btn-secondary{background:#fff;border:1px solid #D0D5DD;color:var(--azul);padding:10px 18px}
.btn-danger{background:#fff;border:1px solid #F3C6C3;color:#B3261E;padding:10px 18px}
input,select,textarea{font-family:inherit;font-size:13.5px;padding:9px 12px;border:1px solid #D0D5DD;border-radius:7px;width:100%;box-sizing:border-box}
label{font-size:12.5px;font-weight:600;color:#475467;display:flex;flex-direction:column;gap:6px}
.card{background:#fff;border:1px solid var(--borde);border-radius:12px;padding:22px 24px}
.section-title{font-size:13px;font-weight:700;color:var(--azul);text-transform:uppercase;letter-spacing:.4px;margin-bottom:16px}
.field-row{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #F0F2F5;font-size:13.5px}
.field-row:last-child{border-bottom:none}
.badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:12px;white-space:nowrap}
.chip{font-size:13.5px;font-weight:600;padding:8px 16px;border-radius:20px;cursor:pointer;border:1px solid #D0D5DD;background:#fff;display:flex;align-items:center;gap:8px}
.chip.active{background:var(--azul);color:#fff;border-color:var(--azul)}
.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.thumb{height:130px;background:repeating-linear-gradient(135deg,#EEF1F5 0,#EEF1F5 10px,#E6E9EE 10px,#E6E9EE 20px);display:flex;align-items:center;justify-content:center;color:#9AA4B2;font-size:11px;font-family:monospace;overflow:hidden}
.thumb img{width:100%;height:100%;object-fit:cover}
.modal-overlay{position:fixed;inset:0;background:rgba(20,30,40,.45);display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}
.modal{background:#fff;border-radius:14px;width:100%;max-height:88vh;overflow-y:auto;padding:28px 32px;box-sizing:border-box}
.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#1A1D23;color:#fff;font-size:14px;padding:12px 22px;border-radius:10px;z-index:60}