/*!
 * Chamilo LMS stylesheet - Default v.2.0
 * Homepage: https://chamilo.org
 * Author: Alex Aragón <alex.aragon@beeznest.com>
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Based on Bootstrap v3
*/

html {
  position: relative;
}
body {
  margin: 0 0 60px;
}
body > main footer.footer {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}

a {
  color: #337AB7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2E75A3;
  text-decoration: none;
}
a:focus {
  outline: none;
}

.navbar-nav > li{
  margin-bottom: 0;
}
.navbar-collapse{
  overflow: hidden !important;
}
.navbar-default {
  background: #337AB7;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #A4DC2D;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
  color: #fff;
  background-color:#2C5B8E;
}
.navbar-default .navbar-nav > li > a{
  color: #ffffff;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{
  background: #18477A;
  color: #ffffff;
}
.navbar-nav > li > .dropdown-menu{
  min-width: 100%;
  margin-top: 2px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.navbar-default .navbar-nav > .open > .dropdown-menu{
  padding: 3px 4px;
}
.navbar-default .navbar-nav > .open > .dropdown-menu > li > a{
  padding: 6px 9px;
}
.nav > li > a:hover, .nav > li > a:focus{
   background-color: transparent;
}
.navbar-form .form-control{
  height: 25px;
  padding: 6px;
}
.navbar-default .navbar-brand {
  color:white;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
  border-color: #2C5B8E;
}

.navbar-default .navbar-toggle{
  border-color: #00677C;
}
.navbar-default .navbar-toggle .icon-bar{
  background-color: #ffffff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
  background-color: #2C5B8E;
}
.badge-warning{
  background-color: #FD6600;
}
.breadcrumb{
  padding: 8px 15px;
  margin-bottom: 21px;
  list-style: outside none none;
  background-color: #ECF0F1;
}
.breadcrumb > .active{
  color: #95a5a6;
}
.panel-default{
  border-color: #ECF0F1;
}
/* Jquery UI */
.ui-accordion .ui-accordion-icons{
  padding-left: 0.2em;
}
/* End Jquery UI */
.bgfooter{
  background-color:#1A2226;
}
.bgfooter{
  color: #ffffff;
}
.bgfooter a{
  color: #ffffff;
}

/* ==========================================================
   GESAP Professional v3 - Chamilo 1.11.40
   Front-end + administration visual layer
   ========================================================== */
:root{--gesap-navy:#06377a;--gesap-blue:#0875ee;--gesap-cyan:#10c7e8;--gesap-ink:#17324d;--gesap-bg:#f4f8fc;--gesap-border:#dce7f2;}
body{background:var(--gesap-bg);color:var(--gesap-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;}
a{color:#0875ee;} a:hover,a:focus{color:#06377a;}
.navbar-default{border:0;border-radius:0;background:linear-gradient(100deg,var(--gesap-navy) 0%,var(--gesap-blue) 68%,var(--gesap-cyan) 100%);box-shadow:0 3px 14px rgba(6,55,122,.16);}
.navbar-default .navbar-nav>li>a{color:#fff;font-weight:600;padding-left:20px;padding-right:20px;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#fff;background:rgba(255,255,255,.10);}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{background:rgba(3,39,88,.55);color:#fff;}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background:#06377a;color:#fff;}
.breadcrumb{background:#edf5fc;border:1px solid #e1edf7;border-radius:8px;color:#607d98;}
.container .panel,.panel,.well,.thumbnail{border:1px solid var(--gesap-border);border-radius:10px;background:#fff;box-shadow:0 3px 12px rgba(20,57,92,.06);}
.panel-default>.panel-heading{background:#fff;border-bottom:1px solid var(--gesap-border);color:var(--gesap-navy);font-weight:600;border-radius:10px 10px 0 0;}
.panel-title{color:var(--gesap-navy);font-weight:600;}
.btn{border-radius:7px;font-weight:600;box-shadow:none;transition:.18s ease;}
.btn-primary,.btn-info{border-color:#0875ee;background:linear-gradient(100deg,#075bbf,#0875ee);color:#fff;}
.btn-primary:hover,.btn-primary:focus,.btn-info:hover,.btn-info:focus{border-color:#06377a;background:#06377a;color:#fff;transform:translateY(-1px);}
.form-control{border-color:#cdddeb;border-radius:7px;box-shadow:none;}
.form-control:focus{border-color:#0875ee;box-shadow:0 0 0 3px rgba(8,117,238,.12);}
.table{background:#fff;}.table>thead>tr>th{color:var(--gesap-navy);border-bottom:2px solid #dce7f2;}.table>tbody>tr:hover{background:#f5faff;}
.nav-tabs{border-bottom:1px solid #dce7f2;}.nav-tabs>li>a{border-radius:8px 8px 0 0;color:#42617d;}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#075bbf;border-top:3px solid #0875ee;background:#fff;}
.alert-info{background:#eaf7fc;border-color:#b9e9f4;color:#155b73;}
.alert-success{background:#edf9f3;border-color:#c8ead8;color:#256647;}
.page-header{color:var(--gesap-navy);border-bottom-color:#dce7f2;}
/* Main/front page layout */
main, #main, #content-section, .main, .maincontent{background:transparent;}
#content-section,.container{max-width:1340px;}
#content-section{padding-top:18px;padding-bottom:30px;}
#content-section .row > [class*="col-"] > .panel,#content-section .row > [class*="col-"] > .well{overflow:hidden;}
#content-section h1,#content-section h2,#content-section h3{color:var(--gesap-ink);font-weight:650;letter-spacing:-.015em;}
/* Common Chamilo homepage/profile blocks */
#profile_block,.profile_block,.user-profile,.sidebar .panel{background:#fff;border:1px solid var(--gesap-border);border-radius:10px;box-shadow:0 4px 14px rgba(20,57,92,.06);}
#homepage_main_content,.homepage_main_content,.home-page,.homepage{background:transparent;}
/* Header/logo area: cleaner and more corporate; logo itself is managed by Chamilo */
header,.header{background:#fff;}
header .container,.header .container{padding-top:10px;padding-bottom:10px;}
/* Dropdowns */
.dropdown-menu{border:1px solid var(--gesap-border);border-radius:8px;box-shadow:0 8px 24px rgba(20,57,92,.14);}
.dropdown-menu>li>a{padding:8px 14px;color:#294b69;}.dropdown-menu>li>a:hover{background:#edf6ff;color:#075bbf;}
/* Course tiles / lists */
.course-box,.course-item,.course-list .row,.courses .thumbnail{background:#fff;border:1px solid var(--gesap-border);border-radius:10px;box-shadow:0 3px 12px rgba(20,57,92,.06);}
/* Footer */
.bgfooter,footer.footer{background:#052f69;color:#dcecff;} .bgfooter a,footer.footer a{color:#fff;}
/* Remove dated heavy effects while preserving icon images */
img{max-width:100%;height:auto;}
@media (max-width:767px){.navbar-default .navbar-nav>li>a{padding-left:15px;padding-right:15px}.container{width:auto}.panel,.well{border-radius:8px;}}


/* =========================================================
   GESAP PROFESSIONAL v5
   Ajustes específicos para Chamilo 1.11.40
   Panel lateral / Perfil detectado en la instalación GESAP
   ========================================================= */

/* Contenedor desplegable del perfil */
#profileCollapse {
    background: #ffffff !important;
    border-radius: 0 0 14px 14px !important;
}

/* Cuerpo del panel */
#profileCollapse .panel-body {
    padding: 8px 10px 12px !important;
    background: #ffffff !important;
}

/* Lista */
#profileCollapse .list-group {
    margin: 0 !important;
    padding: 0 !important;
}

/* Cada acceso del perfil */
#profileCollapse .list-group-item {
    position: relative !important;
    border: 0 !important;
    border-bottom: 1px solid #edf3f8 !important;
    background: #ffffff !important;
    margin: 0 !important;
    padding: 12px 12px !important;
    border-radius: 9px !important;
    transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

#profileCollapse .list-group-item + .list-group-item {
    margin-top: 3px !important;
}

#profileCollapse .list-group-item:last-child {
    border-bottom: 0 !important;
}

#profileCollapse .list-group-item:hover {
    background: #eef7ff !important;
    transform: translateX(2px);
    box-shadow: 0 3px 10px rgba(7,59,122,.06) !important;
}

/* Enlaces */
#profileCollapse .list-group-item a {
    display: block !important;
    color: #1769c2 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
}

#profileCollapse .list-group-item:hover a {
    color: #073b7a !important;
}

/* Iconos originales: integrarlos en la identidad GESAP */
#profileCollapse .list-group-item img,
#profileCollapse .list-group-item .fa,
#profileCollapse .list-group-item [class*="icon"] {
    opacity: .82;
    transition: opacity .18s ease, transform .18s ease;
}

#profileCollapse .list-group-item:hover img,
#profileCollapse .list-group-item:hover .fa,
#profileCollapse .list-group-item:hover [class*="icon"] {
    opacity: 1;
    transform: scale(1.04);
}

/* Clases exactas observadas en Chamilo */
#profileCollapse .inbox-message-social,
#profileCollapse .new-message-social,
#profileCollapse .invitations-social,
#profileCollapse .personal-data,
#profileCollapse .profile-social {
    background-color: #ffffff !important;
}

#profileCollapse .inbox-message-social:hover,
#profileCollapse .new-message-social:hover,
#profileCollapse .invitations-social:hover,
#profileCollapse .personal-data:hover,
#profileCollapse .profile-social:hover {
    background-color: #eef7ff !important;
}

/* Panel Perfil completo */
.panel:has(#profileCollapse) {
    border: 1px solid #dce7f1 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px rgba(7,59,122,.08) !important;
}

/* Fallback para navegadores donde :has no se aplique */
#profileCollapse {
    border-left: 1px solid #dce7f1 !important;
    border-right: 1px solid #dce7f1 !important;
    border-bottom: 1px solid #dce7f1 !important;
}

/* Portada */
article#home-welcome {
    background: transparent !important;
}

article#home-welcome .panel,
article#home-welcome .well,
article#home-welcome .thumbnail {
    border-radius: 14px !important;
    box-shadow: 0 8px 24px rgba(7,59,122,.07) !important;
}

/* Responsive */
@media (max-width: 767px) {
    #profileCollapse .panel-body {
        padding: 6px 8px 10px !important;
    }

    #profileCollapse .list-group-item {
        padding: 11px 10px !important;
    }
}


/* ==========================================================
   GESAP PROFESSIONAL v6 — Chamilo 1.11.x
   Rediseño visual integral sin ocultar funciones de Chamilo
   ========================================================== */

:root {
    --gesap-navy: #073b7a;
    --gesap-deep: #0a4d9e;
    --gesap-blue: #0875ee;
    --gesap-cyan: #13bfe8;
    --gesap-bg: #f5f8fc;
    --gesap-card: #ffffff;
    --gesap-text: #17324d;
    --gesap-muted: #65788c;
    --gesap-line: #dce7f1;
    --gesap-shadow: 0 10px 28px rgba(7,59,122,.075);
}

/* ===== BASE ===== */
html, body {
    background: var(--gesap-bg) !important;
}
body {
    color: var(--gesap-text) !important;
    -webkit-font-smoothing: antialiased;
}
a {
    color: var(--gesap-blue);
}
a:hover, a:focus {
    color: var(--gesap-navy);
    text-decoration: none;
}

/* ===== CABECERA: MENOS ESPACIO VACÍO ===== */
#header-section,
header {
    background: #fff !important;
}
#header-section .container,
header .container {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}
#header-section img,
header img {
    max-height: 74px !important;
    width: auto !important;
}

/* ===== MENÚ CORPORATIVO ===== */
.navbar-default {
    min-height: 58px !important;
    margin-bottom: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(100deg, var(--gesap-navy) 0%, var(--gesap-blue) 64%, var(--gesap-cyan) 100%) !important;
    box-shadow: 0 5px 18px rgba(7,59,122,.12);
}
.navbar-default .navbar-nav > li > a {
    color: #fff !important;
    font-weight: 600 !important;
    padding: 19px 22px !important;
    transition: background .18s ease, box-shadow .18s ease;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background: rgba(4,46,103,.25) !important;
    color: #fff !important;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff !important;
    background: rgba(4,45,100,.58) !important;
    box-shadow: inset 0 -3px 0 rgba(255,255,255,.75);
}

/* ===== CONTENIDO ===== */
#main,
#main_content,
main,
.page-content {
    background: transparent !important;
}
.container {
    max-width: 1320px;
}
.breadcrumb {
    background: rgba(255,255,255,.8) !important;
    border: 1px solid var(--gesap-line) !important;
    border-radius: 10px !important;
}

/* ===== TARJETAS / PANELES ===== */
.panel,
.well,
.thumbnail {
    background: #fff !important;
    border: 1px solid var(--gesap-line) !important;
    border-radius: 14px !important;
    box-shadow: var(--gesap-shadow) !important;
    overflow: hidden;
}
.panel-default > .panel-heading,
.panel-heading {
    background: #fff !important;
    color: var(--gesap-navy) !important;
    border-bottom: 1px solid var(--gesap-line) !important;
    padding: 14px 17px !important;
    font-weight: 700 !important;
}

/* ===== PERFIL LATERAL ===== */
#profileCollapse {
    background: #fff !important;
}
#profileCollapse .panel-body {
    padding: 7px 9px 11px !important;
}
#profileCollapse .list-group {
    margin: 0 !important;
}
#profileCollapse .list-group-item {
    border: 0 !important;
    background: #fff !important;
    border-radius: 9px !important;
    margin: 2px 0 !important;
    padding: 11px 12px !important;
    transition: all .18s ease !important;
}
#profileCollapse .list-group-item:hover {
    background: #eef7ff !important;
    transform: translateX(2px);
}
#profileCollapse .list-group-item a {
    color: #1769c2 !important;
    font-weight: 600 !important;
}
#profileCollapse .list-group-item:hover a {
    color: var(--gesap-navy) !important;
}

/* Otros paneles laterales */
.sidebar .panel,
#sidebar .panel,
.col-md-3 .panel {
    box-shadow: 0 7px 20px rgba(7,59,122,.06) !important;
}

/* ===== PORTADA ===== */
article#home-welcome {
    background: transparent !important;
}
article#home-welcome > div {
    border-radius: 18px !important;
}
article#home-welcome h1 {
    letter-spacing: -.7px;
}
article#home-welcome h2,
article#home-welcome h3 {
    color: var(--gesap-navy);
}

/* Refinar bloques creados dentro de la portada */
article#home-welcome [style*="border-radius"] {
    box-shadow: 0 10px 28px rgba(7,59,122,.075);
}
article#home-welcome [style*="background: white"],
article#home-welcome [style*="background:#fff"],
article#home-welcome [style*="background: #fff"] {
    border: 1px solid var(--gesap-line) !important;
}

/* ===== BOTONES ===== */
.btn {
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: transform .15s ease, box-shadow .15s ease !important;
}
.btn:hover {
    transform: translateY(-1px);
}
.btn-primary {
    color: #fff !important;
    border-color: var(--gesap-blue) !important;
    background: linear-gradient(100deg, var(--gesap-deep), var(--gesap-blue)) !important;
    box-shadow: 0 5px 14px rgba(8,117,238,.17);
}
.btn-primary:hover,
.btn-primary:focus {
    background: var(--gesap-navy) !important;
    border-color: var(--gesap-navy) !important;
}

/* ===== FORMULARIOS ===== */
.form-control {
    border: 1px solid #cfdeeb !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}
.form-control:focus {
    border-color: var(--gesap-blue) !important;
    box-shadow: 0 0 0 3px rgba(8,117,238,.10) !important;
}

/* ===== TABLAS ===== */
.table {
    background: #fff;
}
.table > thead > tr > th {
    color: var(--gesap-navy) !important;
    border-bottom: 2px solid #dce8f3 !important;
}
.table > tbody > tr > td {
    border-top-color: #edf2f7 !important;
}

/* ===== PESTAÑAS ===== */
.nav-tabs {
    border-bottom-color: var(--gesap-line) !important;
}
.nav-tabs > li > a {
    border-radius: 9px 9px 0 0 !important;
    color: #47647f !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: var(--gesap-navy) !important;
    font-weight: 700 !important;
    border-top: 3px solid var(--gesap-blue) !important;
}

/* ===== ALERTAS ===== */
.alert {
    border-radius: 10px !important;
}

/* ===== PIE ===== */
footer,
#footer {
    background: #fff !important;
    border-top: 1px solid var(--gesap-line) !important;
    color: var(--gesap-muted) !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 991px) {
    #header-section img,
    header img {
        max-height: 64px !important;
    }
    .navbar-default .navbar-nav > li > a {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}
@media (max-width: 767px) {
    #header-section .container,
    header .container {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    #header-section img,
    header img {
        max-height: 55px !important;
        max-width: 78% !important;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 12px 18px !important;
    }
    article#home-welcome h1 {
        font-size: 29px !important;
    }
    .panel,
    .well,
    .thumbnail {
        border-radius: 11px !important;
    }
}

/* Fin GESAP Professional v6 */


/* ==========================================================
   GESAP PROFESSIONAL v7
   Pulido final de portada + corrección de iconos laterales
   ========================================================== */

/* 1. Cabecera más compacta */
#header-section .container,
header .container {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
#header-section img,
header img {
    max-height: 66px !important;
    width: auto !important;
}

/* 2. Panel Perfil: corregir iconos cortados.
   En Chamilo el icono está fuera/delante del enlace dentro del LI,
   por eso evitamos desplazamientos y overflow problemáticos. */
#profileCollapse,
#profileCollapse .panel-body,
#profileCollapse .list-group {
    overflow: visible !important;
}

#profileCollapse .panel-body {
    padding: 8px 10px 11px !important;
}

#profileCollapse .list-group-item {
    display: block !important;
    min-height: 48px !important;
    margin: 2px 0 !important;
    padding: 12px 12px 12px 42px !important;
    border: 0 !important;
    border-radius: 9px !important;
    background-color: #ffffff !important;
    position: relative !important;
    transform: none !important;
    overflow: visible !important;
}

#profileCollapse .list-group-item:hover {
    background-color: #eef7ff !important;
    transform: none !important;
}

/* Iconos/spans posicionados dentro del espacio reservado */
#profileCollapse .list-group-item > span:first-child,
#profileCollapse .list-group-item > i:first-child,
#profileCollapse .list-group-item > img:first-child {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    max-width: 23px !important;
    max-height: 23px !important;
}

/* Algunos iconos de Chamilo se dibujan mediante background en span */
#profileCollapse .list-group-item > span:first-child {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    display: block !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

/* El enlace ya no debe desplazar ni cortar el icono */
#profileCollapse .list-group-item > a {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 24px !important;
    color: #1769c2 !important;
    font-weight: 600 !important;
    white-space: normal !important;
}

/* 3. Paneles laterales más refinados */
.col-md-3 .panel,
.sidebar .panel,
#sidebar .panel {
    border-radius: 13px !important;
    border: 1px solid #dce7f1 !important;
    box-shadow: 0 6px 18px rgba(7,59,122,.055) !important;
}

.col-md-3 .panel-heading,
.sidebar .panel-heading,
#sidebar .panel-heading {
    padding: 13px 17px !important;
}

/* 4. Tarjetas de portada más limpias */
article#home-welcome .panel,
article#home-welcome .well,
article#home-welcome .thumbnail {
    border: 1px solid #e0e9f2 !important;
    border-radius: 14px !important;
    box-shadow: 0 7px 20px rgba(7,59,122,.06) !important;
}

/* Los bloques internos de la portada que ya tienen esquinas redondeadas */
article#home-welcome [style*="border-radius"] {
    box-shadow: 0 8px 22px rgba(7,59,122,.065) !important;
}

/* 5. Espaciado general algo más compacto */
article#home-welcome {
    margin-top: 0 !important;
}

@media (min-width: 992px) {
    #main .container,
    #main_content .container {
        padding-top: 12px;
    }
}

/* 6. Responsive */
@media (max-width: 767px) {
    #header-section img,
    header img {
        max-height: 52px !important;
        max-width: 78% !important;
    }

    #profileCollapse .list-group-item {
        padding-left: 40px !important;
    }
}

/* Fin GESAP Professional v7 */


/* ==========================================================
   GESAP PROFESSIONAL v8 — FIX DEFINITIVO ICONOS PANEL PERFIL
   Mantiene intacto el resto de v7.
   ========================================================== */

/* El panel nunca debe recortar los iconos */
#profileCollapse,
#profileCollapse .panel-body,
#profileCollapse .list-group,
#profileCollapse .list-group-item {
    overflow: visible !important;
}

/* Espacio real para el icono dentro de cada fila */
#profileCollapse .list-group-item {
    position: relative !important;
    min-height: 48px !important;
    padding: 12px 14px 12px 52px !important;
    transform: none !important;
}

#profileCollapse .list-group-item:hover {
    transform: none !important;
}

/* Chamilo 1.11 usa span.item-icon antes del enlace */
#profileCollapse .list-group-item > span.item-icon,
#profileCollapse .list-group-item > span:first-child {
    position: absolute !important;
    box-sizing: border-box !important;
    left: 14px !important;
    right: auto !important;
    top: 50% !important;
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(-50%) !important;
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

/* Si el span contiene img/i, neutralizar desplazamientos heredados */
#profileCollapse .list-group-item > span.item-icon img,
#profileCollapse .list-group-item > span.item-icon i,
#profileCollapse .list-group-item > span:first-child img,
#profileCollapse .list-group-item > span:first-child i {
    position: static !important;
    float: none !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 26px !important;
    max-height: 26px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    transform: none !important;
}

/* Texto alineado y sin desplazamientos */
#profileCollapse .list-group-item > a {
    position: relative !important;
    left: 0 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 24px !important;
    min-height: 24px !important;
}

/* Fin GESAP Professional v8 */