/* ========================================
   CAMBIO DE COLOR NARANJA (#E46317) → ROJO (#F2273B)
   ======================================== */

/* 1. VARIABLE PRINCIPAL */
:root {
  --color-brand: #F2273B !important;
  --color-overDue: #F2273B !important;
}

/* 2. CLASES UTILITARIAS DE ZOHO DESK */
.commonStyle__zt3Brand {
  color: #F2273B !important;
}
.commonStyle__zt3BrandBg {
  background-color: #F2273B !important;
}
.commonStyle__zt3BrandFill {
  fill: #F2273B !important;
}
.commonStyle__zt3BrandBorder {
  border-color: #F2273B !important;
}
.commonStyle__zt3LinkActive {
  color: #F2273B !important;
}
.commonStyle__zt3bdrLine {
  border-color: #F2273B !important;
}

/* 3. MENÚ DE NAVEGACIÓN - Tab activo ("Inicio") */
.Header__tabsTab.Header__active,
.Header__tabsTab.Header__active .Header__tabs__link {
  color: #F2273B !important;
}
.Header__tabsTab.Header__active::after,
.Header__tabsTab:hover::after {
  border-bottom-color: #F2273B !important;
}
.Header__tabsTab:hover .Header__tabs__link {
  color: #F2273B !important;
}

/* 4. BOTÓN DE BÚSQUEDA (lupa) */
.SearchContainer__searchIcon {
  background-color: #F2273B !important;
}

/* 5. FLECHA DROPDOWN DEL BUSCADOR */
.SearchContainer__downArrow {
  border-top-color: #F2273B !important;
}

/* 6. AVATAR / PERFIL ("MI") */
.LoginDetail__profileBtn {
  background-color: #F2273B !important;
}
.AvatarText__avatarText {
  color: #F2273B !important;
  background: rgb(255, 245, 246) !important;
  border-color: rgb(234, 180, 185) !important;
}
.AvatarText__squareBg1 {
  background: rgb(255, 245, 246) !important;
  border-color: rgb(234, 180, 185) !important;
}
.enduser_avatar {
  color: #F2273B !important;
  background: rgb(255, 245, 246) !important;
  border-color: rgb(234, 180, 185) !important;
}

/* 7. LOGIN / SIGNUP links */
.LoginDetail__userLink {
  color: #F2273B !important;
}
.LoginDetail__active,
.LoginDetail__signin:hover,
.LoginDetail__signup:hover {
  color: #F2273B !important;
}
.LoginDetail__signin.LoginDetail__active::after,
.LoginDetail__signin:hover::after,
.LoginDetail__signup.LoginDetail__active::after,
.LoginDetail__signup:hover::after {
  border-bottom-color: #F2273B !important;
}

/* 8. ICONOS SVG DE SECCIONES (Centro de asistencia, Tickets) */
.ModuleCont__brand {
  fill: #F2273B !important;
}
#ticket1 path[fill="#e46317"] {
  fill: #F2273B !important;
}
#Capa2 .commonStyle__zt3BrandFill,
#Capa3 .commonStyle__zt3BrandFill {
  fill: #F2273B !important;
}
symbol path[style*="fill: rgb(228, 99, 23)"] {
  fill: #F2273B !important;
}

/* 9. BOTÓN "SCROLL TO TOP" */
.AppContainer__backToTop {
  background-color: #F2273B !important;
}

/* 10. ICONOS SVG GENERALES */
.Icon__brand {
  color: #F2273B !important;
}
.Icon__hoverbrand:hover {
  color: #F2273B !important;
}
svg.Icon__acbt_Icon2 {
  fill: #F2273B !important;
}

/* 11. PANEL DE ACCESIBILIDAD */
.AccessibilityPanel__footer {
  color: #F2273B !important;
}
.CustomizeContainer__aPlus:hover {
  color: #F2273B !important;
}

/* 12. BOTONES Y FORMULARIOS */
.Button__search {
  background-color: #F2273B !important;
}
.Button__footerBtn:hover {
  background-color: #F2273B !important;
}
.Radio__radioFaux {
  border-color: #F2273B !important;
}
.ValueSlider__defaultButton {
  color: #F2273B !important;
  border-color: #F2273B !important;
}
.ValueSlider__sliderFill {
  background-color: #F2273B !important;
}
.ValueSlider__customThumb {
  border-color: #F2273B !important;
}

/* 13. GLOBAL NAV hover states */
.globalfixednav .globalSignin:hover,
.globalfixednav .globalSignup:hover {
  color: #F2273B !important;
}

/* 14. CERRAR SESIÓN - hover en rojo */
.LoginDetail__logoutLink:hover {
  color: #F2273B !important;
}