/* =========================
   Variables de marca
   ========================= */
:root{
  --brand: #DDBF4E;
  --brand-dark: #4a4848;
  --brand-accent: #fab514;
  --text: #1d2125;
  --nav-bg: #dedede; 
  --green: #006f39;
  --ICBF:#76b82a;
  --highlight: #FFCF4D;
}

.ICBF{
  background-repeat:repeat;
  background-image:url(https://campusvirtual.ibero.edu.co/repositorio/sitios/aula/fondos/fondo_ICBF.jpg) !important;
}

/* =========================
   Navbar / navegación
   ========================= */
.ICBF .navbar.fixed-top{
  background-color:#D1b758 !important;
  border-bottom:5px solid var(--brand-dark) !important;
  background-image:url(https://campusvirtual.ibero.edu.co/repositorio/sitios/aula/fondos/cabecero_ICBF.jpg);
  height:65px;
}

/* Menús superiores + pestañas secundarias */

.ICBF .secondary-navigation .moremenu .nav-tabs .nav-link.active{ background-color:var(--ICBF) !important; color:white !important; }
.ICBF .secondary-navigation .moremenu .nav-tabs .nav-link:hover,
.ICBF .secondary-navigation .moremenu .nav-tabs .nav-link:focus{ background-color:var(--ICBF) !important; color:white !important; }

/* Menú superior estilizado */
.ICBF .menu-superior a{
  background-color: var(--brand-dark) !important;
  border-radius:2rem 2rem 0 0;
  border-top:11px solid var(--ICBF) !important;
  border-left:5px solid var(--ICBF) !important;
}

#page-header{
  max-width:100% !important; margin:0 15px; background-color:#e3e3e2 !important;
  padding-left:42px !important; padding-right:42px !important;
}

/* =========================
   Índice del curso (courseindex)
   ========================= */

.ICBF .courseindex .courseindex-item .courseindex-link:hover,
.ICBF .courseindex .courseindex-item .courseindex-link:focus,
.ICBF .courseindex .courseindex-item .courseindex-chevron:hover,
.ICBF .courseindex .courseindex-item .courseindex-chevron:focus{
  color:white !important; background-color: var(--ICBF) !important;
}
.ICBF .courseindex .courseindex-item.pageitem{ background-color: var(--ICBF) !important; }


/* =========================
   Botones / links / estados
   ========================= */
.btn-outline-secondary{
  color:#6c757d; background-color:var(--brand) !important; background-image:none; border-color:var(--brand) !important;
}
.btn-success{ color:#fff; background-color:var(--brand) !important; border-color:var(--brand) !important; }
.btn-primary{ color:#fff; background-color:var(--brand) !important; border-color:#000; }
.btn-link{ font-weight:400; color:black !important; background-color:transparent; }
.login-container .login-identityproviders .login-identityprovider-btn{
  border:1px solid #dee2e6; background-color:var(--brand) !important; color:white;
}
.btn:focus, .btn.focus{ outline:0; box-shadow:0 0 0 .2rem #ececec !important; }

a{ color:black; }
a:hover{ color:var(--brand) !important; text-decoration:underline; }
li a:hover{ color:white !important; background-color:var(--brand) !important; }
.ICBF li a:hover{ color:white !important; background-color:var(--ICBF) !important; }
.theme-snap a:not(.btn):not(.dropdown-item):not(.badge-info):not(._blanktarget):not(.snap-due-date):not(.yui3-button):not(.mast-breadcrumb):not(.active):not(.disabled):not(.dimmed):focus,
.theme-snap a:not(.btn):not(.dropdown-item):not(.badge-info):not(._blanktarget):not(.snap-due-date):not(.yui3-button):not(.mast-breadcrumb):not(.active):not(.disabled):not(.dimmed):hover,
.theme-snap .btn-link:focus, .theme-snap .btn-link:hover,
.theme-snap .fake-link:focus, .theme-snap .fake-link:hover{ color:#353434 !important; }

.dropdown-item:hover,
.dropdown-item:focus, .dropdown-item:focus-within,
.dropdown-item:active, .dropdown-item.active,
.dropdown-submenu:hover>a, .dropdown-submenu:focus>a,
.block a.dropdown-item.active{
  background-color:#dfc14e; color:#FFF !important;
}

.editing .activity-item:hover{
  color:var(--text); background-color:transparent !important; border-color:#ffc107;
}

/* Estados focus (un solo bloque unificado) */
.aabtn:focus, .aabtn.focus,
.btn-link:focus, .btn-link.focus,
.nav-link:focus, .nav-link.focus,
.editor_atto_toolbar button:focus, .editor_atto_toolbar button.focus,
.editor_atto_toolbar .atto_toolbar_row:focus, .editor_atto_toolbar .atto_toolbar_row.focus,
[role="button"]:focus, [role="button"].focus,
.list-group-item-action:focus, .list-group-item-action.focus,
input[type="checkbox"]:focus, input[type="checkbox"].focus,
input[type="radio"]:focus, input[type="radio"].focus,
input[type="file"]:focus, input[type="file"].focus,
input[type="image"]:focus, input[type="image"].focus,
.sr-only-focusable:focus, .sr-only-focusable.focus,
a.dropdown-toggle:focus, a.dropdown-toggle.focus,
.modal-dialog[tabindex="0"]:focus, .modal-dialog[tabindex="0"].focus,
.moodle-dialogue-base .closebutton:focus, .moodle-dialogue-base .closebutton.focus,
button.close:focus, button.close.focus,
.form-autocomplete-selection:focus, .form-autocomplete-selection.focus,
[role="treeitem"]:not([aria-expanded="true"]):focus,
[role="treeitem"]:not([aria-expanded="true"]).focus{
  outline:0; box-shadow:0 0 0 0rem var(--brand) !important;
}

/* =========================
   Componentes sueltos
   ========================= */
.page-link{ color:var(--text); }
.page-item.active .page-link{ background-color:#555; border-color:#f0ad4e; }

.carousel-control-prev-icon, .carousel-control-next-icon{ width:50px !important; height:40px !important; }

.full-pantalla .dashboard-card-deck .dashboard-card{ width:95% !important; }
.completion-info{ margin-left:77% !important; }

#theme_moove-drawers-primary,
#theme_boost-drawers-primary{ display:none !important; }

#politica2:hover{ color:white !important; }

.instancename:hover{ color:var(--brand-dark) !important; }

.btn-home-capsulas{ background-color:#b3b3b3; border-radius:1rem !important; text-align:left; }
.btn-home-capsulas:hover{ background-color:#d8c269; }
.video_recursivo_home_select{ background-color:#d8c269 !important; }

.block_directorio button{ background-color:var(--brand) !important; }
.block_messageteacher{ background-color:#f6f6f138 !important; }
.block_messageteacher ul{ list-style:none !important; }
.block_messageteacher ul li{ margin-bottom:5% !important; }
.block_messageteacher ul li img{ border-radius:50%; }

.ICBF .list-group-item.active{
  z-index:2; color:#fff; background-color: var(--ICBF) !important; border-color: var(--brand-dark);
}
.ICBF .block_xp,
.ICBF .block_html,
.ICBF .block_completion_progress,
.ICBF .block_accessibility,
.ICBF .block_calendar_month,
.ICBF #page-header .card{ background-color:#d2d3d7ad !important; }
.ICBF #nav-drawer .list-group li{ list-style:none !important; }
.ICBF #nav-drawer .list-group li a:hover{ color:white !important; background-color:#959EA7 !important; }
.ICBF div#page-navbar .breadcrumb .breadcrumb-item{ list-style:none !important; }

/* =========================
   Ajustes menores
   ========================= */
#course-detail a{ color:black !important; }
#coursetitle, #headertitle #coursetitle{ color:#FFF; font-size:25px; } /* Nota: luego se fuerza a negro más abajo para cabecera normal */
h3, .h3{ padding-left:3%; font-weight:300 !important; }
h5{ font-weight:400 !important; }

.modal-backdrop.fade{ opacity:.5 !important; }