:root{--fondo:#000;--superficie:#111;--texto:#eaeaea;--suave:#9a9a9a;--borde:#2a2a2a;--primario:#1f7a55;--primario-oscuro:#3dbb83;--peligro:#ff6b6b;--aviso:#2a2410;--hover:#1c1c1c;--relleno:#161616;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}h1{font-size:24px}h2{margin:0;font-size:20px}h3{color:var(--suave);margin:0 0 8px;font-size:15px}main{max-width:1280px;margin:0 auto;padding:24px 20px 64px}nav{background:var(--superficie);border-bottom:1px solid var(--borde);flex-wrap:wrap;align-items:center;gap:4px;padding:10px 20px;display:flex}nav strong{margin-right:16px}nav button{color:var(--texto);background:0 0;border:0;border-radius:8px;padding:8px 12px}nav button:hover:not(:disabled){background:var(--hover)}nav button.activa{color:var(--primario-oscuro);background:#13301f;font-weight:600}nav button.activa:hover:not(:disabled){background:#17402a}nav .salir{color:var(--suave);margin-left:auto}button{font:inherit;cursor:pointer;background:var(--primario);color:#fff;border:1px solid var(--primario);border-radius:8px;padding:8px 14px}button:hover:not(:disabled){background:#26925f}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--primario);outline-offset:2px}button.secundario{background:var(--superficie);color:var(--primario-oscuro);border-color:var(--borde)}button.secundario:hover:not(:disabled){background:var(--hover)}button.peligro{background:var(--superficie);color:var(--peligro);border-color:var(--peligro)}button.peligro:hover:not(:disabled){background:#2a1212}.titulo{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}table{border-collapse:collapse;background:var(--superficie);border:1px solid var(--borde);border-radius:12px;width:100%;margin-top:12px;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--borde);vertical-align:top;padding:10px 12px}th{text-transform:uppercase;letter-spacing:.04em;color:var(--suave);background:var(--relleno);font-size:12px}tr:last-child td{border-bottom:0}tr.apagada td{color:var(--suave)}td.botones{flex-wrap:wrap;gap:8px;display:flex}.vacio{color:var(--suave);padding:32px 0}.aviso{background:var(--aviso);border:1px solid #5c4a14;border-radius:8px;padding:10px 12px}.aviso.error,.errores{color:#ffb3ab;background:#2a1212;border:1px solid #5a2323;border-radius:8px}.errores{margin:12px 0;padding:10px 12px 10px 28px}.dato{color:var(--suave);overflow-wrap:anywhere;margin:4px 0;font-size:13px}.enlace{color:var(--primario-oscuro);align-self:end;padding-bottom:8px}.dos-columnas{grid-template-columns:minmax(260px,1fr) minmax(0,2fr);align-items:start;gap:24px;display:grid}aside{background:var(--superficie);border:1px solid var(--borde);border-radius:12px;padding:16px;position:sticky;top:12px}pre{background:var(--relleno);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;max-height:60vh;padding:12px;font-size:12px;overflow:auto}fieldset{border:1px solid var(--borde);background:var(--superficie);border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:12px 16px;margin:0 0 16px;padding:12px 16px 16px;display:flex}legend{padding:0 6px;font-weight:600}.campo{flex-direction:column;gap:4px;display:flex}.campo.corto{width:160px}.campo.medio{width:260px}.campo.largo{width:100%;max-width:560px}.campo span{color:var(--suave);font-size:12px}.campo small{color:var(--suave);font-size:11px}input,select,textarea{font:inherit;border:1px solid var(--borde);color:var(--texto);background:#0b0b0b;border-radius:8px;width:100%;padding:8px 10px}.distancia{border-bottom:1px dashed var(--borde);flex-wrap:wrap;align-items:flex-start;gap:12px 16px;width:100%;padding-bottom:14px;display:flex}.acciones{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.acciones input{max-width:320px}.pantalla-negra{color:#fff;background:#000;flex-direction:column;min-height:100vh;display:flex}.pantalla-negra header{align-items:center;gap:12px;padding:16px;display:flex}.pantalla-negra header img{border-radius:10px;width:44px;height:44px}.pantalla-negra .etiqueta{letter-spacing:.12em;border:1px solid;border-radius:6px;padding:3px 10px;font-size:18px;font-weight:700}.pantalla-negra .etiqueta.test{color:#f5a623}.pantalla-negra .etiqueta.prod{color:#ff4d4f}.pantalla-negra main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;max-width:520px;margin:0 auto;padding:16px 16px 15vh;display:flex}.pantalla-negra .dato{color:#aaa}.pantalla-negra .error{color:#ff7875}.boton-google{min-height:44px}.pantalla-negra header .host{color:#666;font-size:12px}.pantalla-negra header .volver{margin-left:auto}.pantalla-negra main.contenido{text-align:left;justify-content:initial;width:100%;max-width:1280px;padding:24px 20px 64px;display:block}.pantalla-negra nav.menu{background:0 0;border:0;flex-direction:column;gap:14px;padding:0;display:flex}.boton-menu{color:#fff;background:#111;border:1px solid #333;border-radius:24px;width:280px;height:48px;font-size:16px;font-weight:500}.boton-menu:hover:not(:disabled){background:#1c1c1c;border-color:#555}.boton-menu.salir{color:#ff7875;border-color:#4a1f1f;margin-top:18px}.boton-facebook{background:#1877f2;border-color:#1877f2;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:280px;height:40px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.boton-facebook:hover:not(:disabled){background:#166fe5}.boton-facebook svg{width:20px;height:20px}@media (width<=900px){.dos-columnas{grid-template-columns:1fr}aside{position:static}}.distancia>button{margin-top:20px}.miniatura{object-fit:cover;border-radius:8px;max-width:320px;max-height:180px;display:block}.aviso.ancho{width:100%;margin:0}.pegar{align-items:flex-end;gap:8px;width:100%;display:flex}.pegar .campo.largo{flex:1}.error{color:var(--peligro)}.recorrido{flex-direction:column;gap:6px;width:100%;display:flex}.recorrido .etiqueta{color:var(--suave);font-size:12px}.recorrido .botones{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.recorrido .enlace-mapa{max-width:320px}.recorrido-cargado{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.aviso-chico{color:#e0b44c}label.subir{cursor:pointer;border:1px solid var(--borde);color:var(--primario-oscuro);background:var(--superficie);border-radius:8px;padding:8px 14px;display:inline-block}label.subir:hover{background:var(--hover)}label.subir input{display:none}.dibujo{background:var(--relleno);border-radius:8px;width:160px;height:120px}.dibujo polyline{fill:none;stroke:var(--primario);stroke-width:3px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.dibujo circle{fill:var(--peligro)}