/* =========================
   Variables de marca
   ========================= */
:root{
  --brand: #DDBF4E;
  --brand-dark: #4a4848;
  --brand-accent: #fab514;
  --text: #1d2125;
  --nav-bg: #dedede;
  --positiva: #FF7500;
  --green: #006f39;
}

/* =========================
   Correcciones de layout / tiles
   ========================= */
body.sb li.section.main.moveablesection.state-visible{ z-index:6; margin-top:-128% !important; }
body.sb-v2 li.section.main.moveablesection.state-visible{ z-index:6; margin-top:-100% !important; }
.moveablesection{ margin-top:-76% !important; }

.format-tiles #page .course-content ul li.section.main{ height:100% !important; }
.format-tiles .course-content ul.tiles .tile.phototile{ flex-basis:100%; max-width:45%; border-radius:35px; border-top-color: var(--green); }
.format-tiles .course-content ul.tiles .tile.phototile .photo-tile-text h3{
  background-color: var(--green) !important; line-height:46.5px !important; padding:4px 7px; border-radius:25px;
}
.format-tiles ul.tiles .tile-clickable:hover,
.format-tiles ul.tiles .tile_bar.clickable:hover,
.format-tiles ul.tiles .tile-clickable.current:hover{ border-top-color:#FFCF4D !important; }
.sb-v2 .format-tiles .course-content ul.tiles .tile.phototile{ max-width:31% !important; }

/* =========================
   Encabezados / contenedores
   ========================= */
#page-header{
  max-width:100% !important; margin:0 15px; background-color:#e3e3e2 !important;
  padding-left:42px !important; padding-right:42px !important;
}
.page-context-header .page-header-headings{ background-color:transparent !important; }
#topofscroll{ max-width:100% !important; }
#region-main{ background-color:transparent !important; }
#page.drawers .main-inner{ background-color:transparent !important; }
#page-footer{ display:none; }
.modal{ margin-top:20px !important; }

/* =========================
   Branding global (fondos)
   ========================= */
body{
  background-repeat:repeat;
  background-image:url(https://aulavirtual.ibero.edu.co/repositorio/sitios/aula/fondos/aula-ibero2.jpg) !important;
}
.sb{
  background-repeat:repeat;
  background-image:url(https://campusvirtual.ibero.edu.co/repositorio/sitios/aula/fondos/FondoSB.jpg) !important;
}
.sb-v2{
  background-repeat:repeat;
  background-image:url(https://campusvirtual.ibero.edu.co/repositorio/sitios/aula/fondos/FondoSB.jpg) !important;
}
.positiva{
  background-repeat:repeat;
  background-image:url(https://aulavirtual.ibero.edu.co/repositorio/sitios/aula/fondos/centralpositiva.jpg) !important;
}

/* =========================
   Navbar / navegación
   ========================= */
.navbar.fixed-top{
  background-color:#D1b758 !important;
  border-bottom:5px solid var(--brand-dark) !important;
  background-image:url(https://aulavirtual.ibero.edu.co/repositorio/sitios/aula/Ibero/cabecera.png);
  height:65px;
}
.positiva .navbar.fixed-top{
  background-color:#D1b758 !important;
  border-bottom:5px solid var(--brand-dark) !important;
  background-image:url(https://aulavirtual.ibero.edu.co/repositorio/sitios/aula/Ibero/img_menu-positiva.png);
  height:65px;
}
.navbar.fixed-top .usermenu .dropdown .dropdown-toggle,
.navbar.fixed-top .langmenu .dropdown .dropdown-toggle,
.navbar-nav .popover-region .icon,
.primary-navigation .navigation .nav-link,
.userbutton{ color:white !important; }

/* Menús superiores + pestañas secundarias */
.secondary-navigation{ max-width:100% !important; }
.secondary-navigation .navigation{ background-color: var(--nav-bg) !important; margin:0 15px !important; }
.secondary-navigation .moremenu .nav-tabs{ background-color:#f6f6f138 !important; }

.secondary-navigation .moremenu .nav-tabs .nav-link{ color:var(--text) !important; background-color:transparent !important; border-top:11px solid transparent !important; border-left:5px solid transparent !important; }
.secondary-navigation .moremenu .nav-tabs .nav-link:hover,
.secondary-navigation .moremenu .nav-tabs .nav-link:focus{ background-color:var(--brand) !important; color:white !important; }
.secondary-navigation .moremenu .nav-tabs .nav-link.active{ background-color:var(--brand-accent) !important; color:white !important; }

.positiva .secondary-navigation .moremenu .nav-tabs .nav-link.active{ background-color:var(--positiva) !important; color:white !important; }
.positiva .secondary-navigation .moremenu .nav-tabs .nav-link:hover,
.positiva .secondary-navigation .moremenu .nav-tabs .nav-link:focus{ background-color:var(--positiva) !important; color:white !important; }

/* Menú superior estilizado */
.menu-superior a{
  background-color: var(--brand-dark) !important;
  border-radius:2rem 2rem 0 0;
  border-top:11px solid var(--brand-accent) !important;
  border-left:5px solid var(--brand-accent) !important;
}
.positiva .menu-superior a{
  background-color: var(--brand-dark) !important;
  border-radius:2rem 2rem 0 0;
  border-top:11px solid var(--positiva) !important;
  border-left:5px solid var(--positiva) !important;
}

/* =========================
   Índice del curso (courseindex)
   ========================= */
.courseindex .courseindex-item{ padding:.5rem; border:1px solid #0000002b; }
.courseindex .courseindex-item .courseindex-link,
.courseindex .courseindex-item .courseindex-chevron{ color:black; }
.courseindex .courseindex-item.dimmed .courseindex-link,
.courseindex .courseindex-item.dimmed .courseindex-chevron{ color:black !important; }

.courseindex .courseindex-item.pageitem{
  background-color:var(--brand) !important; color:#fff; scroll-margin:6rem;
}
.courseindex .courseindex-item.pageitem:hover,
.courseindex .courseindex-item.pageitem:focus{
  background-color: var(--brand-dark) !important; color:var(--brand) !important;
}

.courseindex .courseindex-item:hover,
.courseindex .courseindex-item:focus{ color:#000; background-color: var(--brand-dark) !important; }
.courseindex .courseindex-item:hover .courseindex-link,
.courseindex .courseindex-item:hover .courseindex-chevron,
.courseindex .courseindex-item:focus .courseindex-link,
.courseindex .courseindex-item:focus .courseindex-chevron{ color:white; cursor:pointer; }

.positiva .courseindex .courseindex-item .courseindex-link:hover,
.positiva .courseindex .courseindex-item .courseindex-link:focus,
.positiva .courseindex .courseindex-item .courseindex-chevron:hover,
.positiva .courseindex .courseindex-item .courseindex-chevron:focus{
  color:white !important; background-color: var(--positiva) !important;
}
.positiva .courseindex .courseindex-item.pageitem{ background-color: var(--positiva) !important; }

/* =========================
   Contenido del curso / tarjetas
   ========================= */
.course-content ul.topics li.section,
.course-content ul.weeks li.section{
  background-color:#f6f6f138 !important; border:1px solid #d9d9d9 !important; border-radius:7px !important;
}
.activity-item:not(.activityinline),
.mb-3, .my-3{ background-color:#f6f6f138 !important; }

.full-pantalla .dashboard-card-deck .dashboard-card,
.full-pantalla div a .card .dashboard-card{ width:95% !important; }

section .section-title{ text-align:center; margin-bottom:50px; text-transform:none !important; }
.linea{ margin-left:30% !important; width:40% !important; }

#coursetitle, #headertitle #coursetitle,
#sitetitle, #sitetitle a, #sitetitle p,
#sitetitle h1, #sitetitle h2, #sitetitle h3, #sitetitle h4, #sitetitle h5, #sitetitle h6{
  color:#4a4848; font-family:"Open Sans Condensed", sans-serif; font-size:33px; font-weight:400 !important; line-height:120%;
  margin:0; overflow:visible; position:relative; text-overflow:ellipsis; vertical-align:middle; width:auto;
}
#coursetitle, #sitetitle #coursetitle{ color:black !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; }
.positiva li a:hover{ color:white !important; background-color:var(--positiva) !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%; }

.positiva .list-group-item.active{
  z-index:2; color:#fff; background-color: var(--positiva) !important; border-color: var(--brand-dark);
}
.positiva .block_xp,
.positiva .block_html,
.positiva .block_completion_progress,
.positiva .block_accessibility,
.positiva .block_calendar_month,
.positiva #page-header .card{ background-color:#d2d3d7ad !important; }
.positiva #nav-drawer .list-group li{ list-style:none !important; }
.positiva #nav-drawer .list-group li a:hover{ color:white !important; background-color:#959EA7 !important; }
.positiva 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; }


/* =========================
   Ajustes estilos comcaja
   ========================= */

.comcaja #adaptable-page-header-wrapper {
    background-color: #488de0;
}

.comcaja li a:hover {
    color: white !important;
    background-color: #488de06b !important;
}

.comcaja .courseindex .courseindex-item:hover, .courseindex .courseindex-item:focus {
    color: #000;
    background-color: #488de0 !important;
}