[data-bs-theme=light] body:not(.app-blank) {
    background-image: url(../img/bg_fcl.png);
}

[data-bs-theme=dark] body:not(.app-blank) {
    background-image: url(../img/bg_fcl_dark.png);
}

[data-bs-theme=light] .text-dark{
    color: var(--bs-text-dark) !important;
}

[data-bs-theme=dark] .text-dark{
    color: white !important;
}

/* .swal2-html-container{
    content: "\A";
    white-space: pre;
} */

.none{
    display: none;
}

.banner-fcl{
    text-align: center; width: 100%;
}

.banner-fcl > img{
    width: 40em; margin-bottom: 3em;
}

.title-fcl{
    font-family: 'Jost', sans-serif !important; font-size: 2.2em; font-weight: 400;
}

.fcl-intro-web{display: block !important;}
.fcl-intro-mobile{display: none !important;}

/* Pantallas XXL (Extra Extra Large) */
@media (min-width: 1600px) {
    /* Estilos para pantallas XXL */
    .title-fcl{font-size: 2.2em;}
    .fcl-intro-web{display: block !important;}
    .fcl-intro-mobile{display: none !important;}
}

/* Pantallas XL (Extra Large) */
@media (min-width: 1200px) and (max-width: 1599px) {
    /* Estilos para pantallas XL */
    .title-fcl{font-size: 1.5em;}
    .banner-fcl > img{width: 40em;}
    .fcl-intro-web{display: block !important;}
    .fcl-intro-mobile{display: none !important;}
}

/* Pantallas L (Large) */
@media (min-width: 992px) and (max-width: 1199px) {
    /* Estilos para pantallas L */
    .title-fcl{font-size: 1.5em;}
    .banner-fcl > img{width: 35em;}
    .fcl-intro-web{display: block !important;}
    .fcl-intro-mobile{display: none !important;}
}

/* Pantallas M (Medium) */
@media (min-width: 768px) and (max-width: 991px) {
    /* Estilos para pantallas M */
    .title-fcl{font-size: 2em;}
    .banner-fcl > img{width: 30em;}
    .fcl-intro-web{display: none !important;}
    .fcl-intro-mobile{display: flex !important;}
}

/* Pantallas S (Small) */
@media (min-width: 576px) and (max-width: 767px) {
    /* Estilos para pantallas S */
    .title-fcl{font-size: 2em;}
    .banner-fcl > img{width: 25em;}
    .fcl-intro-web{display: none !important;}
    .fcl-intro-mobile{display: flex !important;}
}

/* Pantallas XS (Extra Small) */
@media (max-width: 575px) {
    /* Estilos para pantallas XS */
    .title-fcl{font-size: 1.5em;}
    .banner-fcl > img{width: 25em;}
    .fcl-intro-web{display: none !important;}
    .fcl-intro-mobile{display: flex !important;}
}



.inline{display: inline-flex;}
.relative{position: relative;}

.no-margin{
    margin: 0 !important;
}

.no-bottom{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.no-padding{
    padding: 0 !important;
}

.no-wrap-text{
    white-space: nowrap !important;
}