/* ==========================================================================
   PB Design System
   CORE · Utilidades
   ========================================================================== */

/* --------------------------------------------------------------
   Visibilidad
-------------------------------------------------------------- */

.pb-root .hidden {
    display: none !important;
}

.pb-root .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

/* --------------------------------------------------------------
   Overflow
-------------------------------------------------------------- */

.pb-root .overflow-hidden {
    overflow: hidden;
}

/* --------------------------------------------------------------
   Anchuras
-------------------------------------------------------------- */

.pb-root .w-100 {
    width: 100%;
}

.pb-root .h-100 {
    height: 100%;
}

/* --------------------------------------------------------------
   Márgenes automáticos
-------------------------------------------------------------- */

.pb-root .mx-auto {
    margin-inline: auto;
}

.pb-root .my-auto {
    margin-block: auto;
}

/* --------------------------------------------------------------
   Texto
-------------------------------------------------------------- */

.pb-root .text-center {
    text-align: center;
}

.pb-root .text-left {
    text-align: left;
}

.pb-root .text-right {
    text-align: right;
}

/* --------------------------------------------------------------
   Cursores
-------------------------------------------------------------- */

.pb-root .cursor-pointer {
    cursor: pointer;
}

/* --------------------------------------------------------------
   Interacción
-------------------------------------------------------------- */

.pb-root .no-select {
    user-select: none;
}

.pb-root .no-events {
    pointer-events: none;
}

.pb-root .centrar {
    align-items: center;
    justify-items: center;
}