/* ============================================================ CROL ERP — CSS personalizado para portal Zoho Desk ============================================================ */
@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}
/* --- 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:20px 20px 20px!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:0!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}
/* --- LISTA DE ARTÍCULOS POR CATEGORÍA — PLANO Y COMPACTO --- */
/* --- FIX DEFINITIVO LISTA ARTÍCULOS POR CATEGORÍA --- */
html body .ListHeader__listHeader3{display:flex!important;align-items:center!important;background:transparent!important;border:none!important;border-radius:0!important;border-bottom:1px solid rgba(255,255,255,0.05)!important;box-shadow:none!important;margin-bottom:0!important;transform:none!important;transition:background 0.15s!important;overflow:visible!important}
html body .ListHeader__listHeader3:last-child{border-bottom:none!important}
html body .ListHeader__listHeader3:hover{background:rgba(255,255,255,0.03)!important;transform:none!important;box-shadow:none!important}
html body .ListHeader__listIcon3{margin-right:0px!important}
html body .ListHeader__headerContent{float:none!important;display:flex!important;align-items:center!important}
html body .ListHeader__header3 a,html body .ListHeader__listHeader3 .Link__link{font-family:var(--font-main)!important;font-weight:100!important;font-size:14px!important;color:rgba(255,255,255,0.75)!important;text-decoration:none!important;line-height:1!important}
html body .ListHeader__listHeader3:hover .Link__link{color:var(--neon-lime)!important}
html body .ListHeader__listIcon3 svg,html body .ListHeader__listIcon3 .Icon__icon{color:rgba(255,255,255,0.5)!important;fill:rgba(255,255,255,0.5)!important}
html body .ListHeader__listHeader3:hover .ListHeader__listIcon3 svg{color:rgba(255,255,255,0.9)!important;fill:rgba(255,255,255,0.9)!important}
/* Ocultar el clearfix que genera el espacio extra */
html body .ListHeader__listHeader3 .ListHeader__clBoth,html body .ListHeader__listHeader3 .commonStyle__clBoth{display:none!important;height:0!important;clear:none!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}
/* 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 --- */
@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}
/* --- LISTA DE ARTÍCULOS PANEL DERECHO — COMPACTO --- */
.KbDetailRtContainer__widgetRight .ContentList__topicList{padding:1px 1px!important;margin:0!important}
.KbDetailRtContainer__widgetRight .ContentList__listLink,.KbDetailRtContainer__widgetRight .ContentList__activeLink{font-size:14px!important;line-height:1.25!important}
.KbDetailRtContainer__widgetRight .ContentList__documentIcon{margin-top:2px!important}
/* --- ALINEACIÓN VERTICAL TÍTULO CATEGORÍA PANEL DERECHO --- */
.KbDetailRtContainer__widgetRight .ListHeader__listHeader1{align-items:center!important}
.KbDetailRtContainer__widgetRight .ListHeader__listIcon1{display:flex!important;align-items:center!important}
.KbDetailRtContainer__widgetRight .ListHeader__header1{display:flex!important;align-items:center!important;margin:0!important}
.KbDetailRtContainer__widgetRight .ListHeader__headerContent{display:flex!important;align-items:center!important}
/* --- FIX FINAL LISTA ARTÍCULOS — AL FINAL DEL CSS --- */
html body .ArticleList__articleListLeftContainer .ListHeader__listHeader3,html body [data-id="articleList"] .ListHeader__listHeader3{display:flex!important;flex-direction:row!important;align-items:center!important;background:transparent!important;border:none!important;border-bottom:none!important;outline:none!important;box-shadow:none!important;border-radius:0!important;padding:7px 8px 0px 0px!important;margin:0!important;transform:none!important}
html body .ListHeader__header3{margin-left:0}
/* --- MENÚ SECCIONES PANEL DERECHO --- */
.Menu__menuItem{padding:0px}
/* --- DESCRIPCIÓN / RESUMEN DE THREAD EN TICKET --- */
.Post__postSummary,.description.Post__postSummary{color:#1a1a1a!important}
/* --- PANEL PROPIEDADES DE TICKET --- */
.TicketDetailRightContainer__widgetSection{background:var(--bg-card)!important;border:1px solid var(--border-card)!important;border-radius:12px!important;padding:14px 16px!important;margin-bottom:10px!important}
/* Título "Propiedades de Ticket" */
.TicketDetailRightContainer__widgetSection .ListHeader__header1 {
  font-family: var(--font-main) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  color: rgba(255,255,255,0.4) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
}

/* --- TÍTULO DEL TICKET --- */
.TicketDetailLeftContainer__detailHeader {
  font-size: 25px !important;
  padding-top: 10px !important;
}

.TicketFormLeftContainer__formTitle {
  color: #1a1a1a !important;
}

.DropDown__selectedContent {
  color: #1a1a1a !important;
}

/* --- MODAL CERRAR TICKET --- */

.marBtm20 {
  color: #1a1a1a !important;
}

/* Botón Editar */
.ListHeader__editOption {
  font-family: var(--font-main) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--neon-lime) !important;
}

/* Subtítulos de sección (Información de Ticket, Información adicional) */
.TicketDetailRightContainer__sectionName {
  font-family: var(--font-main) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,0.3) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.09em !important;
  padding: 10px 0 4px 0 !important;
  margin: 0 !important;
}

/* Cada fila label + valor */
.Info__infoList {
  margin-bottom: 0 !important;
  padding: 5px 0 !important;
  border-bottom: none !important;
}

/* Label (ID de Ticket, Estado, etc.) */
.Info__infoLabel {
  font-family: var(--font-main) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.4) !important;
  margin-bottom: 1px !important;
  text-transform: none !important;
}

/* Valor (Abierto, Alonso Saiz, etc.) */
.Info__infoContent {
  font-family: var(--font-main) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.85) !important;
}

/* Estado Abierto — badge verde */
.Info__infoContent.abierto {
  color: var(--neon-lime) !important;
  font-weight: 700 !important;
}

/* Valores vacíos "-" más tenues */
.Info__infoContent:empty,
.Info__infoContent {
  color: rgba(255,255,255,0.85) !important;
}

/* Botones Agregar / Cerrar Ticket */
.TicketDetailRightContainer__widgetSection .Button__primary,
[data-id="addticket"] .Button__primary,
[data-id="closeTicket"] .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;
  cursor: pointer !important;
}

/* Clearfix oculto */
.Info__clBoth {
  display: none !important;
  height: 0 !important;
  clear: none !important;
}
/* --- MENÚ FILTROS DE TICKETS --- */

.TicketList__accountCont {
  background: transparent !important;
}

.TicketList__accountList {
  margin: 0 !important;
  padding: 0 !important;
}

.TicketList__accountName,
.TicketList__deptName,
.TicketList__viewsList {
  font-family: var(--font-main) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,0.6) !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  padding: 6px 10px !important;
  border-radius: 6px !important;
  transition: all 0.2s !important;
}

.TicketList__accountName:hover,
.TicketList__deptName:hover {
  background: rgba(255,255,255,0.04) !important;
  color: rgba(255,255,255,0.9) !important;
}

/* Item activo */
.TicketList__accountSelect {
  font-family: var(--font-main) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--neon-lime) !important;
  background: rgba(0,225,0,0.07) !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  padding: 6px 10px !important;
  border-radius: 6px !important;
}

/* Nombre del filtro */
.TicketList__viewsName {
  font-weight: inherit !important;
}

/* Contador de tickets */
.TicketList__viewsTicketCount {
  font-family: var(--font-main) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--neon-lime) !important;
  margin-left: 4px !important;
  opacity: 0.8 !important;
}


/* --- HEADER FILTROS TICKETS --- */
.TicketList__header {
  padding-top: 10px !important;
}

/* --- MENÚ OPCIONES POST (Responder, Mostrar original, Imprimir) --- */

.Post__options2 {
  background: #ffffff !important;
  border: 0px !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
  padding: 4px !important;
  overflow: hidden !important;
}

.Post__popUpList {
  font-family: var(--font-main) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #333333 !important;
  padding: 8px 14px !important;
  border-radius: 6px !important;
  border-bottom: 1px solid rgba(0,0,0,0.05) !important;
  display: block !important;
  text-decoration: none !important;
  background: transparent !important;
  transition: background 0.15s !important;
}

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

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

.DottedMenuPopup__dotMenuPopup {
  border: 1px solid rgba(0,0,0,0.08) !important;
  background: #ffffff !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
}

/* --- AVATAR TEXTO GENERAL --- */
html body .AvatarText__avatarText {
  background: rgba(0,225,0,0.15) !important;
  border: 1.5px solid rgba(0,225,0,0.35) !important;
  border-radius: 10px !important;
  color: var(--neon-lime) !important;
  font-family: var(--font-main) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.05em !important;
}

/* --- CONTROLES FORMULARIO RESPUESTA TICKET --- */

/* Botón primario (Enviar, Guardar borrador) */
html body .Button__primary {
  background: var(--neon-lime) !important;
  color: #000000 !important;
  font-family: var(--font-main) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 8px 18px !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
}

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

/* Adjuntar archivo */
.FileUpload__attachPin {
  border: 1.5px solid rgba(255,255,255,0.2) !important;
  border-radius: 6px !important;
  padding: 4px 6px !important;
}

/* OCULTAR */
.ListHeader__editOption {
  display: none !important;
}
.Footer__footerBg {
  display: none !important;
}
.TicketDetailRightContainer__widgetSection:has([data-id="addTicket"]) {
  display: none !important;
}

/* --- TÍTULO SECCIÓN KB --- */

html body .ListHeader__listHeader2 .ListHeader__linkText,
html body .ListHeader__listHeader2 .ListHeader__header2 a {
  font-family: var(--font-main) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html body .ListHeader__listHeader2 .ListHeader__linkText:hover {
  color: var(--neon-lime) !important;
}

html body .ListHeader__listHeader2 .ListHeader__header2 {
  visibility: visible !important;
  opacity: 1 !important;
}