.header-logo{display:block;width:430px;height:116px;object-fit:cover;object-position:left center;background:#061b58}
body>header{height:116px;padding:0;background:#fff;border-bottom:3px solid #e40000;align-items:stretch;box-shadow:0 4px 18px #00152b20}
body>header nav{position:relative;flex:1;height:116px;padding:53px max(28px,5vw) 0 28px;display:flex;align-items:center;justify-content:flex-end;color:#111;font-weight:700}
body>header nav::before{content:'☎  Teléfono: 81 1161 5554     |     ✉  Correo: contacto@cmca.com.mx';position:absolute;left:0;right:0;top:0;height:42px;background:repeating-linear-gradient(135deg,#101010,#101010 5px,#151515 5px,#151515 9px);color:#fff;display:flex;align-items:center;padding:0 28px;font-weight:600;letter-spacing:.1px}
body>header nav a{color:#111}.auth .header-logo{background:#061b58}
.auth .header-logo{width:calc(100% + 48px);height:118px;margin:-24px -24px 24px;object-fit:cover;border-bottom:4px solid var(--red)}
.share-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.disabled{pointer-events:none;opacity:.45}.contact>div{display:grid}
.status-card{width:min(760px,calc(100vw - 48px));max-width:none;background:#fff;border:1px solid #cbd5e1;margin:24px auto 0;overflow:hidden}
.status-card>img{display:block;width:100%;height:175px;object-fit:cover;object-position:left center;background:#061b58}.status-card-body{padding:22px}
.eyebrow{text-align:center;color:var(--blue);font-weight:800;letter-spacing:1px}.status-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}
.status-card-grid div{display:grid;background:#f2f5f9;padding:13px}.status-card-grid strong,.status-highlight strong{color:var(--blue);font-size:18px}
.status-highlight{border-left:5px solid var(--red);padding:12px 16px;background:#f7f9fc}.status-highlight small,.status-highlight strong{display:block}.status-highlight p{margin-bottom:0}
.status-card #shareMap{height:340px;margin:20px 0;border:1px solid var(--line)}.location-line{display:grid;gap:4px}.location-line span{color:var(--blue)}
.thanks{text-align:center;color:var(--blue);font-weight:800;margin:22px 0 0}
.btn.danger{background:#a52019}.movement-actions{display:flex;align-items:center;gap:12px;margin-top:9px}.movement-actions a,.movement-actions button{border:0;background:none;color:#a52019;font:inherit;font-weight:700;padding:0;cursor:pointer}.movement-actions form{margin:0}.status-card #shareMap{height:340px}.status-banner{min-height:145px}.logo-box{height:96px}.status-card-body{padding:22px}.status-card-grid{margin:15px 0}.thanks{margin-top:18px}
.status-card .eyebrow{display:none}.status-card-grid{margin-top:0}.status-highlight{border-left-width:4px}.location-line{padding:4px 2px}.truck{filter:drop-shadow(0 3px 2px #00152b55)}
.trailer-marker{background:transparent!important;border:0!important;filter:drop-shadow(0 3px 2px #00152b66)}.trailer-marker svg{display:block;overflow:visible}
.edit-location{width:min(680px,94vw)}
.status-card #shareMap{position:relative}.flat-map-capture{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:650}.status-card #shareMap .leaflet-marker-pane{z-index:600}
@media(max-width:760px){body>header{height:86px}.header-logo{width:205px;height:83px}body>header nav{height:83px;padding:40px 12px 0;font-size:12px}body>header nav::before{height:32px;padding:0 10px;font-size:9px;content:'☎ 81 1161 5554  |  ✉ contacto@cmca.com.mx'}.auth .header-logo{height:118px;width:calc(100% + 48px)}.status-card{width:calc(100vw - 28px)}.status-card>img{height:130px}.status-card-grid{grid-template-columns:1fr}.status-card #shareMap{height:285px}}

/* Identidad Tracking CMCA v0.4 */
body>header{position:relative;height:104px;background:linear-gradient(110deg,#061b58 0%,#002b5c 65%,#041735 100%);border-bottom:5px solid #d90000;box-shadow:0 5px 22px #00152b35;overflow:hidden}
body>header::before{content:'';position:absolute;left:300px;top:-100px;width:170px;height:300px;border:3px solid #7184a8;transform:rotate(-24deg);opacity:.7;pointer-events:none}
.header-logo{position:relative;z-index:1;width:300px;height:99px;object-fit:contain;object-position:center;background:#fff;padding:12px 24px;clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%)}
body>header nav{z-index:2;height:99px;padding:0 max(26px,5vw);display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:flex-end;color:#fff}
body>header nav::before{display:none;content:none}
body>header nav span{margin-right:auto;color:#dbe8ff;font-weight:600}
body>header nav a{color:#fff;padding:11px 14px;border-radius:8px;transition:.2s;background:#ffffff0d}
body>header nav a:hover{background:#fff;color:#002b5c}
.auth .header-logo{clip-path:none;width:calc(100% + 48px);height:118px;padding:18px 42px;object-fit:contain;background:#fff;border-bottom:5px solid #d90000}
.status-card>img{display:none}
.status-banner{position:relative;min-height:150px;padding:24px;display:flex;align-items:center;gap:22px;overflow:hidden;background:linear-gradient(120deg,#061b58,#002b5c 68%,#041735);border-bottom:5px solid #d90000}
.status-banner::before{content:'';position:absolute;right:45px;top:-95px;width:120px;height:280px;border:3px solid #7d8eae;transform:rotate(-25deg);opacity:.75}
.status-banner::after{content:'';position:absolute;left:-70px;bottom:-105px;width:260px;height:180px;border:1px solid #ffffff22;border-radius:50%}
.logo-box{position:relative;z-index:1;width:245px;height:100px;padding:13px 20px;background:#fff;display:flex;align-items:center;clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%)}
.logo-box img{width:100%;height:100%;object-fit:contain}
.banner-copy{position:relative;z-index:1;display:grid;color:#fff;text-transform:uppercase}.banner-copy small{color:#b8c9e8;letter-spacing:1.5px}.banner-copy strong{font-size:22px;margin-top:5px}
@media(max-width:760px){body>header{height:86px}.header-logo{width:190px;height:81px;padding:10px 18px}body>header::before{display:none}body>header nav{height:81px;padding:0 10px;gap:2px}body>header nav span{display:none}body>header nav a{padding:8px 7px;font-size:11px}.status-banner{padding:18px;min-height:125px}.logo-box{width:190px;height:82px}.banner-copy{display:none}}

/* Historial horizontal */
.shipment-page{max-width:1500px}.shipment-page .two{grid-template-columns:minmax(420px,.72fr) minmax(760px,1.28fr)}.shipment-page .status-card{max-width:100%}.two>section,.two>.card{min-width:0}.timeline{display:flex;width:100%;max-width:100%;align-items:stretch;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;gap:0;padding:4px 2px 14px;scroll-snap-type:x proximity;scrollbar-color:#9eb1c8 #eef3f8}
.timeline article{display:block!important;position:relative;flex:0 0 230px;min-width:230px;padding:40px 14px 14px!important;margin:0;scroll-snap-align:start}
.timeline article>span{position:absolute;left:50%;top:6px;width:22px!important;height:22px!important;margin:0!important;transform:translateX(-50%);border:5px solid #fff!important;background:var(--blue)!important;box-shadow:0 0 0 3px #aac3dc;z-index:2}
.timeline article:after{content:''!important;display:block!important;position:absolute!important;left:50%!important;right:-50%!important;top:16px!important;bottom:auto!important;height:4px!important;border:0!important;background:#b9d5eb;z-index:0}
.timeline article:last-child:after{display:none!important}
.timeline article>div{height:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}
.timeline article strong{display:block;color:var(--blue);font-size:15px}.timeline article p{font-size:13px;line-height:1.35}.timeline article small{display:block;margin-top:7px}
.timeline .movement-actions{margin-top:12px;padding-top:9px;border-top:1px solid var(--line)}
@media(max-width:1100px){.shipment-page .two{grid-template-columns:1fr}.shipment-page .status-card{width:100%}}@media(max-width:760px){.timeline article{flex-basis:205px;min-width:205px;padding-left:8px!important;padding-right:8px!important}}
.email-workspace{max-width:1180px}.email-toolbar{margin-bottom:22px}.email-toolbar label{max-width:760px}.email-preview-shell{padding:22px;background:#dfe6ee;border-radius:16px;overflow:auto}.email-content{width:1050px;max-width:none;margin:auto;padding:30px;background:#fff;box-shadow:0 8px 30px #00152b25;outline:none}.email-content:focus{box-shadow:0 0 0 3px #7fa4ca,0 8px 30px #00152b25}@media(max-width:760px){.email-preview-shell{padding:10px}.email-content{padding:18px}}