:root{--blue:#002b5c;--red:#a52019;--bg:#f3f6fa;--text:#172033;--line:#dbe3ed}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--blue);text-decoration:none}header{height:74px;background:#102942;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,5vw);border-bottom:4px solid var(--red)}header a{color:white}.brand{font:700 42px Georgia,serif;letter-spacing:2px;color:white}.container{max-width:1180px;margin:34px auto;padding:0 20px}.center{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0b2848,#002b5c)}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 8px 26px #1232}.auth{width:min(440px,92vw)}.auth .brand{background:var(--blue);margin:-24px -24px 24px;padding:18px 24px;border-bottom:4px solid var(--red)}h1,h2{color:var(--blue);margin-top:0}.muted,small{color:#66758b}label{display:grid;gap:7px;font-weight:600;margin-bottom:15px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #bcc8d8;border-radius:9px;font:inherit;background:white}textarea{min-height:80px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:11px 17px;background:var(--blue);color:white!important;font-weight:700;cursor:pointer}.btn.small{padding:7px 11px}.btn.secondary{background:#e8eef5;color:var(--blue)!important}.btn.whatsapp{background:#168b4b;margin-left:auto}.alert{padding:13px 16px;border-radius:9px;margin:14px 0}.success{background:#ddf5e7;color:#13663b}.error{background:#fde5e5;color:#8b1717}.headline{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.headline h1{margin-bottom:3px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line)}th{font-size:12px;text-transform:uppercase;color:#627187}.pill{background:#e7eef7;border-radius:999px;padding:6px 10px;font-size:13px}.empty{text-align:center;padding:28px;color:#7a8798}dialog{border:0;border-radius:16px;width:min(800px,94vw);padding:0}dialog::backdrop{background:#001a3599}.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:24px}.dialog-title,.full,.actions{grid-column:1/-1}.dialog-title{display:flex;justify-content:space-between}.icon{border:0;background:none;font-size:30px}.actions{display:flex;justify-content:flex-end;gap:10px}.two{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.two>.card,.two>section>.card{margin-bottom:22px}#map,#publicMap{height:370px;border-radius:12px;margin:12px 0;border:1px solid var(--line)}.search{display:flex;gap:8px;margin-bottom:10px}.contact{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.timeline article{display:grid;grid-template-columns:18px 1fr;gap:10px;position:relative;padding-bottom:20px}.timeline article>span{width:13px;height:13px;border:3px solid var(--blue);background:white;border-radius:50%;margin-top:4px;z-index:1}.timeline article:after{content:'';position:absolute;left:6px;top:16px;bottom:0;border-left:2px solid #b9c7d8}.timeline article:last-child:after{display:none}.timeline p{margin:4px 0}.hero{text-align:center;padding:34px 0}.hero form{display:flex;max-width:620px;margin:20px auto}.hero input{border-radius:10px 0 0 10px}.hero button{border-radius:0 10px 10px 0}.shipment-head{display:flex;justify-content:space-between;align-items:center}.status-big{text-align:right}.status-big span,.status-big strong{display:block}.status-big strong{color:var(--red);font-size:20px}.progress{height:10px;background:#dce3ec;border-radius:99px;margin:18px 0 26px;overflow:hidden}.progress div{height:100%;background:var(--blue)}.truck{font-size:30px;background:none;border:none}@media(max-width:760px){.two,.grid-form{grid-template-columns:1fr}.headline,.shipment-head{align-items:flex-start;gap:15px;flex-direction:column}.status-big{text-align:left}.hero form{padding:0 12px}.grid-form label{grid-column:1}.contact{align-items:flex-start;flex-wrap:wrap}.btn.whatsapp{margin-left:0;width:100%}header nav{font-size:13px}.brand{font-size:34px}}