@charset "UTF-8";
/* CSS Document */

Body {
	font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
	font-size: 1.05em; 
    background-color: #FAFAFA;
}

.container {
    background-color: #FFFFFF;
}

.ModuloTitulo {
	font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
	color: #4b6d91;
	font-size: .9em;
    margin-top: 24px;
 }

.TemaTitulo {
	font-family: "Raleway", sans-serif;
	background: #1C5D86;
 /*   background: linear-gradient(to right, #1C5D86 0%, #41C8FF 53%);*/
    background: linear-gradient(to right, #734b5e 10%, #2E9DFF 43%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	/*Color: #4a7e9f;*/
	font-size: 1.2em;
	font-weight: 900;
    font-style: normal;
	min-width: 50%;
    text-align: left;
 }

.SubTitulo {
	font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
	color: #4b6d91;
	font-size: 1.5em;
	/*margin-bottom: .6em;*/
 }

.SubTituloA {
	font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
	color: #22668d;
	font-size: 1.3em;
 }

.TxtDestacadoA {
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    Color: #BD003C;
    font-size: 1.3em;
    Padding: 6px;
 }

.TxtDestacadoB {
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    Color: #0088BD;
    font-size: 1.3em;
    Padding: 6px;
 }

.TxtDestacadoC {
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    Color: #7B4A67;
    font-size: 1.1em;
    Padding: 6px;
 }

.TxtDestacadoD {
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    Color: #7B4A67;
    font-size: 1.2em;
    Padding: 0px;
    list-style-type: none;
 }

.TxtDestacadoE {
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    Color: #7B4A67;
    font-size: 1.1em;
    Padding: 0px;
 }


.FooterTitulo {
	font-family: "Raleway", sans-serif;
	background: #1C5D86;
/*    background: linear-gradient(to right, #1C5D86 0%, #41C8FF 53%);*/
    background: linear-gradient(to right, #734B5E 30%, #4A7CBE 43%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	/*Color: #4a7e9f;*/
	font-size: 1em;
	font-weight: 400;
    font-style: normal;
 }

.Tiempo {
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    /*Color: #154E72;*/
    color: #FFFFFF;
    font-size: 1.2em;
    margin-top: -12px;
 }

.TxtNormal {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.05em;
    Padding-left: 6px;
    Padding-right: 6px;
    Padding-top: 6px;
    Padding-bottom: 6px;
    text-align: left;
}

/*.icoHolder {
  float: right;
  height: auto;
  margin-top: -5em;
  margin-right: -7em;
}*/

.icoHolder {   
 right: .5em;
position: static;    
 width: 60px;  
}

.icoImg {
  width: 100%!Important;   
}

.plecaA {
 /* border: 1px solid #1C5D86;*/
  border: 1px solid #4A7CBE;;
  border-radius: 2px;
  margin-top: -5px;
}

.plecafooter {
    border: 1px solid #4A7CBE;
    border-radius: 1px;
    margin-top: -5px;
}

.img-fluid {
  max-width: 99.5%;
  height: auto;
  border-radius: 12px;
  margin-left: 6px;
}

/*<<------------------ TABLAS DECO -------------------*/

.TableA {
    border: 1px solid #3E6C88;
    border-radius: 12px;
    margin-top: 5px;
    width: 90%;
}

.celdaCol-Title {
    font-family: "Roboto Condensed", sans-serif;
    color: #3E6C88;
    background-color: #E9F1F2;
    font-size: 1.2em;
    padding: .4em;
}

.celdaCol-A {
    font-family: "Roboto", sans-serif;
    background-color: #FFFFFF;
    font-size: 1em;
    padding: .6em;
    vertical-align: top;
}

.celdaCol-B {
    font-family: "Roboto", sans-serif;
    background-color: #FAFAFA;
    font-size: 1em;
    padding: .6em;
    vertical-align: top;
}

.celdaCol-C {
    background-color: #FAFAFA;
    vertical-align: top;
}

.genially-embed .genially-view-navigation-actions-container.genially-view-without-option-button.genially-view-no-in-autopagination-and-without-option-button .genially-view-navigation-actions {
  background-color: #0c475ebd;
  border-radius: 8px;
  height: 30px;
  overflow: hidden;
  padding-left: 2px;
}

/*<<------------------ TABLAS CODIGO -------------------*/

.MarcoCodigo {
  font-size: 100%;    
  width: 100%;
  height: auto;
  padding-top: 16px;
  padding-left: 14px;
  padding-right: 8px;    
  border: 1px solid #998;
  border-radius: 6px;
  background-color: #f8f8f8;    
}

.MarCode {
  font-size: 110%;    
  width: 90%;
  height: auto;
  padding: 0px;    
  border: 2px solid #fafafa;
  border-radius: 12px;
  background-color: #19171C;   
  margin-left: 24px;
}

.MarCodeTitulo {
    color: #FAFAFA;
    font-size: .9em!important;
    padding-top: 6px;
    padding-left: 9px;
    padding-bottom: 4px;
    background-color: #504D55;
}

.MarCodeB {
  font-size: 110%;    
  width: 90%;
  height: auto;
  padding: 0px;    
  border: 2px solid #fafafa;
  border-radius: 12px;
  background-color: #2F1E2E;   
  margin-left: 24px;
}

.MarCodeBB {
  font-size: 110%;    
  width: 80%;
  height: auto;
  padding: 0px;    
  border: 2px solid #fafafa;
  border-radius: 12px;
  background-color: #2F1E2E;   
  margin-left: 24px;
}

.MarCodeTituloB {
    color: #FAFAFA;
    font-size: .9em!important;
    padding-top: 6px;
    padding-left: 9px;
    padding-bottom: 4px;
    background-color: #504D55;
}



/* ------------------------------ ESTILOS FRONTEND -------------------------------  */

.FrontEndBloque {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #707a84;
  font-size: .95em;
  margin-top: 24px;
  margin-left: 6px; 
}

.FrontEndPlecaTop {
  /*// background-color: red;*/
  background-image: linear-gradient(90deg, #b25244, #659c99, transparent);
  border: 0;
  height: 2px;
      
  border-radius: 2px;
  margin-top: -5px;
}

.FrontEndPlecafooter {
  /*// background-color: red;*/
  background-image: linear-gradient(90deg, #659c99, #6DC2BE, #659c99);
  border: 0;
  height: 3px;
    
  border-radius: 1px;
  margin-top: -5px;
}

.FrontEndFooterTitulo {
  font-family: "Raleway", sans-serif;
  background: linear-gradient(to right, #b25244 10%, #659c99 53%);  
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  Color: #4a7e9f;
  font-size: .8em;
  font-weight: 900;
  font-style: normal;
  min-width: 50%;
  text-align: center;
  margin-left: 6px;
}

.FrontEndBloqueTema {
  font-family: "Raleway", sans-serif;
  background: linear-gradient(to right, #b25244 10%, #659c99 43%);  
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  Color: #4a7e9f;
  font-size: 1.25em;
  font-weight: 900;
  font-style: normal;
  min-width: 50%;
  text-align: left;
  margin-left: 6px;
}

.FrontEndBloqueSegmento {
    /* font-family: "Oswald", sans-serif;*/
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    color: #9D4141;
    font-size: 2em;	
    margin-left: 6px;
    /*margin-bottom: .6em;*/
 }

.FrontEndBloqueSegmentoSub {
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    color: #659c99;
    font-size: 1.2em;	
    margin-left: 6px;
    margin-top: -.5em;
 }

.FrontEndTitulo {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.05em;
    color: #149C94;
}

.FrontEndTituloB {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.05em;
    color: #558C89;
}

.FrontEndTituloC {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.05em;
    color: #9D4141;
}

.FrontEndTxtColor {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.05em;
    color: #659c99;
}

.FrontEndTxtColorB {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.05em;
    color: #AC4848;
}

.FrontEndTxtDestacado {
  font-family: "Raleway", sans-serif;
  background: linear-gradient(to right, #b25244 10%, #659c99 43%);  
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  Color: #4a7e9f;
  font-size: 1.4em;
  font-weight: 900;
  font-style: normal;
  min-width: 50%;
  text-align: left;
  margin-left: 6px;
}

.FrontEndTxtNormal {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.05em;
  Padding-left: 6px;
  Padding-right: 6px;
  Padding-top: 6px;
  Padding-bottom: 6px;
  margin-right: 12px;
  text-align: left;
}

.FrontEndLinkColorA {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.1em;
    color: #AC4848;
    text-decoration: none;
}

.FrontEndLinkColorA:hover {
    font-family: "Roboto Condensed", sans-serif;
    color: #E03A3A;
    text-decoration: none;
}

.FrontEndLinkColorB {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.1em;
    color: #0E797B;
    text-decoration: none;
}

.FrontEndLinkColorB:hover {
    font-family: "Roboto Condensed", sans-serif;
    color: #05C1C5;
    text-decoration: none;
}

.FrontEndCodigoA{
    display: inline-block;
    border: 1px solid #DC6C6C;
    border-radius: 6px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.08em;
    color: #5E4F4F;
    text-decoration: none;
    margin-left: 12px;
    padding: 1em;
}

.FrontEndCodigoTituloA{
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
    font-size: 1.08em;
    color: #4C7983;
}

.FrontEndTblTexto {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #707a84;
  font-size: .8em;
  margin-top: 24px;
  margin-left: 6px; 
}

.FrontEndCeldaA{
    width: 80px; 
    text-align: center;
    background-color: #FAFAFA;
}


/* ------------------------------ ESTILOS CIBERSEGURIDAD -------------------------------  */

.CiberSegBloque {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #707a84;
  font-size: .95em;
  margin-top: 24px;
  margin-left: 6px; 
}

.CiberSegPlecaTop {
  /*// background-color: red;*/
  background-image: linear-gradient(90deg, #3A8C64, #25AECB, transparent);
  border: 0;
  height: 2px;
      
  border-radius: 2px;
  margin-top: -5px;
}

.CiberSegPlecafooter {
  /*// background-color: red;*/
  background-image: linear-gradient(90deg, #659c99, #6DC296, #659c99);
  border: 0;
  height: 3px;
    
  border-radius: 1px;
  margin-top: -5px;
}

.CiberSegFooterTitulo {
  font-family: "Raleway", sans-serif;
  background: linear-gradient(to right, #388a62 10%, #27abc2 53%);  
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  Color: #4a7e9f;
  font-size: .8em;
  font-weight: 900;
  font-style: normal;
  min-width: 50%;
  text-align: center;
  margin-left: 6px;
}

.CiberSegBloqueTema {
  font-family: "Raleway", sans-serif;
  background: linear-gradient(to right, #3A8C64 10%, #25AECB 43%);  
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  Color: #4a7e9f;
  font-size: 1.25em;
  font-weight: 900;
  font-style: normal;
  min-width: 50%;
  text-align: left;
  margin-left: 6px;
}

.CiberSegBloqueSegmento {
    /* font-family: "Oswald", sans-serif;*/
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    color: #3A8C64;
    font-size: 2em;	
    margin-left: 6px;
    /*margin-bottom: .6em;*/
 }

.CiberSegBloqueSegmentoSub {
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    color: #47a5bb;
    font-size: 1.2em;	
    margin-left: 6px;
    margin-top: -.5em;
 }

.CiberSegTitulo {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.05em;
    color: #149C94;
}

.CiberSegTituloB {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.05em;
    color: #009DB9;
}

.CiberSegTituloC {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.05em;
    color: #149B59;
}

.CiberSegTxtColor {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.05em;
    color: #0099b3;
}

.CiberSegTxtColorB {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.05em;
    color: #149B59;
}

.CiberSegTxtDestacado {
  font-family: "Raleway", sans-serif;
  background: linear-gradient(to right, #3A8C64 10%, #25AECB 43%);  
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  Color: #4a7e9f;
  font-size: 1.4em;
  font-weight: 900;
  font-style: normal;
  min-width: 50%;
  text-align: left;
  margin-left: 6px;
}

.CiberSegTxtNormal {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.05em;
  Padding-left: 6px;
  Padding-right: 6px;
  Padding-top: 6px;
  Padding-bottom: 6px;
  margin-right: 12px;
  text-align: left;
}

.CiberSegLinkColorA {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.1em;
    color: #3A8C64;
    text-decoration: none;
}

.CiberSegLinkColorA:hover {
    font-family: "Roboto Condensed", sans-serif;
    color: #13BB69;
    text-decoration: none;
}

.CiberSegLinkColorB {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.1em;
    color: #0E797B;
    text-decoration: none;
}

.CiberSegLinkColorB:hover {
    font-family: "Roboto Condensed", sans-serif;
    color: #05C1C5;
    text-decoration: none;
}

.CiberSegCodigoA{
    display: inline-block;
    border: 1px solid #DC6C6C;
    border-radius: 6px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.08em;
    color: #5E4F4F;
    text-decoration: none;
    margin-left: 12px;
    padding: 1em;
}

.CiberSegCodigoTituloA{
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
    font-size: 1.08em;
    color: #4C7983;
}

.CiberSegTblTexto {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #707a84;
  font-size: .8em;
  margin-top: 24px;
  margin-left: 6px; 
}

.CiberSegCeldaA{
    width: 80px; 
    text-align: center;
    background-color: #FAFAFA;
}



/* ------------------------------ ESTILOS CLOUD -------------------------------  */

.CloudSegBloque {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #707a84;
  font-size: .95em;
  margin-top: 24px;
  margin-left: 6px; 
}

.CloudSegPlecaTop {
  /*// background-color: red;*/
  background-image: linear-gradient(90deg, #2D6DB6, #DB8CBB, transparent);
  border: 0;
  height: 2px;
      
  border-radius: 2px;
  margin-top: -5px;
}

.CloudSegPlecafooter {
  /*// background-color: red;*/
  background-image: linear-gradient(90deg, #2D6DB6, #DB8CBB, #2D6DB6);
  border: 0;
  height: 3px;
    
  border-radius: 1px;
  margin-top: -5px;
}

.CloudSegFooterTitulo {
  font-family: "Raleway", sans-serif;
  background: linear-gradient(to right, #2D6DB6 10%, #DB8CBB 53%);  
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  Color: #4a7e9f;
  font-size: .8em;
  font-weight: 900;
  font-style: normal;
  min-width: 50%;
  text-align: center;
  margin-left: 6px;
}

.CloudSegBloqueTema {
  font-family: "Raleway", sans-serif;
  background: linear-gradient(to right, #2D6DB6 5%, #DB8CBB 33%); 
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  Color: #4a7e9f;
  font-size: 1.25em;
  font-weight: 900;
  font-style: normal;
  min-width: 50%;
  text-align: left;
  margin-left: 6px;
}

.CloudSegBloqueSegmento {
    /* font-family: "Oswald", sans-serif;*/
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    color: #4382DF;
    font-size: 2em;	
    margin-left: 6px;
    /*margin-bottom: .6em;*/
 }

.CloudSegBloqueSegmentoSub {
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    color: #B93A86;
    font-size: 1.2em;	
    margin-left: 6px;
    margin-top: -.5em;
 }

.CloudSegTitulo {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.05em;
    color: #4482df;
}

.CloudSegTituloB {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.05em;
    color: #D44E9C;
}

.CloudSegTituloC {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.05em;
    color: #B93A86;
}

.CloudSegTxtColor {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.05em;
    color: #4482df;
}

.CloudSegTxtColorB {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.05em;
    color: #B93A86;
}

.CloudSegTxtDestacado {
  font-family: "Raleway", sans-serif;
  background: linear-gradient(to right, #2D6DB6 10%, #DB8CBB 63%);  
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  Color: #4a7e9f;
  font-size: 1.4em;
  font-weight: 900;
  font-style: normal;
  min-width: 50%;
  text-align: left;
  margin-left: 6px;
}

.CloudSegTxtNormal {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.05em;
  Padding-left: 6px;
  Padding-right: 6px;
  Padding-top: 6px;
  Padding-bottom: 6px;
  margin-right: 12px;
  text-align: left;
}

.CloudSegLinkColorA {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.1em;
    color: #526EAC;
    text-decoration: none;
}

.CloudSegLinkColorA:hover {
    font-family: "Roboto Condensed", sans-serif;
    color: #4B83FF;
    text-decoration: none;
}

.CloudSegLinkColorB {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.1em;
    color: #0E797B;
    text-decoration: none;
}

.CloudSegLinkColorB:hover {
    font-family: "Roboto Condensed", sans-serif;
    color: #05C1C5;
    text-decoration: none;
}

.CloudSegCodigoA{
    display: inline-block;
    border: 1px solid #DC6C6C;
    border-radius: 6px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.08em;
    color: #5E4F4F;
    text-decoration: none;
    margin-left: 12px;
    padding: 1em;
}

.CloudSegCodigoTituloA{
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
    font-size: 1.08em;
    color: #4C7983;
}

.CloudSegTblTexto {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #707a84;
  font-size: .8em;
  margin-top: 24px;
  margin-left: 6px; 
}

.CloudSegCeldaA{
    width: 80px; 
    text-align: center;
    background-color: #FAFAFA;
}

/* ------------------------------ ESTILOS IA-FUNDAMENTALS -------------------------------  */

.IAFundBloque {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #434a53;
  font-size: .95em;
  margin-top: 24px;
  margin-left: 6px; 
}

.IAFundPlecaTop {
  background-image: linear-gradient(90deg, #06294d, #206894, transparent);
  border: 0;
  height: 2px;
  border-radius: 2px;
  margin-top: -5px;
}

.IAFundPlecaFooter {
  background-image: linear-gradient(90deg, #206894, #71c6f7, #206894);
  border: 0;
  height: 3px;
  border-radius: 1px;
  margin-top: -5px;
}

.IAFundFooterTitulo {
  font-family: "Raleway", sans-serif;
  background: linear-gradient(to right, #06294d 10%, #71c6f7 53%);  
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: .8em;
  font-weight: 900;
  font-style: normal;
  text-align: center;
  margin-left: 6px;
}

.IAFundTitulo {
  font-family: "Raleway", sans-serif;
  background: linear-gradient(to right, #0a396a 5%, #2d89c6 33%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 1.25em;
  font-weight: 900;
  font-style: normal;
  text-align: left;
  margin-left: 6px;
}

.IAFundSegmento {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 200;
  font-style: normal;
  color: #0f4c81;
  font-size: 2em;
  margin-left: 6px;
}

.IAFundSegmentoSub {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #1e6ce5;
  font-size: 1.2em;
  margin-left: 6px;
  margin-top: -.5em;
}

.IAFundTxtNormal {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.05em;
  padding: 6px;
  margin-right: 12px;
  text-align: left;
}

.IAFundTxtDestacado {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.1em;
  color: #0f4c81;
}

.IAFundLink {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.1em;
  color: #0a74d9;
  text-decoration: none;
}

.IAFundLink:hover {
  color: #004f8c;
  text-decoration: underline;
}

/* ---------- Videos Embebidos ---------- */

.IAFundVideoHorizontal {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 12px;
  margin: 12px 0;
}

.IAFundVideoHorizontal iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.IAFundVideoVertical {
  position: relative;
  width: 100%;
  max-width: 400px; /* O el ancho deseado en pantallas grandes */
  margin: auto;
  padding-top: 177.77%; /* Relación 9:16 para videos verticales */
}

.IAFundVideoVertical iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}


.IAFundPDF {
      width: 100%;
      height: 800px;
      border: 1px solid #ccc;
      border-radius: 12px;
      margin: 20px 0;
    }

/* Responsive table wrapper */
    .IAFundTableWrap {
      width: 100%;
      overflow-x: auto;
      margin: 12px 0 24px 0;
      border-radius: 10px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.06);
      background: #fff;
    }
    /* Table core */
    table.IAFundTable {
      width: 100%;
      border-collapse: separate;
      border-spacing: 0;
      font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-size: 15px;
      line-height: 1.4;
      min-width: 720px; /* keeps columns readable on small screens (scrolls horizontally) */
    }
    table.IAFundTable thead th {
      position: sticky;
      top: 0;
      text-align: left;
      font-weight: 700;
      letter-spacing: .2px;
      background: #0f4c81; /* deep blue header */
      color: #fff;
      padding: 12px 14px;
      border-bottom: 2px solid #0a355a;
      z-index: 2;
    }
    table.IAFundTable thead th:first-child { border-top-left-radius: 10px; }
    table.IAFundTable thead th:last-child  { border-top-right-radius: 10px; }

    table.IAFundTable tbody td {
      padding: 12px 14px;
      border-bottom: 1px solid #e9eef5;
      vertical-align: top;
      color: #1c2b36;
    }
    /* Zebra rows */
    table.IAFundTable tbody tr:nth-child(odd)  { background: #f9fbfd; }
    table.IAFundTable tbody tr:nth-child(even) { background: #ffffff; }

    /* Pills for user type cells */
    .pill {
      display: inline-block;
      padding: 2px 10px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 600;
      background: #e7f1ff;
      color: #0f4c81;
      border: 1px solid #bcd6ff;
      white-space: nowrap;
    }

    /* Link style inside table */
    .IAFundTable a {
      text-decoration: none;
      border-bottom: 1px dotted #0f4c81;
    }
    .IAFundTable a:hover { border-bottom-style: solid; }

    /* Small helper for section callouts */
    .IAFundNote {
      background: #f2f7ff;
      border-left: 4px solid #0f4c81;
      padding: 12px 14px;
      border-radius: 8px;
      margin: 12px 0 18px 0;
    }
	
	/* ===============================================================================
   GPT5 - ChatGPT5 iMAGINATEC
   Paleta: Naranjas cálidos (#D97F4A, #B85A28, #F2A65A)
   Fecha: Enero 2026
   
   INSTRUCCIONES: Pegar este bloque completo al FINAL del archivo Style.css
   =============================================================================== */

/* ------------------------------ ESTILOS GPT5-CHATGPT5 -------------------------------  */

.GPT5Bloque {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #3D3D3D;
  font-size: .95em;
  margin-top: 24px;
  margin-left: 6px;
}

.GPT5PlecaTop {
  background-image: linear-gradient(90deg, #B85A28, #D97F4A, #F2A65A, transparent);
  border: 0;
  height: 3px;
  border-radius: 2px;
  margin-top: -5px;
}

.GPT5PlecaFooter {
  background-image: linear-gradient(90deg, #D97F4A, #F2A65A, #D97F4A);
  border: 0;
  height: 3px;
  border-radius: 1px;
  margin-top: 32px;
  margin-bottom: 16px;
}

.GPT5FooterTitulo {
  font-family: "Raleway", sans-serif;
  background: linear-gradient(to right, #B85A28 10%, #D97F4A 40%, #F2A65A 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: .85em;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  margin-left: 6px;
}

.GPT5Titulo {
  font-family: "Raleway", sans-serif;
  background: linear-gradient(to right, #B85A28 5%, #D97F4A 50%, #F2A65A 95%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 1.25em;
  font-weight: 900;
  font-style: normal;
  text-align: left;
  margin-left: 6px;
}

.GPT5Segmento {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  color: #B85A28;
  font-size: 2em;
  margin-left: 6px;
}

.GPT5SegmentoSub {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  color: #D97F4A;
  font-size: 1.2em;
  margin-left: 6px;
  margin-top: -.5em;
}

.GPT5TxtNormal {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.05em;
  padding: 6px;
  margin-right: 12px;
  text-align: left;
  line-height: 1.7;
  color: #333;
}

.GPT5TxtDestacado {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.1em;
  color: #B85A28;
}

.GPT5TxtColor {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.05em;
  color: #D97F4A;
}

.GPT5TxtColorB {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.05em;
  color: #B85A28;
}

.GPT5Link {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.1em;
  color: #D97F4A;
  text-decoration: none;
}

.GPT5Link:hover {
  color: #B85A28;
  text-decoration: underline;
}

/* ---------- BLOQUES INFORMATIVOS GPT5 ---------- */

.GPT5BloqueInfo {
  border: 1px solid #F2A65A;
  border-left: 4px solid #D97F4A;
  border-radius: 0 12px 12px 0;
  background: linear-gradient(135deg, #FFF9F5 0%, #FFF5EB 100%);
  padding: 20px 24px;
  margin: 24px 0;
  box-shadow: 0 4px 15px rgba(217, 127, 74, 0.1);
  transition: all 0.3s ease;
}

.GPT5BloqueInfo:hover {
  box-shadow: 0 8px 25px rgba(217, 127, 74, 0.2);
  transform: translateY(-2px);
}

.GPT5BloqueTip {
  border: 1px solid #5A7D6E;
  border-left: 4px solid #5A7D6E;
  border-radius: 0 12px 12px 0;
  background: linear-gradient(135deg, #F5FAF8 0%, #EDF5F2 100%);
  padding: 20px 24px;
  margin: 24px 0;
  box-shadow: 0 4px 15px rgba(90, 125, 110, 0.1);
  transition: all 0.3s ease;
}

.GPT5BloqueTip:hover {
  box-shadow: 0 8px 25px rgba(90, 125, 110, 0.2);
  transform: translateY(-2px);
}

.GPT5BloqueWarning {
  border: 1px solid #E8B339;
  border-left: 4px solid #E8B339;
  border-radius: 0 12px 12px 0;
  background: linear-gradient(135deg, #FFFDF5 0%, #FFF9E6 100%);
  padding: 20px 24px;
  margin: 24px 0;
  box-shadow: 0 4px 15px rgba(232, 179, 57, 0.1);
  transition: all 0.3s ease;
}

.GPT5BloqueWarning:hover {
  box-shadow: 0 8px 25px rgba(232, 179, 57, 0.2);
  transform: translateY(-2px);
}

.GPT5BloqueTema {
  font-family: "Raleway", sans-serif;
  background: linear-gradient(to right, #B85A28 10%, #D97F4A 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 1.25em;
  font-weight: 900;
  font-style: normal;
  text-align: left;
  margin-left: 6px;
  margin-bottom: 12px;
}

.GPT5BloqueTemaVerde {
  font-family: "Raleway", sans-serif;
  background: linear-gradient(to right, #3D5A4C 10%, #5A7D6E 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 1.25em;
  font-weight: 900;
  font-style: normal;
  text-align: left;
  margin-left: 6px;
  margin-bottom: 12px;
}

.GPT5BloqueTemaAmarillo {
  font-family: "Raleway", sans-serif;
  background: linear-gradient(to right, #C49A2A 10%, #E8B339 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 1.25em;
  font-weight: 900;
  font-style: normal;
  text-align: left;
  margin-left: 6px;
  margin-bottom: 12px;
}

/* ---------- ICONOS DE MOMENTO GPT5 ---------- */

.GPT5icoHolder {
  position: relative;
  width: 70px;
  height: 70px;
  transition: all 0.3s ease;
}

.GPT5icoHolder:hover {
  transform: scale(1.1) rotate(5deg);
}

.GPT5icoImg {
  width: 100%;
  filter: drop-shadow(0 4px 8px rgba(217, 127, 74, 0.3));
  transition: all 0.3s ease;
}

.GPT5icoHolder:hover .GPT5icoImg {
  filter: drop-shadow(0 6px 12px rgba(217, 127, 74, 0.5));
}

/* ---------- VIDEOS EMBEBIDOS GPT5 ---------- */

.GPT5VideoContainer {
  position: relative;
  width: 100%;
  max-width: 850px;
  margin: 32px auto;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}

.GPT5VideoContainer:hover {
  box-shadow: 0 12px 40px rgba(217, 127, 74, 0.25);
  transform: scale(1.01);
}

.GPT5VideoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.GPT5VideoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.GPT5VideoWrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  object-fit: contain;
  background-color: #000;
}

.GPT5VideoCaption {
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 0.9em;
  color: #666;
  margin-top: 12px;
  font-style: italic;
}

/* ---------- WEB STORIES GPT5 ---------- */

.GPT5StoryContainer {
  position: relative;
  width: 100%;
  max-width: 380px;
  margin: 32px auto;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.GPT5StoryContainer:hover {
  box-shadow: 0 16px 50px rgba(217, 127, 74, 0.3);
  transform: translateY(-8px);
}

.GPT5StoryWrapper {
  position: relative;
  padding-bottom: 177.78%;
  height: 0;
  overflow: hidden;
}

.GPT5StoryWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.GPT5StoryWrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  object-fit: contain;
  background-color: #000;
}

/* ---------- TARJETAS INTERACTIVAS GPT5 ---------- */

.GPT5Card {
  background: #FFFFFF;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  border: 1px solid #F2E8E0;
  position: relative;
  overflow: hidden;
}

.GPT5Card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #B85A28, #D97F4A, #F2A65A);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.GPT5Card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(217, 127, 74, 0.2);
}

.GPT5Card:hover::after {
  transform: scaleX(1);
}

/* ---------- BOTONES GPT5 ---------- */

.GPT5Btn {
  display: inline-block;
  padding: 12px 28px;
  background: linear-gradient(135deg, #D97F4A 0%, #B85A28 100%);
  color: white;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1em;
  font-weight: 500;
  text-decoration: none;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(217, 127, 74, 0.3);
}

.GPT5Btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(217, 127, 74, 0.4);
  color: white;
}

.GPT5BtnSecondary {
  display: inline-block;
  padding: 12px 28px;
  background: transparent;
  color: #D97F4A;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1em;
  font-weight: 500;
  text-decoration: none;
  border-radius: 50px;
  border: 2px solid #D97F4A;
  cursor: pointer;
  transition: all 0.3s ease;
}

.GPT5BtnSecondary:hover {
  background: #D97F4A;
  color: white;
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(217, 127, 74, 0.3);
}

/* ---------- LISTAS ESTILIZADAS GPT5 ---------- */

.GPT5Lista {
  list-style: none;
  padding-left: 0;
  margin: 16px 0;
}

.GPT5Lista li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  line-height: 1.6;
  transition: all 0.2s ease;
}

.GPT5Lista li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 12px;
  height: 12px;
  background: linear-gradient(135deg, #D97F4A, #F2A65A);
  border-radius: 50%;
  transition: all 0.3s ease;
}

.GPT5Lista li:hover {
  padding-left: 32px;
}

.GPT5Lista li:hover::before {
  transform: scale(1.2);
  box-shadow: 0 0 10px rgba(217, 127, 74, 0.5);
}

.GPT5ListaOrdenada {
  counter-reset: item;
  list-style: none;
  padding-left: 0;
  margin: 16px 0;
}

.GPT5ListaOrdenada li {
  position: relative;
  padding-left: 48px;
  margin-bottom: 16px;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  line-height: 1.6;
  counter-increment: item;
}

.GPT5ListaOrdenada li::before {
  content: counter(item);
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, #D97F4A, #B85A28);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 600;
  font-size: 0.9em;
  box-shadow: 0 3px 10px rgba(217, 127, 74, 0.3);
  transition: all 0.3s ease;
}

.GPT5ListaOrdenada li:hover::before {
  transform: scale(1.1);
  box-shadow: 0 5px 15px rgba(217, 127, 74, 0.4);
}

/* ---------- BADGE/ETIQUETAS GPT5 ---------- */

.GPT5Badge {
  display: inline-block;
  padding: 4px 12px;
  background: linear-gradient(135deg, #FFF5EB, #FFE8D6);
  color: #B85A28;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.85em;
  font-weight: 500;
  border-radius: 20px;
  border: 1px solid #F2A65A;
  margin: 4px;
  transition: all 0.3s ease;
}

.GPT5Badge:hover {
  background: linear-gradient(135deg, #D97F4A, #B85A28);
  color: white;
  transform: scale(1.05);
}

.GPT5BadgeVerde {
  display: inline-block;
  padding: 4px 12px;
  background: linear-gradient(135deg, #F5FAF8, #EDF5F2);
  color: #3D5A4C;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.85em;
  font-weight: 500;
  border-radius: 20px;
  border: 1px solid #5A7D6E;
  margin: 4px;
  transition: all 0.3s ease;
}

/* ---------- SEPARADORES DECORATIVOS GPT5 ---------- */

.GPT5Divider {
  height: 2px;
  background: linear-gradient(90deg, transparent, #F2A65A, #D97F4A, #F2A65A, transparent);
  margin: 32px 0;
  border: none;
}

.GPT5DividerDots {
  text-align: center;
  margin: 32px 0;
}

.GPT5DividerDots::before {
  content: '● ● ●';
  color: #D97F4A;
  font-size: 0.8em;
  letter-spacing: 8px;
}

/* ---------- TARJETA DE ENLACE EXTERNO GPT5 ---------- */

.GPT5EnlaceCard {
  max-width: 420px;
  margin: 32px auto;
  text-align: center;
  padding: 28px;
  background: linear-gradient(135deg, #FFFFFF 0%, #FFF9F5 100%);
  border-radius: 16px;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
  border: 1px solid #F2E8E0;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.GPT5EnlaceCard:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 40px rgba(217, 127, 74, 0.2);
}

.GPT5EnlaceCard img {
  width: 64px;
  height: 64px;
  margin: 16px 0;
  transition: all 0.3s ease;
}

.GPT5EnlaceCard:hover img {
  transform: scale(1.1) rotate(5deg);
}

/* ---------- TABLAS GPT5 ---------- */

.GPT5TableWrap {
  width: 100%;
  overflow-x: auto;
  margin: 12px 0 24px 0;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  background: #fff;
}

table.GPT5Table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.4;
  min-width: 720px;
}

table.GPT5Table thead th {
  position: sticky;
  top: 0;
  text-align: left;
  font-weight: 700;
  letter-spacing: .2px;
  background: #B85A28;
  color: #fff;
  padding: 12px 14px;
  border-bottom: 2px solid #8A4420;
  z-index: 2;
}

table.GPT5Table thead th:first-child { border-top-left-radius: 10px; }
table.GPT5Table thead th:last-child  { border-top-right-radius: 10px; }

table.GPT5Table tbody td {
  padding: 12px 14px;
  border-bottom: 1px solid #F2E8E0;
  vertical-align: top;
  color: #1c2b36;
}

table.GPT5Table tbody tr:nth-child(odd)  { background: #FFFBF8; }
table.GPT5Table tbody tr:nth-child(even) { background: #ffffff; }

/* ---------- RESPONSIVE GPT5 ---------- */

@media (max-width: 768px) {
  .GPT5Titulo {
    font-size: 1.1em;
  }
  
  .GPT5Segmento {
    font-size: 1.5em;
  }
  
  .GPT5Card {
    padding: 18px;
  }
  
  .GPT5BloqueInfo,
  .GPT5BloqueTip,
  .GPT5BloqueWarning {
    padding: 16px 18px;
  }
  
  .GPT5VideoContainer {
    margin: 20px auto;
  }
  
  .GPT5StoryContainer {
    max-width: 300px;
  }
}

/* ---------- UTILIDADES GPT5 ---------- */

.GPT5TextCenter {
  text-align: center;
}

.GPT5TextRight {
  text-align: right;
}

.GPT5MarginTop {
  margin-top: 24px;
}

.GPT5MarginBottom {
  margin-bottom: 24px;
}

.GPT5Shadow {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.GPT5Rounded {
  border-radius: 12px;
}

/* ===============================================================================
   FIN DE ESTILOS GPT5
   =============================================================================== */