/*Distribucion*/
:root {
	--positivo: #CE6060;
	--negativo: #6D8ECC;
}

#cardsIPC h3.title {font-size: 1.8rem;line-height:1.25em;font-weight:900;color: rgb(59 59 59);position: relative;text-align: center;padding: 2rem 2rem 0 2rem;visibility: hidden;}
#cardsIPC .cardsBox {display: flex;max-width: 980px;margin-left: auto;margin-right: auto;background: rgb(250 250 250);border: 1px solid rgb(237 237 237);border-radius: 1.6rem;box-shadow: 0px 2px 4px #00000029;flex-wrap: wrap;justify-content: space-evenly;padding-top: 2rem;margin-bottom:4rem;}
#cardsIPC .suministros .card {display: flex;width:31.33%;background: rgb(255 255 255) 0% 0% no-repeat padding-box;border: 1px solid rgb(237 237 237);border-radius: 8px;opacity: 1;margin: 0.5rem;margin-bottom:0.8rem;justify-content: flex-start;align-items: stretch;flex-direction: column;height: 27.5rem;}
#cardsIPC .container-cards{display: flex; flex-wrap: wrap; justify-content: center;}
#cardsIPC .card {display: flex;width:22.90%;background: rgb(255 255 255) 0% 0% no-repeat padding-box;border: 1px solid rgb(237 237 237);border-radius: 8px;opacity: 1;margin: 0.5rem;margin-bottom:0.8rem;justify-content: flex-start;align-items: stretch;flex-direction: column;height: 27.5rem;}
#cardsIPC .card .ima img{max-width:4rem;left: 15%;margin-top: 0.5rem;}
#cardsIPC .card .ima{padding-bottom: 4.5rem;width: 4.8rem;}
#cardsIPC .card .prices div {margin:0 auto;padding:0.4rem 0;}
#cardsIPC .graphHead{display: flex;align-items: flex-end;padding-bottom: 1rem;position: relative;}


#cardsIPC .cardsBox.elem_3xRow .container-cards .card {width:31.33%;}
#cardsIPC .cardsBox.elem_4xRow .container-cards .card {width:22.90%;}

/*textos*/
#cardsIPC .card .txtBox .title {display: block;font-size: 1.6rem;font-weight: 300;margin-left:1rem;padding-top: 2rem;}
#cardsIPC .card .txtBox .title + span{font-size:2.2rem;margin-left:1rem;}
#cardsIPC .card .txtBox .title + span > span{font-size:1.6rem;}


/*Colores variacion*/
#cardsIPC .card .txtBox [class*='neg'] {color: var(--negativo);}
#cardsIPC .card .txtBox [class*='pos'] {color: var(--positivo);}

/*Section titulo y botones*/
#cardsIPC .headBox {display:flex; align-items:flex-end; padding:0 2rem 2rem 2rem;flex-flow: row wrap;justify-content: space-between;}
#cardsIPC .headBox .title {font-size: 2.2rem;font-weight: 600;line-height: 4rem;}
#cardsIPC .rtve-icons{ display: flex;justify-content: center;}
#cardsIPC .rtve-icons{ line-height: 3.6rem;font-size: 1.6rem;}
#cardsIPC ._infomensual {place-self: self-start;opacity:0.4;transition: opacity,background 0.3s;display: inline-block;/*height: 3.4rem;*/border: 0.1rem solid #302c2b;border-radius: 0.8rem;margin-left:1rem; width:23rem;}
#cardsIPC .headBox .subtitle {font-weight: 400;font-size: 1.6rem;line-height: 3rem;padding-left: 0; order: 2;}

#cardsIPC ._infoanual {place-self: self-start;opacity: 0.4;transition: opacity,background 0.3s;display: inline-block;/*height: 3.4rem;*/border: 0.1rem solid #302c2b;border-radius: 0.8rem;margin-left: 5rem;width:23rem;}
#cardsIPC .activeButton{opacity:1;transition: opacity,background 0.3s;font-weight:900;}

#cardsIPC .blind:hover{background:#eae4e4 ;}

/*linea horizontal*/
#cardsIPC svg g text {font-size:1.2rem;}
#cardsIPC .graphHead:after{content: '';display: block;position: absolute;bottom: 0rem;right: 0;left: 0;border-bottom: 0.1rem solid #cccccc;}
#cardsIPC .dataMes {font-size:1.4rem;line-height:2rem;}
#cardsIPC .dataVaria {font-size:2rem;line-height:2.4rem;}
#cardsIPC .card.down .dataVaria {color: var(--negativo) !important;}
#cardsIPC .card.up .dataVaria {color: var(--positivo);}