/* ============================================================
   CROL ERP — CSS personalizado para portal Zoho Desk
   Brand Book v2025 — Versión final limpia
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700;900&display=swap');

:root {
  --neon-lime:      #00E100;
  --timeless-green: #132624;
  --action-green:   #37B35C;
  --bg-main:        #0D1B1A;
  --bg-card:        #0f2220;
  --muted:          rgba(255,255,255,0.52);
  --border-card:    rgba(0,225,0,0.13);
  --border-hover:   rgba(0,225,0,0.5);
  --font-main:      'Mulish', sans-serif;
}

html, body {
  background-color: var(--bg-main) !important;
  font-family: var(--font-main) !important;
  font-size: 100%;
  letter-spacing: 0.1px;
  line-height: 1.6;
  color: #ffffff !important;
  transition: all 50ms ease;
}

/* --- LOGO --- */
.Header__logo img {
  max-height: 10rem;
  max-width: 11rem;
  min-height: auto;
  display: block;
}
So, it's like one. 
/* --- OCULTAR TICKET --- */
[data-id="addticket"],
[data-id="addTicket"] {
  display: none !important;
}

/* --- NAVBAR --- */
.Header__navbar {
  background: rgba(13,27,26,0.95) !important;
  border-bottom: 1px solid rgba(0,225,0,0.15) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  box-shadow: none !important;
}

.Header__container {
  font-family: var(--font-main) !important;
}

.Header__menuList {
  font-family: var(--font-main) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
  line-height: 1em !important;
  letter-spacing: 0px !important;
}

.Header__tabsTab a,
.Header__tabsTab span,
.Header__menuList li a {
  font-family: var(--font-main) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.55) !important;
  transition: color 0.2s ease !important;
}

.Header__tabsTab a:hover,
.Header__menuList li a:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}

.Header__tabsTab.active a,
.Header__tabsTab.selected a,
#portal_tabSolutions a {
  color: var(--neon-lime) !important;
  border-bottom: 2px solid var(--neon-lime) !important;
}

.Header__tabsTab a[href*="signin"],
.Header__tabsTab a[href*="login"],
.signIn a {
  background: transparent !important;
  border: 1.5px solid var(--neon-lime) !important;
  color: var(--neon-lime) !important;
  padding: 6px 16px !important;
  border-radius: 6px !important;
  transition: all 0.2s !important;
}

.Header__tabsTab a[href*="signin"]:hover,
.signIn a:hover {
  background: var(--neon-lime) !important;
  color: #000000 !important;
}

.Icon__brand { color: var(--neon-lime) !important; }
.commonStyle__zt3BrandBg { background-color: var(--timeless-green) !important; }

/* --- FRANJA NATIVA OCULTA --- */
.AppContainer__breadCrumbs,
.commonStyle__zt3breadCrumbBg {
  display: none !important;
}

/* --- HERO --- */
.Header__searchSection,
#headerContent {
  background: var(--timeless-green) !important;
  background-image: radial-gradient(ellipse 65% 55% at 50% -10%, rgba(0,225,0,0.1) 0%, transparent 65%) !important;
  padding: 64px 40px 56px !important;
  text-align: center !important;
  position: relative !important;
  overflow: visible !important;
  border-bottom: 1px solid rgba(0,225,0,0.12) !important;
  display: block !important;
}

.crol-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(0,225,0,0.1);
  border: 1px solid rgba(0,225,0,0.28);
  border-radius: 100px;
  padding: 6px 18px;
  font-size: 11px;
  font-weight: 700;
  color: var(--neon-lime);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin-bottom: 22px;
  font-family: var(--font-main);
}

.crol-hero-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--neon-lime);
  display: inline-block;
  animation: crolPulse 2s infinite;
}

@keyframes crolPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.45; transform: scale(1.5); }
}

.Header__searchTitle {
  font-family: var(--font-main) !important;
  font-weight: 900 !important;
  font-size: clamp(28px, 4vw, 48px) !important;
  color: #ffffff !important;
  line-height: 1.12 !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 14px !important;
  text-shadow: none !important;
}

.crol-highlight { color: var(--neon-lime); }

.Header__description {
  font-family: var(--font-main) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--muted) !important;
  margin-bottom: 32px !important;
  max-width: 480px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  line-height: 1.65 !important;
}

/* --- BUSCADOR HERO --- */
.crol-search-wrap {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  max-width: 560px !important;
  margin: 0 auto 36px !important;
}

.crol-search-input {
  width: 100% !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1.5px solid rgba(0,225,0,0.25) !important;
  border-radius: 12px !important;
  padding: 16px 52px 16px 20px !important;
  font-size: 15px !important;
  font-family: var(--font-main) !important;
  color: #ffffff !important;
  outline: none !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  box-sizing: border-box !important;
  caret-color: var(--neon-lime) !important;
}

.crol-search-input::placeholder { color: rgba(255,255,255,0.35) !important; }

.crol-search-input:focus {
  border-color: var(--neon-lime) !important;
  box-shadow: 0 0 0 4px rgba(0,225,0,0.09) !important;
}

.crol-search-btn {
  position: absolute !important;
  right: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  z-index: 10 !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 20px !important;
  color: var(--neon-lime) !important;
  line-height: 1 !important;
}

.crol-search-btn:hover { opacity: 0.75 !important; }

/* --- STATS BAR --- */
.crol-stats-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  padding-top: 28px;
  border-top: 1px solid rgba(255,255,255,0.08);
}

.crol-stat { text-align: center; }

.crol-stat-num {
  display: block;
  font-family: var(--font-main);
  font-size: 20px;
  font-weight: 900;
  color: var(--neon-lime);
  letter-spacing: -0.02em;
  line-height: 1;
}

.crol-stat-label {
  display: block;
  font-family: var(--font-main);
  font-size: 10px;
  font-weight: 700;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.09em;
  margin-top: 4px;
}

.crol-stat-divider {
  width: 1px;
  height: 32px;
  background: rgba(255,255,255,0.1);
}

/* --- CONTENEDOR PRINCIPAL --- */
.Layout__oneColumn,
.Layout__layout1,
#layoutContainer,
[data-id="kbLanding"],
.WidgetContainer__list,
.WidgetContainer__contentList {
  background-color: var(--bg-main) !important;
  max-width: 100% !important;
}

/* --- GRID DE CATEGORÍAS --- */
.KbCategoryContainer__row {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  padding: 40px !important;
  background-color: var(--bg-main) !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* --- CARDS --- */
.KbCategory__box {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-card) !important;
  border-radius: 16px !important;
  transition: transform 0.28s cubic-bezier(0.16,1,0.3,1),
              border-color 0.28s,
              box-shadow 0.28s !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  width: 100% !important;
  box-shadow: none !important;
  animation: crolFadeUp 0.45s ease both !important;
}

.KbCategory__box::before,
.KbCategory__box::after {
  display: none !important;
  content: none !important;
}

.KbCategory__box:hover {
  border-color: var(--neon-lime) !important;
  transform: translateY(-5px) !important;
  box-shadow:
    0 0 0 1px rgba(0,225,0,0.5),
    0 0 20px rgba(0,225,0,0.2),
    0 0 50px rgba(0,225,0,0.08),
    0 20px 40px rgba(0,0,0,0.45) !important;
}

.KbCategory__boxInner {
  background: transparent !important;
  padding: 22px !important;
  position: relative !important;
  z-index: 1 !important;
}

.KbCategory__box .MediaObject__mediaObject {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0 !important;
}

.KbCategory__box .MediaObject__mediaFigure {
  margin-right: 0 !important;
  margin-bottom: 16px !important;
}

.KbCategory__box .Avatar__avatar {
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  background: rgba(0,225,0,0.1) !important;
  border: 1px solid rgba(0,225,0,0.2) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.KbCategory__box .Avatar__avatarImg {
  width: 30px !important;
  height: 30px !important;
  object-fit: contain !important;
}

.KbCategory__box .MediaObject__mediaContent {
  width: 100% !important;
}

.KbCategory__box h5.KbCategory__topic {
  margin-bottom: 8px !important;
}

.KbCategory__box h5 a,
.KbCategory__topic a,
.KbCategory__box a,
.KbCategory__box a:link,
.KbCategory__box a:visited,
a.commonStyle__zt3Link,
a.commonStyle__zt3Link:link,
a.commonStyle__zt3Link:visited,
.Link__link {
  font-family: var(--font-main) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
}

.KbCategory__box a:hover,
.KbCategory__topic a:hover,
a.commonStyle__zt3Link:hover {
  color: var(--neon-lime) !important;
}

.KbCategory__box p.KbCategory__topicContent,
.KbCategory__topicContent {
  font-family: var(--font-main) !important;
  font-size: 13px !important;
  color: var(--muted) !important;
  line-height: 1.65 !important;
  margin-top: 6px !important;
}

.KbCategory__wordWrap {
  border-bottom: none !important;
  padding-bottom: 0 !important;
  width: 100% !important;
}

.KbCategory__dottedPopup { display: none !important; }

.KbCategory__box .MediaObject__mediaContent::after {
  content: '→' !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: rgba(0,225,0,0.08) !important;
  border: 1px solid rgba(0,225,0,0.2) !important;
  color: var(--neon-lime) !important;
  font-size: 14px !important;
  margin-left: auto !important;
  margin-top: 14px !important;
  transition: all 0.25s ease !important;
}

.KbCategory__box:hover .MediaObject__mediaContent::after {
  background: var(--neon-lime) !important;
  color: #000000 !important;
  border-color: var(--neon-lime) !important;
  transform: translateX(3px) !important;
}

.KbCategory__wordWrap::after,
.KbCategory__wordWrap::before,
.MediaObject__mediaObject::after,
.MediaObject__mediaObject::before {
  display: none !important;
  content: none !important;
}

/* --- ARTÍCULOS RECIENTES --- */
.WidgetContainer__contentList,
.WidgetContainer__boxSplit {
  background: var(--bg-main) !important;
  padding: 0 40px !important;
}

.ListHeader__listHeader2 {
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  padding-bottom: 12px !important;
  margin-bottom: 12px !important;
}

.ListHeader__header2,
.ListHeader__header2 span {
  font-family: var(--font-main) !important;
  font-weight: 900 !important;
  font-size: 11px !important;
  color: rgba(255,255,255,0.4) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
}

.ContentList__topicList {
  background: transparent !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  transition: background 0.2s !important;
}

.ContentList__topicList:hover {
  background: rgba(255,255,255,0.04) !important;
}

.ContentList__topicList a,
.ContentList__topicList a:link,
.ContentList__topicList a:visited,
a.ContentList__listLink,
a.ContentList__listLink:link,
a.ContentList__listLink:visited {
  color: rgba(255,255,255,0.82) !important;
  font-family: var(--font-main) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-decoration: none !important;
}

.ContentList__topicList a:hover,
a.ContentList__listLink:hover {
  color: var(--neon-lime) !important;
}

.ContentList__documentIcon svg,
.ContentList__listIcon {
  color: rgba(0,225,0,0.5) !important;
  fill: rgba(0,225,0,0.5) !important;
}

/* --- FOOTER --- */
.Footer__footerBg {
  background: var(--timeless-green) !important;
  border-top: 1px solid rgba(0,225,0,0.15) !important;
}

.Footer__container1,
.Footer__footerContent,
.Footer__footerInfo {
  background: transparent !important;
}

.Footer__footerQus {
  font-family: var(--font-main) !important;
  font-weight: 900 !important;
  font-size: 20px !important;
  color: #ffffff !important;
}

.Footer__footerDescription span {
  font-family: var(--font-main) !important;
  color: var(--muted) !important;
  font-size: 14px !important;
}

.Footer__footerBtn .Button__footerBtn {
  background: var(--neon-lime) !important;
  color: #000000 !important;
  font-family: var(--font-main) !important;
  font-weight: 900 !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 12px 24px !important;
  font-size: 14px !important;
  cursor: pointer !important;
}

.Footer__footerBtn .Button__footerBtn:hover {
  background: #00ff00 !important;
  box-shadow: 0 6px 20px rgba(0,225,0,0.3) !important;
}

.Footer__footerCopyrigt {
  background: var(--timeless-green) !important;
  border-top: 1px solid rgba(0,225,0,0.12) !important;
  padding: 20px 0 !important;
  text-align: center !important;
}

.Footer__container2 {
  font-family: var(--font-main) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--muted) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.Footer__footerLink {
  color: var(--neon-lime) !important;
  font-family: var(--font-main) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  text-decoration: none !important;
}

.Footer__footerLink:hover { opacity: 0.75 !important; }

/* --- MENÚ TRES PUNTOS --- */
.DottedMenuPopup__dotMenuPopup {
  background: var(--timeless-green) !important;
  border: 1px solid rgba(0,225,0,0.2) !important;
  border-radius: 8px !important;
}

.KbCategory__popupList {
  color: #ffffff !important;
  font-family: var(--font-main) !important;
}

.KbCategory__popupList:hover {
  background: rgba(0,225,0,0.08) !important;
}

/* --- ANIMACIONES --- */
@keyframes crolFadeUp {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* --- SCROLLBAR --- */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--bg-main); }
::-webkit-scrollbar-thumb { background: rgba(0,225,0,0.28); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--neon-lime); }

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
  .crol-stats-bar { flex-wrap: wrap; gap: 20px; }
  .crol-stat-divider { display: none; }
  .Header__searchTitle { font-size: 26px !important; }
  .KbCategoryContainer__row { grid-template-columns: 1fr !important; padding: 20px !important; }
  .WidgetContainer__contentList { padding: 0 20px !important; }
}

/* --- TAB ACTIVO --- */
#Solutions_tab,
a#Solutions_tab,
a.Header__tabs__link[href*="/kb"],
a.Header__tabs__link[aria-selected="true"] {
  color: var(--neon-lime) !important;
}

a.Header__tabs__link[aria-selected="false"] {
  color: rgba(255,255,255,0.55) !important;
}

a.Header__tabs__link {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: unset !important;
  max-width: none !important;
  font-size: 11px !important;
  letter-spacing: 0.05em !important;
}

.Header__tabsTab,
.Header__menuTab,
.Header__menuList {
  overflow: visible !important;
  white-space: nowrap !important;
}

.Header__tabsTab {
  flex-shrink: 0 !important;
}

.Header__tabsTab::after,
.Header__tabsTab::before {
  display: none !important;
}

/* --- TÍTULOS CARDS BLANCO --- */
html body .KbCategory__box .MediaObject__mediaContent a,
html body .KbCategory__box .KbCategory__wordWrap a,
html body .KbCategory__box h5 a {
  color: #ffffff !important;
}

html body .KbCategory__box .MediaObject__mediaContent a:hover,
html body .KbCategory__box h5 a:hover {
  color: var(--neon-lime) !important;
}

/* --- VISTA DE CATEGORÍA --- */
.KbSubCategoryContainer__row,
.KbSubCategoryContainer__contentList,
.ContentList__subCategory {
  background: var(--bg-main) !important;
}

.ListHeader__header2 a,
.ListHeader__linkText {
  font-family: var(--font-main) !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  color: #ffffff !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
}

.ListHeader__header2 a:hover,
.ListHeader__linkText:hover {
  color: var(--neon-lime) !important;
}

.ListHeader__description {
  font-family: var(--font-main) !important;
  font-size: 12px !important;
  color: var(--muted) !important;
  line-height: 1.5 !important;
}

.ListHeader__kbSubcategoryImg .Avatar__avatar {
  background: rgba(0,225,0,0.08) !important;
  border: 1px solid rgba(0,225,0,0.15) !important;
  border-radius: 10px !important;
}

.ViewMore__viewmore a,
.Link__link2,
.commonStyle__zt3Brand {
  color: var(--neon-lime) !important;
  font-family: var(--font-main) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  text-decoration: none !important;
}

.ViewMore__arrowIcon {
  fill: var(--neon-lime) !important;
  color: var(--neon-lime) !important;
}

/* --- VISTA DE LISTA DE ARTÍCULOS --- */
.Layout__twoColumn,
#layoutContainer[data-id="articleList"] {
  background: var(--bg-main) !important;
}

.Layout__layout1,
.Layout__layout2 {
  background: var(--bg-main) !important;
}

.ListHeader__listHeader3 {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-card) !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
  margin-bottom: 8px !important;
  transition: all 0.2s !important;
}

.ListHeader__listHeader3:hover {
  border-color: rgba(0,225,0,0.35) !important;
  transform: translateX(4px) !important;
}

.ListHeader__header3 a,
.ListHeader__listHeader3 a {
  font-family: var(--font-main) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: rgba(255,255,255,0.85) !important;
  text-decoration: none !important;
}

.ListHeader__listHeader3:hover a { color: #ffffff !important; }

.ListHeader__listIcon3 svg {
  color: rgba(0,225,0,0.5) !important;
  fill: rgba(0,225,0,0.5) !important;
}

/* --- PANEL DERECHO LISTA ARTÍCULOS --- */
.ArticleListRightContainer__widgetRight {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-card) !important;
  border-radius: 12px !important;
  padding: 20px !important;
}

.ArticleListRightContainer__widgetSection {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.ArticleListRightContainer__widgetSection + .ArticleListRightContainer__widgetSection {
  margin-top: 20px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}

.ArticleListRightContainer__deskHeading {
  font-family: var(--font-main) !important;
  font-weight: 900 !important;
  font-size: 15px !important;
  color: #ffffff !important;
  margin-bottom: 10px !important;
}

.ArticleListRightContainer__categoryDescription {
  font-family: var(--font-main) !important;
  font-size: 13px !important;
  color: var(--muted) !important;
  line-height: 1.6 !important;
}

.ArticleListRightContainer__followOption .Button__primaryBorder,
.commonStyle__zt3BrandBorder {
  background: transparent !important;
  border: 1.5px solid var(--neon-lime) !important;
  color: var(--neon-lime) !important;
  font-family: var(--font-main) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  border-radius: 6px !important;
  padding: 6px 16px !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
}

.ArticleListRightContainer__followOption .Button__primaryBorder:hover {
  background: var(--neon-lime) !important;
  color: #000000 !important;
}

.ArticleListRightContainer__subscribeDescription {
  font-family: var(--font-main) !important;
  font-size: 11px !important;
  color: var(--muted) !important;
  margin-top: 8px !important;
}

.ListHeader__header1 {
  font-family: var(--font-main) !important;
  font-weight: 900 !important;
  font-size: 11px !important;
  color: rgba(255,255,255,0.4) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  border: none !important;
  padding-bottom: 8px !important;
  margin-bottom: 4px !important;
}

.ListHeader__listIcon1 svg {
  color: rgba(0,225,0,0.4) !important;
  fill: rgba(0,225,0,0.4) !important;
}

.Menu__menu { background: transparent !important; }

.Menu__menuItem a,
.treeView a {
  font-family: var(--font-main) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.7) !important;
  text-decoration: none !important;
  display: block !important;
  padding: 6px 0 !important;
  transition: color 0.2s !important;
}

.Menu__menuItem a:hover,
.treeView a:hover { color: var(--neon-lime) !important; }

.Link__active,
.commonStyle__zt3LinkActive {
  color: var(--neon-lime) !important;
  font-weight: 700 !important;
}

.ArticleListRightContainer__fLeft .Avatar__avatar {
  background: rgba(0,225,0,0.08) !important;
  border: 1px solid rgba(0,225,0,0.15) !important;
  border-radius: 10px !important;
}

/* --- VISTA DE ARTÍCULO --- */
.Layout__twoColumn .Layout__layout1 {
  background: #ffffff !important;
}

.Layout__twoColumn .Layout__layout2 {
  background: var(--bg-main) !important;
}

.KbDetailLtContainer__posRel,
.KbDetailLtContainer__articleContent,
.KbDetailLtContainer__articelDetail,
#articelDetail,
.ArticleDetail_description,
.KbDetailLtContainer__description {
  background: #ffffff !important;
  color: #1a1a1a !important;
  border-radius: 0 !important;
  padding: 32px !important;
}

.KbDetailLtContainer__detailHeader {
  font-family: var(--font-main) !important;
  font-weight: 900 !important;
  font-size: 24px !important;
  color: #111111 !important;
  line-height: 1.3 !important;
  margin-bottom: 24px !important;
  border-bottom: none !important;
  text-decoration: none !important;
}

.KbDetailLtContainer__articleTitle {
  border-bottom: none !important;
}

.KbDetailLtContainer__description,
.KbDetailLtContainer__description p,
.KbDetailLtContainer__description div,
.KbDetailLtContainer__description span,
.KbDetailLtContainer__description li {
  font-family: var(--font-main) !important;
  color: #1a1a1a !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

.KbDetailLtContainer__description a {
  color: var(--action-green) !important;
  font-weight: 600 !important;
}

.KbDetailLtContainer__description a:hover {
  color: var(--timeless-green) !important;
}

.KbDetailLtContainer__updateTime {
  font-family: var(--font-main) !important;
  font-size: 12px !important;
  color: rgba(0,0,0,0.4) !important;
  margin-top: 24px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(0,0,0,0.08) !important;
}

.KbDetailLtContainer__review {
  background: #f8f8f8 !important;
  border-radius: 8px !important;
  padding: 16px !important;
  margin-top: 20px !important;
}

.KbDetailLtContainer__share {
  color: #1a1a1a !important;
  font-family: var(--font-main) !important;
  font-weight: 700 !important;
}

.KbDetailLtContainer__thumsup svg,
.KbDetailLtContainer__disLike svg {
  color: rgba(0,0,0,0.4) !important;
  fill: rgba(0,0,0,0.4) !important;
}

.KbDetailLtContainer__pdfView svg,
.KbDetailLtContainer__printView svg,
.KbDetailLtContainer__readerView svg {
  color: rgba(0,0,0,0.35) !important;
}

/* --- PANEL DERECHO ARTÍCULO --- */
[data-id="right_panel_show"],
.KbDetailRtContainer__rightPanelDetail,
.commonStyle__rightPanelDetail {
  background: var(--bg-main) !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.TOCContainer__tocRight {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-card) !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  margin-bottom: 12px !important;
  overflow: hidden !important;
}

.TOCContainer__tocRight * { background: transparent !important; }

.TOCContainer__tocHeading {
  font-family: var(--font-main) !important;
  font-weight: 900 !important;
  font-size: 11px !important;
  color: rgba(255,255,255,0.4) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
}

.TOCContainer__tocCategories a {
  font-family: var(--font-main) !important;
  font-size: 12px !important;
  color: rgba(255,255,255,0.7) !important;
  text-decoration: none !important;
}

.TOCContainer__tocCategories a:hover { color: var(--neon-lime) !important; }

.TOCContainer__arrowRotOpen svg {
  color: rgba(0,225,0,0.5) !important;
  fill: rgba(0,225,0,0.5) !important;
}

.KbDetailRtContainer__widgetRight {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-card) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  overflow: hidden !important;
}

.KbDetailRtContainer__widgetSection {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.KbDetailRtContainer__widgetSection + .KbDetailRtContainer__widgetSection {
  margin-top: 16px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}

.KbDetailRtContainer__followOption .Button__primaryBorder {
  background: transparent !important;
  border: 1.5px solid var(--neon-lime) !important;
  color: var(--neon-lime) !important;
  font-family: var(--font-main) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  border-radius: 6px !important;
  padding: 6px 16px !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
}

.KbDetailRtContainer__followOption .Button__primaryBorder:hover {
  background: var(--neon-lime) !important;
  color: #000000 !important;
}

.KbDetailRtContainer__subscribeDescription {
  font-family: var(--font-main) !important;
  font-size: 11px !important;
  color: var(--muted) !important;
  margin-top: 8px !important;
}

.KbDetailRtContainer__widgetRight a,
.KbDetailRtContainer__widgetRight a:link,
.KbDetailRtContainer__widgetRight a:visited {
  color: rgba(255,255,255,0.75) !important;
  font-family: var(--font-main) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

.KbDetailRtContainer__widgetRight a:hover { color: var(--neon-lime) !important; }

.KbDetailRtContainer__widgetRight a.commonStyle__zt3LinkActive,
.KbDetailRtContainer__widgetRight .Link__active {
  color: var(--neon-lime) !important;
  font-weight: 700 !important;
}

.ContentList__activeLink,
.commonStyle__zt3LinkActive { color: var(--neon-lime) !important; font-weight: 700 !important; }

/* --- ETIQUETAS --- */
.Tag__tag {
  display: inline-block !important;
  background: rgba(0,225,0,0.08) !important;
  border: 1px solid rgba(0,225,0,0.2) !important;
  border-radius: 100px !important;
  padding: 4px 12px !important;
  margin: 4px 4px 0 0 !important;
  transition: all 0.2s !important;
}

.Tag__tag:hover {
  background: rgba(0,225,0,0.15) !important;
  border-color: rgba(0,225,0,0.4) !important;
}

.Tag__tagLink {
  font-family: var(--font-main) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--neon-lime) !important;
  text-decoration: none !important;
  letter-spacing: 0.05em !important;
}

/* --- BREADCRUMB EN ARTÍCULO --- */
.AppContainer__breadCrumbs {
  display: flex !important;
  background: var(--timeless-green) !important;
  border-bottom: 1px solid rgba(0,225,0,0.12) !important;
}

.BreadCrumbs__breadcrumbsView a,
.BreadCrumbs__breadcrumbsView span {
  color: rgba(255,255,255,0.7) !important;
  font-family: var(--font-main) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.BreadCrumbs__breadcrumbsView a:hover { color: var(--neon-lime) !important; }

/* --- OCULTAR HERO EN ARTÍCULO Y LISTA --- */
body:has([data-id="articleDetail"]) #headerContent,
body:has([data-id="articleDetail"]) .Header__searchSection,
body:has([data-id="articleDetail"]) .crol-stats-bar,
body:has([data-id="articleDetail"]) .crol-hero-badge,
body:has([data-id="articleDetail"]) .Header__searchTitle,
body:has([data-id="articleDetail"]) .Header__description,
body:has([data-id="articleDetail"]) .crol-search-wrap {
  display: none !important;
}

body:has([data-id="articleList"]) #headerContent,
body:has([data-id="articleList"]) .Header__searchSection,
body:has([data-id="articleList"]) .crol-stats-bar {
  display: none !important;
}

/* --- DROPDOWN BUSCADOR --- */
ul.SearchList__listmenu {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.1) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
  overflow: visible !important;
  overflow-y: visible !important;
  max-height: none !important;
  height: auto !important;
  z-index: 9999 !important;
  padding: 4px 0 !important;
}

ul.SearchList__listmenu li.SearchList__autoSuggesListItem {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(0,0,0,0.05) !important;
  display: block !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

ul.SearchList__listmenu li.SearchList__autoSuggesListItem:last-child {
  border-bottom: none !important;
}

ul.SearchList__listmenu li a,
ul.SearchList__listmenu li a.SearchList__list,
ul.SearchList__listmenu li a.SearchList__normal,
ul.SearchList__listmenu li a.SearchList__bgColor {
  background: #ffffff !important;
  color: #444444 !important;
  font-family: var(--font-main) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  padding: 9px 14px !important;
  display: block !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
  height: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

ul.SearchList__listmenu li a:hover {
  background: #f5f5f5 !important;
  color: #111111 !important;
}

ul.SearchList__listmenu li a.commonStyle__zt3LinkActive {
  background: #f0f0f0 !important;
  color: var(--timeless-green) !important;
  font-weight: 500 !important;
}

/* --- AMPLIAR ÁREA DEL ARTÍCULO --- */

/* Contenedor principal de dos columnas */
[data-id="articleDetail"].Layout__twoColumn,
.Layout__twoColumn {
  max-width: 100% !important;
  width: 100% !important;
}

/* Columna del artículo: más ancha */
[data-id="articleDetail"] .Layout__layout1 {
  width: 72% !important;
  max-width: 72% !important;
  flex: 0 0 72% !important;
}

/* Columna lateral: más angosta */
[data-id="articleDetail"] .Layout__layout2 {
  width: 26% !important;
  max-width: 26% !important;
  flex: 0 0 26% !important;
}

/* --- FIX ENCABEZADO ARTÍCULO --- */

/* Quitar espacio vacío entre título y contenido */
.KbDetailLtContainer__articleTitle {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.KbDetailLtContainer__detailHeader {
  font-family: var(--font-main) !important;
  font-weight: 900 !important;
  font-size: 24px !important;
  color: #111111 !important;
  line-height: 1.3 !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  border-bottom: none !important;
}

/* Quitar el espacio entre el h1 del título y el contenido del artículo */
.KbDetailLtContainer__articelDetail {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Íconos PDF/imprimir alineados al título */
.KbDetailLtContainer__pdfView,
.KbDetailLtContainer__printView,
.KbDetailLtContainer__readerView {
  top: 6px !important;
  opacity: 0.45 !important;
}

.KbDetailLtContainer__pdfView:hover,
.KbDetailLtContainer__printView:hover,
.KbDetailLtContainer__readerView:hover {
  opacity: 0.85 !important;
}

/* --- FIX ESPACIO TÍTULO --- */

#articelDetail,
.KbDetailLtContainer__articelDetail {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.KbDetailLtContainer__articleContent {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* El h1 interno del artículo que repite el título */
.KbDetailLtContainer__description h1:first-child,
.description h1:first-of-type,
.ArticleDetail_description h1:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Padding del contenedor del artículo */
.KbDetailLtContainer__posRel {
  padding-top: 24px !important;
}

/* --- FIX ALINEACIÓN ARTÍCULO --- */

/* Padding lateral del contenedor para alinear con el contenido */
.KbDetailLtContainer__posRel {
  padding: 24px 32px 32px 32px !important;
}

/* Quitar margen del h1 interno que genera el espacio */
#article_TOC h1:first-child,
.KbDetailLtContainer__description > div:first-child h1,
h1.toc_anchors:first-of-type {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Reducir espacio entre título externo y contenido */
.KbDetailLtContainer__articleTitle {
  margin-bottom: 8px !important;
}

.KbDetailLtContainer__articelDetail {
  margin-top: 8px !important;
}

/* --- ALINEAR TÍTULO CON CONTENIDO --- */

.KbDetailLtContainer__articleTitle,
.KbDetailLtContainer__detailHeader {
  padding-left: 48px !important;
  padding-right: 48px !important;
  padding-top: 4px !important;
}

/* --- CARDS CLICKEABLES --- */
.KbCategory__box {
  cursor: pointer !important;
}

/* --- BUSCADOR NATIVO MÁS ANCHO --- */

.AppContainer__breadCrumbs .SearchContainer__searchBox {
  max-width: 600px !important;
  width: 100% !important;
}

.AppContainer__breadCrumbs .Input__inputCommon {
  font-family: var(--font-main) !important;
  font-size: 13px !important;
  color: #111111 !important;
  background: #ffffff !important;
  border: 1.5px solid rgba(0,0,0,0.12) !important;
  border-radius: 8px !important;
  padding: 8px 36px 8px 14px !important;
}

.AppContainer__breadCrumbs .Input__inputCommon:focus {
  border-color: var(--neon-lime) !important;
  outline: none !important;
}

.AppContainer__breadCrumbs .SearchContainer__searchBoxIcon svg {
  fill: var(--timeless-green) !important;
  color: var(--timeless-green) !important;
}

/* --- BUSCADOR NATIVO MÁS ANCHO --- */

.AppContainer__breadCrumbs .SearchContainer__searchBox {
  max-width: 900px !important;
  width: 60% !important;
  flex: 1 1 60% !important;
}

/* --- BUSCADOR NATIVO EN LÍNEA RESPONSIVE --- */

.AppContainer__breadCrumbs {
  background: var(--timeless-green) !important;
  border-bottom: 1px solid rgba(0,225,0,0.12) !important;
}

#breadCrumbsContainer {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 40px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  gap: 24px !important;
  margin: 0 auto !important;
}

.AppContainer__breadCrumbsBox {
  flex: 0 0 auto !important;
  width: auto !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

.BreadCrumbs__breadcrumbsView span,
.BreadCrumbs__breadcrumbsView a {
  color: rgba(255,255,255,0.7) !important;
  font-family: var(--font-main) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.AppContainer__breadCrumbs .SearchContainer__searchBox {
  flex: 0 0 35% !important;
  width: 35% !important;
  min-width: 200px !important;
}

.AppContainer__breadCrumbs .Input__inputCommon {
  font-family: var(--font-main) !important;
  font-size: 13px !important;
  color: #111111 !important;
  background: #ffffff !important;
  border: 1.5px solid rgba(0,0,0,0.1) !important;
  border-radius: 8px !important;
  padding: 8px 36px 8px 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.AppContainer__breadCrumbs .Input__inputCommon:focus {
  border-color: var(--neon-lime) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0,225,0,0.08) !important;
}

.AppContainer__breadCrumbs .SearchContainer__searchBoxIcon svg {
  fill: #666666 !important;
  color: #666666 !important;
}
/* Igualar ancho del buscador al navbar */
.AppContainer__breadCrumbs .AppContainer__container,
#breadCrumbsContainer {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 40px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  gap: 24px !important;
}

.Header__navbar .Header__container {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.KbCategoryContainer__row {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* --- ALINEAR TODO AL CONTENEDOR DEL NAVBAR --- */

/* El navbar de Zoho centra su contenido con este contenedor */
.Header__container,
#breadCrumbsContainer,
.KbCategoryContainer__row,
.WidgetContainer__contentList,
.WidgetContainer__boxSplit {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* El grid de tarjetas necesita mantener su display grid */
.KbCategoryContainer__row {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

/* --- VISTA DE LISTA DE ARTÍCULOS --- */

/* Fondo general */
[data-id="articleList"] {
  background: var(--bg-main) !important;
}

[data-id="articleList"] .Layout__layout1 {
  background: var(--bg-main) !important;
  padding: 24px !important;
}

/* Quitar fondo blanco del contenedor de artículos */
.ArticleList__articleListLeftContainer {
  background: transparent !important;
}

/* Items de artículo */
.ListHeader__listHeader3 {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-card) !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
  margin-bottom: 8px !important;
  display: flex !important;
  align-items: center !important;
  transition: all 0.2s !important;
}

.ListHeader__listHeader3:hover {
  border-color: rgba(0,225,0,0.35) !important;
  transform: translateX(4px) !important;
}

.ListHeader__header3 a {
  color: rgba(255,255,255,0.85) !important;
  font-family: var(--font-main) !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  text-decoration: none !important;
}

.ListHeader__header3 a:hover {
  color: var(--neon-lime) !important;
}

.ListHeader__listIcon3 svg {
  color: rgba(0,225,0,0.5) !important;
  fill: rgba(0,225,0,0.5) !important;
}

/* Panel derecho lista artículos */
[data-id="articleList"] .Layout__layout2 {
  background: var(--bg-main) !important;
  padding: 24px 16px !important;
}

.ArticleListRightContainer__rightPanelDetail {
  background: transparent !important;
}

/* Card info de categoría */
.ArticleListRightContainer__widgetRight {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-card) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  overflow: hidden !important;
}

/* Ícono de categoría */
.ArticleListRightContainer__fLeft .Avatar__avatar {
  background: rgba(0,225,0,0.08) !important;
  border: 1px solid rgba(0,225,0,0.15) !important;
  border-radius: 10px !important;
  width: 40px !important;
  height: 40px !important;
}

/* Título de categoría */
.ArticleListRightContainer__deskHeading {
  font-family: var(--font-main) !important;
  font-weight: 900 !important;
  font-size: 15px !important;
  color: #ffffff !important;
  margin-bottom: 6px !important;
  margin-left: 8px !important;
}

/* Descripción */
.ArticleListRightContainer__categoryDescription {
  font-family: var(--font-main) !important;
  font-size: 12px !important;
  color: var(--muted) !important;
  margin-bottom: 12px !important;
}

/* Menú de secciones */
.treeView .Menu__menu {
  margin-top: 8px !important;
}

.treeView .Menu__menuItem a {
  font-family: var(--font-main) !important;
  font-size: 13px !important;
  color: rgba(255,255,255,0.65) !important;
  padding: 5px 0 !important;
  text-decoration: none !important;
  display: block !important;
}

.treeView .Menu__menuItem a:hover,
.treeView .Link__active {
  color: var(--neon-lime) !important;
}

/* Sección activa */
.treeView .commonStyle__zt3LinkActive {
  color: var(--neon-lime) !important;
  font-weight: 700 !important;
}

/* --- FIX CAJA BLANCA SCROLL STICKY --- */

.ScrollSticky__type2 {
  background: transparent !important;
  background-color: transparent !important;
}

.ScrollSticky__type2 > div {
  background: transparent !important;
}

/* --- FIX FONDO ARTÍCULOS RELACIONADOS --- */

.WidgetContainer__widgetNxt,
.WidgetContainer__list,
.WidgetContainer__widgetNxt > div {
  background: transparent !important;
  background-color: transparent !important;
}

.KbDetailRtContainer__widgetRight .WidgetContainer__list,
.KbDetailRtContainer__widgetRight .WidgetContainer__widgetNxt,
.KbDetailRtContainer__widgetRight .WidgetContainer__widgetNxt > div > div {
  background: transparent !important;
}

/* --- FIX COLOR SEPARADOR BREADCRUMB --- */

.BreadCrumbs__breadCrumbsLink,
.BreadCrumbs__breadCrumbsLastLink,
.commonStyle__zt3breadCrumbText,
.AppContainer__breadCrumbs li::after,
.AppContainer__breadCrumbs li::before,
.BreadCrumbs__breadcrumbsView li + li::before {
  color: rgba(255,255,255,0.7) !important;
  text-decoration: none !important;
}

.BreadCrumbs__breadCrumbsLink:hover {
  color: var(--neon-lime) !important;
}

/* El último elemento (página actual) más tenue */
.BreadCrumbs__breadCrumbsLastLink {
  color: rgba(255,255,255,0.45) !important;
  pointer-events: none !important;
}

/* --- VISTA DE COMUNIDAD --- */

/* Fondo general */
[data-id="communityList"] {
  background: var(--bg-main) !important;
}

[data-id="communityList"] .Layout__layout1 {
  background: var(--bg-main) !important;
  padding: 24px !important;
}

[data-id="communityList"] .Layout__layout2 {
  background: var(--bg-main) !important;
  padding: 24px 16px !important;
}

/* --- FILTROS --- */
.FilterPanel__filterDrop {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-card) !important;
  border-radius: 10px !important;
  padding: 8px 12px !important;
  margin-bottom: 20px !important;
  gap: 4px !important;
}

.FilterPanel__filterList {
  background: transparent !important;
}

.FilterPanel__filterPan a {
  font-family: var(--font-main) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.55) !important;
  text-decoration: none !important;
  padding: 6px 14px !important;
  border-radius: 6px !important;
  display: block !important;
  transition: all 0.2s !important;
}

.FilterPanel__filterPan a:hover {
  color: #ffffff !important;
  background: rgba(255,255,255,0.06) !important;
}

.FilterPanel__filterPan a.commonStyle__zt3LinkActive,
.FilterPanel__filterPan .Link__active {
  color: var(--neon-lime) !important;
  background: rgba(0,225,0,0.08) !important;
}

/* Dropdown de filtros */
.FilterPanel__dropdownFilter {
  background: var(--timeless-green) !important;
  border: 1px solid var(--border-card) !important;
  border-radius: 8px !important;
  padding: 4px !important;
  z-index: 999 !important;
}

.FilterPanel__dropdownFilter a {
  font-family: var(--font-main) !important;
  font-size: 12px !important;
  color: rgba(255,255,255,0.7) !important;
  padding: 6px 12px !important;
  display: block !important;
  border-radius: 6px !important;
  text-decoration: none !important;
}

.FilterPanel__dropdownFilter a:hover {
  background: rgba(0,225,0,0.08) !important;
  color: #ffffff !important;
}

/* --- ITEMS DE COMUNIDAD --- */
.CommunityListItem__listItem {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-card) !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  margin-bottom: 10px !important;
  transition: border-color 0.2s !important;
}

.CommunityListItem__listItem:hover {
  border-color: rgba(0,225,0,0.35) !important;
}

/* Like/count */
.CommunityListItem__replyResult {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 4px !important;
  min-width: 40px !important;
}

.CommunityListItem__replyResult svg {
  fill: rgba(255,255,255,0.3) !important;
  color: rgba(255,255,255,0.3) !important;
}

.CommunityListItem__likeCount {
  font-family: var(--font-main) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,0.5) !important;
  margin: 0 !important;
}

/* Título del tema */
.CommunityListItem__topicTitle {
  font-family: var(--font-main) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  line-height: 1.3 !important;
}

.CommunityListItem__topicTitle:hover {
  color: var(--neon-lime) !important;
}

/* Descripción */
.CommunityListItem__description {
  font-family: var(--font-main) !important;
  font-size: 13px !important;
  color: var(--muted) !important;
  line-height: 1.6 !important;
  margin-top: 6px !important;
}

/* Badges */
.Badge__announcement {
  background: rgba(0,225,0,0.1) !important;
  border: 1px solid rgba(0,225,0,0.25) !important;
  color: var(--neon-lime) !important;
  font-family: var(--font-main) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  padding: 3px 10px !important;
  border-radius: 100px !important;
}

/* Tiempo */
.CommunityListItem__usrTimediff {
  font-family: var(--font-main) !important;
  font-size: 11px !important;
  color: var(--muted) !important;
}

/* --- PANEL DERECHO COMUNIDAD --- */
.TopicListRightContainer__rightPanelDetail {
  background: transparent !important;
}

.TopicListRightContainer__widgetRight {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-card) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  overflow: hidden !important;
}

.TopicListRightContainer__widgetSection {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.TopicListRightContainer__widgetSection + .TopicListRightContainer__widgetSection {
  margin-top: 20px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}

/* Botón agregar tema */
.TopicListRightContainer__widgetSection .Button__primary {
  background: var(--neon-lime) !important;
  color: #000000 !important;
  font-family: var(--font-main) !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  width: 100% !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
}

.TopicListRightContainer__widgetSection .Button__primary:hover {
  background: #00ff00 !important;
  box-shadow: 0 4px 16px rgba(0,225,0,0.3) !important;
}

/* Info comunidad */
.TopicListRightContainer__deskHeading {
  font-family: var(--font-main) !important;
  font-weight: 900 !important;
  font-size: 15px !important;
  color: #ffffff !important;
  margin-left: 8px !important;
}

.TopicListRightContainer__categoryDescription {
  font-family: var(--font-main) !important;
  font-size: 12px !important;
  color: var(--muted) !important;
  margin-top: 8px !important;
}

.TopicListRightContainer__countValue {
  color: var(--neon-lime) !important;
  font-weight: 700 !important;
  font-family: var(--font-main) !important;
}

.TopicListRightContainer__topicCount {
  font-family: var(--font-main) !important;
  font-size: 12px !important;
  color: var(--muted) !important;
  margin-top: 6px !important;
}

/* Botón Seguir comunidad */
.TopicListRightContainer__followOption .Button__primaryBorder {
  background: transparent !important;
  border: 1.5px solid var(--neon-lime) !important;
  color: var(--neon-lime) !important;
  font-family: var(--font-main) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  border-radius: 6px !important;
  padding: 6px 16px !important;
  margin-top: 10px !important;
  cursor: pointer !important;
}

.TopicListRightContainer__subscribeDescription {
  font-family: var(--font-main) !important;
  font-size: 11px !important;
  color: var(--muted) !important;
  margin-top: 6px !important;
}

/* Lista de anuncios en panel */
.TopicListWidget__topicList {
  padding: 6px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
}

.TopicListWidget__topicList:last-child {
  border-bottom: none !important;
}

.TopicListWidget__listLink {
  font-family: var(--font-main) !important;
  font-size: 12px !important;
  color: rgba(255,255,255,0.7) !important;
  text-decoration: none !important;
}

.TopicListWidget__listLink:hover {
  color: var(--neon-lime) !important;
}

.TopicListWidget__documentIcon svg {
  fill: rgba(0,225,0,0.4) !important;
  color: rgba(0,225,0,0.4) !important;
}

/* Avatar en comunidad */
.TopicListRightContainer__fLeft .Avatar__avatar {
  background: rgba(0,225,0,0.08) !important;
  border: 1px solid rgba(0,225,0,0.15) !important;
  border-radius: 10px !important;
  width: 40px !important;
  height: 40px !important;
}

/* --- FILTROS COMUNIDAD — VERSIÓN SIMPLE --- */

.FilterPanel__filterDrop {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-bottom: 20px !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  gap: 0 !important;
}

.FilterPanel__filterPan a {
  font-family: var(--font-main) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.45) !important;
  text-decoration: none !important;
  padding: 10px 16px !important;
  display: block !important;
  border-bottom: 2px solid transparent !important;
  margin-bottom: -1px !important;
  transition: all 0.2s !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.FilterPanel__filterPan a:hover {
  color: rgba(255,255,255,0.85) !important;
  background: transparent !important;
}

.FilterPanel__filterPan a.commonStyle__zt3LinkActive,
.FilterPanel__filterPan .Link__active {
  color: var(--neon-lime) !important;
  background: transparent !important;
  border-bottom: 2px solid var(--neon-lime) !important;
}

/* --- FILTROS COMUNIDAD — DROPDOWN Y TEXTO SIN NEGRITA --- */

/* Quitar negritas de todos los filtros */
.FilterPanel__filterPan a {
  font-weight: 500 !important;
}

.FilterPanel__filterPan a.commonStyle__zt3LinkActive,
.FilterPanel__filterPan .Link__active {
  font-weight: 600 !important;
}

/* Dropdown de opciones */
.FilterPanel__dropdownFilter {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.1) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
  padding: 4px !important;
  z-index: 9999 !important;
}

.FilterPanel__dropdownFilter a {
  font-family: var(--font-main) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #444444 !important;
  padding: 8px 14px !important;
  display: block !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  background: transparent !important;
}

.FilterPanel__dropdownFilter a:hover {
  background: #f5f5f5 !important;
  color: #111111 !important;
}

.FilterPanel__dropdownFilter a.commonStyle__zt3LinkActive {
  background: #f0f0f0 !important;
  color: var(--timeless-green) !important;
  font-weight: 500 !important;
}

/* --- FILTROS COMUNIDAD — FIX DEFINITIVO --- */

/* Tabs sin negrita */
.FilterPanel__filterPan a {
  font-weight: 400 !important;
  text-transform: none !important;
}

.FilterPanel__filterPan a.commonStyle__zt3LinkActive {
  font-weight: 500 !important;
}

/* Dropdown visible con contenido */
.FilterPanel__dropdownFilter {
  background: var(--timeless-green) !important;
  border: 1px solid rgba(0,225,0,0.2) !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
  padding: 4px !important;
  z-index: 9999 !important;
  min-width: 180px !important;
}

.FilterPanel__dropdownFilter li {
  display: block !important;
  background: transparent !important;
}

.FilterPanel__dropdownFilter a,
.FilterPanel__dropdownFilter li a {
  font-family: var(--font-main) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,0.75) !important;
  padding: 8px 14px !important;
  display: block !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  background: transparent !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.FilterPanel__dropdownFilter a:hover {
  background: rgba(0,225,0,0.08) !important;
  color: #ffffff !important;
}

/* --- FILTROS COMUNIDAD — QUITAR NEGRITAS --- */

.TopicListLeftContainer__panelFilter .FilterPanel__filterDrop .FilterPanel__filterList .FilterPanel__filterPan a,
.TopicListLeftContainer__panelFilter .FilterPanel__filterDrop .FilterPanel__filterList .FilterPanel__filterPan a.commonStyle__zt3LinkActive,
.TopicListLeftContainer__panelFilter .FilterPanel__filterDrop .FilterPanel__filterList .FilterPanel__filterPan a.Link__active,
.TopicListLeftContainer__panelFilter .FilterPanel__filterDrop .FilterPanel__filterList .FilterPanel__filterPan a.commonStyle__zt3Link {
  font-weight: 400 !important;
  font-family: var(--font-main) !important;
}
/* --- QUITAR NEGRITAS DROPDOWN FILTROS --- */

.FilterPanel__dropdownFilter li a,
.FilterPanel__dropdownFilter a,
.FilterPanel__filterBox li a {
  font-weight: 400 !important;
}

/* --- OCULTAR HERO EN COMUNIDAD Y TEMAS --- */

body:has([data-id="communityTopic"]) #headerContent,
body:has([data-id="communityTopic"]) .Header__searchSection,
body:has([data-id="communityTopic"]) .crol-stats-bar,
body:has([data-id="communityTopic"]) .crol-hero-badge,
body:has([data-id="communityTopic"]) .Header__searchTitle,
body:has([data-id="communityTopic"]) .Header__description,
body:has([data-id="communityTopic"]) .crol-search-wrap,
body:has([data-id="communityList"]) #headerContent,
body:has([data-id="communityList"]) .Header__searchSection,
body:has([data-id="communityList"]) .crol-stats-bar,
body:has([data-id="communityList"]) .crol-hero-badge,
body:has([data-id="communityList"]) .Header__searchTitle,
body:has([data-id="communityList"]) .Header__description,
body:has([data-id="communityList"]) .crol-search-wrap {
  display: none !important;
}

/* --- FIX RESPONSIVE MÓVIL --- */

@media (max-width: 768px) {

  /* Título del artículo — quitar padding lateral en móvil */
  .KbDetailLtContainer__articleTitle,
  .KbDetailLtContainer__detailHeader {
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 16px !important;
    font-size: 18px !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  /* Contenedor del artículo */
  .KbDetailLtContainer__posRel,
  .KbDetailLtContainer__articelDetail,
  #articelDetail {
    padding: 16px !important;
    word-break: normal !important;
  }

  /* Breadcrumb en móvil */
  #breadCrumbsContainer {
    padding: 8px 16px !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  .AppContainer__breadCrumbs .SearchContainer__searchBox {
    width: 100% !important;
    flex: 1 1 100% !important;
  }

  /* Grid de categorías en móvil */
  .KbCategoryContainer__row {
    grid-template-columns: 1fr !important;
    padding: 16px !important;
  }

}

/* --- FIX RESPONSIVO MÓVIL ARTÍCULO --- */

@media (max-width: 480px) {

  /* Contenedor principal */
  .KbDetailLtContainer__posRel,
  #articelDetail,
  .KbDetailLtContainer__articelDetail,
  .KbDetailLtContainer__articleContent,
  .ArticleDetail_description,
  .KbDetailLtContainer__description {
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    hyphens: auto !important;
    padding: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Título */
  .KbDetailLtContainer__detailHeader {
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    hyphens: auto !important;
    font-size: 20px !important;
    padding: 16px 16px 0 16px !important;
    line-height: 1.3 !important;
  }

  /* Badges del artículo (CÓMO SE HACE, tiempo, módulo) */
  .sty__tivgox__cls,
  .sty__s7vwfe__cls,
  .sty__z6pwep__cls {
    word-break: normal !important;
    white-space: nowrap !important;
    display: inline-block !important;
    margin-bottom: 4px !important;
  }

  /* Panel lateral oculto en móvil */
  .Layout__layout2 {
    display: none !important;
  }

  /* Breadcrumb en móvil */
  #breadCrumbsContainer {
    flex-direction: column !important;
    padding: 8px 16px !important;
    gap: 8px !important;
    align-items: flex-start !important;
  }

  .AppContainer__breadCrumbs .SearchContainer__searchBox {
    width: 100% !important;
    flex: 1 1 100% !important;
  }

  /* Grid de categorías */
  .KbCategoryContainer__row {
    grid-template-columns: 1fr !important;
    padding: 16px !important;
    gap: 12px !important;
  }
}

/* --- FIX MÓVIL COMPLETO --- */

@media (max-width: 768px) {

  /* Forzar columna de artículo a ancho completo */
  .Layout__twoColumn .Layout__layout1,
  [data-id="articleDetail"] .Layout__layout1 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
    padding: 0 !important;
  }

  /* Ocultar columna lateral */
  .Layout__twoColumn .Layout__layout2,
  [data-id="articleDetail"] .Layout__layout2 {
    display: none !important;
    width: 0 !important;
  }

  /* Contenido del artículo */
  .KbDetailLtContainer__posRel,
  #articelDetail,
  .KbDetailLtContainer__articleContent,
  .KbDetailLtContainer__description {
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    hyphens: none !important;
  }

  /* Título */
  .KbDetailLtContainer__detailHeader {
    font-size: 20px !important;
    padding: 16px !important;
    word-break: normal !important;
    hyphens: none !important;
    line-height: 1.3 !important;
  }

  /* Breadcrumb */
  #breadCrumbsContainer {
    flex-direction: column !important;
    padding: 8px 16px !important;
    gap: 8px !important;
  }

  .AppContainer__breadCrumbs .SearchContainer__searchBox {
    width: 100% !important;
    flex: 1 1 100% !important;
  }

  /* Grid de categorías */
  .KbCategoryContainer__row {
    grid-template-columns: 1fr !important;
    padding: 16px !important;
    gap: 12px !important;
  }
}

/* --- FIX ESPACIO FANTASMA DEL HERO EN MÓVIL --- */

/* En móvil el hero oculto no debe ocupar espacio */
@media (max-width: 768px) {

  body:has([data-id="articleDetail"]) .Header__searchSection,
  body:has([data-id="articleDetail"]) #headerContent,
  body:has([data-id="articleList"]) .Header__searchSection,
  body:has([data-id="articleList"]) #headerContent,
  body:has([data-id="communityList"]) .Header__searchSection,
  body:has([data-id="communityList"]) #headerContent {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
  }

  /* Quitar margen del contenedor principal */
  .AppContainer__appContainer {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Navbar en móvil ocupa menos altura */
  .Header__navbar {
    min-height: auto !important;
  }
}

/* --- FIX BUSCADOR EN MÓVIL --- */

@media (max-width: 768px) {

  #breadCrumbsContainer {
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 8px 16px !important;
    gap: 8px !important;
  }

  .AppContainer__breadCrumbsBox {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  .AppContainer__breadCrumbs .SearchContainer__searchBox {
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  /* Ocultar el input en móvil, dejar solo el ícono de búsqueda */
  .AppContainer__breadCrumbs .Input__positionRel {
    display: none !important;
  }

  .AppContainer__breadCrumbs .SearchContainer__searchBoxIcon {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    background: rgba(255,255,255,0.1) !important;
    border-radius: 8px !important;
  }

  .AppContainer__breadCrumbs .SearchContainer__searchBoxIcon svg {
    fill: #ffffff !important;
    color: #ffffff !important;
  }
}

/* --- TEXTO BREADCRUMB PÁGINA PRINCIPAL --- */

[data-id="kbLanding_breadcrumb_0"],
.BreadCrumbs__breadcrumbsView span,
.BreadCrumbs__breadcrumbsView a {
  font-size: 14px !important;
}

.KbCategory__box .Avatar__avatarImg {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  padding: 0 !important;
}