/* =========================================================
   SFSU COLOR SCHEME FOR SOLO
   Target page structure:
   #header, #primary-menu, #main-container
   ========================================================= */

html body.sfsu-color-scheme {
  background: #ffffff !important;
  color: #555555 !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

/* Page background */
html body.sfsu-color-scheme #page-wrapper,
html body.sfsu-color-scheme .dialog-off-canvas-main-canvas {
  background: #ffffff !important;
}

/* =========================
   HEADER: SFSU PURPLE
   ========================= */

html body.sfsu-color-scheme #header,
html body.sfsu-color-scheme #header-inner {
  background: #231161 !important;
  color: #ffffff !important;
}

html body.sfsu-color-scheme #header {
  min-height: 105px !important;
  padding: 0 !important;
}

html body.sfsu-color-scheme #header *,
html body.sfsu-color-scheme #header-inner * {
  color: #ffffff !important;
}

html body.sfsu-color-scheme .branding-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
}

html body.sfsu-color-scheme .site-logo-img {
  max-height: 92px !important;
  width: auto !important;
}

html body.sfsu-color-scheme .site-name,
html body.sfsu-color-scheme .site-name-link {
  color: #ffffff !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
}

/* Search/menu buttons */
/*
html body.sfsu-color-scheme #header .solo-button-menu,
html body.sfsu-color-scheme #header button {
  background: #ffdd70 !important;
  color: #231161 !important;
  border: 0 !important;
}

html body.sfsu-color-scheme #header .solo-button-menu *,
html body.sfsu-color-scheme #header button * {
  color: #231161 !important;
  stroke: #231161 !important;
}
*/
/* =========================
   PRIMARY MENU: SFSU GOLD
   ========================= */

html body.sfsu-color-scheme #primary-menu,
html body.sfsu-color-scheme #primary-menu-inner,
html body.sfsu-color-scheme #block-solo-ctcheadermenu,
html body.sfsu-color-scheme .menu--menu-ctc-header-menu,
html body.sfsu-color-scheme .navigation-primary-responsive,
html body.sfsu-color-scheme .navigation__menubar-menu-ctc-header-menu {
  background: #ffdd70 !important;
  color: #000000 !important;
  font-size: clamp(12px, 2vw, 15px) !important;
}

html body.sfsu-color-scheme #primary-menu {
  min-height: 50px !important;
}

html body.sfsu-color-scheme #primary-menu ul {
  margin: 0 !important;
  padding: 0 !important;
}

html body.sfsu-color-scheme #primary-menu a,
html body.sfsu-color-scheme #primary-menu .nav__menu-link,
html body.sfsu-color-scheme #primary-menu .menu__url-title {
  background: #ffdd70 !important;
  color: #000000 !important;
/*  font-size: 15px !important; */
  /*font-size: clamp(12px, 2vw, 18px) !important; */
  font-weight: 400 !important;
}

/*** HOVER - NO UNDERLINE ***/
html body.sfsu-color-scheme #primary-menu a:hover,
html body.sfsu-color-scheme #primary-menu a:focus,
html body.sfsu-color-scheme #primary-menu a[aria-current="page"],
html body.sfsu-color-scheme #primary-menu a:hover *,
html body.sfsu-color-scheme #primary-menu a:focus *,
html body.sfsu-color-scheme #primary-menu a[aria-current="page"] * {
  color: #000000 !important;
  font-weight: 700 !important;
}

/* =========================
   REMOVE SOLO MENU HOVER LINE
   ========================= */

html body.sfsu-color-scheme #primary-menu,
html body.sfsu-color-scheme #primary-menu * {
  --r-br: transparent !important;
 /* --r-br-b: transparent !important;
  --r-br-lk: transparent !important;
  --r-br-lk-h: transparent !important;
  --r-br-h: transparent !important; */
}

/* =========================
   MAIN BODY: WHITE + SFSU TYPOGRAPHY
   ========================= */

html body.sfsu-color-scheme #main-container,
html body.sfsu-color-scheme #main-container-inner,
html body.sfsu-color-scheme #sidebar-box-main,
html body.sfsu-color-scheme .sidebar-box-main-inner,
html body.sfsu-color-scheme #block-solo-content,
html body.sfsu-color-scheme .node,
html body.sfsu-color-scheme .node__content,
html body.sfsu-color-scheme article {
  background: #ffffff !important;
  color: #555555 !important;
}

html body.sfsu-color-scheme #main-container p,
html body.sfsu-color-scheme #main-container li,
html body.sfsu-color-scheme #main-container div,
html body.sfsu-color-scheme #main-container span {
  color: #555555;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

html body.sfsu-color-scheme #main-container p {
  font-size: 18px !important;
  line-height: 1.65 !important;
/*  margin-bottom: 18px !important; */
}

/* =========================
   PAGE TITLE
   Grey box removed, title font kept, red underline kept
   ========================= */

html body.sfsu-color-scheme h1,
html body.sfsu-color-scheme .page-title,
html body.sfsu-color-scheme h1.page-title,
html body.sfsu-color-scheme .region-highlighted,
html body.sfsu-color-scheme .highlighted,
html body.sfsu-color-scheme #highlighted,
html body.sfsu-color-scheme .page-title-wrapper,
html body.sfsu-color-scheme .title-wrapper,
html body.sfsu-color-scheme .block-page-title-block {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/**** Ver Esto *****/
html body.sfsu-color-scheme h1,
html body.sfsu-color-scheme .page-title,
html body.sfsu-color-scheme h1.page-title {
  text-align: left !important;
  color: #4b4b73 !important; 
  font-size: clamp(26px, 2vw, 36px) !important; 
  font-weight: 600 !important;
  line-height: 1.0 !important;
}


/* Magenta underline */
html body.sfsu-color-scheme .page-title::after,
html body.sfsu-color-scheme h1.page-title::after,
html body.sfsu-color-scheme h1::after {
  content: "";
  display: block;

  width: clamp(44px, 4.5vw, 60px); 
  height: 8px;

  margin-top: 6px;
  margin-left: 0;
  margin-bottom: 4px;
  background: #a30c5c !important; 
}


/* Menu Link  in modbile size  */
.page-wrapper li.nav__menu-item > a,
.page-wrapper li.nav__menu-item > button,
.page-wrapper .login-button-open,
.page-wrapper .hamburger-icon button,
.block-user-login-block form + .item-list ul li a {
  border-color: var(--r-br, var(--r-br-b));
  color: var(--r-tx-lk, var(--r-tx));
  /* Replaced variable with your hex code */
  background-color: #ffdd70 !important;
}

/** Colores del menu **/
.page-wrapper li.nav__menu-item > a:hover,
.page-wrapper li.nav__menu-item > button:hover,
.page-wrapper .login-button-open:hover,
.page-wrapper .hamburger-icon button:hover,
.block-user-login-block form + .item-list ul li a:hover {
  color: var(--r-tx-lk-h, var(--r-tx));
  /* Added !important to ensure the hover state also uses your yellow */
  background-color: #fed353 !important;
}

/* =========================
   Heading and text control
   ========================= */

/* Headings */
html body.sfsu-color-scheme h2 {
  color: #464666 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
}

html body.sfsu-color-scheme h3 {
  color: #464666 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}
 

/**** CRJ problema ****/
 
/* Body links */
html body.sfsu-color-scheme #main-container a {
  color: #231161 !important;
}

html body.sfsu-color-scheme #main-container a:hover {
 /* color: #a30c5c !important; */
  border-bottom: 1px solid rgb(000,000,000) !important;
  /* color: rgb(191, 155, 38) !important; */
  color: #BF9B26 !important;
}

/* Local task tabs */
html body.sfsu-color-scheme #block-solo-local-tasks,
html body.sfsu-color-scheme .tabs,
html body.sfsu-color-scheme .tabs.primary {
  background: #ffffff !important;
}

html body.sfsu-color-scheme .tabs a,
html body.sfsu-color-scheme .tabs__link {
  background: #ffffff !important;
  color: #005581 !important;
  border-color: #d6d6d6 !important;
}

/* =========================
   ACCORDION / PANELS
   ========================= */

html body.sfsu-color-scheme .panel-heading,
html body.sfsu-color-scheme .panel-title,
html body.sfsu-color-scheme .panel-title a,
html body.sfsu-color-scheme details > summary,
html body.sfsu-color-scheme .ui-accordion-header {
  background: #6a6a68 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

html body.sfsu-color-scheme .panel-title a {
  display: block !important;
  text-decoration: none !important;
}

html body.sfsu-color-scheme .panel {
  border: 0 !important;
  box-shadow: none !important;
}

/* =========================
   SIDEBAR MENU / SEARCH OVERLAY
   ========================= */

html body.sfsu-color-scheme #primary-sidebar-menu,
html body.sfsu-color-scheme #fixed-search-block {
  background: #231161 !important;
  color: #ffffff !important;
}

html body.sfsu-color-scheme #primary-sidebar-menu a {
  background: #ffdd70 !important;
  color: #000000 !important;
}

html body.sfsu-color-scheme #fixed-search-block input[type="search"] {
  background: #ffffff !important;
  color: #333333 !important;
}

html body.sfsu-color-scheme #fixed-search-block input[type="submit"] {
  background: #ffdd70 !important;
  color: #231161 !important;
}

/* =========================
   FOOTER / SFSU ADDRESSES
   ========================= */
html body.sfsu-color-scheme #copyright,
html body.sfsu-color-scheme #copyright-inner {
  background: #666666 !important;
  color: #ffffff !important;
}

html body.sfsu-color-scheme .footer-local,
html body.sfsu-color-scheme #footer-container,
html body.sfsu-color-scheme #footer-container-inner,
html body.sfsu-color-scheme .site-footer {
  background: #666666 !important;
  color: #ffffff !important;
  }
/* =========================
   SOLO FOOTER CONTAINERS
   ========================= */

html body.sfsu-color-scheme #footer-container,
html body.sfsu-color-scheme #footer-container-inner {
  background: #666666 !important;
  color: #ffffff !important;

  display: flex !important;
  align-items: flex-start !important;
}

/* First, second, third footer containers */
html body.sfsu-color-scheme #footer-container .first,
html body.sfsu-color-scheme #footer-container .second,
html body.sfsu-color-scheme #footer-container .third,
html body.sfsu-color-scheme #footer-container .fourth,
html body.sfsu-color-scheme #footer-container .footer-first,
html body.sfsu-color-scheme #footer-container .footer-second,
html body.sfsu-color-scheme #footer-container .footer-third,
html body.sfsu-color-scheme #footer-container .footer-fourth {
  background: #666666 !important;
  background-color: #666666 !important;

  color: #ffffff !important;

  vertical-align: top !important;
  align-self: flex-start !important;

  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Everything inside footer */
html body.sfsu-color-scheme #footer-container *,
html body.sfsu-color-scheme #footer-container a,
html body.sfsu-color-scheme #footer-container div,
html body.sfsu-color-scheme #footer-container section,
html body.sfsu-color-scheme #footer-container nav {
  background: transparent !important;
  background-color: transparent !important;
  color: #ffffff !important;
    vertical-align: top !important;
  align-self: flex-start !important;
}

/* Footer links hover */
html body.sfsu-color-scheme #footer-container a:hover {
  color: #ffdd70 !important;
}

/* =========================
   ACTIVE SUBMENU UNDERLINE
   COLOR: #886600
   ========================= */

/* Keep top parent highlighted */
html body.sfsu-color-scheme #primary-menu li.has-sub__menu.is-active > a,
html body.sfsu-color-scheme #primary-menu li.has-sub__menu.is-active > button {
  color: #000000 !important;
  font-weight: 700 !important;
}

/* Active submenu item */
html body.sfsu-color-scheme #primary-menu .sub__menu li.is-active > a,
html body.sfsu-color-scheme #primary-menu .sub__menu a[aria-current="page"],
html body.sfsu-color-scheme #primary-menu .sub__menu a.is-active {
  background: transparent !important;
  background-color: transparent !important;

  color: #000000 !important;
  font-weight: 700 !important;

  border-bottom: 3px solid #886600 !important;

  padding-bottom: 2px !important;

 /* transition: all 0.2s ease !important; */
}

/* Active submenu text */
html body.sfsu-color-scheme #primary-menu .sub__menu li.is-active > a *,
html body.sfsu-color-scheme #primary-menu .sub__menu a[aria-current="page"] *,
html body.sfsu-color-scheme #primary-menu .sub__menu a.is-active * {
  background: transparent !important;
  color: #000000 !important;
  font-weight: 700 !important;
}

/* Optional hover */
html body.sfsu-color-scheme #primary-menu .sub__menu a:hover {
  border-bottom: 3px solid #ffffff !important;
}


/* =========================
   FORCE LIGHT SUBMENU BACKGROUND
   Must be after .page-wrapper li.nav__menu-item rules
   ========================= */

/* Level 2 and Level 3 submenu background */
html body.sfsu-color-scheme .page-wrapper #primary-menu .sub__menu,
html body.sfsu-color-scheme .page-wrapper #primary-menu .sub__menu li,
html body.sfsu-color-scheme .page-wrapper #primary-menu .sub__menu li.nav__menu-item,
html body.sfsu-color-scheme .page-wrapper #primary-menu .sub__menu li.nav__submenu-item,
html body.sfsu-color-scheme .page-wrapper #primary-menu .sub__menu li.nav__menu-item > a,
html body.sfsu-color-scheme .page-wrapper #primary-menu .sub__menu li.nav__submenu-item > a,
html body.sfsu-color-scheme .page-wrapper #primary-menu .sub__menu li.nav__menu-item > button,
html body.sfsu-color-scheme .page-wrapper #primary-menu .sub__menu li.nav__submenu-item > button,
html body.sfsu-color-scheme .page-wrapper #primary-menu .sub__menu .nav__menu-link,
html body.sfsu-color-scheme .page-wrapper #primary-menu .sub__menu .dropdown-toggler,
html body.sfsu-color-scheme .page-wrapper #primary-menu .sub__menu .menu__url-title,
html body.sfsu-color-scheme .page-wrapper #primary-menu .sub__menu .menu__url-title-enabled {
/*  background: rgb(255, 249, 229) !important;
  background-color: rgb(255, 249, 229) !important; */
  color: #000000 !important;
}

/* Active submenu item */
html body.sfsu-color-scheme .page-wrapper #primary-menu .sub__menu li.is-active > a,
html body.sfsu-color-scheme .page-wrapper #primary-menu .sub__menu li.is-active > button,
html body.sfsu-color-scheme .page-wrapper #primary-menu .sub__menu a[aria-current="page"],
html body.sfsu-color-scheme .page-wrapper #primary-menu .sub__menu a.is-active {
  background: rgb(255, 239, 186) !important;
  background-color: rgb(255, 239, 186) !important;
  border-bottom: 3px solid #886600 !important;
  color: #000000 !important;

}

/* Hover submenu */
html body.sfsu-color-scheme .page-wrapper #primary-menu .sub__menu li > a:hover,
html body.sfsu-color-scheme .page-wrapper #primary-menu .sub__menu li > button:hover {
  color: #000000 !important;
}

/* =========================
   button button-primary
   ========================= */

html body.sfsu-color-scheme .button.button-primary {
  background: #ffdd70 !important;
  background-image: none !important;

  color: #000000 !important;

  border: 1px solid #330033 !important;

  padding-left: 15px !important;
  padding-right: 15px !important;

  box-shadow: none !important;
  text-shadow: none !important;

  border-radius: 3px !important;
}

/* Hover */
html body.sfsu-color-scheme .button.button-primary:hover,
html body.sfsu-color-scheme .button.button-primary:focus,
html body.sfsu-color-scheme .button.button-primary:hover *,
html body.sfsu-color-scheme .button.button-primary:focus * {
  background: #330033 !important;
  background-image: none !important;

  color: #ffffff !important;
 /* fill: #ffffff !important;
  stroke: #ffffff !important;

  border-color: #330033 !important;

  text-shadow: none !important;
  box-shadow: none !important;*/
}

/* Remove Solo effects */
/*html body.sfsu-color-scheme .button.button-primary::before,
html body.sfsu-color-scheme .button.button-primary::after {
  display: none !important;
  content: none !important;
}*/

/* ========================================
   Primary Menu control for left side menu
   Match normal Solo active behavior
   ======================================== */

/* Top parent: keep yellow background, only bold */
html body.sfsu-color-scheme #primary-menu .navigation__menubar-menu-ctc-header-menu > li.forced-active-trail > a,
html body.sfsu-color-scheme #primary-menu .navigation__menubar-menu-ctc-header-menu > li.forced-active-trail > button {
  background: #ffdd70 !important;
  color: #000000 !important;
  font-weight: 700 !important;
}

/* Top parent text/icon */
html body.sfsu-color-scheme #primary-menu .navigation__menubar-menu-ctc-header-menu > li.forced-active-trail > a *,
html body.sfsu-color-scheme #primary-menu .navigation__menubar-menu-ctc-header-menu > li.forced-active-trail > button * {
  background: transparent !important;
  color: #000000 !important;
  font-weight: 700 !important;
}

/* Selected dropdown item: match second image */
html body.sfsu-color-scheme #primary-menu .sub__menu li.forced-active-trail > a,
html body.sfsu-color-scheme #primary-menu .sub__menu li.forced-active-trail > button {
  background: rgb(255, 239, 186) !important;
  background-color: rgb(255, 239, 186) !important;
  color: #000000 !important;
  font-weight: 700 !important;
  border-bottom: 3px solid #886600 !important;
}

/* Selected dropdown item text/icon */
html body.sfsu-color-scheme #primary-menu .sub__menu li.forced-active-trail > a *,
html body.sfsu-color-scheme #primary-menu .sub__menu li.forced-active-trail > button * {
  background: transparent !important;
  color: #000000 !important;
  font-weight: 700 !important;
}

/* Non-selected dropdown items stay normal */
html body.sfsu-color-scheme #primary-menu .sub__menu li:not(.forced-active-trail) > a,
html body.sfsu-color-scheme #primary-menu .sub__menu li:not(.forced-active-trail) > button {
  background: #ffdd70 !important;
  color: #000000 !important;
  font-weight: 400 !important;
  border-bottom: none !important;
}
/* Top primary menu item forced active: bold only, keep yellow */
html body.sfsu-color-scheme #primary-menu .navigation__menubar-menu-ctc-header-menu > li.forced-active-trail > a,
html body.sfsu-color-scheme #primary-menu .navigation__menubar-menu-ctc-header-menu > li.forced-active-trail > button,
html body.sfsu-color-scheme #primary-menu .navigation__menubar-menu-ctc-header-menu > li.forced-active-trail > a *,
html body.sfsu-color-scheme #primary-menu .navigation__menubar-menu-ctc-header-menu > li.forced-active-trail > button * {
  background: #ffdd70 !important;
  color: #000000 !important;
  font-weight: 700 !important;
}

/* Force top primary menu matched link to be bold */
html body.sfsu-color-scheme #primary-menu .navigation__menubar-menu-ctc-header-menu > li > a.forced-active-trail,
html body.sfsu-color-scheme #primary-menu .navigation__menubar-menu-ctc-header-menu > li > button.forced-active-trail,
html body.sfsu-color-scheme #primary-menu .navigation__menubar-menu-ctc-header-menu > li > a.forced-active-trail *,
html body.sfsu-color-scheme #primary-menu .navigation__menubar-menu-ctc-header-menu > li > button.forced-active-trail * {
  background: #ffdd70 !important;
  color: #000000 !important;
  font-weight: 700 !important;
}

/* Force top primary menu matched LI to be bold */
html body.sfsu-color-scheme #primary-menu .navigation__menubar-menu-ctc-header-menu > li.forced-active-trail > a,
html body.sfsu-color-scheme #primary-menu .navigation__menubar-menu-ctc-header-menu > li.forced-active-trail > button,
html body.sfsu-color-scheme #primary-menu .navigation__menubar-menu-ctc-header-menu > li.forced-active-trail > a *,
html body.sfsu-color-scheme #primary-menu .navigation__menubar-menu-ctc-header-menu > li.forced-active-trail > button * {
  background: #ffdd70 !important;
  color: #000000 !important;
  font-weight: 700 !important;
}
/* Keep the active Solo sidebar submenu open */
html body.sfsu-color-scheme
#page-wrapper .navigation-sidebar-template ul li.is-active > ul,

html body.sfsu-color-scheme
#page-wrapper .navigation-sidebar-template ul li.is-active-trail > ul {
  display: block !important;
}