/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
:root {
	--rox-col1: #58DFA9;
	--rox-col2: #D698CB; 
	--cemic:#29BD7E;

	--preveg-embarazo:#C492C6;
	--preveg-bebes:#fefa85;
	--preveg-ninos:#84EDCD;
	--preveg-adultos:#58DFA9;
}

.bg-black {
    background-color: var(--rox-col2) !important;
}

.bg-black-1 {
    background-color: var(--rox-col1) !important;
}

.bg-cemic {
    background-color: var(--cemic) !important;
}

#header-wrap{
	background-color: var(--rox-col1);
}


.bg-cemic .fbox-content p{
	color:#fff;
}


.bg-preveg-embarazo{
	background-color: var(--preveg-embarazo) !important;	
}

.promo.bg-preveg-embarazo a{
	color:#fff;
	text-decoration: underline !important;
}

.bg-preveg-bebes{
	background-color: var(--preveg-bebes) !important;
}

.bg-preveg-ninos{
	background-color: var(--preveg-ninos) !important;
}

.bg-preveg-adultos{
	background-color: var(--preveg-adultos) !important;
}
.text-white{	
	color:#fff !important
}
.item-data-consultorio{
	color:#efefef !important;
}
.item-data-consultorio:hover{
	color:#fff !important;
}
@media (max-width: 768px) {
.object-cover {
    object-position: 68% top !important;
}
.item-data-consultorio{
	color:#fff !important;
}
}