/* DJ2 Logística · capa visual de acceso y privacidad */
.seguridad-fondo{min-height:100vh;background:linear-gradient(150deg,#edf7fa,#f7fbfb 64%,#eaf6f1);color:#113250;font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;margin:0}
.seguridad-header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 28px;gap:16px}
.seguridad-marca{font-size:25px;color:#14324e;font-weight:900;text-decoration:none;letter-spacing:-1px}
.seguridad-marca span{color:#089c8b}
.seguridad-header nav{display:flex;align-items:center;gap:22px}
.seguridad-header a:not(.seguridad-marca){color:#143d58;font-weight:700;text-decoration:none}
.seguridad-enlace-acceso{border:1px solid #b2d7d7;padding:11px 17px;border-radius:12px}
.seguridad-inicio{max-width:1190px;margin:70px auto 30px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:28px;padding:0 24px}
.seguridad-inicio-main,.seguridad-lateral,.seguridad-card{border:1px solid #dce9ee;background:#fff;border-radius:24px;box-shadow:0 22px 70px #14324e11}
.seguridad-inicio-main{padding:clamp(30px,5vw,70px)}
.seguridad-etiqueta{font-size:12px;font-weight:900;letter-spacing:2px;color:#0a9b86;margin-bottom:18px}
.seguridad-inicio h1{font-size:clamp(37px,5vw,65px);line-height:1.07;letter-spacing:-2px;color:#112d48;margin:10px 0 25px}
.seguridad-inicio h1 span{color:#0b9a88}
.seguridad-inicio-main>p:not(.seguridad-etiqueta){color:#62788a;font-size:18px;line-height:1.7;max-width:600px}
.seguridad-rastreo{background:#f1f7f8;padding:22px;border-radius:16px;margin-top:35px}
.seguridad-rastreo label,.seguridad-card label{display:block;font-size:14px;font-weight:700;color:#173f5a;margin:0 0 10px}
.seguridad-rastreo>div{display:flex;gap:9px;flex-wrap:wrap}
.seguridad-rastreo input,.seguridad-card input{font:inherit;padding:15px 16px;background:#fff;border:1px solid #cfdee5;border-radius:12px;min-width:0;box-sizing:border-box}
.seguridad-rastreo input{flex:1;min-width:190px}
.seguridad-rastreo button,.seguridad-card button{background:#0a9085;border:0;color:#fff;border-radius:12px;padding:15px 22px;font:inherit;font-weight:800;cursor:pointer}
.seguridad-rastreo button:hover,.seguridad-card button:hover{background:#087568}
.seguridad-ventajas{display:flex;gap:20px;flex-wrap:wrap;color:#467b7e;font-size:13px;font-weight:700;margin-top:30px}
.seguridad-lateral{padding:36px;display:flex;flex-direction:column;justify-content:center}
.seguridad-paquete{font-size:78px;background:#ecf9f5;border-radius:22px;text-align:center;padding:25px}
.seguridad-lateral h2{font-size:29px;line-height:1.2;margin:5px 0 15px}
.seguridad-lateral p:last-child{line-height:1.6;color:#64788c}
.seguridad-pie{text-align:center;font-size:12px;color:#7794a1;padding:30px}
.seguridad-wrap{max-width:510px;margin:55px auto;padding:0 18px}
.seguridad-card{padding:clamp(26px,4vw,45px)}
.seguridad-card h1{font-size:30px;margin:4px 0 9px;color:#16344d}
.seguridad-card>p{color:#6a8290;line-height:1.6}
.seguridad-icono{display:inline-flex;align-items:center;justify-content:center;background:#e9f6f2;border-radius:15px;width:58px;height:58px;font-size:27px}
.seguridad-card form{margin-top:27px}
.seguridad-card input{display:block;width:100%;margin-bottom:21px}
.seguridad-card button{width:100%}
.seguridad-card .seguridad-nota{margin-top:24px;font-size:13px;text-align:center}
.seguridad-card .seguridad-nota a{color:#067c72;font-weight:700}
.seguridad-alerta{background:#fff0ef;border:1px solid #f6c2be;border-radius:11px;padding:14px;color:#b23431!important}
.seguridad-exito{background:#e3f8f2;border:1px solid #9fdfce;border-radius:12px;color:#087b65;padding:16px;font-weight:700}
.dj2-eliminar-form{display:inline;margin:0}
.dj2-eliminar{border:1px solid #e2b0aa!important;background:#fff5f3!important;color:#a2362e!important;border-radius:8px!important;padding:7px 12px!important;font-size:13px!important;cursor:pointer}
.dj2-eliminar:hover{background:#ffe8e3!important}
@media(max-width:800px){.seguridad-inicio{grid-template-columns:1fr;margin:20px auto}.seguridad-inicio-main{padding:30px}.seguridad-header nav{gap:12px}.seguridad-header{padding:20px}.seguridad-lateral{padding:30px}}
@media(max-width:520px){.seguridad-rastreo>div{flex-direction:column}.seguridad-rastreo button{width:100%}.seguridad-header .seguridad-enlace-acceso{padding:8px}.seguridad-marca{font-size:20px}}