/* teléfono: app del chofer (compartido entre la página de inicio y el acceso) */

.tel{position:absolute;right:0;top:3%;width:36%;aspect-ratio:9/18.6;background:#141a2c;border-radius:15%/7.3%;padding:1.7%;box-shadow:0 50px 80px -40px rgba(8,16,40,.55),0 0 0 1.5px #2a3147,0 0 0 2.5px rgba(255,255,255,.35) inset;z-index:3;opacity:0;animation:aparecer .6s 1.3s ease-out forwards}
.tel::before{content:"";position:absolute;left:50%;top:2.6%;transform:translateX(-50%);width:22%;height:2.4%;border-radius:999px;background:#141a2c;z-index:2}
.tel-p{background:#fff;border-radius:13.5%/6.6%;height:100%;overflow:hidden;display:flex;flex-direction:column;font-size:clamp(9.5px,.8vw,11.5px);color:var(--fg);padding:0 0 3.5%}
.tel-status{display:flex;justify-content:space-between;padding:4% 9% 0;font-size:.85em;font-weight:600}
.tel-cab{display:flex;align-items:center;gap:5%;padding:7% 7% 4%}
.tel-cab .ic{width:1.35em;height:1.35em;color:var(--fg-2);flex:none}
.tel-cab small{display:block;color:var(--fg-3);font-size:.9em}.tel-cab strong{display:block;font-size:1.15em;font-weight:700;color:var(--brand-navy);line-height:1.2}
.tel-ruta{margin:0 7%;padding:5% 6%;background:var(--bg);border-radius:.9em;display:flex;flex-direction:column;gap:.5em}
.tel-ruta div{display:flex;align-items:center;gap:.6em;font-size:.95em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tel-ruta i{width:.6em;height:.6em;border-radius:50%;background:var(--brand-navy);flex:none}.tel-ruta div:last-child i{background:var(--brand-orange)}
.tel-ruta b{font-weight:600}.tel-ruta span{color:var(--fg-3)}
.tel-tl{list-style:none;margin:5% 7% 0;display:flex;flex-direction:column}
.tel-tl li{position:relative;padding:0 0 .9em 1.6em;font-size:.95em;display:flex;align-items:center;gap:.5em}
.tel-tl li::before{content:"";position:absolute;left:.15em;top:.35em;width:.7em;height:.7em;border-radius:50%;background:var(--ok)}
.tel-tl li::after{content:"";position:absolute;left:.47em;top:1.15em;bottom:-.1em;width:1px;background:var(--linea-2)}
.tel-tl li:last-child::after{display:none}
.tel-tl li.pend::before{background:#fff;border:2px solid var(--brand-orange);width:.5em;height:.5em;left:.1em;top:.3em}
.tel-tl strong{font-weight:600;flex:1}.tel-tl span{color:var(--fg-3)}
.tel-tl .th{display:flex}.tel-tl .th i{width:1.6em;height:1.6em;border-radius:.35em;border:1.5px solid #fff;background:linear-gradient(135deg,#d7b58e,#8c6743);display:block}.tel-tl .th i+i{margin-left:-.5em;background:linear-gradient(135deg,#c5cddb,#7a879f)}
.tel-nota{margin:auto 7% 0;border:1px dashed var(--linea-2);border-radius:.8em;padding:.75em .9em;font-size:.9em;color:var(--fg-3);display:flex;justify-content:space-between}.tel-nota span{font-size:.85em}
.tel-btn{margin:.7em 7% 0;white-space:nowrap;background:var(--brand-orange);color:#fff;border-radius:.9em;padding:.9em;font-weight:700;font-size:1em;display:flex;align-items:center;justify-content:center;gap:.5em}
.tel-btn .ic{width:1.2em;height:1.2em}
.tel-gps{display:flex;align-items:center;justify-content:center;gap:.4em;margin-top:.7em;font-size:.85em;color:var(--fg-3)}.tel-gps .ic{width:1em;height:1em;color:var(--ok)}