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

/* --------------------------------------------------------------
   Contenedor principal
-------------------------------------------------------------- */

.pb-root .contenedor{
    width: 100%;
    max-width: var(--container-lg);
    padding-inline: var(--space-5);
    margin-inline: auto;
}

/* --------------------------------------------------------------
   Contenedor pequeño
-------------------------------------------------------------- */

.pb-root .contenedor-sm{
    width: 100%;
    max-width: var(--container-sm);
    padding-inline: var(--space-5);
    margin-inline: auto;
}

/* --------------------------------------------------------------
   Contenedor mediano
-------------------------------------------------------------- */

.pb-root .contenedor-md{
    width: 100%;
    max-width: var(--container-md);
    padding-inline: var(--space-5);
    margin-inline: auto;
}

/* --------------------------------------------------------------
   Contenedor grande
-------------------------------------------------------------- */

.pb-root .contenedor-lg{
    width: 100%;
    max-width: var(--container-lg);
    padding-inline: var(--space-5);
    margin-inline: auto;
}

/* --------------------------------------------------------------
   Contenedor extra grande
-------------------------------------------------------------- */

.pb-root .contenedor-xl{
    width: 100%;
    max-width: var(--container-xl);
    padding-inline: var(--space-5);
    margin-inline: auto;
}

/* --------------------------------------------------------------
   Contenedor completo
-------------------------------------------------------------- */

.pb-root .contenedor-full{

    width:100%;

}