/* ========================================================= CSS personalizado — SOLO página de acceso (login) Extraído del rediseño de test el 2026-06-05. Estas reglas aplican únicamente a body.login-modern y .login-split — NO afectan el interior del software. ========================================================= */ :root { --blue: #2563EB; --white: #FFFFFF; --text-muted: #6B7280; --r-md: 8px; } /* ========================================================= PÁGINA DE ACCESO — split layout ========================================================= */ body.login-modern { height: 100vh !important; overflow: hidden !important; background: var(--white) !important; padding: 0 !important; margin: 0 !important; } .login-split { display: flex !important; width: 100vw !important; height: 100vh !important; } /* ---- LADO IZQUIERDO: formulario ---- */ .login-split-left { flex: 0 0 50% !important; width: 50% !important; background: var(--white) !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 48px 40px !important; overflow-y: auto !important; } .login-split-inner { width: 100% !important; max-width: 380px !important; } /* ---- LADO DERECHO: imagen ---- */ .login-split-right { flex: 0 0 50% !important; width: 50% !important; background: linear-gradient(135deg, var(--blue) 0%, #1E3A8A 100%) !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } /* Quitar el card del panel — el fondo blanco ya lo da el split-left */ body.login-modern .panel { background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; margin-bottom: 0 !important; } body.login-modern .panel-background { display: none !important; } body.login-modern .panel-body { background: transparent !important; padding: 0 !important; } /* ===== Login MODERNO — TODO el bloque de acceso (logo + formulario + apps) como UNA tarjeta flotante blanca con la MISMA sombra premium que el Clásico (2026-07-17) ===== El lado izquierdo era blanco: una tarjeta blanca sobre blanco NO deja ver la sombra. Se le da al lado izquierdo un fondo neutro muy sutil y se convierte .login-split-inner en la tarjeta flotante. El .panel ya está transparente (arriba), así no se duplica caja. */ body.login-modern .login-split-left { background: #F1F3F5 !important; } body.login-modern .login-split-inner { background: #fff !important; border-radius: 16px !important; padding: 40px 36px !important; box-shadow: 0 22px 60px -14px rgba(0, 0, 0, 0.40), 0 6px 18px -8px rgba(0, 0, 0, 0.22) !important; } /* ===== Login CLÁSICO — TODO el bloque de acceso (logo + formulario + apps) como UNA tarjeta flotante blanca con sombra premium alrededor (2026-07-17) ===== Solo aplica en Clásico (body.sign-in-layout sin .login-modern). Logo+form viven en .panel y las apps en .app-links, ambos dentro de la MISMA columna Bootstrap → la tarjeta es la columna. Al .panel se le quita su caja/sombra interna para no duplicar. */ body.sign-in-layout:not(.login-modern) .container > [class*="col-"] { background: #fff !important; border-radius: 16px !important; padding: 22px 18px !important; box-shadow: 0 22px 60px -14px rgba(0, 0, 0, 0.40), 0 6px 18px -8px rgba(0, 0, 0, 0.22) !important; } body.sign-in-layout:not(.login-modern) .panel { box-shadow: none !important; border-radius: 0 !important; margin-bottom: 0 !important; } body.sign-in-layout:not(.login-modern) .panel-background { display: none !important; } body.sign-in-layout:not(.login-modern) .app-links { margin-top: 10px !important; } /* Redondear campos y botones (como el moderno / la referencia) */ body.sign-in-layout:not(.login-modern) .form-control, body.sign-in-layout:not(.login-modern) .btn { border-radius: var(--r-md) !important; } /* Logo — tope responsivo por ancho (2026-07-17) Antes: max-height fijo de 64px aplastaba logos grandes. Ahora: hasta 340px de ancho, se adapta a cada pantalla y NO estira los logos chicos (max-* nunca agranda; los pequeños quedan a su tamaño real). */ body.login-modern .panel-body img.center-block { max-width: min(340px, 100%) !important; max-height: 180px !important; width: auto !important; height: auto !important; margin-bottom: 32px !important; } /* Separador debajo del logo — oculto */ body.login-modern .panel-body hr { display: none !important; } /* Campos más cómodos */ body.login-modern .form-control { height: 44px !important; font-size: 14px !important; } /* Botones de acción más grandes */ body.login-modern .btn-lg { height: 44px !important; font-size: 15px !important; font-weight: 600 !important; border-radius: var(--r-md) !important; } /* Espaciado entre grupos */ body.login-modern .form-group { margin-bottom: 16px !important; } /* Espacio entre el botón Ingresar y los botones secundarios */ body.login-modern .btn-primary.btn-block ~ .form-group { margin-top: 24px !important; } body.login-modern .btn-primary.btn-block ~ .form-group .col-sm-12 + .col-sm-12 { margin-top: 10px !important; } /* Checkbox — tipografía del label */ body.login-modern .checkbox label { font-size: 13px !important; font-weight: 400 !important; color: var(--text-muted) !important; text-transform: none !important; letter-spacing: 0 !important; } /* Alertas dentro del form */ body.login-modern .alert { border-radius: var(--r-md) !important; font-size: 13px !important; margin-bottom: 16px !important; } /* Texto de bienvenida / bottom_text */ body.login-modern .sign-in-text { text-align: center !important; font-size: 13px !important; color: var(--text-muted) !important; margin-bottom: 16px !important; } /* App-store links */ body.login-modern .app-links { margin-top: 24px !important; } /* Mobile: formulario full width, imagen oculta */ @media (max-width: 767px) { body.login-modern { overflow-y: auto !important; } .login-split { flex-direction: column !important; height: auto !important; min-height: 100vh !important; } .login-split-right { display: none !important; } .login-split-left { flex: 1 1 auto !important; width: 100% !important; padding: 32px 24px !important; } } /* ========================================================= FASE 2 · SOLO ESQUINAS REDONDEADAS — 8-ago-2026 ========================================================= Alcance pedido por el dueño: "lo que tenga esquina y se vea debe quedar redondo, premium, pero no fuerce a redondear lo que no debe ser redondo". Por eso aqui NO hay tipografia, ni colores, ni tamaños, ni margenes: UNICAMENTE `border-radius`. Nada mas. NO se redondea a proposito: celdas de tabla, barras a todo lo ancho, el propio mapa, ni superficies de fondo. Redondear eso da aspecto de juguete. Se pega al FINAL del archivo: para deshacerlo, se borra este bloque. ========================================================= */ /* --- 1) VENTANAS QUE SE ABREN (lo primero que pidio) --------------------- */ .modal-content { border-radius: 12px !important; } .modal-header { border-radius: 12px 12px 0 0 !important; } .modal-footer { border-radius: 0 0 12px 12px !important; } /* si la ventana no trae pie, el cuerpo es quien cierra abajo */ .modal-content > .modal-body:last-child { border-radius: 0 0 12px 12px !important; } /* --- 2) PANELES Y TARJETAS ---------------------------------------------- */ .panel { border-radius: 8px !important; } .panel > .panel-heading { border-radius: 8px 8px 0 0 !important; } .panel > .panel-body:last-child, .panel > .panel-footer:last-child { border-radius: 0 0 8px 8px !important; } /* el software usa .panel-transparent como contenedor SIN caja: no se toca */ .panel.panel-transparent { border-radius: 0 !important; } /* --- 3) BOTONES Y CAMPOS ------------------------------------------------- */ .btn { border-radius: 6px !important; } .form-control { border-radius: 6px !important; } /* los botones pegados a un campo (grupo) conservan su forma de grupo: solo se redondean los extremos, nunca el punto de union */ .input-group .form-control:first-child, .input-group-btn:first-child > .btn { border-radius: 6px 0 0 6px !important; } .input-group .form-control:last-child, .input-group-btn:last-child > .btn { border-radius: 0 6px 6px 0 !important; } .input-group .form-control:only-child { border-radius: 6px !important; } /* --- 4) DESPLEGABLES ----------------------------------------------------- */ .dropdown-menu { border-radius: 8px !important; } .dropdown-menu > li > a { border-radius: 6px !important; } /* --- 5) MANDOS DEL MAPA (el navegador) ----------------------------------- */ /* Se redondean SOLO los dos extremos de cada grupo vertical: el conjunto se lee como una pieza solida en vez de botones sueltos. NO se cambia tamaño, ni separacion, ni disposicion: eso seria rediseñar, no redondear. 🚨 NADA de overflow:hidden en #map-controls — recortaria el panel de capas, que se abre DENTRO de ese contenedor. */ #map-controls .btn-group-vertical > .btn, .map-controls .btn-group-vertical > .btn { border-radius: 0 !important; } #map-controls .btn-group-vertical > .btn:first-child, .map-controls .btn-group-vertical > .btn:first-child { border-radius: 10px 10px 0 0 !important; } #map-controls .btn-group-vertical > .btn:last-child, .map-controls .btn-group-vertical > .btn:last-child { border-radius: 0 0 10px 10px !important; } #map-controls .btn-group-vertical > .btn:only-child, .map-controls .btn-group-vertical > .btn:only-child { border-radius: 10px !important; } /* los mandos propios de la libreria del mapa (zoom, escala) */ .leaflet-bar, .leaflet-control-layers { border-radius: 10px !important; } .leaflet-bar > a:first-child { border-radius: 10px 10px 0 0 !important; } .leaflet-bar > a:last-child { border-radius: 0 0 10px 10px !important; } .leaflet-bar > a:only-child { border-radius: 10px !important; } /* el globo de informacion del mapa */ .leaflet-popup-content-wrapper { border-radius: 10px !important; } /* --- 6) DETALLES PEQUEÑOS ------------------------------------------------ */ .label, .badge { border-radius: 4px !important; } .alert { border-radius: 8px !important; } .well { border-radius: 8px !important; } .progress { border-radius: 999px !important; } .progress-bar:first-child { border-radius: 999px 0 0 999px !important; } .progress-bar:only-child { border-radius: 999px !important; } .img-thumbnail { border-radius: 8px !important; } ::-webkit-scrollbar-thumb { border-radius: 6px !important; } /* --- 7) CASILLAS DE SELECCION ------------------------------------------- */ .checkbox label::before, .checkbox label::after, .checkbox-inline label::before, .checkbox-inline label::after { border-radius: 4px !important; } /* los RADIOS son redondos por definicion: no se tocan */ /* ── 14-ago-2026 · el panel de capas del mapa se quedaba CUADRADO ── El bloque de la fase 2 redondea `.leaflet-control-layers`, que es el CONTENEDOR y en producción ni se ve (mide 0). El panel que se abre de verdad al pulsar el botón de mapas es `.leaflet-control-layers-list`, y ése se quedó con las esquinas en pico. Visto y medido en producción el 14-ago. Mismos 10 px que los mandos del mapa, para que hagan juego. */ .leaflet-control-layers-list { border-radius: 10px !important; } /* =========================================================================== FASE 3 · EL BOTON DE ACCIONES DEL VEHICULO Y SUS NUEVE OPCIONES 14-ago-2026 — version para PRODUCCION --------------------------------------------------------------------------- En TEST este mismo cambio se apoyaba en reglas que TEST ya tenia (el chevron de la linea ~4314). PRODUCCION NO LAS TIENE: aqui el icono sigue siendo el de la tipografia icomoon. Por eso esta version es AUTOSUFICIENTE: apaga el glifo viejo (::before content:none + font-size:0) y pinta el dibujo por mascara, que hereda el color con currentColor. Solo toca la lista de vehiculos (#ajax-items li[data-device-id]). =========================================================================== */ /* --- El boton: de los tres puntos del software de origen a un menu en recuadro --- */ #ajax-items li[data-device-id] .details .icon.options { display: inline-block !important; background-color: currentColor !important; background-image: none !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M7%208h10%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2012h10%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2016h10%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M7%208h10%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2012h10%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2016h10%22%20%2F%3E%3C%2Fsvg%3E") !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: 18px 18px !important; mask-size: 18px 18px !important; width: 18px !important; height: 18px !important; font-size: 0 !important; transform: none !important; vertical-align: middle !important; } /* el glifo viejo, fuera */ #ajax-items li[data-device-id] .details .icon.options::before { content: none !important; } /* Un recuadro girado se ve torcido: no gira al abrirse. */ #ajax-items li[data-device-id] .details .btn-group.open .icon.options, #ajax-items li[data-device-id] .details .dropdown.open .icon.options { transform: none !important; } /* ═══════════════════════════════════════════════════════════════════════════ 14-ago-2026 · LOS NUEVE ICONOS DEL MENÚ DE ACCIONES DEL VEHÍCULO ─────────────────────────────────────────────────────────────────────────── Era el último rincón con la mezcla vieja, y encima el menú que más se usa: medido, las nueve entradas venían de tipografía de iconos a 12 px (ocho de icomoon y "Compartir" de FontAwesome, que además salía a 10×12). Pasan al mismo juego, mismo trazo y 18 px. ⛔ Los que YA tienen dibujo en el menú principal lo REPITEN aquí a propósito (Enviar comando, Compartir, Alertas, Cámara): la misma acción no puede tener dos dibujos distintos según desde dónde se abra. Los tres de historial se distinguen por el plazo, no por repetir el reloj: última hora = reloj · hoy = calendario · ayer = calendario un paso atrás. ⚠ `!important` OBLIGATORIO: las reglas viejas de estos iconos usan la forma corta `mask:`/`content:` con `!important` (ver el chevrón de la línea ~4314). Sin él pierden aunque el selector lleve `#id`. ═══════════════════════════════════════════════════════════════════════════ */ #ajax-items li[data-device-id] .details .dropdown-menu .icon.last-hour, #ajax-items li[data-device-id] .details .dropdown-menu .icon.today, #ajax-items li[data-device-id] .details .dropdown-menu .icon.yesterday, #ajax-items li[data-device-id] .details .dropdown-menu .icon.follow, #ajax-items li[data-device-id] .details .dropdown-menu .icon.send-command, #ajax-items li[data-device-id] .details .dropdown-menu .icon.edit, #ajax-items li[data-device-id] .details .dropdown-menu .icon.sharing, #ajax-items li[data-device-id] .details .dropdown-menu .icon.alerts, #ajax-items li[data-device-id] .details .dropdown-menu .icon.camera { display: inline-block !important; background-color: currentColor !important; background-image: none !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: 18px 18px !important; mask-size: 18px 18px !important; width: 18px !important; height: 18px !important; min-width: 18px !important; flex: 0 0 18px !important; margin: 0 !important; font-size: 0 !important; transform: none !important; vertical-align: middle !important; } /* el glifo viejo, fuera */ #ajax-items li[data-device-id] .details .dropdown-menu .icon.last-hour::before, #ajax-items li[data-device-id] .details .dropdown-menu .icon.today::before, #ajax-items li[data-device-id] .details .dropdown-menu .icon.yesterday::before, #ajax-items li[data-device-id] .details .dropdown-menu .icon.follow::before, #ajax-items li[data-device-id] .details .dropdown-menu .icon.send-command::before, #ajax-items li[data-device-id] .details .dropdown-menu .icon.edit::before, #ajax-items li[data-device-id] .details .dropdown-menu .icon.sharing::before, #ajax-items li[data-device-id] .details .dropdown-menu .icon.alerts::before, #ajax-items li[data-device-id] .details .dropdown-menu .icon.camera::before { content: none !important; } /* Mostrar historial (ultima hora) */ #ajax-items li[data-device-id] .details .dropdown-menu .icon.last-hour { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M12%206v6l4%202%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M12%206v6l4%202%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Mostrar historial (hoy) */ #ajax-items li[data-device-id] .details .dropdown-menu .icon.today { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M8%202v3%22%20%2F%3E%20%3Cpath%20d%3D%22M16%202v3%22%20%2F%3E%20%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M3%209h18%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2013h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2013h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2013h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2017h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2017h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2017h.01%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M8%202v3%22%20%2F%3E%20%3Cpath%20d%3D%22M16%202v3%22%20%2F%3E%20%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M3%209h18%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2013h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2013h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2013h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2017h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2017h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2017h.01%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Mostrar historial (ayer) — el calendario "un paso atras" */ #ajax-items li[data-device-id] .details .dropdown-menu .icon.yesterday { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M16%2018h6%22%20%2F%3E%20%3Cpath%20d%3D%22M16%202v3%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2014V5a2%202%200%2000-2-2H5a2%202%200%2000-2%202v14a2%202%200%20002%202h8.3%22%20%2F%3E%20%3Cpath%20d%3D%22M3%209h18%22%20%2F%3E%20%3Cpath%20d%3D%22M8%202v3%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M16%2018h6%22%20%2F%3E%20%3Cpath%20d%3D%22M16%202v3%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2014V5a2%202%200%2000-2-2H5a2%202%200%2000-2%202v14a2%202%200%20002%202h8.3%22%20%2F%3E%20%3Cpath%20d%3D%22M3%209h18%22%20%2F%3E%20%3Cpath%20d%3D%22M8%202v3%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Seguir — tenerlo a la vista mientras se mueve */ #ajax-items li[data-device-id] .details .dropdown-menu .icon.follow { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M2.062%2012.348a1%201%200%200%201%200-.696%2010.75%2010.75%200%200%201%2019.876%200%201%201%200%200%201%200%20.696%2010.75%2010.75%200%200%201-19.876%200%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M2.062%2012.348a1%201%200%200%201%200-.696%2010.75%2010.75%200%200%201%2019.876%200%201%201%200%200%201%200%20.696%2010.75%2010.75%200%200%201-19.876%200%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Enviar comando — EL MISMO que en el menu */ #ajax-items li[data-device-id] .details .dropdown-menu .icon.send-command { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M4%2010a7.31%207.31%200%200%200%2010%2010Z%22%20%2F%3E%20%3Cpath%20d%3D%22m9%2015%203-3%22%20%2F%3E%20%3Cpath%20d%3D%22M17%2013a6%206%200%200%200-6-6%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2013A10%2010%200%200%200%2011%203%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M4%2010a7.31%207.31%200%200%200%2010%2010Z%22%20%2F%3E%20%3Cpath%20d%3D%22m9%2015%203-3%22%20%2F%3E%20%3Cpath%20d%3D%22M17%2013a6%206%200%200%200-6-6%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2013A10%2010%200%200%200%2011%203%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Editar */ #ajax-items li[data-device-id] .details .dropdown-menu .icon.edit { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M21.174%206.812a1%201%200%200%200-3.986-3.987L3.842%2016.174a2%202%200%200%200-.5.83l-1.321%204.352a.5.5%200%200%200%20.623.622l4.353-1.32a2%202%200%200%200%20.83-.497z%22%20%2F%3E%20%3Cpath%20d%3D%22m15%205%204%204%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M21.174%206.812a1%201%200%200%200-3.986-3.987L3.842%2016.174a2%202%200%200%200-.5.83l-1.321%204.352a.5.5%200%200%200%20.623.622l4.353-1.32a2%202%200%200%200%20.83-.497z%22%20%2F%3E%20%3Cpath%20d%3D%22m15%205%204%204%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Compartir — EL MISMO que en el menu */ #ajax-items li[data-device-id] .details .dropdown-menu .icon.sharing { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%225%22%20r%3D%223%22%20%2F%3E%20%3Ccircle%20cx%3D%226%22%20cy%3D%2212%22%20r%3D%223%22%20%2F%3E%20%3Ccircle%20cx%3D%2218%22%20cy%3D%2219%22%20r%3D%223%22%20%2F%3E%20%3Cline%20x1%3D%228.59%22%20x2%3D%2215.42%22%20y1%3D%2213.51%22%20y2%3D%2217.49%22%20%2F%3E%20%3Cline%20x1%3D%2215.41%22%20x2%3D%228.59%22%20y1%3D%226.51%22%20y2%3D%2210.49%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%225%22%20r%3D%223%22%20%2F%3E%20%3Ccircle%20cx%3D%226%22%20cy%3D%2212%22%20r%3D%223%22%20%2F%3E%20%3Ccircle%20cx%3D%2218%22%20cy%3D%2219%22%20r%3D%223%22%20%2F%3E%20%3Cline%20x1%3D%228.59%22%20x2%3D%2215.42%22%20y1%3D%2213.51%22%20y2%3D%2217.49%22%20%2F%3E%20%3Cline%20x1%3D%2215.41%22%20x2%3D%228.59%22%20y1%3D%226.51%22%20y2%3D%2210.49%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Alertas — EL MISMO que en el menu */ #ajax-items li[data-device-id] .details .dropdown-menu .icon.alerts { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M10.268%2021a2%202%200%200%200%203.464%200%22%20%2F%3E%20%3Cpath%20d%3D%22M3.262%2015.326A1%201%200%200%200%204%2017h16a1%201%200%200%200%20.74-1.673C19.41%2013.956%2018%2012.499%2018%208A6%206%200%200%200%206%208c0%204.499-1.411%205.956-2.738%207.326%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M10.268%2021a2%202%200%200%200%203.464%200%22%20%2F%3E%20%3Cpath%20d%3D%22M3.262%2015.326A1%201%200%200%200%204%2017h16a1%201%200%200%200%20.74-1.673C19.41%2013.956%2018%2012.499%2018%208A6%206%200%200%200%206%208c0%204.499-1.411%205.956-2.738%207.326%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Camara / Medios — EL MISMO que en el menu */ #ajax-items li[data-device-id] .details .dropdown-menu .icon.camera { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.3%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cg%20transform%3D%22translate%2812%2012%29%20scale%281.15%29%20translate%28-12%20-12%29%22%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%2215%22%20height%3D%2214%22%20rx%3D%222.5%22%20%2F%3E%3Cpath%20d%3D%22M17%209.5%2021.4%207a.6.6%200%200%201%20.9.5v9a.6.6%200%200%201-.9.5L17%2014.5z%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.3%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cg%20transform%3D%22translate%2812%2012%29%20scale%281.15%29%20translate%28-12%20-12%29%22%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%2215%22%20height%3D%2214%22%20rx%3D%222.5%22%20%2F%3E%3Cpath%20d%3D%22M17%209.5%2021.4%207a.6.6%200%200%201%20.9.5v9a.6.6%200%200%201-.9.5L17%2014.5z%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important; } /* Las nueve filas, con el mismo hueco para el icono. */ #ajax-items li[data-device-id] .details .dropdown-menu > li > a { display: flex !important; align-items: center !important; gap: 12px !important; } /* =========================================================================== EL BOTON APARECE SOLO AL PASAR EL RATON, Y NO OCUPA SITIO CUANDO NO ESTA --------------------------------------------------------------------------- Como en TEST: en reposo el boton no existe para la colocacion, asi que el NOMBRE del vehiculo aprovecha ese hueco. Al pasar el raton aparece y el contenido se corre lo justo para no quedar debajo. ⛔ NO se copia la regla de TEST (`.group-list > li > .details`): en PRODUCCION ese `.details` no es el boton, es TODO el bloque de la derecha —lleva dentro "0 kph", el punto de estado y el boton—. Aplicarla escondería la velocidad y el punto. Medido: los tres hijos. Aqui sale del flujo SOLO el boton. ⛔⛔ NADA DE `transform` en el boton para centrarlo. Su menu se coloca con position:fixed, y un transform en un ancestro le cambia la referencia: el menu se iria a otro sitio, encima del mapa, y pareceria que "no abre". Se centra con top/bottom + flex, como en TEST. ⛔⛔ SIN `pointer-events: none`, a proposito. Con el bloqueo puesto, si el navegador no registraba el raton encima en el instante exacto del clic, ESE CLIC SE PERDIA y el menu no abria. =========================================================================== */ .group-list > li > .details { position: relative !important; } .group-list > li > .details .btn-group.dropleft { position: absolute !important; right: 0 !important; top: 0 !important; bottom: 0 !important; display: flex !important; align-items: center !important; opacity: 0 !important; transition: opacity .15s ease !important; } /* Al aparecer el boton, el contenido se corre para dejarle su hueco. Se mantiene MIENTRAS EL MENU ESTE ABIERTO aunque el raton se haya ido a elegir una opcion: si no, el punto de estado volveria a su sitio y quedaria debajo del boton. */ .group-list > li:hover > .details, .group-list > li:focus-within > .details, .group-list > li > .details:has(.btn-group.open) { padding-right: 24px !important; } .group-list > li:hover > .details .btn-group.dropleft, .group-list > li:focus-within > .details .btn-group.dropleft, .group-list > li > .details .btn-group.dropleft.open { opacity: 1 !important; } /* En pantallas tactiles NO existe "pasar el raton": ahi el boton se queda siempre visible y el hueco siempre reservado, o en el telefono no habria manera de abrir las nueve acciones. */ @media (hover: none), (pointer: coarse) { /* 🚨 MEDIDO EN PRODUCCION: reservar el hueco Y ADEMAS dejar el boton flotando le quitaba 24 px al nombre para nada. En el telefono los nombres cortados pasaban de 14 a 19 de 51, y en tableta de 8 a 12. En tactil el boton vuelve a su sitio de siempre, dentro del flujo: ocupa lo justo y el nombre recupera su ancho. Solo cambia el dibujo. */ /* 🚨🚨 LAS TRES, NO SOLO LA PRIMERA. Al tocar con el dedo, el boton recibe el foco y se activa la regla de :focus-within, que mete 24 px de hueco: TODO SE CORRE ENTRE EL TOQUE Y EL LEVANTAR EL DEDO y el navegador manda el clic al padre en vez de al boton -> el menu NO ABRIA en el telefono. Medido: llegaba "touchstart en I.btn icon options" pero "click en DIV.details". Y con !important en las dos, gana :focus-within por ser mas especifico, asi que hay que repetir aqui los mismos selectores. */ .group-list > li > .details, .group-list > li:hover > .details, .group-list > li:focus-within > .details, .group-list > li > .details:has(.btn-group.open) { padding-right: 0 !important; } .group-list > li > .details .btn-group.dropleft { /* 🚨🚨 relative, NO static. El panel deja el grupo del boton en position:relative y SU MENU SE COLOCA RESPECTO A EL. Con static, el menu se cuelga de otro ancestro y en el telefono ABRIA FUERA DE LA PANTALLA: medido, pasaba de izquierda 16 (bien) a -81 (81 px cortados), y quitando el ancla de .details empeoraba a -225. Con relative vuelve a 2. Visto y medido en el telefono. */ position: relative !important; /* 🚨 Y hay que devolverle el display. Arriba se le pone display:flex para poder centrarlo mientras flota; en tactil, al volver al flujo, ese flex lo convierte en un bloque de linea entera y EL BOTON SE CAE A OTRO RENGLON, debajo de la velocidad. El panel original lo trae como inline-block. Visto en el telefono, no solo medido. */ display: inline-block !important; opacity: 1 !important; } } /* =========================================================================== MENU DE ARRIBA A LA DERECHA - los dibujos, al juego nuevo 14-ago-2026 - version para PRODUCCION --------------------------------------------------------------------------- Cambia SOLO el dibujo de los iconos del menu superior derecho: los 8 que se ven en la barra y los 23 que cuelgan de sus desplegables. No mueve nada, no cambia textos, no toca la lista de vehiculos. Todo va acotado a .navbar-right A PROPOSITO: hay clases que se repiten en otras partes del panel (.icon.camera, .icon.sharing, .icon.alerts tambien estan en el menu del vehiculo) y no se quieren tocar desde aqui. Los dibujos son LOS MISMOS que ya usa TEST para la misma accion: una accion no puede tener dos dibujos segun desde donde se abra. Dos son nuevos porque en TEST no existian: Herramientas (llave inglesa) y Cambiar contrasena (llave). Autosuficiente: apaga el glifo viejo (::before content:none + font-size:0) y pinta por mascara, que hereda el color con currentColor. En produccion estos iconos son tipografia (icomoon y FontAwesome), no dibujos. =========================================================================== */ /* --- LOS 8 DE LA BARRA (18 px, como en TEST) --- */ .navbar-right .icon.admin, .navbar-right .icon.tools, .navbar-right i.fa.fa-th, .navbar-right .icon.setup, .navbar-right .icon.chat, .navbar-right i.fa.fa-question-circle, .navbar-right .icon.account { display: inline-block !important; background-color: currentColor !important; background-image: none !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: 18px 18px !important; mask-size: 18px 18px !important; width: 18px !important; height: 18px !important; font-size: 0 !important; vertical-align: middle !important; } .navbar-right .icon.admin::before, .navbar-right .icon.tools::before, .navbar-right i.fa.fa-th::before, .navbar-right .icon.setup::before, .navbar-right .icon.chat::before, .navbar-right i.fa.fa-question-circle::before, .navbar-right .icon.account::before { content: none !important; } /* ADMIN */ .navbar-right .icon.admin { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M20%2013c0%205-3.5%207.5-7.66%208.95a1%201%200%200%201-.67-.01C7.5%2020.5%204%2018%204%2013V6a1%201%200%200%201%201-1c2%200%204.5-1.2%206.24-2.72a1.17%201.17%200%200%201%201.52%200C14.51%203.81%2017%205%2019%205a1%201%200%200%201%201%201z%22%20%2F%3E%20%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M20%2013c0%205-3.5%207.5-7.66%208.95a1%201%200%200%201-.67-.01C7.5%2020.5%204%2018%204%2013V6a1%201%200%200%201%201-1c2%200%204.5-1.2%206.24-2.72a1.17%201.17%200%200%201%201.52%200C14.51%203.81%2017%205%2019%205a1%201%200%200%201%201%201z%22%20%2F%3E%20%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Herramientas */ .navbar-right .icon.tools { -webkit-mask-image: url("data:image/svg+xml,") !important; mask-image: url("data:image/svg+xml,") !important; } /* Aplicaciones 🚨 El encabezado (header.blade.php, linea 3, estilo dentro de la propia pagina) le mete transform: scaleX(0.78) a este icono. Estaba puesto para el dibujo VIEJO, que era mas ancho. Con el cuadrado nuevo lo aplastaba: la caja media 14 x 18 en vez de 18 x 18 y los cuatro cuadros salian rectangulares. Se anula aqui. El !important gana aunque aquel selector lleve #id, porque una declaracion !important vence a una normal sea cual sea la especificidad. Comprobado que el lanzador de apps sigue abriendo en su sitio (291x551). */ .navbar-right i.fa.fa-th { transform: none !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%221%22%20%2F%3E%20%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%2214%22%20y%3D%223%22%20rx%3D%221%22%20%2F%3E%20%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%2214%22%20y%3D%2214%22%20rx%3D%221%22%20%2F%3E%20%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%223%22%20y%3D%2214%22%20rx%3D%221%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%221%22%20%2F%3E%20%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%2214%22%20y%3D%223%22%20rx%3D%221%22%20%2F%3E%20%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%2214%22%20y%3D%2214%22%20rx%3D%221%22%20%2F%3E%20%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%223%22%20y%3D%2214%22%20rx%3D%221%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Configuracion */ .navbar-right .icon.setup { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M10%205H3%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2019H3%22%20%2F%3E%20%3Cpath%20d%3D%22M14%203v4%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2017v4%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2012h-9%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2019h-5%22%20%2F%3E%20%3Cpath%20d%3D%22M21%205h-7%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2010v4%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2012H3%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M10%205H3%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2019H3%22%20%2F%3E%20%3Cpath%20d%3D%22M14%203v4%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2017v4%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2012h-9%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2019h-5%22%20%2F%3E%20%3Cpath%20d%3D%22M21%205h-7%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2010v4%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2012H3%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Chat */ .navbar-right .icon.chat { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M22%2017a2%202%200%200%201-2%202H6.828a2%202%200%200%200-1.414.586l-2.202%202.202A.71.71%200%200%201%202%2021.286V5a2%202%200%200%201%202-2h16a2%202%200%200%201%202%202z%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M22%2017a2%202%200%200%201-2%202H6.828a2%202%200%200%200-1.414.586l-2.202%202.202A.71.71%200%200%201%202%2021.286V5a2%202%200%200%201%202-2h16a2%202%200%200%201%202%202z%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Ayuda */ .navbar-right i.fa.fa-question-circle { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22m4.93%204.93%204.24%204.24%22%20%2F%3E%20%3Cpath%20d%3D%22m14.83%209.17%204.24-4.24%22%20%2F%3E%20%3Cpath%20d%3D%22m14.83%2014.83%204.24%204.24%22%20%2F%3E%20%3Cpath%20d%3D%22m9.17%2014.83-4.24%204.24%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22m4.93%204.93%204.24%204.24%22%20%2F%3E%20%3Cpath%20d%3D%22m14.83%209.17%204.24-4.24%22%20%2F%3E%20%3Cpath%20d%3D%22m14.83%2014.83%204.24%204.24%22%20%2F%3E%20%3Cpath%20d%3D%22m9.17%2014.83-4.24%204.24%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Mi cuenta */ .navbar-right .icon.account { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2020.662V19a2%202%200%200%201%202-2h6a2%202%200%200%201%202%202v1.662%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2020.662V19a2%202%200%200%201%202-2h6a2%202%200%200%201%202%202v1.662%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* --- LOS 23 DE DENTRO DE ESOS DESPLEGABLES (16 px: las filas son mas bajas) --- */ .navbar-right .icon.alerts, .navbar-right .icon.geofences, .navbar-right .icon.routes, .navbar-right .icon.reports, .navbar-right .icon.ruler, .navbar-right .icon.poi, .navbar-right .icon.point, .navbar-right .icon.address, .navbar-right .icon.send-command, .navbar-right .icon.camera, .navbar-right .icon.task, .navbar-right .icon.services, .navbar-right .icon.money, .navbar-right .icon.dashboard, .navbar-right .icon.sharing, .navbar-right .icon.devices, .navbar-right a[href^="/manual"] .icon, .navbar-right a[href^="/puertos"] .icon, .navbar-right a[href^="/comandos"] .icon, .navbar-right a[href^="/preguntas-frecuentes"] .icon, .navbar-right .icon.membership, .navbar-right .icon.password, .navbar-right .icon.logout { display: inline-block !important; background-color: currentColor !important; background-image: none !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: 16px 16px !important; mask-size: 16px 16px !important; width: 16px !important; height: 16px !important; font-size: 0 !important; vertical-align: middle !important; } .navbar-right .icon.alerts::before, .navbar-right .icon.geofences::before, .navbar-right .icon.routes::before, .navbar-right .icon.reports::before, .navbar-right .icon.ruler::before, .navbar-right .icon.poi::before, .navbar-right .icon.point::before, .navbar-right .icon.address::before, .navbar-right .icon.send-command::before, .navbar-right .icon.camera::before, .navbar-right .icon.task::before, .navbar-right .icon.services::before, .navbar-right .icon.money::before, .navbar-right .icon.dashboard::before, .navbar-right .icon.sharing::before, .navbar-right .icon.devices::before, .navbar-right a[href^="/manual"] .icon::before, .navbar-right a[href^="/puertos"] .icon::before, .navbar-right a[href^="/comandos"] .icon::before, .navbar-right a[href^="/preguntas-frecuentes"] .icon::before, .navbar-right .icon.membership::before, .navbar-right .icon.password::before, .navbar-right .icon.logout::before { content: none !important; } /* Alertas */ .navbar-right .icon.alerts { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M10.268%2021a2%202%200%200%200%203.464%200%22%20%2F%3E%20%3Cpath%20d%3D%22M3.262%2015.326A1%201%200%200%200%204%2017h16a1%201%200%200%200%20.74-1.673C19.41%2013.956%2018%2012.499%2018%208A6%206%200%200%200%206%208c0%204.499-1.411%205.956-2.738%207.326%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M10.268%2021a2%202%200%200%200%203.464%200%22%20%2F%3E%20%3Cpath%20d%3D%22M3.262%2015.326A1%201%200%200%200%204%2017h16a1%201%200%200%200%20.74-1.673C19.41%2013.956%2018%2012.499%2018%208A6%206%200%200%200%206%208c0%204.499-1.411%205.956-2.738%207.326%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Geocercas */ .navbar-right .icon.geofences { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M19.5%207a24%2024%200%200%201%200%2010%22%20%2F%3E%20%3Cpath%20d%3D%22M4.5%207a24%2024%200%200%200%200%2010%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2019.5a24%2024%200%200%200%2010%200%22%20%2F%3E%20%3Cpath%20d%3D%22M7%204.5a24%2024%200%200%201%2010%200%22%20%2F%3E%20%3Crect%20x%3D%2217%22%20y%3D%2217%22%20width%3D%225%22%20height%3D%225%22%20rx%3D%221%22%20%2F%3E%20%3Crect%20x%3D%2217%22%20y%3D%222%22%20width%3D%225%22%20height%3D%225%22%20rx%3D%221%22%20%2F%3E%20%3Crect%20x%3D%222%22%20y%3D%2217%22%20width%3D%225%22%20height%3D%225%22%20rx%3D%221%22%20%2F%3E%20%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%225%22%20height%3D%225%22%20rx%3D%221%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M19.5%207a24%2024%200%200%201%200%2010%22%20%2F%3E%20%3Cpath%20d%3D%22M4.5%207a24%2024%200%200%200%200%2010%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2019.5a24%2024%200%200%200%2010%200%22%20%2F%3E%20%3Cpath%20d%3D%22M7%204.5a24%2024%200%200%201%2010%200%22%20%2F%3E%20%3Crect%20x%3D%2217%22%20y%3D%2217%22%20width%3D%225%22%20height%3D%225%22%20rx%3D%221%22%20%2F%3E%20%3Crect%20x%3D%2217%22%20y%3D%222%22%20width%3D%225%22%20height%3D%225%22%20rx%3D%221%22%20%2F%3E%20%3Crect%20x%3D%222%22%20y%3D%2217%22%20width%3D%225%22%20height%3D%225%22%20rx%3D%221%22%20%2F%3E%20%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%225%22%20height%3D%225%22%20rx%3D%221%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Rutas */ .navbar-right .icon.routes { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2219%22%20r%3D%223%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2019h8.5a3.5%203.5%200%200%200%200-7h-11a3.5%203.5%200%200%201%200-7H15%22%20%2F%3E%20%3Ccircle%20cx%3D%2218%22%20cy%3D%225%22%20r%3D%223%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2219%22%20r%3D%223%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2019h8.5a3.5%203.5%200%200%200%200-7h-11a3.5%203.5%200%200%201%200-7H15%22%20%2F%3E%20%3Ccircle%20cx%3D%2218%22%20cy%3D%225%22%20r%3D%223%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Reportes */ .navbar-right .icon.reports { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M3%203v16a2%202%200%200%200%202%202h16%22%20%2F%3E%20%3Cpath%20d%3D%22M18%2017V9%22%20%2F%3E%20%3Cpath%20d%3D%22M13%2017V5%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2017v-3%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M3%203v16a2%202%200%200%200%202%202h16%22%20%2F%3E%20%3Cpath%20d%3D%22M18%2017V9%22%20%2F%3E%20%3Cpath%20d%3D%22M13%2017V5%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2017v-3%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Regla */ .navbar-right .icon.ruler { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M21.3%2015.3a2.4%202.4%200%200%201%200%203.4l-2.6%202.6a2.4%202.4%200%200%201-3.4%200L2.7%208.7a2.41%202.41%200%200%201%200-3.4l2.6-2.6a2.41%202.41%200%200%201%203.4%200Z%22%20%2F%3E%20%3Cpath%20d%3D%22m14.5%2012.5%202-2%22%20%2F%3E%20%3Cpath%20d%3D%22m11.5%209.5%202-2%22%20%2F%3E%20%3Cpath%20d%3D%22m8.5%206.5%202-2%22%20%2F%3E%20%3Cpath%20d%3D%22m17.5%2015.5%202-2%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M21.3%2015.3a2.4%202.4%200%200%201%200%203.4l-2.6%202.6a2.4%202.4%200%200%201-3.4%200L2.7%208.7a2.41%202.41%200%200%201%200-3.4l2.6-2.6a2.41%202.41%200%200%201%203.4%200Z%22%20%2F%3E%20%3Cpath%20d%3D%22m14.5%2012.5%202-2%22%20%2F%3E%20%3Cpath%20d%3D%22m11.5%209.5%202-2%22%20%2F%3E%20%3Cpath%20d%3D%22m8.5%206.5%202-2%22%20%2F%3E%20%3Cpath%20d%3D%22m17.5%2015.5%202-2%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* POI */ .navbar-right .icon.poi { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M20%2010c0%204.993-5.539%2010.193-7.399%2011.799a1%201%200%200%201-1.202%200C9.539%2020.193%204%2014.993%204%2010a8%208%200%200%201%2016%200%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M20%2010c0%204.993-5.539%2010.193-7.399%2011.799a1%201%200%200%201-1.202%200C9.539%2020.193%204%2014.993%204%2010a8%208%200%200%201%2016%200%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Mostrar punto */ .navbar-right .icon.point { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%222%22%20x2%3D%225%22%20y1%3D%2212%22%20y2%3D%2212%22%20%2F%3E%20%3Cline%20x1%3D%2219%22%20x2%3D%2222%22%20y1%3D%2212%22%20y2%3D%2212%22%20%2F%3E%20%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%222%22%20y2%3D%225%22%20%2F%3E%20%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%2219%22%20y2%3D%2222%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%227%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%222%22%20x2%3D%225%22%20y1%3D%2212%22%20y2%3D%2212%22%20%2F%3E%20%3Cline%20x1%3D%2219%22%20x2%3D%2222%22%20y1%3D%2212%22%20y2%3D%2212%22%20%2F%3E%20%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%222%22%20y2%3D%225%22%20%2F%3E%20%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%2219%22%20y2%3D%2222%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%227%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Buscar Direccion */ .navbar-right .icon.address { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M15%2022a1%201%200%200%201-1-1v-4a1%201%200%200%201%20.445-.832l3-2a1%201%200%200%201%201.11%200l3%202A1%201%200%200%201%2022%2017v4a1%201%200%200%201-1%201z%22%20%2F%3E%20%3Cpath%20d%3D%22M18%2010a8%208%200%200%200-16%200c0%204.993%205.539%2010.193%207.399%2011.799a1%201%200%200%200%20.601.2%22%20%2F%3E%20%3Cpath%20d%3D%22M18%2022v-3%22%20%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%223%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M15%2022a1%201%200%200%201-1-1v-4a1%201%200%200%201%20.445-.832l3-2a1%201%200%200%201%201.11%200l3%202A1%201%200%200%201%2022%2017v4a1%201%200%200%201-1%201z%22%20%2F%3E%20%3Cpath%20d%3D%22M18%2010a8%208%200%200%200-16%200c0%204.993%205.539%2010.193%207.399%2011.799a1%201%200%200%200%20.601.2%22%20%2F%3E%20%3Cpath%20d%3D%22M18%2022v-3%22%20%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%223%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Enviar comando */ .navbar-right .icon.send-command { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M4%2010a7.31%207.31%200%200%200%2010%2010Z%22%20%2F%3E%20%3Cpath%20d%3D%22m9%2015%203-3%22%20%2F%3E%20%3Cpath%20d%3D%22M17%2013a6%206%200%200%200-6-6%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2013A10%2010%200%200%200%2011%203%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M4%2010a7.31%207.31%200%200%200%2010%2010Z%22%20%2F%3E%20%3Cpath%20d%3D%22m9%2015%203-3%22%20%2F%3E%20%3Cpath%20d%3D%22M17%2013a6%206%200%200%200-6-6%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2013A10%2010%200%200%200%2011%203%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Camara / Medios */ .navbar-right .icon.camera { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.3%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cg%20transform%3D%22translate%2812%2012%29%20scale%281.15%29%20translate%28-12%20-12%29%22%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%2215%22%20height%3D%2214%22%20rx%3D%222.5%22%20%2F%3E%3Cpath%20d%3D%22M17%209.5%2021.4%207a.6.6%200%200%201%20.9.5v9a.6.6%200%200%201-.9.5L17%2014.5z%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.3%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cg%20transform%3D%22translate%2812%2012%29%20scale%281.15%29%20translate%28-12%20-12%29%22%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%2215%22%20height%3D%2214%22%20rx%3D%222.5%22%20%2F%3E%3Cpath%20d%3D%22M17%209.5%2021.4%207a.6.6%200%200%201%20.9.5v9a.6.6%200%200%201-.9.5L17%2014.5z%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important; } /* Tareas */ .navbar-right .icon.task { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M13%205h8%22%20%2F%3E%20%3Cpath%20d%3D%22M13%2012h8%22%20%2F%3E%20%3Cpath%20d%3D%22M13%2019h8%22%20%2F%3E%20%3Cpath%20d%3D%22m3%2017%202%202%204-4%22%20%2F%3E%20%3Cpath%20d%3D%22m3%207%202%202%204-4%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M13%205h8%22%20%2F%3E%20%3Cpath%20d%3D%22M13%2012h8%22%20%2F%3E%20%3Cpath%20d%3D%22M13%2019h8%22%20%2F%3E%20%3Cpath%20d%3D%22m3%2017%202%202%204-4%22%20%2F%3E%20%3Cpath%20d%3D%22m3%207%202%202%204-4%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Mantenimiento */ .navbar-right .icon.services { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.106-3.105c.32-.322.863-.22.983.218a6%206%200%200%201-8.259%207.057l-7.91%207.91a1%201%200%200%201-2.999-3l7.91-7.91a6%206%200%200%201%207.057-8.259c.438.12.54.662.219.984z%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.106-3.105c.32-.322.863-.22.983.218a6%206%200%200%201-8.259%207.057l-7.91%207.91a1%201%200%200%201-2.999-3l7.91-7.91a6%206%200%200%201%207.057-8.259c.438.12.54.662.219.984z%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Gastos */ .navbar-right .icon.money { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%2017V7%22%20%2F%3E%20%3Cpath%20d%3D%22M16%208h-6a2%202%200%200%200%200%204h4a2%202%200%200%201%200%204H8%22%20%2F%3E%20%3Cpath%20d%3D%22M4%203a1%201%200%200%201%201-1%201.3%201.3%200%200%201%20.7.2l.933.6a1.3%201.3%200%200%200%201.4%200l.934-.6a1.3%201.3%200%200%201%201.4%200l.933.6a1.3%201.3%200%200%200%201.4%200l.933-.6a1.3%201.3%200%200%201%201.4%200l.934.6a1.3%201.3%200%200%200%201.4%200l.933-.6A1.3%201.3%200%200%201%2019%202a1%201%200%200%201%201%201v18a1%201%200%200%201-1%201%201.3%201.3%200%200%201-.7-.2l-.933-.6a1.3%201.3%200%200%200-1.4%200l-.934.6a1.3%201.3%200%200%201-1.4%200l-.933-.6a1.3%201.3%200%200%200-1.4%200l-.933.6a1.3%201.3%200%200%201-1.4%200l-.934-.6a1.3%201.3%200%200%200-1.4%200l-.933.6a1.3%201.3%200%200%201-.7.2%201%201%200%200%201-1-1z%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%2017V7%22%20%2F%3E%20%3Cpath%20d%3D%22M16%208h-6a2%202%200%200%200%200%204h4a2%202%200%200%201%200%204H8%22%20%2F%3E%20%3Cpath%20d%3D%22M4%203a1%201%200%200%201%201-1%201.3%201.3%200%200%201%20.7.2l.933.6a1.3%201.3%200%200%200%201.4%200l.934-.6a1.3%201.3%200%200%201%201.4%200l.933.6a1.3%201.3%200%200%200%201.4%200l.933-.6a1.3%201.3%200%200%201%201.4%200l.934.6a1.3%201.3%200%200%200%201.4%200l.933-.6A1.3%201.3%200%200%201%2019%202a1%201%200%200%201%201%201v18a1%201%200%200%201-1%201%201.3%201.3%200%200%201-.7-.2l-.933-.6a1.3%201.3%200%200%200-1.4%200l-.934.6a1.3%201.3%200%200%201-1.4%200l-.933-.6a1.3%201.3%200%200%200-1.4%200l-.933.6a1.3%201.3%200%200%201-1.4%200l-.934-.6a1.3%201.3%200%200%200-1.4%200l-.933.6a1.3%201.3%200%200%201-.7.2%201%201%200%200%201-1-1z%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Tablero */ .navbar-right .icon.dashboard { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22m12%2014%204-4%22%20%2F%3E%20%3Cpath%20d%3D%22M3.34%2019a10%2010%200%201%201%2017.32%200%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22m12%2014%204-4%22%20%2F%3E%20%3Cpath%20d%3D%22M3.34%2019a10%2010%200%201%201%2017.32%200%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Compartir */ .navbar-right .icon.sharing { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%225%22%20r%3D%223%22%20%2F%3E%20%3Ccircle%20cx%3D%226%22%20cy%3D%2212%22%20r%3D%223%22%20%2F%3E%20%3Ccircle%20cx%3D%2218%22%20cy%3D%2219%22%20r%3D%223%22%20%2F%3E%20%3Cline%20x1%3D%228.59%22%20x2%3D%2215.42%22%20y1%3D%2213.51%22%20y2%3D%2217.49%22%20%2F%3E%20%3Cline%20x1%3D%2215.41%22%20x2%3D%228.59%22%20y1%3D%226.51%22%20y2%3D%2210.49%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%225%22%20r%3D%223%22%20%2F%3E%20%3Ccircle%20cx%3D%226%22%20cy%3D%2212%22%20r%3D%223%22%20%2F%3E%20%3Ccircle%20cx%3D%2218%22%20cy%3D%2219%22%20r%3D%223%22%20%2F%3E%20%3Cline%20x1%3D%228.59%22%20x2%3D%2215.42%22%20y1%3D%2213.51%22%20y2%3D%2217.49%22%20%2F%3E%20%3Cline%20x1%3D%2215.41%22%20x2%3D%228.59%22%20y1%3D%226.51%22%20y2%3D%2210.49%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Activacion de dispositivo */ .navbar-right .icon.devices { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M3.85%208.62a4%204%200%200%201%204.78-4.77%204%204%200%200%201%206.74%200%204%204%200%200%201%204.78%204.78%204%204%200%200%201%200%206.74%204%204%200%200%201-4.77%204.78%204%204%200%200%201-6.75%200%204%204%200%200%201-4.78-4.77%204%204%200%200%201%200-6.76Z%22%20%2F%3E%20%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M3.85%208.62a4%204%200%200%201%204.78-4.77%204%204%200%200%201%206.74%200%204%204%200%200%201%204.78%204.78%204%204%200%200%201%200%206.74%204%204%200%200%201-4.77%204.78%204%204%200%200%201-6.75%200%204%204%200%200%201-4.78-4.77%204%204%200%200%201%200-6.76Z%22%20%2F%3E%20%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Manual de Usuario */ .navbar-right a[href^="/manual"] .icon { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%205v16%22%20%2F%3E%20%3Cpath%20d%3D%22M20.001%2019A2%202%200%200022%2017V5a2%202%200%2000-1.999-2L16%203.002A5%205%200%200012%205a5%205%200%2000-4-2H4a2%202%200%2000-2%202v12a2%202%200%20001.999%202H8a5%205%200%20014%202%205%205%200%20014-2z%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%205v16%22%20%2F%3E%20%3Cpath%20d%3D%22M20.001%2019A2%202%200%200022%2017V5a2%202%200%2000-1.999-2L16%203.002A5%205%200%200012%205a5%205%200%2000-4-2H4a2%202%200%2000-2%202v12a2%202%200%20001.999%202H8a5%205%200%20014%202%205%205%200%20014-2z%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Puertos de Dispositivos */ .navbar-right a[href^="/puertos"] .icon { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%2022v-5%22%20%2F%3E%20%3Cpath%20d%3D%22M15%208V2%22%20%2F%3E%20%3Cpath%20d%3D%22M17%208a1%201%200%200%201%201%201v4a4%204%200%200%201-4%204h-4a4%204%200%200%201-4-4V9a1%201%200%200%201%201-1z%22%20%2F%3E%20%3Cpath%20d%3D%22M9%208V2%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%2022v-5%22%20%2F%3E%20%3Cpath%20d%3D%22M15%208V2%22%20%2F%3E%20%3Cpath%20d%3D%22M17%208a1%201%200%200%201%201%201v4a4%204%200%200%201-4%204h-4a4%204%200%200%201-4-4V9a1%201%200%200%201%201-1z%22%20%2F%3E%20%3Cpath%20d%3D%22M9%208V2%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Comandos de Programacion */ .navbar-right a[href^="/comandos"] .icon { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%2019h8%22%20%2F%3E%20%3Cpath%20d%3D%22m4%2017%206-6-6-6%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%2019h8%22%20%2F%3E%20%3Cpath%20d%3D%22m4%2017%206-6-6-6%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Preguntas Frecuentes */ .navbar-right a[href^="/preguntas-frecuentes"] .icon { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M9.09%209a3%203%200%200%201%205.83%201c0%202-3%203-3%203%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2017h.01%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M9.09%209a3%203%200%200%201%205.83%201c0%202-3%203-3%203%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2017h.01%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Subscripcion */ .navbar-right .icon.membership { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20x%3D%222%22%20y%3D%225%22%20rx%3D%222%22%20%2F%3E%20%3Cline%20x1%3D%222%22%20x2%3D%2222%22%20y1%3D%2210%22%20y2%3D%2210%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20x%3D%222%22%20y%3D%225%22%20rx%3D%222%22%20%2F%3E%20%3Cline%20x1%3D%222%22%20x2%3D%2222%22%20y1%3D%2210%22%20y2%3D%2210%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* Cambiar contrasena */ .navbar-right .icon.password { -webkit-mask-image: url("data:image/svg+xml,%20") !important; mask-image: url("data:image/svg+xml,%20") !important; } /* Salir */ .navbar-right .icon.logout { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22m16%2017%205-5-5-5%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2012H9%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22m16%2017%205-5-5-5%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2012H9%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* ⛔ IDIOMA NO SE TOCA, A PROPOSITO. Ese icono no es un dibujo cualquiera: es la BANDERA del idioma activo, y es lo unico que le dice al usuario en que idioma esta el panel. Al cambiarlo por una mascara se perdia la bandera y quedaba un garabato. Visto en captura. */ /* ═══════════════════════════════════════════════════════════════════════════ 16-ago-2026 · LAS VENTANAS DEL ÁREA DE ADMINISTRACIÓN, REDONDEADAS ─────────────────────────────────────────────────────────────────────────── El redondeo de agosto dejó las 34 ventanas del panel del cliente a 12 px, pero las del área de administración se quedaron en pico. La primera que se ve es «Inicie la sesión como» (medido: 0 px en las cuatro). Mismo radio que las del panel (12 px) y misma norma: solo esquinas, ni una regla de letra o color. ⛔ Sin `overflow:hidden`: recortaría los desplegables de dentro, que se salen de la caja a propósito. ═══════════════════════════════════════════════════════════════════════════ */ body.admin-layout .modal-content { border-radius: 12px !important; } body.admin-layout .modal-header { border-radius: 12px 12px 0 0 !important; } body.admin-layout .modal-footer { border-radius: 0 0 12px 12px !important; } /* Los dos iconos que quedaban con el glifo antiguo dentro de la ventana Cámaras. Ninguno lleva la videocámara: «Tomar foto» es la acción de fotografiar, y va con la CÁMARA; «Imágenes» son las fotos ya tomadas, y va con una FOTO. Mismo trazo que el resto del panel. */ #takePhoto .icon.camera, .panel-title-overflow > .icon.camera { display: inline-block !important; background-color: currentColor !important; background-image: none !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: 100% 100% !important; mask-size: 100% 100% !important; width: 16px !important; height: 16px !important; min-width: 16px !important; flex: 0 0 16px !important; font-size: 0 !important; vertical-align: middle !important; } #takePhoto .icon.camera::before, .panel-title-overflow > .icon.camera::before { content: none !important; } #takePhoto .icon.camera { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.3%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cg%20transform%3D%22translate%2812%2012%29%20scale%281.15%29%20translate%28-12%20-12%29%22%3E%3Cpath%20d%3D%22M13.997%204a2%202%200%200%201%201.76%201.05l.486.9A2%202%200%200%200%2018.003%207H20a2%202%200%200%201%202%202v9a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V9a2%202%200%200%201%202-2h1.997a2%202%200%200%200%201.759-1.048l.489-.904A2%202%200%200%201%2010.004%204z%22%20%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%223%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.3%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cg%20transform%3D%22translate%2812%2012%29%20scale%281.15%29%20translate%28-12%20-12%29%22%3E%3Cpath%20d%3D%22M13.997%204a2%202%200%200%201%201.76%201.05l.486.9A2%202%200%200%200%2018.003%207H20a2%202%200%200%201%202%202v9a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V9a2%202%200%200%201%202-2h1.997a2%202%200%200%200%201.759-1.048l.489-.904A2%202%200%200%201%2010.004%204z%22%20%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%223%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important; } .panel-title-overflow > .icon.camera { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%222%22%20%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%222%22%20%2F%3E%3Cpath%20d%3D%22m21%2015-3.086-3.086a2%202%200%200%200-2.828%200L6%2021%22%20%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%222%22%20%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%222%22%20%2F%3E%3Cpath%20d%3D%22m21%2015-3.086-3.086a2%202%200%200%200-2.828%200L6%2021%22%20%2F%3E%3C%2Fsvg%3E") !important; } /* El icono del TÍTULO de la ventana de Cámaras: seguía con el glifo antiguo de icomoon. Aquí sí va la videocámara, porque nombra la sección entera. */ .modal-header .icon.camera, .modal-title .icon.camera { display: inline-block !important; background-color: currentColor !important; background-image: none !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: 100% 100% !important; mask-size: 100% 100% !important; width: 19px !important; height: 19px !important; min-width: 19px !important; font-size: 0 !important; vertical-align: -3px !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.3%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cg%20transform%3D%22translate%2812%2012%29%20scale%281.15%29%20translate%28-12%20-12%29%22%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%2215%22%20height%3D%2214%22%20rx%3D%222.5%22%20%2F%3E%3Cpath%20d%3D%22M17%209.5%2021.4%207a.6.6%200%200%201%20.9.5v9a.6.6%200%200%201-.9.5L17%2014.5z%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.3%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cg%20transform%3D%22translate%2812%2012%29%20scale%281.15%29%20translate%28-12%20-12%29%22%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%2215%22%20height%3D%2214%22%20rx%3D%222.5%22%20%2F%3E%3Cpath%20d%3D%22M17%209.5%2021.4%207a.6.6%200%200%201%20.9.5v9a.6.6%200%200%201-.9.5L17%2014.5z%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important; } .modal-header .icon.camera::before, .modal-title .icon.camera::before { content: none !important; }