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

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


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

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


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


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*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: 300px;
	background-color: var(--white);
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*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_category {	
    width: 100%;
    margin: 5px 0;
    color: var(--chroma40);
    font-size: 0.9rem;
    font-weight: 900;
}

a.item_title_link {
	width: 100%;
	margin: 0 !important;
}
h2.item_title  {
	font-family: "Inter";
	font-size: 1.4rem !important;
	font-weight: 700;		
	line-height: 1.0;
	color: var(--chroma70);
	letter-spacing: -0.02em;	
	margin: 5px 0 !important;
}
.item_introtext {
	margin: 5px 0;	
	color: var(--chroma70);
	font-weight: 300;	
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>**/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>**/
/*>>BLOQUE RESPONSIVE **/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>**/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>**/
/*Columna sigue al 50%*/
@media (min-width:800px) and (max-width:991px) {	
	h2.item_title {font-size: 1rem !important; }
}
/*Columna cambia al 50%*/
@media (min-width:600px) and (max-width:799px) {
	.flex_store_card { width:48% }		
	h2.item_title {font-size: 1.1rem !important;}
	.item_flex_category {font-size: 0.8rem;}
}
/*Columna cambia al 100%*/
@media (max-width:599px) {
	.flex_store_card { width:96% }		
	h2.item_title {font-size: 1rem !important;}
	.item_flex_category {font-size: 0.8rem;}
}