/* ================================================================
   LUCIDE → COMPATIBILIDAD CON CLASES FONT AWESOME
   ---------------------------------------------------------------
   Permite conservar HTML existente:
   <i class="fa fa-pencil"></i>
   pero renderizando SVG Lucide locales.
   ================================================================ */

/* ---------------------------------------------------------------
   CONFIGURACIÓN COMÚN
   Solo incluir aquí clases YA migradas a Lucide.
   --------------------------------------------------------------- */
.fa-envelope,
.fa-lock,
.fa-user,
.fa-edit,
.fa-pencil,
.fa-home,
.fa-search,
.fa-building,
.fa-briefcase,
.fa-map-marker,
.fa-users,
.fa-folder-open,
.fa-square-check,
.fa-check-square,
.fa-lightbulb,
.fa-laptop,
.fa-bars,
.fa-box,
.fa-align-left,
.fa-circle-check,
.fa-sign-out{
    display: inline-block;
    width: 1em;
    height: 1em;
    flex: 0 0 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    -webkit-mask-image: var(--lucide-icon);
    mask-image: var(--lucide-icon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    font-style: normal;
}


/* ---------------------------------------------------------------
   IMPORTANTE:
   anulamos el glifo de Font Awesome SOLO para los migrados.
   --------------------------------------------------------------- */
.fa-envelope::before,
.fa-lock::before,
.fa-user::before,
.fa-edit::before,
.fa-pencil::before,
.fa-home::before,
.fa-search::before,
.fa-building::before,
.fa-briefcase::before,
.fa-map-marker::before,
.fa-users::before,
.fa-folder-open::before,
.fa-square-check::before,
.fa-check-square::before,
.fa-lightbulb::before,
.fa-laptop::before,
.fa-bars::before,
.fa-box::before,
.fa-align-left::before,
.fa-circle-check::before,
.fa-check::before,
.fa-sign-out::before {
    content: "" !important;
    display: none !important;
}

/* ================================================================
   MAPEO FONT AWESOME → LUCIDE
   ================================================================ */
.fa-envelope {
    --lucide-icon:
            url("../icons/lucide/mail.svg");
}

.fa-lock {
    --lucide-icon:
            url("../icons/lucide/lock.svg");
}

.fa-user {
    --lucide-icon:
            url("../icons/lucide/user.svg");
}


.fa-edit,
.fa-pencil {
    --lucide-icon:
            url("../icons/lucide/pencil.svg");
}


.fa-home {
    --lucide-icon:
            url("../icons/lucide/house.svg");
}


.fa-search {
    --lucide-icon:
            url("../icons/lucide/search.svg");
}


.fa-building {
    --lucide-icon:
            url("../icons/lucide/building-2.svg");
}


.fa-briefcase {
    --lucide-icon:
            url("../icons/lucide/briefcase.svg");
}


.fa-map-marker {
    --lucide-icon:
            url("../icons/lucide/map-pin.svg");
}


.fa-users {
    --lucide-icon:
            url("../icons/lucide/users.svg");
}


.fa-folder-open {
    --lucide-icon:
            url("../icons/lucide/folder-open.svg");
}


.fa-square-check,
.fa-check-square {
    --lucide-icon:
            url("../icons/lucide/badge-check.svg");
}


.fa-lightbulb {
    --lucide-icon:
            url("../icons/lucide/lightbulb.svg");
}


.fa-laptop {
    --lucide-icon:
            url("../icons/lucide/laptop.svg");
}


.fa-bars {
    --lucide-icon:
            url("../icons/lucide/menu.svg");
}


.fa-sign-out {
    --lucide-icon:
            url("../icons/lucide/log-out.svg");
}

/* Validar inscripción */
.fa-box {
    --lucide-icon:
            url("../icons/lucide/package.svg");
}

.fa-align-left {
    --lucide-icon:
            url("../icons/lucide/align-left.svg");
}

.fa-circle-check {
    --lucide-icon:
            url("../icons/lucide/badge-check.svg");
}

.fa-check {
    --lucide-icon:
            url("../icons/lucide/check.svg");
}