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

/*Reescribe Color de Fondo a Blanco*/
.pitagorasTools #sp-main-body .container {
	
	background: var(--white);
	
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*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: "Inter";
	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_club_card, .itemcontainer {    
    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%;
}

.itemcontainer hr {
	flex: 0 0 100%;
	width: 100%;
	margin: 35px auto !important;	
	height: 7px;
	border-bottom: 1px solid blue;
}


/*Geometria del Display de Videos YouTube*/
.card_cover {
    flex: 0 0 45%;        
    width: 45%; 
    text-align: center;
    margin: 0; 
    padding: 0px;
    border-radius: 8px !important;
}

.card_caption {
    flex: 0 0 55%;        
    width: 55%; 
    text-align: center;
    margin: 0; 
    padding: 0px;
    vertical-align: top;
}


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

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

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


.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: "Inter";
	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: "Inter";	
	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: "Inter";	
	width: 100%;
	margin: 10px 0;
	font-size: 1.04rem;
	color: var(--chroma70);
	font-weight: 300;
	letter-spacing: 0.01em;		
	line-height: 1.5;
}




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

/*Columna sigue al 50%*/
@media (min-width:800px) 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:799px) {
	
	.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;}

	.card_cover, .card_caption {
	    flex: 0 0 100%;        
	    width: 100%; 
	}
}


@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;}

	.card_cover, .card_caption {
	    flex: 0 0 100%;        
	    width: 100%; 
	}
	
}