@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');



/*
Bienvenido a Pitágoras Cloud
Proyecto: JSP TECH - V26R8
Fecha: 07/06/2026

*/

:root {    
    --darkblue: #011336;    
    --neonblue: #01B2B9;    
    --white: #ffffff;
    --darktext: #212121;    
    --lightgray: #EEF0F2;
    --mediumgray: #DFEAEA;
 
}

/*******************************/
/*******************************/
/* FUENTES IMPORTADAS  */
/*******************************/
/*******************************/


.archivofont {
    font-family: "Archivo", sans-serif;
}

.interfont {
    font-family: "Inter", sans-serif;
}

.textshadow {
  text-shadow: 1px 1px 2px #000000;
}

/*******************************/
/*******************************/
/* BODY  */
/*******************************/
/*******************************/


body {
    font-family: "Archivo", sans-serif;
    font-size: 1rem;
    font-weight: normal;    
    background: var(--lightgray);
}


/**************************************************/
/**************************************************/
/******CLASES PARA SLIDERS Y SP PAGE BUILDER  ******/
/**************************************************/
/**************************************************/

/*Area Disponible SP Page */
.sppb-row-container {
    max-width: 1250px !important;
}

img.floated-image {
  /* Floats the image to the left and forces text to wrap around it */
  float: left; 
  
  /* Creates essential spacing between the image and the wrapping text */
  margin-right: 20px !important; 
  margin-bottom: 60px !important; 
  
  /* Prevents the image from overflowing its container */
  max-width: 50px !important; 
  height: auto;
}

/*******************************/
/*******************************/
/******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: var(--neonblue);
  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;
}



/*******************************/
/*******************************/
/*TIPOGRAFIA H1-H4  */
/*******************************/
/*******************************/
h1, h2, h3, h4, h5 {
  font-family: "Archivo", sans-serif;
  font-weight: 700;
  line-height: 1.4;
}

h1 {font-size: 1.8rem; }
h2 {font-size: 1.6rem; }
h3 {font-size: 1.5rem; }
h4 {font-size: 1.4rem; }
h5 {font-size: 0.7rem; }




/*******************************/
/*******************************/
/*HEADER & LOGO   */
/*******************************/
/*******************************/

/*Envolvente Principal*/
/*----------------------------------*/
#sp-header, #sp-header .container, 
#sp-header .logo {
  height: 110px !important;
  padding: 0 !important; 
  margin: 0 !important;  
}

/*Componente Top (Ticker) */
/*----------------------------------*/
#sp-topcomponent {
  padding: 0;
  margin: 0;
}
/*Header Sticky*/
/*----------------------------------*/
#sp-header.header-sticky {
    position: fixed;
    z-index: 9999;
    top: 20px;
    left: 0;
    width: 100%;
    animation: spFadeInDown .8s !important;
}

/*Contenedor del Header*/
/*----------------------------------*/
#sp-header .container {
  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;
  max-width: 1250px !important;
  padding: 0px;       
  background:transparent;
  width: 96% !important; 
  height: 110px !important;   
}


/*Geometría del Logo*/
/*----------------------------------*/
#sp-logo .logo, #sp-logo .logo a {
  width: 100% !important;
  text-align: left !important;  
}


#sp-logo img {
  height: 90px !important;
  width: auto !important;
  margin: 8px auto 0 !important;  
}

/*Dimensiones de las Clases Hijas del Header Container*/
/*----------------------------------*/
#sp-logo {width: 330px !important; margin: 0 !important; padding: 0 !important;}
#sp-menu {width: calc(100% - 330px) !important; margin: 0 !important; padding: 0 !important;}



/*Bloque Responsive de los componentes del Header*/
@media (max-width:991px) {
  
}

@media (max-width:599px) {
  #sp-logo {width: 70% !important; }
  #sp-menu {width: 30% !important}    

  #sp-logo img {
    height: auto !important;
    width: 100% !important;
    margin: 8px auto 0 !important;  
    max-width: 325px !important;
  }
}




/*******************************/
/*******************************/
/*MENU & OFFCANVAS   */
/*******************************/
/*******************************/

/*Menu y Megamenu */
/*----------------------------------*/

.sp-megamenu-parent > li {
  line-height: 110px !important;  
}
.sp-megamenu-parent > li > a {
  line-height: 1 !important;  
  padding: 5px 25px !important;
  font-size: 1rem !important;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  letter-spacing: 0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;  
  color: var(--darkblue) !important;
}

.sp-megamenu-parent > li > a:hover,
.sp-megamenu-parent > li > a:focus {
  color: var(--neonblue) !important; 
}


.sp-megamenu-parent > li > a.menuseparator {
  border-left: 2px var(--mediumgray) solid;
}

.sp-megamenu-parent > li.active > a {
  color: var(--neonblue) !important;
  font-weight: 700;
}

ul.sp-megamenu-parent {
    margin: 0 auto !important;
}

/*Off Canvas Menu*/
/*----------------------------------*/    

.burger-icon>span {    
    background-color: var(--darkblue) !important;
}


#offcanvas-toggler {
    display: inline-flex;
    align-items: center;
    height: 110px !important;
    line-height: 110px !important;
    font-size: 20px;
    float: right;
    margin-left: 30px !important; 
    margin-right: 3% !important;
}
.offcanvas-inner .menu-child li {
  margin: 10px auto !important;  
}
.offcanvas-inner .menu-child li a {  
  font-size: 120% !important;
}

.offcanvas-menu {
  background: #ffffff;
}

.offcanvas-inner .offcanvaslogo img {
  height: auto !important;
  width: 100% !important;
  max-width: 240px;
  margin: 15px auto;
}

/*Bloque Responsive del Menu y el Offcanvas Toggler*/
/*----------------------------------*/    
@media (min-width: 1024px) and (max-width:1099px) {
  .sp-megamenu-parent > li > a {
    font-size: 0.96rem !important;    
    letter-spacing: -0.01em;
    padding: 5px 20px !important;
  }
}

@media (min-width: 992px) and (max-width:1023px) {
  .sp-megamenu-parent > li > a {
    font-size: 0.9rem !important;
    letter-spacing: 0.00em;
    padding: 5px 20px !important;
  }

  #offcanvas-toggler {
    margin-right: 5% !important;   
  }
}

@media (max-width:991px) {
  #offcanvas-toggler {
    margin-right: 15% !important;   
  }
}


/*User Menu*/
/*----------------------------------*/    
.topUsermenu, .topUsermenu .sp-module-content, 
.topUsermenu .mod-custom {
  display: inline-flex !important;
}
.topUsermenu {
  height: 66px;
  padding-top: 20px;
}



/*******************************/
/*******************************/
/*TICKER & TOPBAR  */
/*******************************/
/*******************************/

/*Top Ticker Bar*/
.toptickerbar {
  height: 40px !important;
  overflow: hidden !important;
}

.toptickerbar .usualfont {
  font-family: "Usual"; /*Usada en el menu de navegación, y en el body */ 
}

/*Posicionamiento relativo del header ticker y header slider*/
#sp-topcomponent {

}
/*----------------------------------*/    


/*******************************/
/*******************************/
/*BREADCRUMB  */
/*******************************/
/*******************************/

ol.mod-breadcrumbs.breadcrumb {
  max-width: 1200px;
  margin: 0 auto !important;
  background: transparent !important;
}

.mod-breadcrumbs__wrapper {
  margin: 0 !important;
}
/*******************************/
/*******************************/
/******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;

}

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

/*Configuración de todos los Dropdown Megamenus*/

.sp-dropdown.sp-dropdown-main {
  position: absolute !important;  
  animation: spFadeInDown .4s !important;
}
/*1. - Megamenushop*/
.megamenushop .sp-dropdown.sp-dropdown-main {  
  left: -460% !important; 
}
/*2. - Megamenublog*/
.megamenublog .sp-dropdown.sp-dropdown-main {  
  left: -570% !important;  
}



/*Wrapper*/
.megamenu-wrapper iframe, .megamenu-wrapper iframe body {
  border-radius: 1rem !important;
}

.sp-dropdown-inner {
  background: transparent !important;
  padding: 6px 10px !important;
  box-shadow: none !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;
}


/*******************************/
/*******************************/
/*BOTTOM & FOOTER  */
/*******************************/
/*******************************/


#sp-bottom {
    padding: 0px;
    font-size: 14px;
    line-height: 1.6;
}

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


#sp-footer .container-inner {
    padding: 0px 0 !important;
 
}


/*******************************/
/*******************************/
/*CONVERTFORMS  */
/*******************************/
/*******************************/
.convertforms {
  border-radius: 20px !important;
  box-shadow: 3px 2px 5px var(--mediumgray);
}
.convertforms .cf-label {
    color: var(--darktext) !important;
    font-size: 0.96rem !important;
    margin-bottom: .55em;
    display: block;
    line-height: 1.5;
    font-weight: 800 !important;
    font-family: "Archivo", sans-serif !important;
}

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