/* CARD DO MAPA */
.mapa-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 0 !important;
    border: 1px solid #e5e5e5;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.06);
    margin-bottom: 30px;
    position: relative !important;
    overflow: visible !important;
}

/* MAPA */
#mapaRastreio {
    width: 100% !important;
    min-height: 420px !important;
    height: 420px !important;
    border-radius: 12px;
    overflow: hidden !important;
    border: 1px solid #ddd;
    display: block !important;
    position: relative !important;
}

/* Garantir que Leaflet preencha totalmente */
.leaflet-container {
    height: 100% !important;
    width: 100% !important;
}

/* Linha da rota */
.leaflet-interactive {
    stroke-width: 4px !important;
    stroke: #E94E1B !important;
    opacity: 0.8 !important;
}
#tab-rastreio.fru-tab-content {
    padding: 0 !important;        /* remove espaço em volta do mapa */
    margin-top: 10px !important;  /* opcional: deixa só 10px no topo */
}
.linha-animada {
        stroke-dasharray: 12;
        animation: fluxo 1s linear infinite;
    }

    @keyframes fluxo {
        from {
            stroke-dashoffset: 0;
        }
        to {
            stroke-dashoffset: -24;
        }
    }

/* Caixa que envolve tudo */
.fru-distancias-wrapper {
    margin-top: 20px;
    padding: 15px;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

/* Distância total */
.distancia-total {
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 700;
    color: #27A99A;
    text-align: left;
}

/* Lista de distâncias individuais */
.distancias-lista {
    font-size: 15px;
    padding: 10px 15px;
    border-radius: 10px;
    background: #f3fdfc;
    border: 1px solid #d6f3ef;
}

.distancias-lista div {
    padding: 8px 0;
    border-bottom: 1px solid #e6e6e6;
}

.distancias-lista div:last-child {
    border-bottom: none;
}
#tab-rastreio.fru-tab-content {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}