body,p,h1,h2,h3,h4,h5,h6,ul,li,ol,figcaption,div,span {
	font-family: "Poppins", Arial, Roboto, sans-serif;
	font-weight: 400;
	font-style: normal;
}

h4, h3 {
	font-weight: 600;
}

p {
	margin: 10px 0;
}

/* Custom properties */
:root {
	/*  Color Tokens */
	--sky-500: #00bcff;
	--red-300: #ff4b55;
	--pink-500: #ff3162;
	--green-500: #89d329;
	--blue-300: #00617f;
	--blue-500: #10384f;
	--plum-purple-500: #604964;

	--radiologia-100: #F5F0FF; /*Fundo hover*/
	--radiologia-300:#C0A2F6; /*Borda*/
	--radiologia-500:#6941C6; /*Nome categoria e fundo "veja mais"*/

	--consumer-health-100: #E9F8FF;/*Fundo hover*/
	--consumer-health-300: #86CEF1;/*Borda*/
	--consumer-health-500: #005C8A;/*Nome categoria e fundo "veja mais"*/

	--pharmaceulticas-100: #FFF4F7;/*Fundo hover*/
	--pharmaceulticas-300: #FFB6C7;/*Borda*/
	--pharmaceulticas-500: #C0002D;/*Nome categoria e fundo "veja mais"*/

	/* Font-sizes */
	--fs-2xs: 1rem;
	--fs-xs: 1.2rem;
	--fs-sm: 1.4rem;
	--fs-base: 1.6rem;
	--fs-lg: 1.8rem;
	--fs-xl: 2.2rem;
	--fs-2xl: 2.6rem;
	--fs-3xl: 3rem;

	/* Colors */
	--base-color: var(--blue-500);
	--accent-color: var(--plum-purple-500);
	--accent-color2: var(--red-300);

	/* Theme Colors */
	--magenta-color: var(--pink-500);
	--verde-color: var(--green-500);
	--cyan-color: var(--sky-500);
}

/* Generic Styles */
html {
	font-size: 10px;
	scroll-behavior: smooth;
}

body {
	color: var(--base-color);
	font-family: sans-serif;
	font-size: var(--fs-sm);
	font-weight: 400;
	margin: 0 auto;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul,
ol {
	list-style: none;
	padding: 0;
}

/* Themes */
.magenta-theme {
	--product-card-color: var(--magenta-color);
	--box-link-color: var(--magenta-color);
	--download-material-color: var(--magenta-color);
}

.verde-theme {
	--product-card-color: var(--verde-color);
	--box-link-color: var(--verde-color);
	--download-material-color: var(--verde-color);
}

.cyan-theme {
	--product-card-color: var(--cyan-color);
	--box-link-color: var(--cyan-color);
	--download-material-color: var(--cyan-color);
}

.azul-theme {
	--product-card-color: var(--base-color);
	--box-link-color: var(--base-color);
	--download-material-color: var(--base-color);
}

/* Utility-Classes */
.container {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 1.5rem;
}

.flow > * + * {
	margin-top: var(--flow-space, 1em);
}

.text-center {
	text-align: center !important;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.font-normal {
	font-weight: normal;
}

.box-shadow {
	box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.14);
}

#darkBackground {
	display:none;
	position: fixed;
	left:0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.6;
	z-index: 3
}

.modal {
	display:none;
	position: fixed;
	background-color: var(--accent-color);
	width: 500px;
	top: 30%;
	left: 50%;
	margin-left: -250px;
	border: 2px solid var(--magenta-color);
	z-index: 4;
	color: #fff;
	padding: 15px 20px
}
.modal svg.btnClose {
	cursor: pointer;
	width: 60px;
	height: 60px;
	position: absolute;
	right: -30px;
	top: -30px;
	z-index: 4;
}
.modal .disclaimer-footer {
	border-top: 1px solid white;
	padding-top: 5px;
}
.modal .div-buttons {
	margin: 10px 0 25px 0;
}
.modal .modal-button {
	width: 25%;
	background-color: var(--pink-500);
	color: white;
	border: none;
	cursor: pointer;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.no-autorizado {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}
.no-autorizado-image {
	margin-left: 45%;
	margin-right: 45%;
	margin-top: 30px!important;
}
@media (min-width: 768px) {
	body {
		font-size: var(--fs-base);
	}	
}

@media (max-width: 767px) {
	.modal {		
		width:85%;
		margin-left:0;
		left:7.5%;
	}
}