/****************************************************************************************
*
* Sistema            : PymeSoft ERP
* Módulo             : Framework UI
* Archivo            : ps-framework.css
* Descripción        : Archivo principal del Framework PymeSoft UI.
*
* Programador        : Freddy A. Gallegos Monsalve
* Arquitectura       : OpenAI ChatGPT
*
* Fecha Creación     : 05/07/2026
* Fecha Ult. Modif.  : 17/07/2026
* Versión            : 1.3.3
*
****************************************************************************************/

@import url("ps-variables.css");
@import url("ps-reset.css");
@import url("ps-typography.css");
@import url("ps-layout.css");
@import url("ps-navbar.css?v=2.4.0");
@import url("ps-cards.css");
@import url("ps-forms.css");
@import url("ps-buttons.css");
@import url("ps-empty.css");
@import url("ps-footer.css");
@import url("ps-animations.css");
@import url("ps-responsive.css");

/****************************************************************************************
* LOGO SOPROLE EN NAVBAR - VERSION 1.3.3
****************************************************************************************/

.ps-brand-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 44px;
    max-width: calc(100% - 230px);
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
    pointer-events: none;
    user-select: none;
}

.ps-brand-logo img,
.ps-brand-logo-img {
    display: block;
    width: auto;
    height: 42px;
    max-width: 100%;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

@media (max-width: 576px) {
    .ps-brand-logo {
        height: 38px;
        max-width: calc(100% - 145px);
    }

    .ps-brand-logo img,
.ps-brand-logo-img {
        height: 34px;
    }
}