/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*Plantilla CSS del BLOG 2025 de Pitágoras Cloud*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*Panel de Navegación (Top y Bottom) */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.filterflex {
  width: auto;
  padding: 0 !important;
  display: inline-flex !important;
  margin-bottom: 7px;
  margin-right: -5px;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>**/
/*>>Clases de la Videoteca  **/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>**/


h2.video_title {
	font-family: "Archivo";
	font-size: 1rem !important;
	font-weight: 600;		
	line-height: 1;
	color: var(--chroma70);
	letter-spacing: -0.02em;	
	margin: 5px 0 !important;
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*Area de Tarjeta */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.flex_blog_card {    
    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 40px !important;
    padding: 0px;       
    background:transparent;
    width: 48%;
}

.flex_video_card {    
    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 40px !important;
    padding: 0px;       
    background:transparent;
    width: 30%;
    background: #9dd8f4;
}

article.item {
	background-color: var(--chroma60);
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*Area de Imagen*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.roundedimage {
	border-radius: 8px !important;
}
.roundedimage img {
	border-top-left-radius: 8px !important;
	border-top-right-radius: 8px !important;
}
.item_intro_image {
	height: 320px;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*Area de Heading & Textos*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.item_intro_card {
	display: flex;  
    display: -webkit-flex; /* Safari */ 
    width: 90%;  
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap; /* Safari */    
    -moz-flex-flow: row wrap; 
    -o-flex-flow: row wrap; /* Safari */
 	margin: 10px auto;
	padding: 40px;	
	background-color: var(--white);
	position: relative;
	top: -40px;
}

.item_flex_date {	
	width: 150px;    	
	color: var(--chroma40);
	font-weight: 800;
	font-size: 1.1rem;
	padding: 0;
}
.item_flex_date i {
	margin-right:10px;
}

.item_flex_separator {	
    width: calc(100% - 150px);
    padding: 0;
    border-top: 2px solid var(--chroma40);
    position: relative;
  	top: 12px;  
}

.item_flex_category {	
    width: 100%;
    margin: 8px 0;
    color: var(--chroma40);
    font-size: 1.1rem;
    font-weight: 300;
}

.item_flex_category i {
	margin-right:10px;
}

a.item_title_link {
	width: 100%;
	margin: 0 !important;
}

h2.item_title  {
	font-family: "Archivo";
	font-size: 1.9rem !important;
	font-weight: 800;		
	line-height: 1;
	color: var(--chroma70);
	letter-spacing: -0.02em;	
	margin: 10px 0 15px !important;

}

h4.item_author  {
	font-family: "Archivo";	
	width: 100%;	
	font-size: 1rem;
	font-weight: 300;
	margin: 0px 0 10px;
	line-height: 1.1;
	color: var(--chroma40);
	letter-spacing: 0.01em;			
}


.item_introtext {
	font-family: "Archivo";	
	width: 100%;
	margin: 10px 0;
	font-size: 1.1rem;
	color: var(--chroma70);
	font-weight: 300;
	letter-spacing: 0.01em;		
	line-height: 1.5;
}




/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>**/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>**/
/*>>BLOQUE RESPONSIVE **/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>**/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>**/

/*Columna sigue al 50%*/
@media (min-width:700px) and (max-width:991px) {
	.item_introtext	{font-size: 1rem;}
	h4.item_author {font-size: 0.9rem;}
	h2.item_title {font-size: 1.8rem !important; }
	.item_flex_date, .item_flex_category {font-size: 1rem;}
	.item_intro_card {padding: 20px;}
	
}

/*Columna cambia al 100%*/
@media (min-width:600px) and (max-width:699px) {
	.flex_blog_card { width:96% }	
	.item_introtext	{font-size: 1rem;}
	h4.item_author {font-size: 0.9rem;}
	h2.item_title {font-size: 1.8rem !important;}
	.item_flex_date, .item_flex_category {font-size: 1.1rem;}
	.item_intro_card {padding: 30px;}
}


@media (max-width:599px) {
	.flex_blog_card { width:96% }	
	.item_introtext	{font-size: 0.9rem;}
	h4.item_author {font-size: 0.8rem;}
	h2.item_title {font-size: 1.5rem !important;}
	.item_flex_date, .item_flex_category {font-size: 1rem;}
	.item_intro_card {padding: 20px;}
	
}