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

*/

:root {        
    --chroma10 : #9EC1F1;
    --chroma20 : #5593E6;
    --chroma30 : #1F6AD1;
    --chroma40 : #1856A6;
    --chroma50 : #123F7A;
    --chroma60 : #0E3161;
    --chroma70 : #091F3E;
    --white: #ffffff;

    
 
}

/*******************************/
/*******************************/
/******BOTON WHATSAPP  ******/
/*******************************/
/*******************************/

.floating_btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  z-index: 1000;
}

@keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

.floating_btn .contact_icon {
  background-color: #42db87;
  color: #fff;
  width: 60px;
  height: 60px;
  font-size:30px;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translatey(0px);
  animation: pulse 1.5s infinite;
  box-shadow: 0 0 0 0 #42db87;
  -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  font-weight: normal;
  font-family: sans-serif;
  text-decoration: none !important;
  transition: all 300ms ease-in-out;
}


.floating_btn .text_icon {
  margin-top: 8px;
  color: #707070;
  font-size: 13px;
}


/*******************************/
/*******************************/
/******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  */
/*******************************/
/*******************************/

#sp-top-bar a {
    color: #aaa;
    text-decoration: none !important;
}

@media (max-width: 599px) {
  .container, .container-sm {
    max-width: 100% !important;
    padding: 0 30px !important;
  } 
}

@media (min-width: 600px) {
  .container, .container-sm {
    width: 100% !important;
    max-width: 1200px !important;
    padding: 0 30px !important;
  } 
}


  

@media (min-width: 992px) {

  #sp-header {
      height: 100px !important;    
      padding: 0 !important;
  }

  #sp-header .logo {
    padding: 15px 0 !important;
    height: 100px !important;
  } 

  #sp-header .logo img {
      height: 70px !important; 
  }

  #sp-top1, #sp-top2 {
    width: 50% !important;
  }
}

@media (max-width: 1059px) {
  #sp-header {
      height: 100px !important;    
      padding: 0 !important;
  }

  #sp-header .logo {
    padding: 18px 0 !important;
    height: 100px !important;
  } 

  #sp-header .logo img {
      height: 64px !important; 
  }

  #sp-top1, #sp-top2 {
    width: 50% !important;

  }
}
  

@media (max-width: 599px) {
  #sp-logo {
    width: calc(100% - 80px) !important;
  }
  #sp-menu {
    width: 80px !important;
  }
  #sp-header .logo {
    width: 100% !important;
    height: auto !important; 
  }
}

#sp-top-bar {
    background: var(--chroma40) !important;
    color: var(--white);
}

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

.sp-megamenu-parent > li > span {
    font-family: 'Inter', sans-serif;
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 0.01em;
    text-decoration: none;
    padding: 0 6px !important;
}

@media (max-width: 1059px) {

  .sp-megamenu-parent > li > span {  
    font-size: 0.86rem;  
    letter-spacing: 0em;  
    padding: 0 6px !important;
  }

}

/*Canva Principal Dropdown*/
.sp-dropdown-inner {
    background: var(--chroma30) !important;
}
/*Links de menus */
.sp-dropdown-inner a {
  color: #f8f8f8 !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: 0px 0 3px !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 #pitagorasChannelMap, .homemainslider {    
  background: linear-gradient(180deg, #0C003C 0%, #BFFFAF 100%), linear-gradient(165deg, #480045 25%, #E9EAAF 100%), linear-gradient(145deg, #480045 25%, #E9EAAF 100%), linear-gradient(300deg, rgba(233, 223, 255, 0) 0%, #AF89FF 100%), linear-gradient(90deg, #45EBA5 0%, #45EBA5 30%, #21ABA5 30%, #21ABA5 60%, #1D566E 60%, #1D566E 70%, #163A5F 70%, #163A5F 100%);
  background-blend-mode: overlay, overlay, overlay, multiply, normal;

}

.sp-page-title .sp-page-title-heading {
    font-size: 2.2rem !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    font-family: "Mulish", serif;
}

.sp-page-title .sp-page-title-sub-heading {
    font-size: 1rem !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%);
  */
  background: linear-gradient(180deg, #F7D6FF 0%, #005686 100%), linear-gradient(180deg, #FFFFFF 0%, #060046 100%), linear-gradient(130deg, #00FFA3 0%, #1A003C 100%), linear-gradient(307deg, #FF0000 0%, #3300C6 100%), radial-gradient(50% 72% at 50% 50%, #004584 0%, #00FFB2 100%), radial-gradient(100% 140% at 100% 0%, #5ED500 0%, #2200AA 100%);
  background-blend-mode: soft-light, overlay, difference, difference, color-burn, normal;  
}
.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;  
}


/*******************************/
/*******************************/
/*FOOTER  */
/*******************************/
/*******************************/


#sp-footer, #sp-bottom {
    background: var(--chroma30);
    color: #fff;
    
}

#sp-footer a, #sp-bottom a {
    color: #fff !important;
    text-decoration: none !important;
}