/*!
 * CLAES Revolución Mexicana — Chamilo 1.11.32 — v1.0
 * Personalización sucesora de CSS CLAES 2025, SCOLATEC (GPL).
 * Adaptación y recursos nuevos: 2026. Ver documentacion/LEEME.md.
 * Se carga después de Bootstrap 3 y base.css de Chamilo.
 */
html { background:#f4f7fb; -webkit-text-size-adjust:100%; }
body { background:#f4f7fb; color:#26384a; font-family:'Open Sans',Arial,sans-serif; line-height:1.6; }
a { color:#165b96; text-decoration:none; }
a:hover,a:focus { color:#0b2948; text-decoration:underline; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid #96702d; outline-offset:3px; }
header { background:#fff url('images/background.png') no-repeat right center; border-top:4px solid #0b2948; }
.logo { padding:12px 0; }
.logo img { width:250px; max-width:100%; height:auto; box-shadow:none; filter:none; }
.navbar { border-radius:0; border:0; border-bottom:3px solid #ba9652; box-shadow:0 3px 12px rgba(11,41,72,.08); }
.navbar-default { background:#0b2948; }
.navbar-default .navbar-nav>li>a,.navbar-default .navbar-brand,.navbar-default .navbar-text { color:#fff; }
.navbar-default .navbar-nav>li>a { transition:background-color .18s ease; }
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus { color:#fff; background:#174268; text-decoration:none; }
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus { color:#fff; background:#174268; box-shadow:inset 0 -3px #dfbd76; font-weight:600; }
.navbar-default .navbar-toggle { border-color:#8aa1b6; }
.navbar-default .navbar-toggle .icon-bar { background:#fff; }
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover { background:#174268; }
.breadcrumb { background:#eaf0f6; border-radius:8px; padding:10px 15px; }
.breadcrumb>.active { color:#526578; }
h1,h2,h3,h4 { color:#0b2948; line-height:1.3; }
h1 { font-weight:700; }
.panel { background:#fff; border-radius:12px; box-shadow:0 4px 16px rgba(11,41,72,.045); overflow:visible; }
.panel-default { border-color:#dbe3ec; }
.panel-default>.panel-heading { color:#0b2948; background:#eef3f8; border-color:#dbe3ec; border-radius:11px 11px 0 0; font-weight:600; }
.panel-primary { border-color:#0b2948; }
.panel-primary>.panel-heading { color:#fff; background:#0b2948; border-color:#0b2948; border-radius:11px 11px 0 0; }
.panel-footer { background:#f7f9fc; border-color:#dbe3ec; border-radius:0 0 11px 11px; }
.list-group-item { background:#fff; border-color:#e4eaf1; }
.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus { background:#0b2948; border-color:#0b2948; color:#fff; }
a.list-group-item:hover,a.list-group-item:focus { background:#f0f5fa; color:#0b2948; }
.actions { background:#fff; border:1px solid #e0e7ef; border-radius:10px; padding:10px; margin-bottom:16px; }
.actions img,.actions img:hover { border:0; box-shadow:none; background:transparent; filter:none; }
.actions .btn-toolbar { border:0; background:transparent; }
.btn { border-radius:8px; font-weight:600; transition:background-color .18s ease,border-color .18s ease; }
.btn-primary { background:#0b2948; color:#fff; border-color:#0b2948; }
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary { background:#174b78; color:#fff; border-color:#174b78; }
.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary { background:#0b2948; border-color:#0b2948; opacity:.55; }
.btn-default { background:#fff; color:#0b2948; border-color:#bccbd9; }
.btn-default:hover,.btn-default:focus { background:#edf3f8; color:#0b2948; border-color:#8ca4bb; }
/* Preserve semantic success, warning and danger Bootstrap colors. */
.form-control { color:#26384a; background:#fff; border-color:#b8c8d7; border-radius:8px; box-shadow:none; }
.form-control:focus { border-color:#2869a0; box-shadow:0 0 0 3px rgba(40,105,160,.15); }
.form-control[disabled],.form-control[readonly] { background:#edf1f5; }
.form-control::placeholder { color:#687b8d; opacity:1; }
.input-group-addon { color:#35516b; background:#edf3f8; border-color:#b8c8d7; }
.has-error .form-control { border-color:#a94442; }
.has-success .form-control { border-color:#3c763d; }
.big_icon img { padding:5px; border:0; border-radius:14px; box-shadow:none; background:transparent; transition:transform .18s ease,box-shadow .18s ease; }
.big_icon a:hover img,.big_icon a:focus img { transform:translateY(-2px); box-shadow:0 5px 14px rgba(11,41,72,.13); }
.big_icon a { color:#0b2948; }
.nav-tabs { border-color:#cbd7e3; }
.nav-tabs>li>a { color:#35516b; border-radius:8px 8px 0 0; }
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus { color:#0b2948; border-color:#cbd7e3; border-bottom-color:#fff; box-shadow:inset 0 3px #ba9652; }
.dropdown-menu { border:1px solid #dbe3ec; border-radius:8px; box-shadow:0 8px 22px rgba(11,41,72,.12); }
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus { background:#edf3f8; color:#0b2948; }
.pagination>li>a,.pagination>li>span { color:#165b96; border-color:#d3deea; }
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover { background:#0b2948; border-color:#0b2948; color:#fff; }
.table>thead>tr>th { background:#edf3f8; color:#0b2948; border-bottom:2px solid #d5e0ea; }
.table-hover>tbody>tr:hover { background:#f0f5fa; }
.progress { background:#e4ebf3; border-radius:12px; box-shadow:none; }
.progress-bar { background:#165b96; }
.progress-bar-success { background:#3c763d; }
.progress-bar-warning { background:#8b671f; }
.progress-bar-danger { background:#a94442; }
footer.footer { color:#53697d; background:#eaf0f6; border-top:1px solid #d6e1ec; }
@media(max-width:767px) {
 .logo img { width:235px; }
 .navbar-default .navbar-nav .open .dropdown-menu>li>a { color:#fff; }
 .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus { background:#174268; color:#fff; }
 .actions { padding:8px; }
 .big_icon img { max-width:100%; height:auto; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { transition:none!important; animation:none!important; scroll-behavior:auto!important; } .big_icon a:hover img,.big_icon a:focus img { transform:none; } }
@media print { header,.navbar,.actions,footer.footer { display:none!important; } body { color:#000; background:#fff; } .panel { box-shadow:none; } }

/* Edición Revolución Mexicana 2026.
 * La base CLAES se conserva; verde/blanco/rojo son acentos conmemorativos.
 * Las líneas tricolores son motivos gráficos, no reproducciones de la bandera.
 */
header {
 border-top:4px solid #006847;
 border-image:linear-gradient(to right,#006847 0%,#006847 33.333%,#ffffff 33.333%,#ffffff 66.666%,#ce1126 66.666%,#ce1126 100%) 1;
}
.navbar {
 border-bottom:3px solid #ba9652;
 border-image:linear-gradient(to right,#006847 0%,#006847 33.333%,#ffffff 33.333%,#ffffff 66.666%,#ce1126 66.666%,#ce1126 100%) 1;
}
footer.footer { border-top:3px solid #ba9652; }
/* Conserva dorado para estado activo y azul para las acciones del campus. */
@media print { header,.navbar { border-image:none; } }
