@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';
@import 'Portalxpm.Client.bundle.scp.css';

/* _content/Portalxpm/Components/AnimatedComponents/LogoSvg.razor.rz.scp.css */
#arco-logo-dashboard[b-n8v3m8ztwg] {
    /* Criamos um retângulo de recorte que começa com largura 0% */
    clip-path: inset(0 100% 0 0);
    animation: preencherArco-b-n8v3m8ztwg 1.5s ease-in-out forwards;
}

@keyframes preencherArco-b-n8v3m8ztwg {
    from {
        fill: #7B4D8C; /* Cor Fushia da marca */
        clip-path: inset(0 100% 0 0); /* Escondido à direita */
    }

    to {
        clip-path: inset(0 0% 0 0); /* Totalmente visível */
    }
}

#x-logo-dashboard[b-n8v3m8ztwg] {
    stroke: #7B4D8C; /* Aplica o Fushia */
    stroke-linecap: round;
    stroke-dasharray: 1500;
    stroke-dashoffset: 1500;
    animation: cobra-b-n8v3m8ztwg 3s ease-out forwards;
    filter: drop-shadow(0 5 15px rgba(123, 77, 140, 0.7));
}

#p-logo-dashboard[b-n8v3m8ztwg] {
    stroke: #7B4D8C; /* Aplica o Fushia */
    stroke-linecap: round;
    stroke-dasharray: 1500;
    stroke-dashoffset: 1500;
    animation: cobra-b-n8v3m8ztwg 3s ease-out forwards;
    filter: drop-shadow(0 5 15px rgba(123, 77, 140, 0.7));
}

#m-logo-dashboard[b-n8v3m8ztwg] {
    stroke: #7B4D8C; /* Aplica o Fushia */
    stroke-linecap: round;
    stroke-dasharray: 1500;
    stroke-dashoffset: 1500;
    animation: cobra-b-n8v3m8ztwg 3s ease-out forwards;
    filter: drop-shadow(0 5 15px rgba(123, 77, 140, 0.7));
}

@keyframes cobra-b-n8v3m8ztwg {
    from {
        fill: none !important; /* Remove o preenchimento preto original da linha */
        stroke-dashoffset: 1500;
        stroke-width: 50; /* Espessura da linha na escala do seu SVG */
        opacity: 0.2;
    }

    to {
        stroke-dashoffset: 0;
        stroke-width: 0; /* Espessura da linha na escala do seu SVG */
        opacity: 1;
    }
}

@keyframes desenharRastro-b-n8v3m8ztwg {
    from {
        fill: none !important; /* Remove o preenchimento preto original da linha */
        stroke-dashoffset: 1500;
        stroke-width: 50; /* Espessura da linha na escala do seu SVG */
        opacity: 0.2;
    }

    to {
        stroke-dashoffset: 0;
        stroke-width: 0; /* Espessura da linha na escala do seu SVG */
        opacity: 1;
    }
}
/* _content/Portalxpm/Components/Layout/AuthLayout.razor.rz.scp.css */
.login-bg-gradient[b-s5lv9pcnjp] {
    background: #7B4D8C !important;
    background: linear-gradient(360deg, rgba(123, 77, 140, 1) 0%, rgba(226, 232, 240, 1) 100%) !important;
}

body[b-s5lv9pcnjp] {
    margin: 0px !important;
    padding: 0px !important;
}

@media screen and (min-width: 768px) {
    body[b-s5lv9pcnjp] {
        margin: 0px !important;
        margin-left: 0px !important;
        margin-left: 0px !important;
        margin: 0px !important;
        margin-top: 0px !important;
        padding: 0px !important;
        padding-left: 0 !important;
        padding-top: 0 !important;
    }
}
/* _content/Portalxpm/Components/Layout/MainLayout.razor.rz.scp.css */
/* _content/Portalxpm/Components/Layout/NavMenu.razor.rz.scp.css */
/* _content/Portalxpm/Components/Pages/Login.Razor.rz.scp.css */
/* Fundo da página (estilo cinza azulado do print) */


.login-container[b-cdo2dpf0vm] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Card centralizado */
.login-card[b-cdo2dpf0vm] {
    width: 100%;
    max-width: 500px;
    border-radius: 20px; /* Bordas bem arredondadas */
    border: none;
}

/* Títulos */
.login-title[b-cdo2dpf0vm] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0;
    color: #000;
}

.login-subtitle[b-cdo2dpf0vm] {
    color: #6c757d;
    font-size: 1.1rem;
    margin-bottom: 3rem;
}

/* Inputs customizados */
.custom-input[b-cdo2dpf0vm] {
    background-color: #E8F0FE; /* Azul clarinho do input no print */
    border: none;
    padding: 0.8rem 1rem;
    border-radius: 10px;
}

.custom-input:focus[b-cdo2dpf0vm] {
    background-color: #E8F0FE;
    box-shadow: 0 0 0 0.25rem rgba(83, 72, 234, 0.1);
    border: 1px solid #5348EA;
}

/* Botão de Login (Roxo/Azul do print) */
.btn-login[b-cdo2dpf0vm] {
    background-color: #5348EA; /* Cor do botão do print */
    color: white;
    padding: 0.8rem;
    border-radius: 10px;
    font-weight: 600;
    font-size: 1.1rem;
    border: none;
    transition: all 0.2s ease;
}

.btn-login:hover[b-cdo2dpf0vm] {
    background-color: #4338CA;
    transform: translateY(-1px);
    color: white;
}

/* Ajuste do Link de Recuperar Senha */
.text-primary[b-cdo2dpf0vm] {
    color: #5348EA !important;
}