.body {
	background-color: #f3f3f3 !important;
	/* position: relative; */
}

.banner-lunes-martes {
	display: none;
}

.banner-primera-visita {
	display: none;
}

.h-atencion {
	padding: 10px;
	/* background-color: #ffeeee; */
	background-color: rgb(252, 207, 207);
	text-align: center;
	font-size: 11px;
	/* color: #ff9d98; */
	color: #292929;
}

.zerena-club-btn {
	background-color: #dfdcdc;
	color: #636363;
}

.club-palabra {
	font-family: 'Segoe Script', cursive;
	color: #747474;
}

.container-pages svg {
	fill: #5a5a5a;
	width: 40px;
	/* width: 100%; */
}

.banner-pages {
	margin: 5px 0;
}
.banner-pages img {
	border-radius: 5px;
	width: 100%;
}

.header-logo {
	/* margin: 0 5px; */
}

.boton-pages {
	position: absolute;
	/* background-color: red; */
	right: 0;
	width: 50%;
	height: 15%;
}

.pantalla-negra {
	display: none;
	/* display: flex;
	justify-content: center;
	align-items: center; */
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #00000075;
	padding: 0 10px;
	z-index: 100;
	/* height: 1290px; */
	max-width: 500px;
}

#agendar-cita {
	cursor: pointer;
}

.x-icon {
	position: absolute;
	top: 5;
	right: 5;
}

.container-tipo-cliente {
	position: relative;
	transform: translate(0, 100%);
	z-index: 500;
	background-color: white;
	max-width: 480px;
	position: fixed;
	text-align: center;
	padding: 25px 25px 15px 25px;
	border-radius: 5px;
	width: 100%;
}

@media screen and (max-width: 450px) {
	.container-tipo-cliente {
		transform: translate(0, 0);
		margin: 50% 0;
		/* max-width: 500px; */
		/* min-width: auto; */
		max-width: 500px;
		width: calc(100% - 20px);
		/* max-width: auto; */
	}
}

.container-tipo-cliente p {
	font-size: 12px;
	margin-top: 10px;
}

.container-child-tipo-cliente {
	display: flex;
}

.container-child-tipo-cliente a:hover {
	text-decoration: none;
	color: black;
	box-shadow: 1px 1px 5px rgba(60, 64, 67, 0.15);
}

.container-pages {
	display: flex;
	justify-content: center;
}

.container-tipo-cliente h3 {
	font-size: 14px;
}

.cliente {
	color: #303030;
	font-weight: bold;
	flex-grow: 1;
	padding: 15px 0;
	border-radius: 5px;
	margin: 0 5px;
	border: 1px solid rgb(235, 235, 235);
}

.no-cliente {
	color: #303030;
	font-weight: bold;
	margin: 0 5px;
	border-radius: 5px;
	padding: 15px 0;
	flex-grow: 1;
	border: 1px solid rgb(235, 235, 235);
}

.body-content {
	max-width: 500px;
	position: relative;
}

.header-logo img {
	position: relative;
	width: 100%;

	/* padding: 100px 50px; */
}

.over-block {
	display: none;
	margin-top: -10px;
	box-shadow:
		rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
		rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
	padding: 30px 10px;
	background-color: #edf0f4;
}

.over-block h4 {
	text-align: center;
	color: #3b3b3b;
}

.over-block p {
	color: #474747;
	text-align: center;
	font-size: 14px;
}

.items-content hr {
	margin: 0;
}

.item-all {
	padding: 20px;
	display: flex;
}

.item-all h5 {
	margin: 0;
}

.item-all p {
	color: #777777;
}

.txt-pages {
	display: flex;
	padding: 0 10px;
	justify-content: center;
	flex-direction: column;
}

.txt-pages p {
	font-size: 12px;
}

.icon-pages {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	/* background-color: red; */
	/* border-radius: 50px; */
	/* overflow: hidden; */
}

.icon-pages i {
	font-size: 30px !important;
}

.items-content a {
	color: #303030;
}

.items-content a:hover {
	color: #303030;
}

.btn-page-agendar-cita {
	/* border-radius: 15px; */
	/* margin: 58px 5px 5px 5px; */
	background-color: #e8908e !important;
	/* background-color: #bc1e39 !important; */
	color: white;
}

.btn-page-agendar-cita p {
	color: white;
}

.btn-page-agendar-cita-wh {
	/* margin: 5px 5px 50px 5px; */
	/* border-radius: 15px; */
	background-color: #45c959 !important;
	color: white;
}

.btn-page-encuesta {
	background-color: #fff;
}

.btn-page-encuesta h5 {
	font-weight: bold;
	color: #fc8882;
}

.btn-page-encuesta {
	color: #fc8882;
}

.btn-page-encuesta p {
	color: #ff9c97;
}

.btn-page-white p {
	color: white !important;
}

.btn-inicio {
	display: flex;
}

.btn-inicio > div {
	flex-grow: 1;
}