:root { --dj2-azul:#142b49; --dj2-verde:#087c6c; --dj2-celeste:#75d5c8; }
.encabezado, .dj2-top { background:var(--dj2-azul); color:#fff; }
.barra, .dj2-barra { max-width:1200px; margin:0 auto; padding:18px 24px; display:flex; align-items:center; justify-content:space-between; gap:22px; flex-wrap:wrap; }
.dj2-marca { color:#fff !important; font-size:25px; font-weight:800; text-decoration:none; white-space:nowrap; }
.dj2-marca span { color:var(--dj2-celeste); }
.dj2-menu { display:flex; flex-wrap:wrap; gap:5px; align-items:center; }
.dj2-menu a, .dj2-top .dj2-menu a { display:inline-flex; color:#e4edf8; padding:10px 13px; border-radius:8px; font-size:14px; font-weight:600; text-decoration:none; line-height:1.35; transition:background .15s ease; }
.dj2-menu a:hover, .dj2-top .dj2-menu a:hover { color:#fff; background:rgba(255,255,255,.13); text-decoration:none; }
.dj2-menu a[aria-current="page"], .dj2-top .dj2-menu a[aria-current="page"] { color:#fff; background:rgba(255,255,255,.16); }
.dj2-menu .dj2-menu__admin, .dj2-top .dj2-menu .dj2-menu__admin { border:1px solid rgba(117,213,200,.65); color:#d0f5ef; }
.dj2-menu a:focus-visible, .dj2-gestion-enlace:focus-visible, .dj2-accion:focus-visible { outline:3px solid #75d5c8; outline-offset:3px; }
.dj2-tabla-acciones { display:flex; align-items:center; gap:12px; flex-wrap:wrap; min-width:180px; }
.dj2-gestion-enlace { font-size:13px; padding:7px 10px; border:1px solid #c5d6e2; border-radius:7px; font-weight:700; color:var(--dj2-azul); text-decoration:none; white-space:nowrap; }
.dj2-gestion-enlace:hover { background:#eef5f7; }
.dj2-form-acciones { display:flex; flex-wrap:wrap; align-items:center; gap:14px; }
.dj2-form-acciones a { color:var(--dj2-verde); font-weight:700; }
.dj2-top .dj2-logout { margin:0; flex-shrink:0; }
.dj2-top .dj2-logout button { margin:0; padding:9px 13px; font-size:13px; font-weight:700; background:transparent; color:#fff; border:1px solid #8da5bf; border-radius:8px; }
.dj2-top .dj2-logout button:hover { background:rgba(255,255,255,.12); }
.dj2-acciones { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:18px 0; }
.dj2-accion { display:inline-flex; padding:10px 14px; border:1px solid #cbd5e1; color:var(--dj2-azul); text-decoration:none; border-radius:8px; font-size:14px; font-weight:700; }
.dj2-accion:hover { background:#eff6f8; }
.dj2-accion--primaria { color:#fff !important; background:var(--dj2-verde); border-color:var(--dj2-verde); }
.dj2-accion--primaria:hover { background:#06665a; }
@media (max-width:780px) { .barra,.dj2-barra { flex-direction:column; align-items:flex-start; padding:16px 18px; } .dj2-menu { width:100%; } .dj2-menu a { padding:9px 10px; } }
@media print { .dj2-menu,.dj2-acciones { display:none !important; } }