:root{--navy:#062b59;--navy-2:#0b3a74;--yellow:#fbb817;--ink:#12202f;--muted:#56657a;--steel:#e8edf1;--line:#cfd8e0;--white:#fff;--ok:#1f7a4d;--warn:#b26a00;--bad:#c2410c;--display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;--body:"IBM Plex Sans",system-ui,Arial,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--body);color:var(--ink);background:#f6f8fa;font-size:16px;line-height:1.55}h1,h2,h3{font-family:var(--display);color:var(--navy);line-height:1.05;letter-spacing:.005em}h1{font-size:44px;margin:0 0 12px}h2{font-size:30px;margin:28px 0 10px}h3{font-size:22px}a{color:var(--navy-2)}:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}input,select,textarea{font:inherit;font-weight:400;color:var(--ink);background:#fff;border:2px solid #9fb0c2;border-radius:2px;padding:9px 11px;min-height:40px}input:focus,select:focus,textarea:focus{border-color:var(--navy);outline:3px solid rgba(251,184,23,.55);outline-offset:0}textarea{min-height:90px}label{font-size:14px;font-weight:600;color:var(--navy)}button{font:inherit;font-weight:600;cursor:pointer;color:var(--navy);background:#fff;border:2px solid var(--navy);border-radius:2px;padding:8px 16px;min-height:40px}button:hover:not(:disabled){background:#eef3f9}button[type=submit]:not(:disabled){background:var(--yellow)}button[type=submit]:hover:not(:disabled){background:#ffc93a}button:disabled{opacity:.5;cursor:not-allowed}table{border-collapse:collapse;width:100%;background:#fff}th{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--muted);text-transform:none;border-bottom:2px solid var(--navy)!important}td,th{padding:10px 8px}.app-top{background:#fff}.app-brand{display:flex;align-items:center;gap:12px;padding:10px 28px}.app-brand img{height:44px;width:auto;display:block}.app-brand .nombre{font-family:var(--display);font-weight:700;font-size:32px;color:var(--navy);letter-spacing:.01em}.app-brand .nombre b{color:#d99a00;font-weight:700}.app-brand .salir{margin-left:0}.app-strip{background:var(--navy);color:#fff;padding:14px 28px}.app-strip h1{color:#fff;margin:0;font-size:clamp(44px,7vw,76px);letter-spacing:.06em;text-transform:uppercase}.app-strip small{display:block;font-family:var(--mono);font-size:13px;color:#b9cbe0;margin-top:2px}.hazard{height:12px;background:repeating-linear-gradient(-45deg,var(--yellow) 0 20px,var(--navy) 20px 40px)}.app-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:0 28px;background:#fff;border-bottom:1px solid var(--line)}.app-tabs a{padding:12px 14px;text-decoration:none;color:var(--muted);font-weight:600;font-size:15px;border-bottom:4px solid transparent}.app-tabs a:hover{color:var(--navy)}.app-tabs a.activo{color:var(--navy);border-bottom-color:var(--yellow)}.app-main{padding:24px 28px;max-width:1280px;margin:0 auto}.secciones{list-style:none;margin:8px 0 0;padding:0;border-top:3px solid var(--navy)}.secciones li{border-bottom:1px solid var(--line);background:#fff}.seccion{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:16px 18px;text-decoration:none;color:inherit}.seccion:hover{background:#fff8e1}.seccion .n{font-family:var(--mono);font-weight:600;color:#c58a00;font-size:15px}.seccion .t{font-family:var(--display);font-weight:700;font-size:28px;color:var(--navy);line-height:1}.seccion .d{color:var(--muted);font-size:15px;margin-top:2px}.seccion .flecha{font-family:var(--display);font-size:30px;color:var(--navy)}.seccion.pronto{opacity:.55;cursor:default}.seccion.pronto:hover{background:#fff}.pronto-tag{font-family:var(--mono);font-size:12px;font-weight:600;background:var(--yellow);border:2px solid var(--navy);color:var(--navy);padding:1px 8px}.fotos{margin:36px -28px -24px;line-height:0}.fotos img{width:100%;height:auto;display:block;min-height:150px;object-fit:cover}.chat-lista{background:#fff;border:2px solid var(--navy);padding:12px;max-height:380px;overflow-y:auto}.chat-form{display:flex;gap:8px;margin-top:10px}.chat-form input{flex:1}@media (max-width:700px){.app-brand,.app-strip,.app-tabs,.app-main{padding-left:14px;padding-right:14px}.fotos{margin-left:-14px;margin-right:-14px}.seccion{grid-template-columns:44px 1fr auto}h1{font-size:34px}}.app-strip.compacta{padding:6px 28px}.app-strip.compacta h1{font-size:44px}label{display:flex;flex-direction:column;gap:4px}.login-pantalla{min-height:100vh;display:grid;grid-template-columns:1fr minmax(340px,430px) 1fr;background:var(--navy)}.login-foto{background-size:cover;background-position:center}.login-foto.foto-1{background-image:linear-gradient(90deg,#062b5900 55%,#062b598c),url(/img/campo-1.jpg);background-position:72% center}.login-foto.foto-2{background-image:linear-gradient(270deg,#062b5900 55%,#062b598c),url(/img/campo-2.jpg);background-position:62% center}.login-centro{display:flex;align-items:center;justify-content:center;padding:28px 16px;background:var(--navy)}.login-tarjeta{width:100%;background:#fff;border:3px solid var(--yellow);box-shadow:8px 8px #00000059;padding:28px 26px}@media (max-width:900px){.login-pantalla{grid-template-columns:1fr}.login-foto{display:none}}.marca-agua{position:fixed;top:150px;right:0;bottom:0;left:0;z-index:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.marca-agua img{width:min(700px,80vw);height:auto;opacity:.15;mix-blend-mode:multiply}.app-top,.app-main{position:relative;z-index:1}table{background:#ffffffdb}.secciones li,.seccion{background:#ffffff8c}.fotos{display:grid;grid-template-columns:1fr 1fr;gap:0}.fotos img{height:300px;object-fit:cover}@media (max-width:700px){.fotos{grid-template-columns:1fr}.fotos img{height:200px}}.idioma{display:flex;gap:0;justify-content:center;margin-bottom:10px}.idioma button{min-height:32px;padding:3px 14px;font-size:14px;border-radius:0;border-width:2px}.idioma button+button{margin-left:-2px}.idioma button.on{background:var(--navy);color:#fff}.idioma button.on:hover:not(:disabled){background:var(--navy)}.app-brand .idioma{margin:0 0 0 auto}.acceso-cuadro{border:2px solid var(--navy);background:#fff;padding:14px 16px;margin:0 0 18px;max-width:560px;display:flex;flex-direction:column;gap:10px}.acceso-cuadro textarea{width:100%;font-family:var(--mono);font-size:14px;resize:none}.acceso-cuadro .acciones{display:flex;flex-wrap:wrap;gap:8px}.acceso-cuadro p{margin:0;color:#555;font-size:14px}.acceso-cuadro>button{align-self:flex-start}.ordenes{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.orden{background:#ffffffeb;border:2px solid var(--navy);border-left:8px solid var(--yellow);padding:14px 16px}.orden h3{margin:6px 0 4px;font-size:26px}.orden p{margin:4px 0}.orden-cab{display:flex;gap:10px;align-items:center;font-family:var(--mono);font-size:13px}.orden-cab .n{font-weight:700;color:#b27f00}.orden-cab .fecha{margin-left:auto;color:#555}.estado{border:2px solid var(--navy);padding:0 8px;font-weight:600}.est-permiso_aprobado,.est-en_campo{background:var(--yellow)}.est-cerrado{background:#dfe8d8}.orden-acc{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.habilitacion{border:2px solid var(--navy);background:#ffffffeb;padding:14px 18px}.habilitacion h4{margin:16px 0 6px;font-size:20px}.habilitacion.hab-aprobada{border-left:8px solid #2e7d32}.habilitacion.hab-en_revision{border-left:8px solid var(--yellow)}.habilitacion.hab-pendiente{border-left:8px solid #b3261e}.hab-estado{margin:0 0 8px}.hab-devuelto{background:#fdecea;border:2px solid #b3261e;padding:8px 12px}.hab-lista{list-style:none;padding:0;margin:0}.hab-lista li{padding:6px 0;border-bottom:1px solid var(--line)}.chip-doc{display:inline-block;margin:2px 6px 2px 0;padding:0 8px;border:1px solid #9fb0c2;font-family:var(--mono);font-size:12px;background:#fff}.chip-doc.doc-vigente{background:#dfe8d8;border-color:#2e7d32}.chip-doc.doc-vencido,.chip-doc.doc-rechazado{background:#fdecea;border-color:#b3261e}.chip-doc.doc-pendiente_revision{background:#fff4cf;border-color:#b27f00}.hab-chip{display:inline-block;margin:2px 0 6px;padding:1px 10px;border:2px solid var(--navy);font-weight:600;font-size:14px}.hc-aprobada{background:#dfe8d8}.hc-en_revision{background:var(--yellow)}.hc-pendiente{background:#fdecea}