/*!
 * Compatibilidad de iconos B2B Rental (autohospedados)
 * Mapea estilos Pro/Kit a fuentes locales.
 */

@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url("../webfonts/fa-light-300.woff2") format("woff2"),
         url("../webfonts/fa-light-300.woff") format("woff");
}

/* fa-sharp → solid local */
.fa-sharp,
.fa-sharp.fa-solid {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

/* fa-light → Pro Light local (ya incluida en el proyecto) */
.fa-light {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
}

/* Iconos Pro/Kit sin glifo en Free → alternativa visual cercana */
.fa-truck-tow::before {
    --fa: "\f0d1";
}

.fa-cars::before {
    --fa: "\f1b9";
}

.fa-user-vneck-hair::before {
    --fa: "\f007";
}

.fa-calendar-range::before {
    --fa: "\f073";
}

.fa-filter-list::before {
    --fa: "\f0b0";
}

.fa-circle-phone::before {
    --fa: "\f095";
}

/* Íconos personalizados del kit (vehículos renting) */
.fak[class*="fa-ao-"] {
    font-size: inherit;
    line-height: 1;
}

.fak[class*="fa-ao-"]::before {
    content: "" !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask: var(--b2b-ao-icon) no-repeat center / contain;
    mask: var(--b2b-ao-icon) no-repeat center / contain;
}

.fa-ao-car {
    --b2b-ao-icon: url("../assets/icons/vehicles/ao-car.svg");
}

.fa-ao-premium {
    --b2b-ao-icon: url("../assets/icons/vehicles/ao-premium.svg");
}

.fa-ao-suv {
    --b2b-ao-icon: url("../assets/icons/vehicles/ao-suv.svg");
}

.fa-ao-automovil {
    --b2b-ao-icon: url("../assets/icons/vehicles/ao-automovil.svg");
}

.fa-ao-camioneta {
    --b2b-ao-icon: url("../assets/icons/vehicles/ao-camioneta.svg");
}

.fa-ao-furgon {
    --b2b-ao-icon: url("../assets/icons/vehicles/ao-furgon.svg");
}

.fa-ao-camion {
    --b2b-ao-icon: url("../assets/icons/vehicles/ao-camion.svg");
}