html, body {
height: 100%;
}
body {
margin: 0;
padding: 0;
}
.root {
display: flex;
flex-direction: column;
height: 100%;
}
img[src*="gps-jota-y-eme-logo"] {
max-width: 600px !important;
max-height: 300px !important;
width: auto !important;
height: auto !important;
}
body::after {
content: "Jota y Eme, Copyright 2026";
position: fixed;
left: max(24px, calc(32vw + 24px));
bottom: 18px;
z-index: 9999;
color: #6b7280;
font: 500 12px/1.4 Arial, Helvetica, sans-serif;
pointer-events: none;
white-space: nowrap;
}
body::before {
content: "Powered by";
position: fixed;
right: 34px;
bottom: 18px;
z-index: 9999;
min-width: 182px;
min-height: 28px;
padding-right: 126px;
box-sizing: border-box;
color: #6b7280;
font: 500 12px/28px Arial, Helvetica, sans-serif;
background-image: url('data:image/svg+xml,%3Csvg%20width%3D%22240%22%20height%3D%2264%22%20viewBox%3D%220%200%20240%2064%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%20%3Cg%20id%3D%22img%22%3E%0D%0A%20%20%3Crect%20id%3D%22rect3778%22%20height%3D%2264%22%20width%3D%22240%22%20y%3D%220%22%20x%3D%220%22%20fill%3D%22none%22%2F%3E%0D%0A%20%20%3Cg%20id%3D%22g4194%22%3E%0D%0A%20%20%20%3Cg%20id%3D%22g4145%22%20fill%3D%22%231a237e%22%3E%0D%0A%20%20%20%20%3Ccircle%20id%3D%22path2993%22%20stroke-width%3D%221.3262%22%20transform%3D%22rotate%28-30%29%22%20cy%3D%2243.713%22%20cx%3D%229.4364%22%20r%3D%222.2765%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20id%3D%22path3004%22%20stroke-width%3D%221.0095%22%20d%3D%22m37.012%2024.177-2.8428%203.6128c0.66345%200.52205%201.3255%201.1576%201.7734%201.9333%200.4479%200.77578%200.66726%201.6669%200.78764%202.5025l4.5502-0.65558c-0.193-1.42-0.633-2.804-1.394-4.123s-1.74-2.391-2.874-3.27z%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20id%3D%22path3014%22%20stroke-width%3D%221.0095%22%20d%3D%22m42.504%2016.9-2.8428%203.6128c1.607%201.2355%203.0914%202.7935%204.1679%204.6581s1.6835%203.9291%201.95%205.9386l4.5502-0.65558c-0.33967-2.5954-1.1669-5.1513-2.5573-7.5594-1.3903-2.4081-3.1901-4.4025-5.268-5.9944z%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20id%3D%22path3036%22%20stroke-width%3D%223.6204%22%20d%3D%22m28.667%2044.439a9.1058%209.1058%200%200%201%20-9.1058%200.000023%209.1058%209.1058%200%200%201%20-4.5529%20-7.8859%209.1058%209.1058%200%200%201%204.5529%20-7.8859l4.5529%207.8859z%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20id%3D%22path3038-8%22%20stroke-width%3D%221.0095%22%20d%3D%22m17.502%206.8895c-13.868%208.0065-18.619%2025.74-10.612%2039.608%208.006%2013.868%2025.739%2018.619%2039.608%2010.613%2013.868-8.007%2018.619-25.74%2010.613-39.609-8.007-13.868-25.74-18.62-39.609-10.612zm1.706%202.9541c12.237-7.0648%2027.884-2.8722%2034.948%209.3644%207.065%2012.237%202.873%2027.884-9.364%2034.948-12.237%207.065-27.884%202.873-34.948-9.364-7.0652-12.237-2.8726-27.884%209.364-34.948z%22%2F%3E%0D%0A%20%20%20%3C%2Fg%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3Cg%20id%3D%22logotext%22%20aria-label%3D%22Traccar%22%20fill%3D%22%231a237e%22%3E%0D%0A%20%20%20%3Cpath%20id%3D%22path4172%22%20d%3D%22m89.719%2048.671h-3.915v-30.192h-10.663v-3.4775h25.241v3.4775h-10.663v30.192z%22%2F%3E%0D%0A%20%20%20%3Cpath%20id%3D%22path4174%22%20d%3D%22m116.36%2022.969q1.6812%200%203.0169%200.27636l-0.52968%203.5466q-1.566-0.34544-2.7636-0.34544-3.063%200-5.2508%202.4872-2.1648%202.4872-2.1648%206.195v13.541h-3.8229v-25.241h3.1551l0.43756%204.675h0.18424q1.4048-2.4642%203.3854-3.7999t4.3526-1.3357z%22%2F%3E%0D%0A%20%20%20%3Cpath%20id%3D%22path4176%22%20d%3D%22m139.62%2048.671-0.75998-3.5926h-0.18424q-1.8884%202.3721-3.7769%203.2242-1.8654%200.82907-4.675%200.82907-3.7538%200-5.8956-1.9345-2.1187-1.9345-2.1187-5.5041%200-7.6459%2012.229-8.0143l4.2835-0.13818v-1.566q0-2.9708-1.2897-4.3756-1.2666-1.4278-4.0763-1.4278-3.1551%200-7.1392%201.9345l-1.1745-2.9248q1.8654-1.0133%204.0762-1.589%202.2339-0.57574%204.4678-0.57574%204.5138%200%206.6786%202.0036%202.1878%202.0036%202.1878%206.4253v17.226h-2.8326zm-8.6361-2.6945q3.5696%200%205.5962-1.9575%202.0496-1.9575%202.0496-5.4811v-2.2799l-3.8229%200.16121q-4.5599%200.16121-6.5865%201.4278-2.0036%201.2436-2.0036%203.892%200%202.0727%201.2436%203.1551%201.2666%201.0824%203.5236%201.0824z%22%2F%3E%0D%0A%20%20%20%3Cpath%20id%3D%22path4178%22%20d%3D%22m160.44%2049.131q-5.4811%200-8.498-3.3623-2.9939-3.3854-2.9939-9.5573%200-6.3332%203.0399-9.7876%203.063-3.4545%208.7052-3.4545%201.8194%200%203.6387%200.3915t2.8557%200.92119l-1.1745%203.2472q-1.2666-0.50665-2.7636-0.82907-1.4969-0.34544-2.6484-0.34544-7.6919%200-7.6919%209.8106%200%204.652%201.8654%207.1392%201.8884%202.4872%205.5732%202.4872%203.1551%200%206.4713-1.3588v3.3854q-2.5333%201.3127-6.3792%201.3127z%22%2F%3E%0D%0A%20%20%20%3Cpath%20id%3D%22path4180%22%20d%3D%22m182.92%2049.131q-5.4811%200-8.498-3.3623-2.9939-3.3854-2.9939-9.5573%200-6.3332%203.0399-9.7876%203.063-3.4545%208.7052-3.4545%201.8193%200%203.6387%200.3915t2.8557%200.92119l-1.1745%203.2472q-1.2666-0.50665-2.7636-0.82907-1.4969-0.34544-2.6484-0.34544-7.6919%200-7.6919%209.8106%200%204.652%201.8654%207.1392%201.8884%202.4872%205.5732%202.4872%203.1551%200%206.4714-1.3588v3.3854q-2.5333%201.3127-6.3792%201.3127z%22%2F%3E%0D%0A%20%20%20%3Cpath%20id%3D%22path4182%22%20d%3D%22m210.83%2048.671-0.75998-3.5926h-0.18424q-1.8884%202.3721-3.7769%203.2242-1.8654%200.82907-4.675%200.82907-3.7538%200-5.8956-1.9345-2.1187-1.9345-2.1187-5.5041%200-7.6459%2012.229-8.0143l4.2835-0.13818v-1.566q0-2.9708-1.2897-4.3756-1.2666-1.4278-4.0762-1.4278-3.1551%200-7.1392%201.9345l-1.1745-2.9248q1.8654-1.0133%204.0762-1.589%202.2339-0.57574%204.4678-0.57574%204.5138%200%206.6786%202.0036%202.1878%202.0036%202.1878%206.4253v17.226h-2.8326zm-8.6361-2.6945q3.5696%200%205.5962-1.9575%202.0496-1.9575%202.0496-5.4811v-2.2799l-3.8229%200.16121q-4.5599%200.16121-6.5865%201.4278-2.0036%201.2436-2.0036%203.892%200%202.0727%201.2436%203.1551%201.2666%201.0824%203.5235%201.0824z%22%2F%3E%0D%0A%20%20%20%3Cpath%20id%3D%22path4184%22%20d%3D%22m233.08%2022.969q1.6812%200%203.0169%200.27636l-0.52968%203.5466q-1.566-0.34544-2.7636-0.34544-3.0629%200-5.2508%202.4872-2.1648%202.4872-2.1648%206.195v13.541h-3.8229v-25.241h3.1551l0.43757%204.675h0.18423q1.4048-2.4642%203.3854-3.7999t4.3526-1.3357z%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
background-position: right center;
background-repeat: no-repeat;
background-size: 116px auto;
pointer-events: none;
white-space: nowrap;
}
@media (max-width: 900px) {
body::after {
left: 16px;
bottom: 10px;
font-size: 11px;
}
body::before {
right: 16px;
bottom: 10px;
min-width: 158px;
padding-right: 104px;
background-size: 96px auto;
font-size: 11px;
}
}