/* =====================================================
   COMPARTELO.APP — CSS Custom · Versión final 2026
===================================================== */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Serif+Display:ital@0;1&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600&display=swap');
/* ─── BLOQUES OCULTOS GLOBALES ─────────────────────── */
#skills_block                          { display: none !important; }
#navigation_sidebar_block              { display: none !important; }
#profile_block li.personal-data        { display: none !important; }
.list-group-item.last-visited-lp,
li.last-visited-lp                     { display: none !important; }
#toolbar-admin                         { display: none !important; }
#cm-header                             { border-bottom: none !important; box-shadow: none !important; }
#navigation,
#navigation.notification-panel,
.notification-panel                    { display: none !important; }
.nav-tools                             { display: none !important; height: 0 !important; padding: 0 !important; margin: 0 !important; }
 
/* ─── BARRA DE NAVEGACIÓN — gris ───────────────────── */
.navbar-default,
nav.navbar.navbar-default,
nav.navbar.navbar-default .navbar-collapse,
nav.navbar.navbar-default .navbar-header {
    background: #6B6B6B !important;
    background-color: #6B6B6B !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}
nav.navbar.navbar-default .navbar-nav > li > a,
nav.navbar.navbar-default .navbar-nav > li > a:focus          { color: #FFFFFF !important; }
nav.navbar.navbar-default .navbar-nav > li > a:hover,
nav.navbar.navbar-default .navbar-nav > .active > a,
nav.navbar.navbar-default .navbar-nav > .active > a:hover     { color: #FFFFFF !important; background-color: rgba(255,255,255,0.1) !important; }
nav.navbar.navbar-default .navbar-brand                        { color: #FFFFFF !important; }
nav.navbar.navbar-default .navbar-toggle .icon-bar             { background-color: #FFFFFF !important; }
 
/* ─── HOME — ocultar sidebar ───────────────────────── */
main.section-homepage #profile_block,
main.section-homepage #courses_block   { display: none !important; }
main.section-homepage .col-md-3.col-sm-3 { display: none !important; }
main.section-homepage .col-md-9        { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding: 0 !important; }
 
/* ─── INTERIOR KIT — ocultar tabla herramientas ────── */
.section-mycourses table.item,
.section-mycourses table.item ~ table,
#course_tools table.item               { display: none !important; }
 
/* ─── FICHA KIT (/about) ───────────────────────────── */
#about-course .col-sm-5,
#about-course .col-sm-7               { width: 100% !important; float: none !important; }
#about-course .course-image img        { width: 100% !important; height: auto; }
#about-course h2.session-title         { font-size: 26px !important; font-weight: 700 !important; color: #1a202c !important; border-bottom: 3px solid #e67e22 !important; padding-bottom: 16px !important; margin-bottom: 20px !important; }
#about-course h3.sub-title             { color: #e67e22 !important; font-weight: 700 !important; text-transform: uppercase !important; font-size: 14px !important; letter-spacing: 1px !important; }
#about-course .session-price           { border-top: 4px solid #e67e22 !important; border-radius: 12px !important; padding: 20px !important; }
#about-course .sale-price              { font-size: 18px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 1px !important; color: #555 !important; text-align: center !important; margin-bottom: 4px !important; }
#about-course .price-text              { font-size: 36px !important; font-weight: 700 !important; color: #1a202c !important; text-align: center !important; margin: 8px 0 16px !important; }
#about-course .buy-box a.btn.btn-primary,
#about-course .buy-box a.btn-primary,
.session-price .buy-box a              { background-color: #e67e22 !important; border-color: #e67e22 !important; color: #ffffff !important; font-weight: 700 !important; font-size: 16px !important; padding: 14px !important; border-radius: 10px !important; display: block !important; text-align: center !important; }
.session-price .buy-box a:hover        { background-color: #cf6d17 !important; border-color: #cf6d17 !important; }
#about-course .buy-box::after          { content: 'Pago seguro · Acceso inmediato'; display: block !important; text-align: center !important; font-size: 12px !important; color: #888 !important; margin-top: 12px !important; }
#about-course .coach-information .coach-avatar img { width: 55px !important; height: 55px !important; max-width: 55px !important; max-height: 55px !important; object-fit: cover !important; }
#about-course .coach-information       { padding: 0 !important; }
#about-course .coach-header            { display: flex !important; align-items: center !important; flex-direction: row !important; gap: 12px !important; }
#about-course .coach-title h4          { font-size: 13px !important; margin: 0 !important; }
 
/* ─── ICONOS PANEL LATERAL ─────────────────────────── */
#profile_block li.profile-social .item-icon,
#courses_block li .item-icon           { display: none !important; }
#profile_block li.profile-social a::before      { font-family: 'FontAwesome'; content: '\f2bd'; color: #888888; margin-right: 8px; }
#courses_block li.order-course a::before        { font-family: 'FontAwesome'; content: '\f0dc'; color: #888888; margin-right: 8px; }
#courses_block li.history-course a::before      { font-family: 'FontAwesome'; content: '\f1da'; color: #888888; margin-right: 8px; }
#courses_block li.list-course a::before         { font-family: 'FontAwesome'; content: '\f00a'; color: #888888; margin-right: 8px; }
#courses_block li.last-visited-course a::before { font-family: 'FontAwesome'; content: '\f017'; color: #888888; margin-right: 8px; }
 
/* ─── FORMULARIO DE REGISTRO ───────────────────────── */
main.section-inscription               { background: #F7F5F2 !important; }
main.section-inscription #cm-content .container { max-width: 560px !important; }
main.section-inscription #cm-content .row > .col-xs-12.col-md-12 { background: #FFFFFF !important; border-radius: 12px !important; border: 1px solid rgba(0,0,0,0.08) !important; box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important; padding: 32px !important; margin-top: 24px !important; margin-bottom: 40px !important; }
main.section-inscription #cm-content h2.page-header { font-size: 22px !important; font-weight: 700 !important; color: #1A1A1A !important; border-bottom: none !important; margin: 0 0 24px 0 !important; padding: 0 !important; }
#registration .form-group              { margin-bottom: 16px !important; }
#registration .col-sm-2,
#registration .col-sm-8               { float: none !important; width: 100% !important; padding: 0 !important; }
#registration label.control-label     { text-align: left !important; font-size: 12px !important; font-weight: 600 !important; color: #1A1A1A !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin-bottom: 6px !important; }
#registration input.form-control      { border: 1.5px solid #D1D5DB !important; border-radius: 8px !important; padding: 11px 14px !important; font-size: 15px !important; color: #1A1A1A !important; width: 100% !important; box-shadow: none !important; outline: none !important; }
#registration input.form-control:focus { border-color: #e67e22 !important; box-shadow: none !important; outline: none !important; }
#registration select.form-control     { border: 1.5px solid #D1D5DB !important; border-radius: 8px !important; padding: 11px 14px !important; font-size: 15px !important; color: #1A1A1A !important; width: 100% !important; box-shadow: none !important; }
#registration #add-user__input-password { border: 1.5px solid #D1D5DB !important; border-radius: 8px !important; overflow: hidden !important; display: flex !important; }
#registration #add-user__input-password input { border: none !important; border-radius: 0 !important; flex: 1 !important; }
#registration #add-user__input-password .input-group-addon { background: #FFFFFF !important; border: none !important; border-left: 1px solid #D1D5DB !important; }
#registration ul.fa-ul                { list-style: none !important; padding: 0 !important; margin: 6px 0 0 !important; }
#registration ul.fa-ul li             { font-size: 11px !important; color: #9CA3AF !important; padding: 1px 0 !important; margin: 0 !important; }
#registration ul.fa-ul .fa            { display: none !important; }
#registration .form-group:has(#registration_official_code),
#registration .form-group:has(#extra_dashboard) { display: none !important; }
#registration_register                { width: 100% !important; background: #e67e22 !important; color: #FFFFFF !important; border: none !important; border-radius: 8px !important; padding: 14px !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; cursor: pointer !important; box-shadow: none !important; margin-top: 8px !important; transition: background 0.15s !important; display: block !important; }
#registration_register:hover          { background: #cf6d17 !important; }
#registration #legal_accept label     { font-size: 13px !important; text-transform: none !important; letter-spacing: 0 !important; color: #6B7280 !important; font-weight: 400 !important; }
#registration .form_required          { color: #e67e22 !important; }
@media (max-width: 580px) {
    main.section-inscription #cm-content .row > .col-xs-12.col-md-12 { border-radius: 0 !important; padding: 24px 16px !important; margin-top: 0 !important; }
}
 
/* ─── COOKIE BANNER ────────────────────────────────── */
.toolbar-cookie.alert-warning { all: unset !important; display: block !important; position: fixed !important; bottom: 24px !important; right: 24px !important; z-index: 99999 !important; max-width: 360px !important; width: calc(100% - 48px) !important; }
.toolbar-cookie.alert-warning .cookieUsageValidation { background: #ffffff !important; border: 1px solid rgba(0,0,0,0.10) !important; border-radius: 12px !important; padding: 18px 20px !important; box-shadow: 0 4px 24px rgba(0,0,0,0.12) !important; font-family: 'DM Sans', sans-serif !important; font-size: 13px !important; line-height: 1.6 !important; color: #444444 !important; margin: 0 !important; }
.toolbar-cookie.alert-warning .cookieUsageValidation::before { content: "Usamos cookies"; display: block !important; font-size: 14px !important; font-weight: 700 !important; color: #1A1A1A !important; margin-bottom: 6px !important; }
.toolbar-cookie.alert-warning .cookieUsageValidation > button.btn-link:first-of-type { background: none !important; border: none !important; padding: 0 !important; font-size: 12px !important; color: #6B7280 !important; text-decoration: underline !important; cursor: pointer !important; display: inline !important; box-shadow: none !important; }
.toolbar-cookie.alert-warning .cookieUsageValidation > button.btn-link:last-of-type { display: block !important; width: 100% !important; margin-top: 14px !important; background: #e67e22 !important; color: #ffffff !important; border: none !important; border-radius: 8px !important; padding: 10px 0 !important; font-weight: 600 !important; cursor: pointer !important; text-align: center !important; font-size: 0 !important; box-shadow: none !important; }
.toolbar-cookie.alert-warning .cookieUsageValidation > button.btn-link:last-of-type::before { content: "Aceptar" !important; font-size: 13px !important; }
.toolbar-cookie.alert-warning .cookieUsageValidation > div { font-size: 12px !important; color: #6B7280 !important; margin-top: 8px !important; line-height: 1.5 !important; }
.toolbar-cookie.alert-warning form,
.toolbar-cookie.alert-warning fieldset { margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; }
 
/* ═══════════════════════════════════════════════════
   CATÁLOGO — courses.php
═══════════════════════════════════════════════════ */
 
/* Fondo */
.section-catalog,
.section-catalog #cm-content          { background: #F7F5F2 !important; }
 
/* Hero: título */
.section-catalog #cm-content > .container { padding-top: 0 !important; }
.section-catalog #cm-content > .container::before {
    content: "¿QUÉ NECESITAS RESOLVER HOY?";
    display: block !important;
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 42px !important;
    line-height: 1.0 !important;
    color: #e67e22 !important;
    background: #FFFFFF !important;
    padding: 36px 40px 8px !important;
    margin: 0 -24px 0 !important;
    letter-spacing: 1.5px !important;
    width: calc(100% + 48px) !important;
    box-sizing: border-box !important;
}
.section-catalog #cm-content > .container::after {
    content: "La herramienta real de un experto + cómo usarla. En 25 minutos, resuelto.";
    display: block !important;
    font-family: 'DM Serif Display', serif !important;
    font-style: italic !important;
    font-size: 16px !important;
    color: #6B7280 !important;
    background: #FFFFFF !important;
    padding: 6px 40px 28px !important;
    margin: 0 -24px 32px !important;
    border-bottom: 1px solid rgba(0,0,0,0.08) !important;
    width: calc(100% + 48px) !important;
    box-sizing: border-box !important;
}
 
/* Ocultar elementos Chamilo */
.section-catalog .breadcrumb                        { display: none !important; }
.section-catalog .search-courses                    { display: none !important; }
.section-catalog .catalog-pagination-top            { display: none !important; }
.section-catalog ul.star-rating                     { display: none !important; }
.section-catalog .vote_label_info                   { display: none !important; }
.section-catalog span[id^="vote_label2_"]           { display: none !important; }
.section-catalog .ranking                           { display: none !important; }
.section-catalog .cribbon                           { display: none !important; }
.section-catalog .user-actions                      { display: none !important; }
.section-catalog h4.title > a[href*="admin"]        { display: none !important; }
.section-catalog section#main_content > div:nth-child(1),
.section-catalog section#main_content > div:nth-child(2),
.section-catalog section#main_content > div:nth-child(3) { display: none !important; }
 
/* ── COLUMNAS — Bootstrap col-md-3 = 4 columnas ─────
   El template ya tiene col-md-3.
   Dejamos Bootstrap trabajar solo con flex.          */
.section-catalog .grid-courses.row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
}
.section-catalog .grid-courses.row > div {
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-bottom: 20px !important;
    box-sizing: border-box !important;
    float: none !important;
}
 
/* ── Card ────────────────────────────────────────── */
.section-catalog .items.items-courses {
    background: #FFFFFF !important;
    border: 1px solid rgba(0,0,0,0.12) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    cursor: pointer !important;
}
.section-catalog .items.items-courses:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 8px 28px rgba(230,126,34,0.12) !important;
    border-color: #e67e22 !important;
}
 
/* Imagen */
.section-catalog .items-courses .image {
    height: 160px !important;
    overflow: hidden !important;
    background: #F7F5F2 !important;
    position: relative !important;
    flex-shrink: 0 !important;
}
.section-catalog .items-courses .image img.img-responsive {
    width: 100% !important;
    height: 160px !important;
    object-fit: cover !important;
    transition: transform 0.3s ease !important;
    display: block !important;
}
.section-catalog .items.items-courses:hover .image img.img-responsive { transform: scale(1.04) !important; }
.section-catalog .items-courses .image img[src*="session_default"] { opacity: 0 !important; }
.section-catalog .items-courses .image:has(img[src*="session_default"])::before {
    content: 'KIT EJECUTABLE';
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Bebas Neue', sans-serif;
    font-size: 18px; letter-spacing: 4px;
    color: rgba(230,126,34,0.18);
    white-space: nowrap; pointer-events: none;
}
 
/* Badge categoría */
.section-catalog .items-courses .image .category {
    position: absolute !important; top: 10px !important; right: 10px !important;
    background: #e67e22 !important; color: white !important;
    font-family: 'DM Sans', sans-serif !important; font-size: 9px !important;
    font-weight: 700 !important; letter-spacing: 1.5px !important;
    text-transform: uppercase !important; padding: 3px 9px !important;
    border-radius: 3px !important; line-height: 1.4 !important;
}
.section-catalog .items-courses .image .category a { color: white !important; text-decoration: none !important; }
 
/* Contenido */
.section-catalog .items-courses .description { padding: 16px 16px 12px !important; display: flex !important; flex-direction: column !important; flex: 1 !important; }
 
/* Título */
.section-catalog .items-courses .block-title { flex: 1 !important; margin-bottom: 12px !important; }
.section-catalog .items-courses .block-title h4.title { font-family: 'DM Serif Display', serif !important; font-size: 15px !important; line-height: 1.35 !important; color: #1A1A1A !important; margin: 0 !important; }
.section-catalog .items-courses .block-title h4.title a:not([href*="admin"]) { font-family: 'DM Serif Display', serif !important; font-size: 15px !important; color: #1A1A1A !important; text-decoration: none !important; line-height: 1.35 !important; display: block !important; transition: color 0.18s !important; }
.section-catalog .items-courses .block-title h4.title a:hover { color: #e67e22 !important; }
 
/* Autor */
.section-catalog .items-courses .block-author { display: flex !important; align-items: center !important; gap: 10px !important; margin-bottom: 12px !important; padding-top: 12px !important; border-top: 1px solid rgba(0,0,0,0.08) !important; }
.section-catalog .items-courses .block-author > a { flex-shrink: 0 !important; }
.section-catalog .items-courses .block-author img { width: 32px !important; height: 32px !important; border-radius: 50% !important; object-fit: cover !important; border: 2px solid rgba(230,126,34,0.25) !important; display: block !important; }
.section-catalog .items-courses .teachers-details { flex: 1 !important; min-width: 0 !important; }
.section-catalog .items-courses .teachers-details h5 { font-family: 'DM Sans', sans-serif !important; font-size: 12px !important; font-weight: 600 !important; color: #1A1A1A !important; margin: 0 0 2px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.section-catalog .items-courses .teachers-details h5 a { color: #1A1A1A !important; text-decoration: none !important; pointer-events: none !important; }
.section-catalog .items-courses .teachers-details p { font-size: 11px !important; color: #6B7280 !important; margin: 0 !important; }
 
/* Precio — naranja pill */
.section-catalog .items-courses .buycourses-price { margin-bottom: 10px !important; }
.section-catalog .items-courses .buycourses-price .label,
.section-catalog .items-courses .buycourses-price .label-price {
    background: #e67e22 !important; color: white !important;
    font-family: 'DM Sans', sans-serif !important; font-size: 13px !important;
    font-weight: 700 !important; padding: 4px 14px !important;
    border-radius: 20px !important; letter-spacing: 0.3px !important;
    display: inline-block !important; line-height: 1.4 !important;
}
 
/* Botón */
.section-catalog .items-courses .toolbar { margin-top: auto !important; }
.section-catalog .items-courses .toolbar .btn {
    background: #1A1A1A !important; border: none !important;
    border-radius: 6px !important; font-family: 'DM Sans', sans-serif !important;
    font-weight: 600 !important; font-size: 12px !important;
    padding: 9px 16px !important; width: 100% !important;
    text-align: center !important; color: white !important;
    display: block !important; transition: background 0.18s !important;
    text-decoration: none !important;
}
.section-catalog .items-courses .toolbar .btn:hover { background: #e67e22 !important; }
 
/* ── Buscador (inyectado por JS) ─────────────────── */
.ck-search-bar {
    background: #FFFFFF !important; border: 1px solid rgba(0,0,0,0.12) !important;
    border-radius: 12px !important; padding: 16px 20px !important;
    margin: 0 0 24px !important; display: flex !important;
    gap: 10px !important; align-items: center !important;
    flex-wrap: wrap !important; box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}
.ck-search-input {
    flex: 1 !important; min-width: 180px !important;
    display: flex !important; align-items: center !important;
    gap: 8px !important; background: #F7F5F2 !important;
    border: 1.5px solid rgba(0,0,0,0.12) !important;
    border-radius: 8px !important; padding: 9px 14px !important;
}
.ck-search-input input {
    border: none !important; background: transparent !important;
    font-family: 'DM Sans', sans-serif !important; font-size: 14px !important;
    color: #1A1A1A !important; width: 100% !important;
    outline: none !important; box-shadow: none !important; padding: 0 !important;
}
.ck-search-filters { display: flex !important; gap: 6px !important; flex-wrap: wrap !important; }
.ck-filter-btn {
    font-family: 'DM Sans', sans-serif !important; font-size: 11px !important;
    font-weight: 600 !important; padding: 7px 14px !important;
    border-radius: 6px !important; border: 1.5px solid rgba(0,0,0,0.12) !important;
    background: #FFFFFF !important; color: #6B7280 !important;
    cursor: pointer !important; transition: all 0.18s !important;
    white-space: nowrap !important;
}
.ck-filter-btn:hover,
.ck-filter-btn.active { background: #e67e22 !important; border-color: #e67e22 !important; color: #FFFFFF !important; }
.ck-search-submit {
    font-family: 'DM Sans', sans-serif !important; font-size: 13px !important;
    font-weight: 600 !important; padding: 9px 20px !important;
    border-radius: 8px !important; border: none !important;
    background: #e67e22 !important; color: #FFFFFF !important;
    cursor: pointer !important; white-space: nowrap !important;
}
.ck-search-submit:hover { background: #cf6d17 !important; }
.ck-results-count { font-size: 12px !important; color: #6B7280 !important; margin: 0 0 16px !important; font-family: 'DM Sans', sans-serif !important; }
.ck-results-count strong { color: #1A1A1A !important; font-weight: 600 !important; }
 
/* ═══ FIN COMPARTELO_CUSTOM.CSS ══════════════════════ */
 
/* ─── CONTRASEÑA PERDIDA (lostPassword.php) ─────────── */
body:has(#lost_password) #cm-content { background: #F7F5F2 !important; }
body:has(#lost_password) #cm-content .container { max-width: 520px !important; }
body:has(#lost_password) #cm-content .col-xs-12 {
  background: #FFFFFF !important;
  border-radius: 12px !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
  padding: 40px 36px !important;
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
body:has(#lost_password) h2.page-header {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 36px !important;
  color: #1A1A1A !important;
  border-bottom: none !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
  letter-spacing: 1px !important;
}
body:has(#lost_password) .form-control {
  border: 1.5px solid #D1D5DB !important;
  border-radius: 8px !important;
  padding: 11px 14px !important;
  font-size: 15px !important;
  font-family: 'DM Sans', sans-serif !important;
  box-shadow: none !important;
}
body:has(#lost_password) .form-control:focus {
  border-color: #e67e22 !important;
  box-shadow: none !important;
  outline: none !important;
}
body:has(#lost_password) .btn-primary,
body:has(#lost_password) .btn-default {
  background: #e67e22 !important;
  border-color: #e67e22 !important;
  color: #FFFFFF !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 13px !important;
  border-radius: 8px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}
body:has(#lost_password) .btn-primary:hover,
body:has(#lost_password) .btn-default:hover { background: #cf6d17 !important; border-color: #cf6d17 !important; }
body:has(#lost_password) .form-required { color: #e67e22 !important; }
body:has(#lost_password) small,
body:has(#lost_password) .help-block { font-size: 12px !important; color: #6B7280 !important; }
 
/* ─── LOGIN — botón naranja ─────────────────────────── */
body:has(#formLogin_submitAuth) .btn-primary {
  background: #e67e22 !important;
  border-color: #e67e22 !important;
  color: #FFFFFF !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
body:has(#formLogin_submitAuth) .btn-primary:hover {
  background: #cf6d17 !important;
  border-color: #cf6d17 !important;
  /* Botón Guardar configuración perfil */
#profile_apply_change {
  background-color: #e67e22 !important;
  border-color: #e67e22 !important;
  color: #ffffff !important;
}

#profile_apply_change:hover {
  background-color: #cf6d17 !important;
  border-color: #cf6d17 !important;
}
/* Botón Guardar configuración perfil */
button#profile_apply_change.btn.btn-primary {
  background-color: #e67e22 !important;
  border-color: #cf6d17 !important;
  color: #ffffff !important;
}

button#profile_apply_change.btn.btn-primary:hover {
  background-color: #cf6d17 !important;
  border-color: #b05d12 !important;
}
/* ===== BUSCADOR BUYCOURSES — ancho completo arriba ===== */
.section-buycourses .col-md-3.search-filter,
.section-buycourses .col-md-3:has(.search-filter) {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  padding: 0 !important;
}

.section-buycourses .col-md-9 {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}

.section-buycourses .row {
  display: flex !important;
  flex-direction: column !important;
}

.section-buycourses .search-filter .form-inline {
  max-width: 600px !important;
  margin: 0 auto 32px auto !important;
}
/* ===== MENSAJE SIN KITS — ocultar mensaje original ===== */
#homepage-course .normal-message {
  display: none !important;
}

/* ===== MENSAJE MODERNO ===== */
#homepage-course::before {
  content: '';
  display: block;
}

/* ===== ADQUIRIR UN KIT EJECUTABLE — naranja en el menú ===== */
.nav.navbar-nav a[href*="buycourses"],
.nav.navbar-nav a[href*="course_catalog"] {
  color: #e67e22 !important;
  font-weight: 600 !important;
}