/* DJ2 Logistica: nueva identidad visual, sin dependencias externas de fuentes. */
:root{--ink:#12314a;--night:#0e243c;--sea:#0a9a84;--mint:#8de9d4;--line:#dce7ef;--shade:#f4f8fa;--muted:#667b8e}
*{box-sizing:border-box}
body{background:linear-gradient(180deg,#ebf4f7,#f6f9fb 360px)!important;color:var(--ink)!important;font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;line-height:1.55}
.encabezado,.top,.dj2-top{background:#0c2137!important;color:#fff!important;box-shadow:0 12px 28px rgba(12,33,55,.12)!important}
.encabezado:after,.dj2-top:after{display:block;content:"";height:3px;background:linear-gradient(90deg,#11aa94,#8de9d4,#287db3)}
.barra,.dj2-barra{max-width:1250px!important;padding:17px 24px!important}
.marca,.dj2-marca{display:inline-flex!important;gap:9px;align-items:center;color:#fff!important;font-weight:850!important;font-size:23px!important;text-decoration:none!important;letter-spacing:-.8px}
.marca:before,.dj2-marca:before{content:"↗";width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#29c7a8,#0b8e82);font-size:27px;font-weight:500;color:#fff;box-shadow:0 6px 18px rgba(24,193,163,.2)}
.marca span,.dj2-marca span{color:#8de9d4!important}
.dj2-menu a{border-radius:9px!important;padding:10px 13px!important;font-weight:650!important}
.dj2-menu a[aria-current=page]{background:#28526a!important;color:#fff!important}
.contenedor{max-width:1140px!important;margin:32px auto 56px!important}
.panel{max-width:1200px!important}
h1{font-size:clamp(27px,3vw,42px)!important;line-height:1.16!important;letter-spacing:-1.1px!important;font-weight:820!important;color:#13334e!important}
h2{color:#193b53!important;letter-spacing:-.35px!important}
h3{color:#193b53!important}
.etiqueta{font-size:11px!important;color:#0c8d7f!important;font-weight:800!important;letter-spacing:2px!important}
.tarjeta,.card{background:#fff!important;border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:0 18px 38px rgba(24,55,74,.06)!important}
.tarjeta{padding:27px!important}
.card{max-width:1120px!important;padding:30px!important;margin:32px auto!important}
.titulo>p:last-child,.descripcion{color:var(--muted)!important}
input,textarea,.card input,select{border-radius:10px!important;border:1px solid #ccdae5!important;background:#fff!important;color:var(--ink)!important;padding:12px 14px!important;min-height:44px!important}
input:focus,textarea:focus,.card input:focus-visible{border-color:#10a990!important;outline:none!important;box-shadow:0 0 0 4px rgba(16,169,144,.13)!important}
button,.boton-enlace,.card button,.guia-boton--primario,.dj2-accion--primaria{background:linear-gradient(125deg,#12aa91,#087c83)!important;border:1px solid transparent!important;border-radius:10px!important;color:white!important;font-weight:750!important;padding:12px 19px!important;text-decoration:none!important;box-shadow:0 7px 17px rgba(13,132,128,.17)!important;cursor:pointer}
button:hover:not(:disabled),.boton-enlace:hover,.card button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}
button:disabled{background:#8ea5b4!important;box-shadow:none!important}
button:focus-visible,a:focus-visible{outline:3px solid #52d9c4!important;outline-offset:3px}
.tabla-guias th,.card th{background:#eef6f8!important;color:#465e71!important;font-size:12px!important;letter-spacing:.5px;text-transform:uppercase}
.tabla-guias tr:hover td,.card tr:hover td{background:#f5fcfb!important}
.estado,.badge,.guia-estado{background:#e0f7ef!important;color:#087f6a!important;border:1px solid #bce8d7!important;border-radius:999px!important;font-weight:750!important;padding:5px 11px!important}
.card .ok{background:#e8f9f0!important;color:#087850!important;padding:13px;border-radius:11px!important;border:1px solid #c4eddb}
.card .error{background:#fff1ef!important;color:#a52b2b!important;padding:13px;border-radius:11px!important;border:1px solid #ffd4cd}
.card .pasos{gap:9px!important;overflow-x:auto}
.card .pasos span{width:41px;height:41px;line-height:41px}
.card .pasos .actual span{background:#0a9a84!important}
.card .pasos .hecho span{background:#3ac29c!important}
.dj2-mapa-selector,#mapa-gps{border-radius:14px!important;border:1px solid #cddfe7!important;box-shadow:0 10px 22px rgba(26,57,76,.08)}
.dj2-busqueda-mapa{background:linear-gradient(135deg,#f5fbfa,#f1f6fa)!important;border-radius:15px!important;padding:20px!important}
.dj2-resultado,.dj2-geoitem{background:#fff!important;color:#14394d!important;border:1px solid #d2e5e9!important;box-shadow:none!important;text-align:left!important}
.dj2-resultado:hover,.dj2-geoitem:hover{background:#e8fff7!important;border-color:#0a9a84!important}
.dj2-hero{background:radial-gradient(circle at 77% 0,rgba(109,227,201,.23),transparent 30%),linear-gradient(110deg,#102842,#103950 66%,#14696d)!important;border:0!important;border-radius:24px!important;padding:35px 39px!important;color:#fff!important;box-shadow:0 22px 43px rgba(17,50,73,.18)!important;margin-bottom:23px}
.dj2-hero__inner{display:grid;grid-template-columns:1fr 340px;gap:26px;align-items:center}
.dj2-hero .etiqueta{color:#9df0d9!important}
.dj2-hero h1{color:#fff!important;font-size:clamp(35px,4vw,53px)!important}
.dj2-hero p{color:#d2e8ee!important;max-width:570px}
.dj2-hero .dj2-cta{display:inline-flex;padding:13px 18px;margin-top:9px;background:white;color:#0d6973;font-weight:800;border-radius:11px;text-decoration:none}
.dj2-hero__visual{border:1px solid rgba(255,255,255,.19);background:rgba(255,255,255,.07);border-radius:18px;min-height:220px;padding:24px}
.dj2-hero__visual .mini-label{font-size:11px;letter-spacing:2px;font-weight:800;color:#b0f7e7}
.dj2-route-line{height:5px;background:linear-gradient(90deg,#8eead6,#4cbbd3);margin:44px 10px 23px;border-radius:8px;position:relative}
.dj2-route-line:before,.dj2-route-line:after{content:"";position:absolute;top:50%;width:23px;height:23px;background:#a4f3e1;border-radius:50%;border:6px solid #1e6370;transform:translateY(-50%)}
.dj2-route-line:before{left:0}.dj2-route-line:after{right:0}
.dj2-route-ends{display:flex;justify-content:space-between;color:#fff;font-size:14px;font-weight:760}
.dj2-route-ends small{display:block;font-size:11px;color:#bad7e1;font-weight:500;margin-top:5px}
.dj2-metricas{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 24px}
.dj2-metrica{padding:18px 22px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 10px 25px rgba(25,60,75,.04)}
.dj2-metrica__valor{font-size:31px;font-weight:860;letter-spacing:-1px;color:#16374d}
.dj2-metrica__label{font-size:12px;color:#647e90;font-weight:650}
.dj2-cotizador{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;padding:22px 25px;margin:8px 0 23px;border-radius:17px;background:linear-gradient(110deg,#123248,#136a6c);color:#fff}
.dj2-cotizador__eyebrow{display:block;font-size:11px;letter-spacing:1.8px;font-weight:800;color:#92eed5}
.dj2-cotizador strong{font-size:26px;color:#fff;font-weight:850}
.dj2-cotizador p{font-size:13px;color:#c9e6e7!important;max-width:470px;margin:0}
.dj2-boton-suave{background:#e6f8f4!important;color:#08766b!important;border:1px solid #bde8e0!important;box-shadow:none!important;font-size:12px!important;padding:8px 12px!important}
.dj2-geowidget{margin-top:8px}.dj2-geowidget__controles{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dj2-geowidget__controles span{font-size:12px;color:#698295}
.dj2-geowidget__lista{display:grid;gap:7px;margin-top:9px}.dj2-geoitem{width:100%;padding:10px 14px!important;font-size:13px!important;border-radius:9px!important}
.dj2-evento{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;margin:28px 0;padding:23px;background:#effaf7;border:1px solid #c1e9df;border-radius:17px}
.dj2-evento h3{margin:8px 0}.dj2-evento p{font-size:14px;color:#576f7d}.dj2-evento form{margin:0}
.dj2-evento label.dj2-check{display:flex;align-items:center;gap:8px;font-size:13px}.dj2-check input[type=checkbox]{width:18px;min-height:18px;accent-color:#0a9a84}
.dj2-formintro{display:inline-flex;align-items:center;padding:8px 12px;margin:0 0 14px;border-radius:999px;background:#e1f5ef;color:#08766a;font-weight:700;font-size:12px}
.guia-pagina{max-width:1140px!important}
@media(max-width:930px){.dj2-hero__inner,.dj2-evento{grid-template-columns:1fr}.dj2-hero__visual{min-height:195px}}
@media(max-width:690px){.barra,.dj2-barra{padding:14px 17px!important}.dj2-menu{width:100%;gap:3px!important}.dj2-menu a{font-size:12px!important;padding:8px 10px!important}.contenedor{padding:0 15px!important;margin-top:23px!important}.tarjeta,.card{padding:18px!important;border-radius:14px!important}.card{margin:16px 12px!important}.dj2-hero{padding:24px 20px!important}.dj2-metricas{grid-template-columns:1fr 1fr}.dj2-metrica:last-child{grid-column:1/-1}.dj2-geowidget__controles{align-items:flex-start;flex-direction:column}.dj2-mapa-selector{height:270px}}
@media print{.dj2-hero,.dj2-metricas,.dj2-geowidget,.dj2-evento,.dj2-cotizador,.dj2-top,.encabezado{display:none!important}.tarjeta,.card{box-shadow:none!important;border:1px solid #ddd!important}body{background:#fff!important}}