@keyframes down-btn {
	0% {
		bottom: 20px;
	}
	100% {
		bottom: 0px;
	}

	0% {
		opacity: 0;
	}
	100% {
		opaicty: 1;
	}
}

@-webkit-keyframes down-btn {
	0% {
		bottom: 20px;
	}
	100% {
		bottom: 0px;
	}

	0% {
		opacity: 0;
	}
	100% {
		opaicty: 1;
	}
}

@-moz-keyframes down-btn {
	0% {
		bottom: 20px;
	}
	100% {
		bottom: 0px;
	}

	0% {
		opacity: 0;
	}
	100% {
		opaicty: 1;
	}
}

@-o-keyframes down-btn {
	0% {
		bottom: 20px;
	}
	100% {
		bottom: 0px;
	}

	0% {
		opacity: 0;
	}
	100% {
		opaicty: 1;
	}
}

.category-name {
	font-family: sans-serif;
	width: -webkit-fill-available;
	text-align: center;
	font-size: 25px;
	font-weight: 700;
	padding: 25px 0 0;
}

.card-category-1 {
	font-family: sans-serif;
	margin-bottom: 45px;
	text-align: center;
}
.card-category-1 div,
.card-category-2 div {
	display: inline-block;
}

.card-category-1 > div,
.card-category-2 > div:not(:last-child) {
	margin: 10px 5px;
	text-align: left;
}

/* Basic Card */
.basic-card {
	width: 360px;
	position: relative;

	-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
}

.basic-card .card-content {
	padding: 20px 25px 0;
	width: 100%;
	height: 201px;
}

.basic-card .card-title {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	width: 100%;
}

.basic-card .card-text {
	line-height: 1.6;
	font-size: 19px;
	width: 100%;
	font-weight: 700;
}
.basic-card .card-ofer {
	color: #fff;
	height: 100px;
}
.basic-card .card-ofer a {
	color: #fff;
}
.basic-card .card-ofer li {
	padding: 5px 0;
}
.basic-card .card-ofer .negro a {
	color: #000;
}

.basic-card .card-link {
	padding: 10px;
	width: -webkit-fill-available;
}

.basic-card .card-link a {
	text-decoration: none;
	position: relative;
	padding: 10px 0px;
	font-size: 12px;
}

.basic-card .card-link a:after {
	top: 30px;
	content: '';
	display: block;
	height: 2px;
	left: 50%;
	position: absolute;
	width: 0;

	-webkit-transition: width 0.3s ease 0s, left 0.3s ease 0s;
	-moz-transition: width 0.3s ease 0s, left 0.3s ease 0s;
	-o-transition: width 0.3s ease 0s, left 0.3s ease 0s;
	transition: width 0.3s ease 0s, left 0.3s ease 0s;
}

.basic-card .card-link a:hover:after {
	width: 100%;
	left: 0;
}

.card-azul {
	background-image: linear-gradient(to bottom right, #00bfad, #99a3d4);
}

.card-azul .card-content,
.basic-card .card-link a {
	color: #fff;
}

.card-azul .card-link {
	border-top: 1px solid #82c1bb;
}

.card-azul .card-link a:after {
	background: #fff;
}

.card-rosa {
	background-image: linear-gradient(to bottom right, #ec407b, #ff7d94);
}

.card-rosa .card-content {
	color: #fff;
}

.card-rosa .card-link {
	border-top: 1px solid #ff97ba;
}

.card-rosa .card-link a:after {
	background: #fff;
}

.card-blanco {
	border: 1px solid #eee;
}

.card-blanco .card-title,
.card-blanco .card-link a {
	color: #868686 !important;
}

.card-blanco .card-text {
	color: #393939 !important;
}

.card-blanco .card-link {
	border-top: 1px solid #eee;
}

.card-blanco .card-link a:after {
	background: #636363;
}

.card-negro {
	background-image: linear-gradient(to bottom right, #252525, #4a4a4a);
}

.card-negro .card-title,
.card-negro .card-link a {
	color: #939393;
}

.card-negro .card-text {
	color: #fff;
}

.card-negro .card-link {
	border-top: 1px solid #636363;
}

.card-negro .card-link a:after {
	background: #eee;
}
.card-naranja {
	background-image: linear-gradient(to bottom right, #d36409, #fdae69);
}

.card-naranja .card-content,
.basic-card .card-link a {
	color: #fff;
}

.card-naranja .card-link {
	border-top: 1px solid #f9bc8c;
}

.card-naranja .card-link a:after {
	background: #fff;
}

.card-verde {
	background-image: linear-gradient(to bottom right, #445944, #4a6c4a);
}

.card-verde .card-content,
.basic-card .card-link a {
	color: #fff;
}

.card-verde .card-link {
	border-top: 1px solid #56ff55;
}

.card-verde .card-link a:after {
	background: #fff;
}

.card-morado {
	background-image: linear-gradient(to bottom right, #8561a6, #ab8aca);
}

.card-morado .card-content,
.basic-card .card-link a {
	color: #fff;
}

.card-morado .card-link {
	border-top: 1px solid #a241fd;
}

.card-morado .card-link a:after {
	background: #fff;
}

.card-rojo {
	background-image: linear-gradient(to bottom right, #d30909, #ee6b6b);
}

.card-rojo .card-content,
.basic-card .card-link a {
	color: #fff;
}

.card-rojo .card-link {
	border-top: 1px solid #ee6b6b;
}

.card-rojo .card-link a:after {
	background: #fff;
}

.card-amarillo {
	background-image: linear-gradient(to bottom right, #948502, #c5b204);
}

.card-amarillo .card-content,
.basic-card .card-link a {
	color: #fff;
}

.card-amarillo .card-link {
	border-top: 1px solid #c5b204;
}

.card-amarillo .card-link a:after {
	background: #fff;
}

.card-gris {
	background-image: linear-gradient(to bottom right, #a4a4a4, #828282);
}

.card-gris .card-content,
.basic-card .card-link a {
	color: #fff;
}

.card-gris .card-link {
	border-top: 1px solid #cecece;
}

.card-gris .card-link a:after {
	background: #fff;
}

.card-verde2 {
	background-image: linear-gradient(to bottom right, #2dc19f, #1b9579);
}

.card-verde2 .card-content,
.basic-card .card-link a {
	color: #fff;
}

.card-verde2 .card-link {
	border-top: 1px solid #8bffe4;
}

.card-verde2 .card-link a:after {
	background: #fff;
}

.card-cafe {
	background-image: linear-gradient(to bottom right, #a23d00, #dd5401);
}

.card-cafe .card-content,
.basic-card .card-link a {
	color: #fff;
}

.card-cafe .card-link {
	border-top: 1px solid #f5c5a7;
}

.card-cafe .card-link a:after {
	background: #fff;
}

.card-cafe2 {
	background-image: linear-gradient(to bottom right, #572304, #7c2e00);
}

.card-cafe2 .card-content,
.basic-card .card-link a {
	color: #fff;
}

.card-cafe2 .card-link {
	border-top: 1px solid #ffcbac;
}

.card-cafe2 .card-link a:after {
	background: #fff;
}

.card-azul2 {
	background-image: linear-gradient(to bottom right, #006da2, #094664);
}

.card-azul2 .card-content,
.basic-card .card-link a {
	color: #fff;
}

.card-azul2 .card-link {
	border-top: 1px solid #a8e2ff;
}

.card-azul2 .card-link a:after {
	background: #fff;
}

.negro {
	color: #000;
}
.blanco {
	color: #fff;
}
table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}

th,
td {
	padding: 5px 10px;
	text-align: center;
	font-size: 1.1em;
}

th {
	background-color: #ab262c;
	color: #fff;
}
.leyenda {
	padding: 20px 15px;
	font-size: 12px;
	font-style: italic;
	text-align: justify;
}
.centrado {
	display: grid;
	place-content: center;
}
/*
*
* Buttons
*/
* + .button-ptc {
	margin-top: 40px;
}
.button-ptc {
	position: relative;
	overflow: hidden;
	display: inline-block;
	padding: 11px 32px;
	font-size: 14px;
	line-height: 24px;
	border: 2px solid;
	font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI',
		Roboto, 'Helvetica Neue', Arial, sans-serif;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
	user-select: none;
	transition: 250ms all ease-in-out;
	border-radius: 25px;
}

@media (max-width: 575px) {
	.button-ptc {
		padding: 11px 13px;
	}
}
.button-default-outline,
.button-default-outline:focus {
	color: #151515;
	background-color: transparent;
	border-color: #ab262c;
}

.button-default-outline:hover,
.button-default-outline:active {
	color: #ffffff;
	background-color: #ab262c;
	border-color: #ab262c;
}
