/*
Bienvenido a Pitágoras Cloud
Proyecto: OAMGCO HUJ&-P25
Fecha: 17/11/2025

*/

:root {    
    --dealblue : #30456c;   
    --dealblue20 : #22314c;   
    
 
}

/*******************************/
/*******************************/
/******PAGINA LOGIN  ******/
/*******************************/
/*******************************/

.pitagorasLogin .sclogin-joomla-login.vertical {
  margin: 80px auto 150px !important;
  padding: 40px !important;
  max-width: 400px !important;
  background: var(--white);
  border-radius: 10px !important;
}

@media (max-width: 767px) {
  .pitagorasLogin .sclogin-joomla-login.vertical {
    margin: 0px auto 80px !important;
  }
}

.sclogin-joomla-login .sclogin-passkey-button, 
.sclogin-joomla-login .input-group-text.btn,
.sp-pagebuilder-page-edit {
  display: none !important;
  opacity: 0 !important;
  width: 0px !important;
  height: 0px !important;
}
/*******************************/
/*SCLOGIN MODO MODAL*/
/*******************************/
.sclogin-modal .modal-lg {
    max-width: 400px;
    margin-top: 4rem !important;
}
/*******************************/
/*SCLOGIN LOGOUT DESIGN*/
/*******************************/
#sp-top2 .sp-module {
  
}
.sclogin.sourcecoast {
  display: flex;  
    display: -webkit-flex; /* Safari */     
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap; /* Safari */    
    -moz-flex-flow: row wrap; 
    -o-flex-flow: row wrap; /* Safari */
    margin: 0px auto !important;
    padding: 0px;       
    background:transparent;
    width: 100%;
}
.sclogin-greeting {
  margin-right:10px;
}



.alert-success {  
  display: none !important;
  height: 0 !important;

}
/*******************************/
/*******************************/
/*HEADER, LOGO & TOPBAR  */
/*******************************/
/*******************************/
@media (min-width: 10px) {
  .container, .container-sm {
    max-width: 100% !important;
  }
}

#sp-header {
    height: 90px !important;    
    padding-top: 5px !important;
}

/*******************************/
/*******************************/
/*MEGA MENU  */
/*******************************/
/*******************************/

/*Canva Principal Dropdown*/
.sp-dropdown-inner {
    background: var(--dealblue20) !important;
}
/*Links de menus */
.sp-dropdown-inner a {
  color: #fff !important;
}

.separator {
  font-weight: 500 !important;
  font-size: 0.86rem !important;
  color: #fff;
  padding-bottom: 6px !important;
  border-bottom: #cece solid 1px !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
}
.separator img { 
  display: inline !important;
  max-width: 40px;
  margin-right: 5px;
}

ul.sp-dropdown-items {
  margin-top: 14px !important;
}

.iconmenu img {
  max-width: 22px;
  margin-right: 7px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
  padding: 3px 0 !important;
}


.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    font-size: 0.9rem;
    line-height: 1;
    display: inline-block;
    padding: 7px 0;
    cursor: pointer;
}

/*******************************/
/*******************************/
/*PAGE TITLE  */
/*******************************/
/*******************************/
/*BACKGROUND: Blue Stripe*/
.blueStripe .sp-page-title, .blueStripe #sp-top-bar,
.blueStripe #pitagorasChannelMap {  
  background: radial-gradient(100% 225% at 100% 0%, #FF0000 0%, #000000 100%), linear-gradient(236deg, #00C2FF 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 0%, #CDFFEB 36%, #009F9D 36%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%) !important;
  background-blend-mode: overlay, hard-light, normal !important;
}

/*BACKGROUND: Descend Sun*/
.DescendSun .sp-page-title, .DescendSun #sp-top-bar,
.DescendSun #pitagorasChannelMap {  
  background: linear-gradient(121.28deg, #31BC00 0%, #000000 100%), linear-gradient(180deg, #5200FF 0%, #1A0050 100%), linear-gradient(341.1deg, #FF0000 7.52%, #1700A4 77.98%), radial-gradient(49.82% 80.51% at 49.82% 50%, #5A0069 0%, #FF3D00 100%), radial-gradient(50% 72.12% at 50% 50%, #EB00FF 0%, #110055 100%);
  background-blend-mode: color-dodge, overlay, difference, difference, normal;
}
/*BACKGROUND: Coffee Script*/
.Coffeescript .sp-page-title, .Coffeescript #sp-top-bar,
.Coffeescript #pitagorasChannelMap {  
  background: linear-gradient(60deg, #2B2E4A 0%, #2B2E4A 30%, #E84545 calc(30% + 1px), #E84545 60%, #903749 calc(60% + 1px), #903749 70%, #53354A calc(70% + 1px), #53354A 100%);
}

/*BACKGROUND: Warm Welcome*/
.WarmWelcome .sp-page-title, .WarmWelcome #sp-top-bar,
.WarmWelcome #pitagorasChannelMap {  
  background: linear-gradient(245deg, #000000 0%, #FDFF96 100%), linear-gradient(245deg, #0038FF 0%, #000000 100%), radial-gradient(100% 225% at 100% 0%, #4200FF 0%, #001169 100%), linear-gradient(245deg, #000000 0%, #FFB800 100%), radial-gradient(115% 107% at 40% 100%, #EAF5FF 0%, #EAF5FF 40%, #A9C6DE calc(40% + 1px), #A9C6DE 70%, #247E6C calc(70% + 2px), #247E6C 85%, #E4C666 calc(85% + 2px), #E4C666 100%), linear-gradient(65deg, #083836 0%, #083836 40%, #66D37E calc(40% + 1px), #66D37E 60%, #C6E872 calc(60% + 1px), #C6E872 100%);
  background-blend-mode: overlay, screen, overlay, hard-light, overlay, normal;
}

/*BACKGROUND: Crossroads*/
.Crossroads .sp-page-title, .Crossroads #sp-top-bar,
.Crossroads #pitagorasChannelMap {    
  background: linear-gradient(130deg, #ad90c1 0%, rgb(3, 0, 84) 100%), linear-gradient(130deg, #09007b 0%, rgba(15, 0, 66, 0) 30%), linear-gradient(129.96deg, rgb(255, 47, 47) 10.43%, rgb(0, 4, 96) 92.78%), radial-gradient(100% 246.94% at 100% 0%, rgb(255, 255, 255) 0%, rgba(37, 0, 66, 0.8) 100%), linear-gradient(121.18deg, rgb(20, 0, 255) 0.45%, rgb(27, 0, 62) 100%), linear-gradient(154.03deg, rgb(206, 0, 0) 0%, rgb(255, 0, 61) 74.04%), linear-gradient(341.1deg, rgb(178, 91, 186) 7.52%, rgb(16, 0, 119) 77.98%), linear-gradient(222.34deg, rgb(169, 0, 0) 12.99%, rgb(0, 255, 224) 87.21%), linear-gradient(150.76deg, rgb(183, 213, 0) 15.35%, rgb(34, 0, 170) 89.57%);
  background-blend-mode: overlay, normal, overlay, color-burn, screen, overlay, difference, difference, normal;
}

/*BACKGROUND: ObedientShade*/
.ObedientShade .sp-page-title, .ObedientShade #sp-top-bar,
.ObedientShade #pitagorasChannelMap {    
  background: linear-gradient(125deg, #00FF57 0%, #010033 40%, #460043 70%, #F0FFC5 100%), linear-gradient(55deg, #0014C9 0%, #410060 100%), linear-gradient(300deg, #FFC700 0%, #001AFF 100%), radial-gradient(135% 215% at 115% 40%, #393939 0%, #393939 40%, #849561 calc(40% + 1px), #849561 60%, #EED690 calc(60% + 1px), #EED690 80%, #ECEFD8 calc(80% + 1px), #ECEFD8 100%), linear-gradient(125deg, #282D4F 0%, #282D4F 40%, #23103A calc(40% + 1px), #23103A 70%, #A0204C calc(70% + 1px), #A0204C 88%, #FF6C00 calc(88% + 1px), #FF6C00 100%);
  background-blend-mode: overlay, screen, overlay, overlay, normal;  
}

.sp-page-title .sp-page-title-heading {
    font-size: 1.8rem !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    font-family: "Inter" !important;
}

.sp-page-title .sp-page-title-sub-heading {
    font-size: 0.92rem !important;
    font-weight: 400 !important;    
    margin-top: 15px !important;
    line-height: 1.5 !important;
    color: #dfdfdf !important;
    font-family: "Inter" !important;
}

.sp-page-title {
    padding: 40px 0 !important; 
}

.mod-breadcrumbs__wrapper {
  margin-top: 20px !important;
}

/*******************************/
/*******************************/
/*OFFCANVAS  */
/*******************************/
/*******************************/
.offcanvas-menu {
  background: linear-gradient(125deg, #ECFCFF 0%, #ECFCFF 40%, #B2FCFF calc(40% + 1px), #B2FCFF 60%, #5EDFFF calc(60% + 1px), #5EDFFF 72%, #3E64FF calc(72% + 1px), #3E64FF 100%);
}
.offcanvas-menu .iconmenu img {
  display: none !important;
  height: 0 !important;
}

.offcanvas-menu .iconmenu span   {
  display: block !important;
  margin-bottom: 6px !important;
}

.offcanvas-menu a.iconmenu  {
  font-weight: 500 !important;  
}