:root {
    --adminuiux-content-font: "Open Sans", serif;
    --adminuiux-content-font-weight: 400;
    --adminuiux-title-font: "Poppins", serif;
    --adminuiux-title-font-weight: 600;
}

.swipeunlock [data-bs-theme=dark] .unlockrange::-webkit-slider-thumb, [data-bs-theme=dark] .bg-r-gradient, [data-bs-theme=dark] .swipeunlock .unlockrange::-webkit-slider-thumb {
    background-color: #2236ec;
    background-image: radial-gradient(circle at 30% 5%, rgba(3, 174, 210, .25) 15%, #2F42ED 100%) !important;
    background-repeat: no-repeat;
    background-size: contain;
}

.dark\:bg-gray-900 {
    background-color: #2F42ED;
    background-image: radial-gradient(circle at 30% 5%, rgba(3, 174, 210, .25) 15%, #1a2eea 100%) !important;
}

.dark\:bg-gray-800 {
    background-color: #1d3ce8;
}

body:not(.adminuiux-header-fill-bg):not(.adminuiux-header-fill-theme):not(.adminuiux-header-fill-accent):not(.adminuiux-header-boxed) .adminuiux-header.active .navbar {
    background-color: rgb(47 65 236);
}

.bg-theme-1, .bg-theme-1-space {
    background-color: #051b4a !important;
}

.avatar>i, .avatar>svg {
    font-size: 20px;
}

.adminuiux-header .navbar {
    height: 55px;
}

.adminuiux-header.active .navbar {
    background-color: #1d32f099!important;
    box-shadow: 0 0 0 #ffffff00 !important;
}

.adminuiux-header.active .avatar.avatar-30 {
    position: absolute;
    top: 13px;
    left: 70px;
}

.text-muted {
    color: rgb(222 226 230 / 95%) !important;
}

.statistics-swiper .swiper-wrapper .swiper-slide .card .card.adminuiux-card{
    background-color: #0b2f70;
}

.levels-spartans .level {
    border: 1px solid #ffffff85;
    background: #2236ec;
}

/* Network Explorer: asegurar que los dropdowns queden por encima de otras tarjetas */
.network-explorer .user-card {
    position: relative;
    z-index: 0;
}

.network-explorer .user-card:focus-within {
    z-index: 2000;
}

.modal-content {
    background: #1a2ee9;
}

.network-explorer .user-card .dropdown-menu {
    z-index: 2100;
}

/* Mobile Menu Offcanvas Styles */
#mobileMenuOffcanvas .nav-link {
    padding: 0.875rem 1.25rem;
    color: var(--bs-body-color);
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}
#mobileMenuOffcanvas .nav-link .menu-icon {
    font-size: 1.25rem;
}

.offcanvas .dropdown .dropdown-menu{
    box-shadow: none;
}

.text-gray-700 {
    color: #f8f8f8;
}

.text-gray-600 {
    color: #f1f1f1;
}

.roundedui .pagination li .page-link {
    border: 1px solid;
    color: #e1e1e1;
    margin-left: 8px;
    border-radius: 50% !important;
    min-width: 36px;
    min-height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.roundedui .pagination li.active .page-link {
    background: #ff733f;
}

.bg-gray-800 {
    color: #0d0d0d !important;
    background-color: #ffffff;
}

.hover\:bg-gray-700:hover {
    background-color: #ebebeb;
}

.min-h-screen input::placeholder {
    color: #c0c0c0;
}

.text-right {
    text-align: right !important;
}

.hover\:text-gray-900:hover {
    color: #a4a4a4;
}

.min-h-screen input[type="text"], .min-h-screen input[type="email"], .min-h-screen input[type="password"], .min-h-screen input[type="number"], .min-h-screen input[type="tel"], .min-h-screen input[type="url"], .min-h-screen input[type="search"], .min-h-screen textarea, .min-h-screen select {
    color: #fff;
    background-color: #2150e6;
    background-image: radial-gradient(circle at 30% 5%, #0a24e5 15%, #0a24e5 100%) !important;
    border: 1px solid #2d46ff;
}

.adminuiux-mobile-footer-fill-accent .adminuiux-mobile-footer, .adminuiux-mobile-footer-fill-dark .adminuiux-mobile-footer, .adminuiux-mobile-footer-fill-theme .adminuiux-mobile-footer {
    background-color: #2236ec;
}

.adminuiux-mobile-footer-fill-theme .adminuiux-mobile-footer .nav .nav-item .nav-link .nav-text {
    opacity: 0.9;
}

.adminuiux-header .navbar .navbar-brand img {
    position: absolute;
    height: auto;
    left: 70px;
    top: 13px;
}

.avatar.avatar-30 {
    width: 115px;
}

.adminuiux-header .navbar .navbar-brand div :first-child {
    font-size: 14px;
}

.pageloader .text-theme-accent-1 {
    color: #fff !important;
}

.adminuiux-sidebar-fill-bg .adminuiux-sidebar {
    background-color: #2f41ec !important;
}

.bg-theme-l-gradient {
    background: #000418;
    background-image: linear-gradient(225deg, #000a33 0, #000210 100%) !important;
}

[data-bs-theme=dark] .adminuiux-header .navbar .dropdown .dropdown-toggle.show {
    background-color: #071eea;
}

.adminuiux-header .navbar .dropdown .dropdown-toggle {
    background: #2649ea;
    padding-top: 0;
}

.btn-accent {
    min-width: 300px;
    padding: 10px;
    --bs-btn-color: #000000;
    --bs-btn-bg: #ff7345;
    --bs-btn-border-color: #ff7345;
}

h1 {
    font-size: 26px;
}

.btn-add {
    min-width: 300px;
    padding: 10px; 
}

.bg-theme-accent-r-gradient {
    background: #2236ec;
    background-image: radial-gradient(circle at 30% 30%, #2236ec 0, #1c31f2 95%) !important;
}

.adminuiux-sidebar .adminuiux-sidebar-inner .nav.menu-active-line .nav-item .nav-link.active, .adminuiux-sidebar .adminuiux-sidebar-inner .nav.menu-active-line .nav-item .nav-link.show, .adminuiux-sidebar .adminuiux-sidebar-inner .nav.menu-active-line .nav-item .nav-link:active:not(.dropdown-toggle) {
    background-color: #ff733f;
}

[data-bs-theme=dark] .dropdown .dropdown-menu {
    z-index: 9;
    --bs-dropdown-bg: #2135ed;
}

.nav-profile img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.list-group-item {
    background-color: #1a2ee9;
}

.number {
    height: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    font-size: 20px;
}

.number-top {
    font-size: 30px;
    font-weight: 700;
}

.number-first {
    font-size: 34px;
    color: #000728;
    background: #ffffff;
    border-radius: 10px;
}

.bg-blue-kosta {
    background: #0a3171;
}

.btn-default {
    border: 1px solid;
}

.btn-primary {
    background: #2236ec;
    border-color: #1d52e7;
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ff743f;
    --bs-btn-border-color: #ff743f;
}

.bg-warning {
    background-color: #ff743f !important;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
    background-color: #ff9166;
    border-color: #ff9166;
}

.bg-theme-accent-1 {
    background-color: #fe7143 !important;
}

.ranking-first {
    background-color: #1d32f1;
    padding: 12px 0;
    border-radius: 5px;
}

.form-control, .form-select {
    border-radius: 8px;
    background-color: #1e48e7;
    border: 1px solid #ffffff42;
}

.form-control:focus {
    background-color: #1e48e7;
}

.city-ranking-number{
    min-width: 70px;
    font-size: 30px;
}

.form-floating>.form-control-plaintext~label:after, .form-floating>.form-control:focus~label:after, .form-floating>.form-control:not(:placeholder-shown)~label:after, .form-floating>.form-select~label:after {
    background-color: #1e48e7;
}

.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    color: rgb(255 255 255 / 85%);
}

.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {
    height: calc(4rem + var(--bs-border-width)* 2);
    line-height: 1.25;
    min-height: calc(4rem + var(--bs-border-width)* 2);
}

.form-floating>label {
    top: -2px;
}

[data-bs-theme=dark] .pageloader {
    background-color: #2236ecbd;
    z-index: 99999;
}

table tr td {
    vertical-align: middle;
}

.roundedui .card .card-body .btn, .roundedui .card .card-body .choices .choices__inner, .roundedui .card .card-body .form-control, .roundedui .card .card-body .form-select, .roundedui .card .card-body .input-group, .roundedui .card .card-body .nav, .roundedui .card .card-footer .btn, .roundedui .card .card-footer .choices .choices__inner, .roundedui .card .card-footer .form-control, .roundedui .card .card-footer .form-select, .roundedui .card .card-footer .input-group, .roundedui .card .card-footer .nav, .roundedui .card .card-header .btn, .roundedui .card .card-header .choices .choices__inner, .roundedui .card .card-header .form-control, .roundedui .card .card-header .form-select, .roundedui .card .card-header .input-group, .roundedui .card .card-header .nav {
    --bs-border-radius-lg: 5px;
    --bs-border-radius: 4px;
    --bs-border-radius-sm: 4px;
}

.roundedui .card {
    border-radius: 15px;
}

[data-bs-theme=dark] .offcanvas {
    --bs-offcanvas-bg: #2236ec;
}

.inner-sidebar-wrap .inner-sidebar .nav .nav-item .nav-link.active {
    background-color: #2236ec;
}

.table-image {
    max-width: 60px;
    border-radius: 5px;
}

.text-red-600 {
    color: #ff5252;
}

.form-floating ul {
    list-style: none;
    padding-left: 5px;
}

.form-select option {
    background: #0c165d;
}

.btn-kosta {
    color: #0d0d0d;
    background: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 4px 20px;
}

.btn-kosta:hover {
    border: 1px solid #fff;
}

.btn-kosta-back {
    color: #ffffff;
    background: #2236ec;
    font-size: 14px;
    font-weight: 700;
    padding: 4px 10px;
    border: 1px solid #ffffff80;
}

.dropdown-item:active {
    background-color: #152ae7;
}

.btn-kosta-back:hover {
    border: 1px solid #ffffff;
    background: #0e1759;
}

.btn-kosta-accent {
    background-color: #ff743f;
    border-color: #ff743f;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 20px;
}

.btn.btn-link i{
    color: #fff;
}

.sidebar-close .navbar-brand {
    display: none!important;
}

.btn-kosta-accent:hover, .btn-kosta-accent:focus, .btn-kosta-accent:active {
    background-color: #ff9166;
    border-color: #3f3f3f;
    color: #000;
}

.btn-back{
    z-index: 1;
}

.account-cards .swiper-slide {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.account-cards .swiper-slide > .card {
    flex: 1 1 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.roundedui .card .card {
    background-color: #2236ec;
}

.list-group-item p {
    margin-bottom: 0;
}

.btn {
    border-radius: 8px;
}

.btn-accent:hover, .btn-accent:focus, .btn-accent:active {
    background-color: #1b225d;
    border-color: #1350d8;
}

.product-name .image img {
    max-width: 70px;
    border-radius: 5px;
    margin-right: 10px;
}

.label-notes .alert {
    padding: 10px 15px;
    font-size: 13px;
    margin-right: 8px;
}

.table>:not(caption)>*>* {
    background-color: #1327e0;
}

.adminuiux-sidebar-fill-bg .adminuiux-sidebar, .adminuiux-sidebar-fill-bg .adminuiux-sidebar .adminuiux-sidebar-inner .nav .nav-item:focus, .adminuiux-sidebar-fill-bg .adminuiux-sidebar .adminuiux-sidebar-inner .nav .nav-item:hover {
    background-color: #2236ec !important;
}

.dropdown-menu {
    padding-left: 20px !important;
}

.dropdown-menu .dropdown-item {
    color: #fffffff0;
}

.images-product img {
    border-radius: 5px;
}

.attribute-title {
    background: #011214;
    border-radius: 5px 5px 0 0;
}

.attribute-container {
    border: 1px solid #a9a9a9;
    border-radius: 5px;
}

.attribute-container .item {
    border: 1px solid #a6a6a6;
    padding: 2px 3px 2px 20px;
    border-radius: 20px;
    margin-right: 10px;
}

.btn-delete-item {
    border-radius: 50%;
    margin-left: 10px;
}

.variants table tr {
    border-top: 1px solid #9f9f9fd4;
}

.variants table tr th {
    text-align: center;
}

.variants table tr td {
    padding: 15px 0;
}

.variants .form-control {
    border-radius: 8px;
    max-width: 150px;
    margin: auto;
}

.variations input[type="checkbox"] {
    width: 25px;
    height: 25px;
}

.password-toggle {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    opacity: 1;
}

.password-toggle.view-password {
    position: absolute;
    top: 30%;
    right: 13px;
    font-size: 20px;
    opacity: 0.7;
}

.password-toggle:focus {
    outline: none;
}

.password-toggle:hover svg {
    color: #4a5568;
}

.recent-users-container {
    /* Posicionamiento flotante */
    position: fixed;
    bottom: 15px;
    right: 0;
    width: 310px; /* Ancho fijo para el componente */
    z-index: 1; /* Z-index alto para estar por encima de otros elementos */
    background: transparent;
    background-color: #2236ec8a;
    backdrop-filter: blur(5px); /* Efecto de desenfoque para el fondo (opcional, muy moderno) */
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: .75rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);

    /* Transición para el efecto de minimizar */
    transition: transform 0.4s ease-in-out;
    backdrop-filter: blur(5px);
    
    /* AÑADE ESTA LÍNEA AQUÍ */
    overflow: hidden;
}

/* Estado minimizado */
.recent-users-container.minimized {
    /* Mueve el componente hacia la derecha, dejando solo un trozo visible */
    transform: translateX(calc(100% - 0px));
    overflow: visible;
}

.recent-users-container.minimized #toggle-ticker-btn {
    /* Cuando está minimizado, el botón se reposiciona */
    transform: translateX(-305px); /* Lo mueve hacia la izquierda para que sea visible */
}

#toggle-ticker-btn {
    color: #000;
    background: #fff;
    transition: transform 0.4s ease-in-out;
    margin-right: 0 !important;
}

.recent-users-ticker-window {
    height: 525px; 
}

#recent-users-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0.5rem;
    font-size: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.welcome-cp{
    background-size: cover; 
    background-position: left;
    padding: 30px 10px 15px 10px;
}

.welcome-cp p span {
    color: #fe7143;
    text-shadow: 0 0 20px #0013b6;
    font-weight: 800;
    text-transform: uppercase;
}

.offcanvas table tr td {
    background: #1f51e7;
}

.offcanvas table tr td h1, .offcanvas table tr td a {
    color: #fff !important;
}

.user-container .user-item {
    background: #fff;
    border: 5px solid;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 50px;
    margin-bottom: 15px;
}

.users-levels .badge {
    font-size: 16px;
}

.levels-4-10 .user-container .user-item {
    width: 70px;
    height: 70px;
    font-size: 40px;
}

.users-levels {
    padding: 15px 0;
    border-bottom: 1px solid #a9a9a9;
    border-top: 1px solid #a9a9a9;
}

.user-container .user-item.active {
    color: #16c60c;
}

.user-container .user-item.inactive {
    color: #959595;
    background: #d5d5d5;
}

.d-ruby {
    display: ruby
}

.fs-md-14 {
    font-size: 14px;
}

.order-resume {
    width: 30%;
}

.table-pagination nav svg {
    width: 20px;
    height: 20px;
}

.table-pagination nav a, .table-pagination nav span {
    background: transparent !important;
    text-decoration: none;
}

.table-pagination nav span[aria-current="page"] span {
    background: #1b225d !important;
    color: #fff !important;
    border: 1px solid #ffffff82 !important;
}

.table-pagination nav div.flex:first-child {
    display: none;
}

.table-pagination nav p {
    margin-bottom: 20px;
}

.users-levels h4 {
    font-size: 22px;
}

.chechkbox-kosta {
    border: 2px solid #fff;
    width: 28px;
    height: 28px;
    border-radius: 3px;
}

.terms-checkbox {
    border: 2px solid #fff;
    width: 25px;
    height: 25px;
    margin: 0 5px;
}

.alert-register {
    font-size: 16px;
    background: #FF6B00;
    color: #fff;
    border-color: #ff842c;
    border-radius: 3px;
}

.text-orange{
    color: #FF6B00;
}

.icon-account {
    font-size: 18px;
    border: 2px solid;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: 10px;
}

.icon-account.success {
    font-size: 22px;
    border-color: #4ed600;
    color: #4ed600;
}

.border-success {
    border: 2px solid #4ed600;
    border-radius: 15px;
}

.icon-account.danger {
    border-color: #ff2338;
    color: #ff2338;
}

.border-danger {
    border: 2px solid #ff2338;
    border-radius: 15px;
}

.card-account {
    border-radius: 15px;
}

.card-body-kosta {
    background: #072363;
    border-radius: 15px;
    padding: 16px;
}

.btn-add-account {
    background: #002156;
    border: 1px solid #053d97;
    padding: 10px;
    border-radius: 8px;
}

.date-wrapper {
    position: relative;
    display: inline-block;
}

.date-wrapper input[type="date"] {
    padding-right: 45px; /* espacio para el ícono */
}

.calendar-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    pointer-events: none;
    color: #ffffffbd;
}

#birthdate::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    right: 0;
    width: 40px;
    height: 100%;
    cursor: pointer;
}

.btn-perfil {
    position: absolute;
    right: 10px;
}

.btn.btn-square:not(.btn-sm):not(.btn-lg) i, .btn.btn-square:not(.btn-sm):not(.btn-lg) svg {
  font-size: 20px;
}

.adminuiux-sidebar {
    padding-top: 130px!important;
    width: 255px;
}

.adminuiux-sidebar .adminuiux-sidebar-inner .nav {
    padding: 0 5px;
}

.adminuiux-sidebar .adminuiux-sidebar-inner .nav .nav-item .nav-link {
    color: #ffffff;
    padding: 10px 5px;
    border-radius: 5px;
    padding-left: 12px;
}

.adminuiux-sidebar .adminuiux-sidebar-inner .nav .nav-item .nav-link i, .adminuiux-sidebar .adminuiux-sidebar-inner .nav .nav-item .nav-link svg {
    color: #ffffff;
}

.adminuiux-content.has-sidebar {
    padding-top: 0 !important;
    padding-left: 255px;
}

.adminuiux-content.has-sidebar.adminuiux-dashboard-sidebar {
    padding-top: 0 !important;
}

.adminuiux-mobile-footer.style-1 {
    border-radius: 10px 10px 0 0;
}

.adminuiux-mobile-footer .nav .nav-item .nav-link i, .adminuiux-mobile-footer .nav .nav-item .nav-link svg {
    margin: 0 auto 4px;
}

.map-link {
    border: 2px solid #ffffff45;
    border-radius: 8px;
    padding: 8px 0 0 0;
}

.map-link img {
    border-radius: 0 0 8px 8px;
}

#user-info #title-users {
    color: #ff7341;
    border-bottom: 2px solid #ffffff2b;
    padding-bottom: 15px;
}

.banner-pages{
    background-size: cover; 
    background-position: center;
    padding: 80px 10px;
}

.accordion-item, .accordion-button {
    background-color: #2236ec;
}

.text-white-kosta .accordion-button {
    color: #e0ecff;
}

.accordion-button:not(.collapsed) {
    background-color: rgb(0 0 0 / 15%);
    color: #ffffff;
}

.btn-share {
    border-radius: 9px;
    appearance: none;
    height: 55px;
}

#privacy-modal .font-medium {
    font-size: 18px;
}

#privacy-modal .modal-ct, #contract-modal .modal-ct {
    width: 75%;
}

#recent-users-list li .user-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.invalid-feedback {
    color: #d90000;
    background: #fff;
    border: 1px solid #d90000;
    padding: 3px 8px;
    border-radius: 4px;
}

[data-bs-theme=dark] .card {
    --bs-card-bg: #162be6;
}

#comunicado-bar{
    z-index:1060; 
    bottom:10px; 
    left:250px; 
    right:0; 
    pointer-events:auto; 
    padding:0 10px;
}

#music-play-pause {
    width: 27px;
    height: 27px;
    padding: 0;
    background: #ff733f;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

#music-controls{
    position: static;
    z-index:1050;
    background:#2649ea;
    padding: 5px;
    border-radius:5px;
    box-shadow:0 4px 12px rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
}

#bg-music-container{
    flex: 0 0 auto;
    white-space: nowrap;
    margin-right: 50px;
}

#music-controls .btn i {
    font-size: 18px;
    line-height: 0;
    margin-top: 0;
}

.city-ranking-card .city-name {
    text-shadow: 0 0 10px #0337ac;
    font-size: 24px;
}

[data-bs-theme=dark] .table tbody tr:hover td, [data-bs-theme=dark] table.dataTable tbody tr:hover td {
    background-color: hsl(224.48deg 80.08% 50.78%);
}

.city-ranking-card .number-spartan{
    font-size: 26px;
}

.welcome-cp .name-user {
    font-size: 22px;
}

.welcome-cp .subtitle {
    font-size: 20px;
}

.text-welcome {
    padding-left: 15px;
}


@media (max-width: 767px) {
    body {
        font-size: 14px;
    }

    h1 {
        font-size: 20px;
    }

    #comunicado-bar{
        bottom:60px; 
        left: 0;
    }

    #music-play-pause {
        width: 25px;
        height: 25px;
    }

    .adminuiux-header .navbar {
        height: 50px;
        padding-top: 0;
    }

    .btn.btn-square:not(.btn-sm):not(.btn-lg) {
        line-height: 27px;
        min-height: 30px;
        min-width: 30px;
    }

    .btn.btn-square:not(.btn-sm):not(.btn-lg) i, .btn.btn-square:not(.btn-sm):not(.btn-lg) svg {
        font-size: 18px;
        height: 15px;
    }

    .text-welcome {
        padding-left: 3px;
    }

    .welcome-cp .name-user {
        font-size: 18px;
    }

    .welcome-cp .subtitle {
        font-size: 15px;
    }

    #music-controls{
        padding:3px;
    }

    #bg-music-container {
        margin-right: 0;
    }

    .welcome-cp {
        background-image: none !important;
        padding: 10px 10px 0 10px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
    }

    #privacy-modal .modal-ct, #contract-modal .modal-ct {
        width: 100%;
    }

    .adminuiux-sidebar {
        width: 90%;
    }

    .adminuiux-wrap .adminuiux-sidebar {
        left: calc((90% + 10px)* -1);
    }

    .number {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }

    .table-red tr td {
        font-size: 17px;
    }

    .city-ranking-number{
        min-width: 50px;
        font-size: 20px;
    }

    .city-ranking-card .number-spartan{
        font-size: 20px;
    }

    .city-ranking-card .city-name {
        font-size: 17px;
    }

    .number-top {
        font-size: 26px;
    }

    .number-first {
        font-size: 30px;
    }

    .recent-users-container {
        width: 220px;
        top: 80px;
        bottom: auto;
        right: 0;
    }

    /* 2. Ajustamos la altura de la ventana para que no ocupe toda la pantalla */
    .recent-users-ticker-window {
        height: 465px; 
    }

    /* 3. Cambiamos la distribución de cada elemento de la lista */
    #recent-users-list li {
        flex-direction: column; /* Apilamos el nombre y la ciudad verticalmente */
        align-items: flex-start; /* Alineamos todo a la izquierda */
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
    }

    /* 4. Ajustamos la tipografía para mayor claridad */
    #recent-users-list .user-name {
        font-size: 0.7rem; /* Un poco más pequeño */
    }

    #recent-users-list .user-city {
        font-size: 0.7rem;
        opacity: 0.7; /* Hacemos la ciudad un poco más sutil */
        padding-left: 1px; /* Pequeña indentación opcional */
    }

    .recent-users-container.minimized #toggle-ticker-btn {
        transform: translateX(-220px);
    }

    .recent-users-ticker-window p.title {
        font-size: 12px;
    }

    .copy-link-field {
        font-size: 12px;
        padding: 9px;
        height: 40px;
        border-radius: 0 0 0 5px;
    }

    .copy-link button {
        height: 40px;
        font-size: 11px;
        padding: 10px 8px !important;
    }

    .btn-share {
        width: 100%;
    }

    .adminuiux-header .navbar .navbar-brand img {
        height: auto;
        left: -5px;
        position: absolute;
        top: 2px;
    }

    .adminuiux-header.active .navbar {
        padding: 10px 0;
    }

    .adminuiux-header.active .avatar.avatar-30 {
        position: absolute;
        top: 2px;
        left: 12px;
    }

    .avatar.avatar-30 {
        width: 70px;
    }

    .logo-dashboard .avatar.avatar-30 {
        width: 130px;
    }

    .adminuiux-header.active .avatar.avatar-30 {
        width: 50px;
        transition: width 0.3s ease-in-out;
    }

    .users-levels {
        padding: 10px 0;
    }

    .user-container .user-item {
        width: 70px;
        height: 70px;
        font-size: 40px;
    }

    .levels-4-10 .user-container .user-item, .levels-2-3 .user-container .user-item {
        width: 50px;
        height: 50px;
        font-size: 25px;
    }

    .user-container {
        text-align: center;
    }

    .users-levels h4 {
        font-size: 16px;
        text-align: center;
    }

    .users-levels .badge {
        font-size: 12px;
        white-space: initial;
        line-height: 18px;
    }

    .small, small {
        font-size: 12px;
    }

    .fs-md-14 {
        font-size: 12px;
    }

    .card-body{
        padding: 14px 7px;
    }

    .container{
        padding: 0 8px;
    }

    .title-ranking{
        max-width: 120px;
    }

    .order-resume {
        width: 100%;
    }

    .account-cards .width-400 {
        width: 100% !important;
    }

    .sidebar-open .adminuiux-wrap .adminuiux-sidebar {
        z-index: 9999;
        padding-top: 10px !important;
    }

    .btn-perfil {
        position: relative;
        top: 0;
        right: 0;
    }

    .adminuiux-header.active .btn-perfil {
        top: 0;
    }

    .banner-pages {
        padding: 90px 10px 10px;
    }
}