@import url(https://db.onlinewebfonts.com/c/c00931e8b3cca8082101c210353fe27e?family=NeueHaasDisplay-Mediu);
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url(https://db.onlinewebfonts.com/c/b8ef0558c428b82c7911474accefd4f7?family=NeueHaasDisplay-Light);
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@import url(https://db.onlinewebfonts.com/c/bf9f5d50c1b928ff21436517a1a95ad9?family=Proxima+Nova);
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400..700;1,400..700&display=swap');
@import url(https://db.onlinewebfonts.com/c/7dca09e227fdfe16908cebb4244589e4?family=Georgia);
@import url('https://fonts.googleapis.com/css2?family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url(https://db.onlinewebfonts.com/c/8c7e7936ee30a0664b57de8a3455b0bc?family=Miller-Text);

@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

/*
Bienvenido a Pitágoras Cloud
Proyecto: OAMGCO - V26R8
Fecha: 21/07/2026
V2207-1208

*/

:root {    
    --darkblue: #070738;
    --orangemontessori: #FA9628;
    --bluemontessori: #0A0ADC;
    --carbonmontessori: #605A5A;
    --graymontessori: #CCCCCC;    
    --white: #FCFBF8;
    --darktext: #000000;
    --lightgray: #CECECE;
    --menugray: #d3cdcd;
}

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

.dmsansfont {
  font-family: "DM Sans", sans-serif;
}

.haasmediumfont { 
  font-family: "NeueHaasDisplay-Mediu";
}

.haaslightfont {
  font-family: "NeueHaasDisplay-Light";
}

.plusjakartafont {
  font-family: "Plus Jakarta Sans", sans-serif;
}
.manropefont {
  font-family: "Manrope", sans-serif;
}
.proximanovafont {
  font-family: "Proxima Nova";
}
.sorafont {
  font-family: "Sora", sans-serif;
}
.gelasiofont {
  font-family: font-family: "Gelasio", serif;
}
.georgiafont {
  font-family: "Georgia";
}
.tinosfont {
  font-family: "Tinos", serif;
}
.millerfont {
   font-family: "Miller-Text";
} 
.baloofont {
   font-family: "Baloo 2", sans-serif;
} 
.nunitosansfont {
   font-family: "Nunito Sans", sans-serif;
} 

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

.spacing1 {
  letter-spacing: 0.01em;
}

.spacing2 {
  letter-spacing: 0.02em;
}

.spacing3 {
  letter-spacing: 0.03em;
}
/*******************************/
/*******************************/
/* BODY  */
/*******************************/
/*******************************/
body {
    font-family: "Nunito Sans", sans-serif;
    font-size: 1rem;
    background: var(--white);
    
}

/*******************************/
/*******************************/
/*TIPOGRAFIA H1-H4  */
/*******************************/
/*******************************/

 h1,  h2,  h3,  h4  {
    font-family: "Baloo 2", sans-serif;
    font-weight: 700;
    line-height: 1.2;    
    margin: 15px 0 !important;    
}

/*********************/
/*Area Responsive*/
/*********************/
@media (min-width:992px)  {
  h1 {font-size: 2.1rem !important; }
  h2 {font-size: 1.9rem !important; }
  h3 {font-size: 1.7rem !important; }
  h4 {font-size: 1.5rem !important; }
  /*Intro Smart Slider*/
  .ssIntroH1 {font-size: 2rem !important; }
  .ssIntroSnippet {font-size: 1rem !important; }
  /*Hero Smart Slider*/
  .ssHeroH1 {font-size: 2.8rem !important; }
  .ssHeroSub {font-size: 1.1rem !important; }
  .ssHeroSnippet {font-size: 1.1rem !important; }
  .ssHeroCaption {font-size: 1rem !important; }
}

@media (min-width:750px) and  (max-width:991px) {
  h1 {font-size: 2rem !important; }
  h2 {font-size: 1.8rem !important; }
  h3 {font-size: 1.6rem !important; }
  h4 {font-size: 1.4rem !important; }
  /*Intro Smart Slider*/
  .ssIntroH1 {font-size: 1.9rem !important; }
  .ssIntroSnippet {font-size: 0.96rem !important; }
  /*Hero Smart Slider*/
  .ssHeroH1 {font-size: 2.4rem !important; }
  .ssHeroSub {font-size: 1.06rem !important; }
  .ssHeroSnippet {font-size: 1rem !important; }
  .ssHeroCaption {font-size: 0.96rem !important; }
}
@media (min-width:500px) and  (max-width:749px) {
   h1 {font-size: 1.8rem !important; }
   h2 {font-size: 1.6rem !important; }
   h3 {font-size: 1.5rem !important; }
   h4 {font-size: 1.3rem !important; }  
   /*Intro Smart Slider*/
  .ssIntroH1 {font-size: 1.8rem !important; }
  .ssIntroSnippet {font-size: 0.92rem !important; }
  /*Hero Smart Slider*/
  .ssHeroH1 {font-size: 2.2rem !important; }
  .ssHeroSub {font-size: 1rem !important; }
  .ssHeroSnippet {font-size: 1rem !important; }
  .ssHeroCaption {font-size: 0.9rem !important; }
}
@media (max-width:499px) {
   h1 {font-size: 1.6rem !important; }
   h2 {font-size: 1.4rem !important; }
   h3 {font-size: 1.3rem !important; }
   h4 {font-size: 1.2rem !important; }  
   /*Intro Smart Slider*/
  .ssIntroH1 {font-size: 1.7rem !important; }
  .ssIntroSnippet {font-size: 0.9rem !important; }
  /*Hero Smart Slider*/
  .ssHeroH1 {font-size: 2.1rem !important; }
  .ssHeroSub {font-size: 0.9rem !important; }
  .ssHeroSnippet {font-size: 0.9rem !important; }
  .ssHeroCaption {font-size: 0.86rem !important; }
}

.gradient-text {    
    background-image: linear-gradient(90deg, #00ffff 0%, #ff00ff 100%);    
    -webkit-background-clip: text;
    background-clip: text;        
    -webkit-text-fill-color: transparent;    
    display: inline-block;
}

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

/*Envolvente Principal*/
/*----------------------------------*/
#sp-header {
  height: 100px !important;    
  padding: 0 !important; 
  margin: 0 !important;
  background: transparent !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: 92% !important;    
}

@media (max-width:991px) {
  #sp-header .container {
    width: 90% !important;    
  }
}


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


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

#sp-logo img {
  height: 70px !important;
  width: auto !important;
  margin: 15px auto !important;
}

@media (max-width:400px) {
  #sp-logo img {
    width: 95% !important;    
    height: auto !important;
    max-width: 250px !important;
    margin: 25px auto 0 !important;
  }

  #sp-logo {width: 75% !important; }
  #sp-menu {width: 25% !important; }
}


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

/*Menu y Megamenu */
/*----------------------------------*/
.sp-megamenu-parent > li > a {
  padding: 0 14px !important;  
  font-family: "Nunito Sans", sans-serif;
  font-size: 0.96rem !important;
  font-weight: 600;  
  letter-spacing: -0.03em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  line-height: 66px !important;
  color: var(--bluemontessori) !important;
  text-decoration: none !important;  
  transition: color .2s ease-in !important;
  text-transform: uppercase;
}


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


@media (min-width: 1024px) and (max-width:1099px) {
  .sp-megamenu-parent > li > a {
    font-size: 0.9rem !important;  
    padding: 0 8px !important;        
  }
}

@media (min-width: 992px) and (max-width:1023px) {
  .sp-megamenu-parent > li > a {
    font-size: 0.84rem !important;    
    padding: 0 4px !important;        
  }
}

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

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

.burger-icon>span {
    display: block;
    height: 3px;
    background-color: var(--white) !important;
    margin: 5px 0;
    transition: background-color .3s ease-in, opacity .3s ease-in, transform .3s ease-in;
}

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



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

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

.mod-breadcrumbs__wrapper {
  margin: 0 !important;
  background: conic-gradient(from 45deg at 25% 50%, rgba(10, 15, 41, 1.000) 0%, rgba(0, 255, 255, 1.000) 0.25%, rgba(10, 15, 41, 1.000) 16.67%, rgba(255, 0, 255, 1.000) 16.92%, rgba(10, 15, 41, 1.000) 33.33%, rgba(255, 255, 0, 1.000) 33.58%, rgba(10, 15, 41, 1.000) 50%, rgba(255, 0, 0, 1.000) 50.25%, rgba(10, 15, 41, 1.000) 66.67%, rgba(0, 255, 0, 1.000) 66.92%, rgba(10, 15, 41, 1.000) 83.33%, rgba(0, 0, 255, 1.000) 83.58%, rgba(10, 15, 41, 1.000) 100%), linear-gradient(270deg, rgba(216, 250, 160, 1.000) 0%, rgba(250, 177, 160, 1.000) 50%, rgba(225, 160, 250, 1.000) 100%);
  background-size: auto, auto;
  background-blend-mode: exclusion, normal;  
  
}

.codioful {
  
}

/* Visual by Codioful */

/* Visual by Codioful */

.breadcrumb-item.active {
  color: var(--chroma50) !important;
  font-weight: 800 !important;
}

ol.mod-breadcrumbs.breadcrumb, .breadcrumb-item+.breadcrumb-item::before {
  color: var(--chroma50) !important;
}


/********************************************************/
/******CLASES PERSONALIZADAS PARA RUMBLE ****/
/********************************************************/

/* Base común para reproductores embebidos */
.rumble-wrapper {
  position: relative;
  width: 100%;
  margin: 2rem auto;
  border-radius: 12px;
  overflow: hidden;
  background-color: #0b0e14; /* Fondo oscuro mientras carga el iframe */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.rumble-wrapper iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

/* Variante horizontal 16:9 */
.rumble-16-9 {
  max-width: 854px; /* Ajustable al ancho de tu columna de lectura */
  aspect-ratio: 16 / 9;
}

/* Variante vertical 9:16 (Shorts / Reels) */
.rumble-9-16 {
  max-width: 380px; /* Ancho óptimo para no desbordar en pantallas de escritorio */
  aspect-ratio: 9 / 16;
}

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

.pitagorasLogin .sclogin-joomla-login.vertical {
  margin: 30px auto 30px !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;

}