/* Estilos específicos para el panel de administración - Máxima prioridad */

/* Selector específico para el elemento del admin */
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div {
    background-color: #ffffff !important;
    color: rgb(38, 38, 38) !important;
}

/* Estilos para el enlace (botón) en estado normal, hover y activo */
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a {
    /* Estilos normales */
    background-color: #ffffff !important;
    border-color: #dadada !important;
    color: rgb(96, 96, 96) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.02) !important;
    border-radius: 7px !important;
    text-align: left !important;
    padding: 1.2em 1.5em !important;
}

body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a:hover {
    /* Estilos hover */
    background-color: #f0f0f0 !important;
    border-color: #c0c0c0 !important;
    color: rgb(38, 38, 38) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.04) !important;
    transform: translateY(-1px) !important;
}

body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a:active,
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a.active,
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a:focus:active {
    /* Forzar los estilos del botón para que el estado :active no cambie la apariencia */
    background-color: #ffffff !important;
    border-color: #dadada !important;
    color: rgb(96, 96, 96) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.02) !important;
    transform: none !important;
}

/* Eliminar párrafos específicos dentro de los elementos del admin */

/* Primer párrafo - Gestión de Usuarios - Texto más pequeño */
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a > div > div > div.text-start > p.text-muted.small {
    display: block !important;
    font-size: 0.78em !important;
    color: #868686 !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
    line-height: 1.4 !important;
    opacity: 0.9 !important;
}

/* Segundo párrafo - Gestión de Inversiones */
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a > div > div > div.text-start > p.text-muted.small {
    display: block !important;
    font-size: 0.78em !important;
    color: #868686 !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
    line-height: 1.4 !important;
    opacity: 0.9 !important;
}

/* Tercer párrafo - Actualizar Cotizaciones */
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a > div > div > div.text-start > p.text-muted.small {
    display: block !important;
    font-size: 0.78em !important;
    color: #868686 !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
    line-height: 1.4 !important;
    opacity: 0.9 !important;
}

/* Cuarto párrafo - Información del Sistema */
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button > div > div > div.text-start > p.text-muted.small {
    display: block !important;
    font-size: 0.78em !important;
    color: #868686 !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
    line-height: 1.4 !important;
    opacity: 0.9 !important;
}

/* Estilos para los otros botones del panel de administración - Mismos estilos que Gestión de Usuarios */

/* Botón: Gestión de Inversiones */
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a {
    /* Estilos normales */
    background-color: #ffffff !important;
    border-color: #dadada !important;
    color: rgb(96, 96, 96) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.02) !important;
    border-radius: 7px !important;
    text-align: left !important;
    padding: 1.2em 1.5em !important;
}

body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a:hover {
    /* Estilos hover */
    background-color: #f0f0f0 !important;
    border-color: #c0c0c0 !important;
    color: rgb(38, 38, 38) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.04) !important;
    transform: translateY(-1px) !important;
}

body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a:active,
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a.active,
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a:focus:active {
    /* Forzar los estilos del botón para que el estado :active no cambie la apariencia */
    background-color: #ffffff !important;
    border-color: #dadada !important;
    color: rgb(96, 96, 96) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.02) !important;
    transform: none !important;
}

/* Botón: Actualizar Cotizaciones */
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a {
    /* Estilos normales */
    background-color: #ffffff !important;
    border-color: #dadada !important;
    color: rgb(96, 96, 96) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.02) !important;
    border-radius: 7px !important;
    text-align: left !important;
    padding: 1.2em 1.5em !important;
}

body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a:hover {
    /* Estilos hover */
    background-color: #f0f0f0 !important;
    border-color: #c0c0c0 !important;
    color: rgb(38, 38, 38) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.04) !important;
    transform: translateY(-1px) !important;
}

body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a:active,
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a.active,
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a:focus:active {
    /* Forzar los estilos del botón para que el estado :active no cambie la apariencia */
    background-color: #ffffff !important;
    border-color: #dadada !important;
    color: rgb(96, 96, 96) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.02) !important;
    transform: none !important;
}

/* Botón: Información del Sistema */
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button {
    /* Estilos normales */
    background-color: #ffffff !important;
    border-color: #dadada !important;
    color: rgb(96, 96, 96) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.02) !important;
    border-radius: 7px !important;
    text-align: left !important;
    padding: 1.2em 1.5em !important;
}

body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button:hover {
    /* Estilos hover */
    background-color: #f0f0f0 !important;
    border-color: #c0c0c0 !important;
    color: rgb(38, 38, 38) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.04) !important;
    transform: translateY(-1px) !important;
}

body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button:active,
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button.active,
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button:focus:active {
    /* Forzar los estilos del botón para que el estado :active no cambie la apariencia */
    background-color: #ffffff !important;
    border-color: #dadada !important;
    color: rgb(96, 96, 96) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.02) !important;
    transform: none !important;
}

/* Estilos adicionales para asegurar que se apliquen en modo oscuro también */
.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div {
    background-color: #ffffff !important;
    color: rgb(38, 38, 38) !important;
}

.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a > div > div > div.text-start > p.text-muted.small {
    display: block !important;
    font-size: 0.78em !important;
    color: #868686 !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
    line-height: 1.4 !important;
    opacity: 0.9 !important;
}

.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a > div > div > div.text-start > p.text-muted.small {
    display: block !important;
    font-size: 0.78em !important;
    color: #868686 !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
    line-height: 1.4 !important;
    opacity: 0.9 !important;
}

.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a > div > div > div.text-start > p.text-muted.small {
    display: block !important;
    font-size: 0.78em !important;
    color: #868686 !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
    line-height: 1.4 !important;
    opacity: 0.9 !important;
}

.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button > div > div > div.text-start > p.text-muted.small {
    display: block !important;
    font-size: 0.78em !important;
    color: #868686 !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
    line-height: 1.4 !important;
    opacity: 0.9 !important;
}

/* Estilos para modo oscuro - Botones adicionales */

/* Botón: Gestión de Inversiones - Modo oscuro */
.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a {
    background-color: #ffffff !important;
    border-color: #dadada !important;
    color: rgb(96, 96, 96) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.02) !important;
    border-radius: 7px !important;
    text-align: left !important;
    padding: 1.2em 1.5em !important;
}

.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a:hover {
    background-color: #f0f0f0 !important;
    border-color: #c0c0c0 !important;
    color: rgb(38, 38, 38) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.04) !important;
    transform: translateY(-1px) !important;
}

/* Botón: Actualizar Cotizaciones - Modo oscuro */
.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a {
    background-color: #ffffff !important;
    border-color: #dadada !important;
    color: rgb(96, 96, 96) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.02) !important;
    border-radius: 7px !important;
    text-align: left !important;
    padding: 1.2em 1.5em !important;
}

.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a:hover {
    background-color: #f0f0f0 !important;
    border-color: #c0c0c0 !important;
    color: rgb(38, 38, 38) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.04) !important;
    transform: translateY(-1px) !important;
}

/* Botón: Información del Sistema - Modo oscuro */
.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button {
    background-color: #ffffff !important;
    border-color: #dadada !important;
    color: rgb(96, 96, 96) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.02) !important;
    border-radius: 7px !important;
    text-align: left !important;
    padding: 1.2em 1.5em !important;
}

.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button:hover {
    background-color: #f0f0f0 !important;
    border-color: #c0c0c0 !important;
    color: rgb(38, 38, 38) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.04) !important;
    transform: translateY(-1px) !important;
}

/* Estilos para asegurar que se apliquen con cualquier tema de Bootstrap */
[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div {
    background-color: #ffffff !important;
    color: rgb(38, 38, 38) !important;
}

[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a > div > div > div.text-start > p.text-muted.small {
    display: block !important;
    font-size: 0.78em !important;
    color: #868686 !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
    line-height: 1.4 !important;
    opacity: 0.9 !important;
}

[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a > div > div > div.text-start > p.text-muted.small {
    display: block !important;
    font-size: 0.78em !important;
    color: #868686 !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
    line-height: 1.4 !important;
    opacity: 0.9 !important;
}

[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a > div > div > div.text-start > p.text-muted.small {
    display: block !important;
    font-size: 0.78em !important;
    color: #868686 !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
    line-height: 1.4 !important;
    opacity: 0.9 !important;
}

[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button > div > div > div.text-start > p.text-muted.small {
    display: block !important;
    font-size: 0.78em !important;
    color: #868686 !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
    line-height: 1.4 !important;
    opacity: 0.9 !important;
}

/* Estilos para tema Bootstrap oscuro - Botones adicionales */

/* Botón: Gestión de Inversiones - Tema Bootstrap oscuro */
[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a {
    background-color: #ffffff !important;
    border-color: #dadada !important;
    color: rgb(96, 96, 96) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.02) !important;
    border-radius: 7px !important;
    text-align: left !important;
    padding: 1.2em 1.5em !important;
}

[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a:hover {
    background-color: #f0f0f0 !important;
    border-color: #c0c0c0 !important;
    color: rgb(38, 38, 38) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.04) !important;
    transform: translateY(-1px) !important;
}

/* Botón: Actualizar Cotizaciones - Tema Bootstrap oscuro */
[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a {
    background-color: #ffffff !important;
    border-color: #dadada !important;
    color: rgb(96, 96, 96) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.02) !important;
    border-radius: 7px !important;
    text-align: left !important;
    padding: 1.2em 1.5em !important;
}

[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a:hover {
    background-color: #f0f0f0 !important;
    border-color: #c0c0c0 !important;
    color: rgb(38, 38, 38) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.04) !important;
    transform: translateY(-1px) !important;
}

/* Botón: Información del Sistema - Tema Bootstrap oscuro */
[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button {
    background-color: #ffffff !important;
    border-color: #dadada !important;
    color: rgb(96, 96, 96) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.02) !important;
    border-radius: 7px !important;
    text-align: left !important;
    padding: 1.2em 1.5em !important;
}

[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button:hover {
    background-color: #f0f0f0 !important;
    border-color: #c0c0c0 !important;
    color: rgb(38, 38, 38) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.04) !important;
    transform: translateY(-1px) !important;
}

/* Fondo para el contenedor principal del panel de administración - Modo oscuro */
.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div {
    background-color: var(--anboto-bg) !important;
}

/* Fondo para el contenedor principal del panel de administración - Tema Bootstrap oscuro */
[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div {
    background-color: var(--anboto-bg) !important;
}

/* Estilos para los iconos en el botón de Gestión de Usuarios */
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a .position-relative {
    min-width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 2.0em !important;
}

/* Selectores generales de respaldo para los párrafos de texto */
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a p.text-muted.small,
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a p.text-muted.small,
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a p.text-muted.small,
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button p.text-muted.small {
    display: block !important;
    font-size: 0.78em !important;
    color: #868686 !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
    line-height: 1.4 !important;
    opacity: 0.9 !important;
}

/* Selectores generales para modo oscuro */
.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a p.text-muted.small,
.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a p.text-muted.small,
.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a p.text-muted.small,
.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button p.text-muted.small {
    display: block !important;
    font-size: 0.78em !important;
    color: #868686 !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
    line-height: 1.4 !important;
    opacity: 0.9 !important;
}

/* Selectores generales para tema Bootstrap oscuro */
[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a p.text-muted.small,
[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a p.text-muted.small,
[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a p.text-muted.small,
[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button p.text-muted.small {
    display: block !important;
    font-size: 0.78em !important;
    color: #868686 !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
    line-height: 1.4 !important;
    opacity: 0.9 !important;
}

/* Icono principal fa-users con estilos específicos - CORREGIDO para nueva estructura */
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a > div > div > div.position-relative.me-3 > i.fas.fa-users.fa-lg {
    font-size: 2.0em !important;
    color: rgb(105, 105, 105) !important;
    z-index: 10 !important;
}

/* Estilos adicionales para asegurar que se apliquen - selectores más generales */
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a .fa-users.fa-lg {
    font-size: 2.0em !important;
    color: rgb(105, 105, 105) !important;
    z-index: 10 !important;
}

/* Icono secundario fa-cog con estilos específicos - CORREGIDO para nueva estructura */
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a > div > div > div.position-relative.me-3 > i.fas.fa-cog.fa-xs.position-absolute {
    font-size: 1.3em !important;
    color: #137A4B !important;
    top: -4px !important;
    right: -10px !important;
}

/* Estilos adicionales para asegurar que se apliquen - selectores más generales */
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a .fa-cog.fa-xs.position-absolute {
    font-size: 1.3em !important;
    color: #137A4B !important;
    top: -4px !important;
    right: -10px !important;
}

/* Estilos generales para iconos (mantener compatibilidad) */
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a .fa-users {
    font-size: 1.5em !important;
    color: rgb(38, 38, 38) !important;
}

body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a .fa-users-gear {
    font-size: 0.8em !important;
    color: #137A4B !important;
    z-index: 2 !important;
}

/* Asegurar que el texto se alinee correctamente con los iconos */
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a .text-start {
    flex: 1 !important;
}

/* Icono fa-chevron-right a la derecha del recuadro - CORREGIDO para nueva estructura */
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a > div > i.fas.fa-chevron-right.ms-3 {
    color: rgb(105, 105, 105) !important;
    font-size: 1.2em !important;
    opacity: 0.8 !important;
}

/* Estilos adicionales para asegurar que se apliquen - selectores más generales */
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a .fa-chevron-right {
    color: rgb(105, 105, 105) !important;
    font-size: 1.2em !important;
    opacity: 0.8 !important;
}

/* Estilos para modo oscuro - Iconos específicos - CORREGIDO para nueva estructura */
.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a > div > div > div.position-relative.me-3 > i.fas.fa-users.fa-lg {
    color: rgb(105, 105, 105) !important;
}

.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a > div > div > div.position-relative.me-3 > i.fas.fa-cog.fa-xs.position-absolute {
    color: #137A4B !important;
    top: -4px !important;
}

.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a > div > i.fas.fa-chevron-right.ms-3 {
    color: rgb(105, 105, 105) !important;
}

/* Estilos adicionales para modo oscuro - selectores más generales */
.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a .fa-users.fa-lg {
    color: rgb(105, 105, 105) !important;
}

.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a .fa-cog.fa-xs.position-absolute {
    color: #137A4B !important;
    top: -4px !important;
}

.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a .fa-chevron-right {
    color: rgb(105, 105, 105) !important;
}

/* Estilos generales para modo oscuro - Iconos (mantener compatibilidad) */
.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a .fa-users {
    color: rgb(38, 38, 38) !important;
}

.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a .fa-users-gear {
    color: #137A4B !important;
}

/* Estilos para tema Bootstrap oscuro - Iconos específicos - CORREGIDO para nueva estructura */
[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a > div > div > div.position-relative.me-3 > i.fas.fa-users.fa-lg {
    color: rgb(105, 105, 105) !important;
}

[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a > div > div > div.position-relative.me-3 > i.fas.fa-cog.fa-xs.position-absolute {
    color: #137A4B !important;
    top: -4px !important;
}

[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a > div > i.fas.fa-chevron-right.ms-3 {
    color: rgb(105, 105, 105) !important;
}

/* Estilos adicionales para tema Bootstrap oscuro - selectores más generales */
[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a .fa-users.fa-lg {
    color: rgb(105, 105, 105) !important;
}

[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a .fa-cog.fa-xs.position-absolute {
    color: #137A4B !important;
    top: -4px !important;
}

[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a .fa-chevron-right {
    color: rgb(105, 105, 105) !important;
}

/* Estilos generales para tema Bootstrap oscuro - Iconos (mantener compatibilidad) */
[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a .fa-users {
    color: rgb(38, 38, 38) !important;
}

[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > div > a .fa-users-gear {
    color: #137A4B !important;
}

/* ============================================= */
/* ESTILOS PARA LOS NUEVOS ICONOS DE LOS BOTONES */
/* ============================================= */

/* Icono fa-layer-group para Gestión de Inversiones */
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a > div > div > div.position-relative.me-3 > i.fas.fa-layer-group.fa-lg {
    font-size: 2.0em !important;
    color: #137A4B !important;
}

/* Icono fa-arrows-rotate para Actualizar Cotizaciones */
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a > div > div > div.position-relative.me-3 > i.fas.fa-arrows-rotate.fa-lg {
    font-size: 2.0em !important;
    color: #137A4B !important;
}

/* Icono fa-server para Información del Sistema */
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button > div > div > div.position-relative.me-3 > i.fas.fa-server.fa-lg {
    font-size: 2.0em !important;
    color: rgb(105, 105, 105) !important;
}

/* Estilos generales para los nuevos iconos */
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a .fa-layer-group.fa-lg {
    font-size: 2.0em !important;
    color: #137A4B !important;
}

body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a .fa-arrows-rotate.fa-lg {
    font-size: 2.0em !important;
    color: #137A4B !important;
}

body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button .fa-server.fa-lg {
    font-size: 2.0em !important;
    color: rgb(105, 105, 105) !important;
}

/* Estilos para los chevron-right en los nuevos botones */
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a > div > i.fas.fa-chevron-right.ms-3 {
    color: rgb(105, 105, 105) !important;
    font-size: 1.2em !important;
    opacity: 0.8 !important;
}

body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a > div > i.fas.fa-chevron-right.ms-3 {
    color: rgb(105, 105, 105) !important;
    font-size: 1.2em !important;
    opacity: 0.8 !important;
}

body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button > div > i.fas.fa-chevron-right.ms-3 {
    color: rgb(105, 105, 105) !important;
    font-size: 1.2em !important;
    opacity: 0.8 !important;
}

/* Estilos generales para chevron-right en nuevos botones */
body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a .fa-chevron-right {
    color: rgb(105, 105, 105) !important;
    font-size: 1.2em !important;
    opacity: 0.8 !important;
}

body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a .fa-chevron-right {
    color: rgb(105, 105, 105) !important;
    font-size: 1.2em !important;
    opacity: 0.8 !important;
}

body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button .fa-chevron-right {
    color: rgb(105, 105, 105) !important;
    font-size: 1.2em !important;
    opacity: 0.8 !important;
}

/* Estilos para modo oscuro - Nuevos iconos */
.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a > div > div > div.position-relative.me-3 > i.fas.fa-layer-group.fa-lg {
    color: #137A4B !important;
}

.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a > div > div > div.position-relative.me-3 > i.fas.fa-arrows-rotate.fa-lg {
    color: #137A4B !important;
}

.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button > div > div > div.position-relative.me-3 > i.fas.fa-server.fa-lg {
    color: rgb(105, 105, 105) !important;
}

.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a .fa-layer-group.fa-lg {
    color: #137A4B !important;
}

.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a .fa-arrows-rotate.fa-lg {
    color: #137A4B !important;
}

.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button .fa-server.fa-lg {
    color: rgb(105, 105, 105) !important;
}

.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a > div > i.fas.fa-chevron-right.ms-3 {
    color: rgb(105, 105, 105) !important;
}

.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a > div > i.fas.fa-chevron-right.ms-3 {
    color: rgb(105, 105, 105) !important;
}

.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button > div > i.fas.fa-chevron-right.ms-3 {
    color: rgb(105, 105, 105) !important;
}

.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a .fa-chevron-right {
    color: rgb(105, 105, 105) !important;
}

.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a .fa-chevron-right {
    color: rgb(105, 105, 105) !important;
}

.dark-theme body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button .fa-chevron-right {
    color: rgb(105, 105, 105) !important;
}

/* Estilos para tema Bootstrap oscuro - Nuevos iconos */
[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a > div > div > div.position-relative.me-3 > i.fas.fa-layer-group.fa-lg {
    color: #137A4B !important;
}

[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a > div > div > div.position-relative.me-3 > i.fas.fa-arrows-rotate.fa-lg {
    color: #137A4B !important;
}

[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button > div > div > div.position-relative.me-3 > i.fas.fa-server.fa-lg {
    color: rgb(105, 105, 105) !important;
}

[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a .fa-layer-group.fa-lg {
    color: #137A4B !important;
}

[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a .fa-arrows-rotate.fa-lg {
    color: #137A4B !important;
}

[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button .fa-server.fa-lg {
    color: rgb(105, 105, 105) !important;
}

[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a > div > i.fas.fa-chevron-right.ms-3 {
    color: rgb(105, 105, 105) !important;
}

[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a > div > i.fas.fa-chevron-right.ms-3 {
    color: rgb(105, 105, 105) !important;
}

[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button > div > i.fas.fa-chevron-right.ms-3 {
    color: rgb(105, 105, 105) !important;
}

[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(2) > div > a .fa-chevron-right {
    color: rgb(105, 105, 105) !important;
}

[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(1) > div > a .fa-chevron-right {
    color: rgb(105, 105, 105) !important;
}

[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(3) > div > div > div > div.row.mt-4 > div:nth-child(2) > div > button .fa-chevron-right {
    color: rgb(105, 105, 105) !important;
}

/* Cambiar color de .bg-primary para badges en el panel de administración */
.badge.bg-primary {
    background-color: #137A4B !important;
    color: white !important;
    border-color: #137A4B !important;
}

/* Estilos para modo oscuro */
.dark-theme .badge.bg-primary {
    background-color: #137A4B !important;
    color: white !important;
    border-color: #137A4B !important;
}

/* Estilos para tema Bootstrap oscuro */
[data-bs-theme="dark"] .badge.bg-primary {
    background-color: #137A4B !important;
    color: white !important;
    border-color: #137A4B !important;
}

/* Estilo específico para el título "Panel de Administración" - Margen inferior reducido */
body > main > div.container-fluid > div > div > div:nth-child(2) > h1 {
    margin-bottom: 0.3em !important;
}

/* Estilos para modo oscuro */
.dark-theme body > main > div.container-fluid > div > div > div:nth-child(2) > h1 {
    margin-bottom: 0.3em !important;
}

/* Estilos para tema Bootstrap oscuro */
[data-bs-theme="dark"] body > main > div.container-fluid > div > div > div:nth-child(2) > h1 {
    margin-bottom: 0.3em !important;
}
/* Cache busting timestamp: 1768823031 */