:root {--dgreen: #007550; --lgreen: #c4d600;}
.lealtad, .comercios, .comercios *, .lealtad * {box-sizing: border-box;}
.lealtad .flex {display: flex;}
.flex-col {flex-direction: column;}
.flex-wrap {flex-wrap: wrap;}
.fGrow2 {flex-grow: 2;}
.vCenter {align-items: center;}
.hCenter {justify-content: center;}

.lealtad {
	width: 100%; padding: 0 35px 35px;
	background: #fff !important;
}
.lealtad-tit {padding: 20px 25px 0; text-align: center;}
.lealtad-tit p {
	padding-left: 5px; font-size: 14px;
}

.lealtad ul.categorias {padding: 15px 0;}
.lealtad .botones a {
	width: 164px; height: 154px; border-radius: 8px;
	border: 1px solid var(--dgreen);
	overflow: hidden; text-decoration: none;
	transition: all ease .3s;
}
.lealtad .categorias .imgbtn {
	width: 96px; height: 85px;
	background: var(--icolealtad) no-repeat center top;
	align-items: center; font-size: 50px;
	color: var(--lgreen);
	transition: all ease .3s;
}
.categorias .botones a:hover {background-color: var(--dgreen);}
.categorias .botones a:hover p {color: #fff;}
.categorias .botones a:hover .imgbtn {background-position: center bottom;}
.categorias .botones a p {
	text-transform: uppercase; font-size: 14px;
	padding: 0 5px 15px 5px; width: 100%;
	font-weight: bold;  margin: 0;
	color: var(--dgreen); text-align: center;
}

.lealtad .categorias li.botones {list-style-type: none; padding: 20px 10px;}
.comercios {
	width: 100%; margin: 0 auto;
	background: #fff; padding: 20px;
	font-size: 13px;
}

h2.titFedepuntos {font-size: 14px; margin-top: 15px; color: #006341;}
h1.titFedepuntos { font-size: 22px;color: #93C41B;}

.comercios .titlecommerce {
	width: 220px; padding: 5px 10px; color: #fff; font-size: 14px;
	background-color: #93C41B; margin-bottom: 20px
}

.comercios h3 {
	color: #9BB748; font-size: 14px;
	text-transform: uppercase;
}

.comercios .bot1 {margin: 10px 0; text-align: right;} 
.comercios .bot1 a {
	display: inline-block; color: #fff; text-align: center;
	text-decoration: none; background-color: #006341;
	font-weight: bold; padding: 10px 25px;
}
.comercios .bot1 a:hover {color: #006341; background-color: #93C41B;}

.comercios .table {
	width: 100%; border: 1px solid #ccc;
	border-collapse: collapse; margin: 0px 0px 1em 0px;
}
.comercios .table td {padding: 10px; border-collapse: collapse;}
.comercios .table td.logo {width: 150px; text-align: center;}
.comercios .table ul {padding-left: 10px;}
.comercios .table td p {margin: 5px 0px 8px 0px;}

#reglamento-lealtad {
	display: inline-block;
  padding: 15px 35px;
  border: 1px solid #1a6524;
  border-radius: 5px;
  cursor: pointer;
  transition: all ease .2s; 
}
#reglamento-lealtad:hover {
	background: #1a6524;
	color: #fff;
}

/* mobile */
@media screen and (max-width: 768px)  {
	.tit-lealtad {padding: 20px 0 0;}
	.tit-lealtad img {width: 100%;}
}

@media screen and (max-width: 640px) {
	li.botones {padding: 25px 10px;}
}

@media screen and (max-width: 480px) {
	.tit-lealtad, .tit-lealtad p {padding: 0;}
	.tit-lealtad p {padding: 15px 0 0; line-height: 1.3;}
	li.botones {padding: 15px 10px;}
	.lealtad {font-size: 14px; margin-bottom: 30px; padding: 20px;}
	.titFedepuntos {margin: 0; text-align: center;}
	h1.titFedepuntos {font-size: 18px;}
	.bot1 {margin: 0;}
	.titulos1 {
		width: 100%; font-size: 18px;
		margin: 10px 0; text-align: center;
	}
	td.logo {
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.table td {display: block; padding: 10px 20px;}
	.fonts-verde3 {font-size: 16px;}
	.bot1 a {
		position: fixed; width: 100%;
		left: 0; bottom: 0; border-radius: 0;
		font-size: 16px; text-transform: uppercase;
		line-height: 1.8;
	}
}
@media screen and (max-width: 320px) {
	.table td {padding: 10px;}
}