/* Reglas semánticas de iconografía del producto.
 * Servicios y Traslados comparten camioncito: son la misma familia operativa.
 * Agenda usa calendario.
 * Cotizaciones usa calculadora.
 */
.nav-item[href*='/servicios']::before,
.nav-item[href*='/traslados']::before,
.nav-item[href*='/cotizar']::before,
.nav-item[href*='/cotizaciones']::before {
    width: 18px;
    height: 18px;
    margin-right: 11px;
    border: 0 !important;
    border-radius: 0;
    background: currentColor !important;
    box-shadow: none !important;
    transform: none;
    opacity: .92;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.nav-item[href*='/servicios']::before,
.nav-item[href*='/traslados']::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h11v9H3zM14 10h4l3 3v3h-7zM7 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM18 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h11v9H3zM14 10h4l3 3v3h-7zM7 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM18 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.nav-item[href*='/servicios/agenda']::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='5' width='16' height='15' rx='2' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M8 3v4M16 3v4M4 10h16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='5' width='16' height='15' rx='2' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M8 3v4M16 3v4M4 10h16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}

.nav-item[href*='/cotizar']::before,
.nav-item[href*='/cotizaciones']::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='3' width='14' height='18' rx='2' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M8 7h8M8 11h2M12 11h2M16 11h0M8 15h2M12 15h2M16 15h0M8 18h2M12 18h5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='3' width='14' height='18' rx='2' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M8 7h8M8 11h2M12 11h2M16 11h0M8 15h2M12 15h2M16 15h0M8 18h2M12 18h5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}

.dashboard-action[href*='/servicios']::before,
.dashboard-action[href*='/traslados']::before,
.dashboard-action[href*='/cotizar']::before,
.dashboard-action[href*='/cotizaciones']::before {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    margin-bottom: .65rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .92;
}

.dashboard-action[href*='/servicios']::before,
.dashboard-action[href*='/traslados']::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h11v9H3zM14 10h4l3 3v3h-7zM7 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM18 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z' fill='none' stroke='%23e4ebef' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.dashboard-action[href*='/servicios/agenda']::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='5' width='16' height='15' rx='2' fill='none' stroke='%23e4ebef' stroke-width='1.8'/%3E%3Cpath d='M8 3v4M16 3v4M4 10h16' fill='none' stroke='%23e4ebef' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}

.dashboard-action[href*='/cotizar']::before,
.dashboard-action[href*='/cotizaciones']::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='3' width='14' height='18' rx='2' fill='none' stroke='%23e4ebef' stroke-width='1.8'/%3E%3Cpath d='M8 7h8M8 11h2M12 11h2M16 11h0M8 15h2M12 15h2M16 15h0M8 18h2M12 18h5' fill='none' stroke='%23e4ebef' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}


/* Catálogo/Garaje usan moto; datos personales mantienen identidad propia. */
.nav-item[href^='/catalogo-motos/']::before,
.nav-item[href^='/mis-vehiculos/']::before,
.nav-item[href^='/app/cuenta/']::before {
    width: 18px;
    height: 18px;
    margin-right: 11px;
    border: 0 !important;
    border-radius: 0;
    background: currentColor !important;
    box-shadow: none !important;
    transform: none;
    opacity: .92;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.nav-item[href^='/catalogo-motos/']::before,
.nav-item[href^='/mis-vehiculos/']::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='5.5' cy='16.5' r='3' fill='none' stroke='black' stroke-width='1.8'/%3E%3Ccircle cx='18.5' cy='16.5' r='3' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M5.5 16.5h5l2.2-6h3.1l2.7 6M8.5 9.5h4.8l2.2 3.2M15.5 8.2h3.2M10.5 16.5h4.2' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='5.5' cy='16.5' r='3' fill='none' stroke='black' stroke-width='1.8'/%3E%3Ccircle cx='18.5' cy='16.5' r='3' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M5.5 16.5h5l2.2-6h3.1l2.7 6M8.5 9.5h4.8l2.2 3.2M15.5 8.2h3.2M10.5 16.5h4.2' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.nav-item[href^='/app/cuenta/']::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='3' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M5.5 20c.7-4.2 2.8-6.2 6.5-6.2s5.8 2 6.5 6.2' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='3' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M5.5 20c.7-4.2 2.8-6.2 6.5-6.2s5.8 2 6.5 6.2' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}

.dashboard-action[href^='/mis-vehiculos/']::before,
.dashboard-action[href^='/app/cuenta/']::before {
    content: "";
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    opacity: .92;
}

.dashboard-action[href^='/mis-vehiculos/']::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='5.5' cy='16.5' r='3' fill='none' stroke='%23e4ebef' stroke-width='1.8'/%3E%3Ccircle cx='18.5' cy='16.5' r='3' fill='none' stroke='%23e4ebef' stroke-width='1.8'/%3E%3Cpath d='M5.5 16.5h5l2.2-6h3.1l2.7 6M8.5 9.5h4.8l2.2 3.2M15.5 8.2h3.2M10.5 16.5h4.2' fill='none' stroke='%23e4ebef' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.dashboard-action[href^='/app/cuenta/']::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='3' fill='none' stroke='%23e4ebef' stroke-width='1.8'/%3E%3Cpath d='M5.5 20c.7-4.2 2.8-6.2 6.5-6.2s5.8 2 6.5 6.2' fill='none' stroke='%23e4ebef' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}


/* Comunicaciones: canal operativo de mensajería. */
.nav-item[href*='/comunicaciones/']::before {
    width: 18px;
    height: 18px;
    margin-right: 11px;
    border: 0 !important;
    border-radius: 0;
    background: currentColor !important;
    box-shadow: none !important;
    transform: none;
    opacity: .92;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v11H8l-4 3V5Z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M7 9h10M7 12h7' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v11H8l-4 3V5Z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M7 9h10M7 12h7' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}