@CHARSET "ISO-8859-1";

.i2m_wallet .fichaProducto__main__info__cuotas__content {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.i2m_wallet .fichaProducto__main__info__cuotas {
	/*visibility: hidden;*/
	position: relative;
	width: 100%;
	font-size: 14px;
	text-align: left;
	line-height: 1.1;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: -.5px;
	margin-top: 18px;
}

.i2m_wallet .fichaProducto__main__info__cuotas__cantidad {
	font-size: 18px;
	color: #000;
}

.i2m_wallet .fichaProducto__main__info__cuotas__fi-tea-cft {
	margin-top: 8px;
	color: #999;
	font-size: 12px;
}

/*------------------------------------------------------------------
34. Mt Detail Section / .mt-detail-sec
-------------------------------------------------------------------*/

.i2m_wallet .mt-detail-sec {
	padding: 40px 0 164px;
}

.i2m_wallet .mt-detail-sec.style1 h2 {
	padding: 0 0 0 20px;
}

.i2m_wallet .mt-detail-sec h2 {
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	margin: 0 0 25px;
	color: #000;
}

.i2m_wallet .mt-detail-sec .bill-detail {
	overflow: hidden;
	width: 549px;
}

.i2m_wallet .mt-detail-sec .bill-detail .form-group {
	margin-bottom: 17px;
	overflow: hidden;
}

.i2m_wallet .mt-detail-sec .bill-detail .form-group ::-webkit-input-placeholder {
	color: #7d7d7d;
}

.i2m_wallet .mt-detail-sec .bill-detail .form-group ::-moz-placeholder {
	opacity: 1;
	color: #7d7d7d;
}

.i2m_wallet .mt-detail-sec .bill-detail .form-group :-moz-placeholder {
	color: #7d7d7d;
}

.i2m_wallet .mt-detail-sec .bill-detail .form-group :-ms-input-placeholder {
	color: #7d7d7d;
}

.i2m_wallet .mt-detail-sec .bill-detail .form-group .placeholder {
	color: #7d7d7d;
}

.i2m_wallet .mt-detail-sec .bill-detail .form-control {
	font-size: 14px;
	line-height: 16px;
	background: none;
	outline: none;
	box-shadow: none;
	border-style: solid;
	border-width: 1px;
	border-radius: 10px;
	padding: 10px 18px;
	width: 100%;
	height: 55px;
	color: #7d7d7d;
	border-color: #dcdcdc;
}

.i2m_wallet .mt-detail-sec .bill-detail textarea {
	min-height: 99px;
	width: 100%;
	resize: none;
}

.i2m_wallet .mt-detail-sec .bill-detail input[type="checkbox"] {
	margin: 0 5px 0 0;
	padding: 0;
}

.i2m_wallet .mt-detail-sec .bill-detail .check-box {
	font-size: 16px;
	line-height: 18px;
	font-weight: 200;
	color: #868686;
}

.i2m_wallet .mt-detail-sec .bill-detail .col {
	width: 47%;
	float: left;
	margin: 0 0 0 32px;
}

.i2m_wallet .mt-detail-sec .bill-detail .col:first-child {
	margin: 0;
}

.i2m_wallet .mt-detail-sec .bill-detail .update-btn {
	font-family: "Montserrat", sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: 700;
	border-style: solid;
	border-width: 1px;
	outline: none;
	box-shadow: none;
	width: 214px;
	display: block;
	padding: 14px 10px 12px;
	-webkit-transition: all .25s linear;
	transition: all .25s linear;
	background: #f6f6f6;
	color: #c6c6c6;
	border-color: #dcdcdc;
}

.i2m_wallet .mt-detail-sec .bill-detail .update-btn:hover {
	background: #88bd6e;
	color: #fff;
}

.i2m_wallet .mt-detail-sec .holder {
	overflow: hidden;
	background: #f6f6f6;
	margin: 44px 0 0 32px;
	padding: 51px 60px 43px;
}

.i2m_wallet .mt-detail-sec .block {
	overflow: hidden;
	padding: 21px 0 0 2px;
	margin: 0 0 67px;
}

.i2m_wallet .mt-detail-sec .block.cart {
	border-style: solid;
	border-width: 1px;
	margin: 0 0 18px;
	border-color: #dcdcdc;
	padding: 51px 45px 34px;
}

.i2m_wallet .mt-detail-sec .block.cart .txt span {
	font-size: 24px;
	line-height: 18px;
	margin: -3px 8px 0 0;
}

.i2m_wallet .mt-detail-sec .block.cart .txt span .fa {
	font-size: 18px;
}

.i2m_wallet .mt-detail-sec .block.cart .txt strong {
	font-size: 14px;
	line-height: 16px;
	padding: 0 9px 0 0;
	font-weight: 400;
	display: block;
	color: #010101;
}

.i2m_wallet .mt-detail-sec .block li {
	margin: 0 0 10px;
	padding: 0 0 9px;
	border-style: solid;
	border-width: 0 0 1px;
	border-color: #ccc;
}

.i2m_wallet .mt-detail-sec .block .title {
	font-size: 16px;
	line-height: 18px;
	display: block;
	margin: 0 0 11px;
	text-transform: uppercase;
	color: #868686;
}

.i2m_wallet .mt-detail-sec .block .title.sub-title {
	margin: 0;
}

.i2m_wallet .mt-detail-sec .block span {
	font-size: 14px;
	line-height: 16px;
	display: block;
	font-weight: 700;
	margin: 0 0 3px;
	color: #868686;
}

.i2m_wallet .mt-detail-sec .block .txt .title {
	margin: 0 0 9px;
}

.i2m_wallet .mt-detail-sec .block .txt span {
	font-size: 16px;
	line-height: 18px;
	display: block;
	color: #494949;
}

.i2m_wallet .mt-detail-sec .panel-group {
	padding: 0 10px 0 2px;
	margin: -2px 0 0;
	overflow: hidden;
}

.i2m_wallet .mt-detail-sec .panel-group .panel-heading {
	/*padding: 14px 0;*/
}

.i2m_wallet .mt-detail-sec .panel-group .panel-title {
	font-size: 16px;
	line-height: 18px;
	display: block;
	margin: 0;
	text-transform: uppercase;
	font-weight: 700;
	color: #868686;
}

.i2m_wallet .mt-detail-sec .panel-group .panel-title a {
	display: block;
}

.i2m_wallet .mt-detail-sec .panel-group .panel-title .check {
	float: right;
	width: 17px;
	height: 17px;
	margin: 3px 0 0;
	border-style: solid;
	border-width: 1px;
	display: block;
	background: #fff;
	border-color: #494949;
}

.i2m_wallet .mt-detail-sec .panel-group .panel-title .check .fa-check {
	font-size: 14px;
	line-height: 16px;
	opacity: 1;
	visibility: visible;
	display: block;
	margin: 1px 0 2px 1px;
	color: #494949;
}

.i2m_wallet .mt-detail-sec .panel-group .panel-title .collapsed .fa-check {
	opacity: 0;
	visibility: hidden;
}

.i2m_wallet .mt-detail-sec .panel-group .panel-body {
	font-size: 12px;
	line-height: 16px;
	font-weight: 200;
	overflow: hidden;
	color: #868686;
}

.i2m_wallet .mt-detail-sec .panel-group .panel {
	padding: 0 0 4px;
	overflow: hidden;
	border-style: solid;
	border-width: 1px 0 0;
	border-color: #ccc;
}

.i2m_wallet .mt-detail-sec .panel-group .panel:first-child {
	border-top: none;
}

.i2m_wallet .mt-detail-sec .block-holder {
	color: #868686;
	overflow: hidden;
	font-size: 16px;
	line-height: 18px;
	padding: 35px 63px 56px 93px;
}

.i2m_wallet .mt-detail-sec .block-holder a {
	-webkit-transition: all .25s linear;
	transition: all .25s linear;
	color: #000;
}

.i2m_wallet .mt-detail-sec .block-holder a:hover {
	color: #868686;
}

.i2m_wallet .mt-detail-sec .block-holder input[type="checkbox"] {
	float: right;
}

.i2m_wallet .mt-detail-sec .process-btn {
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	width: 307px;
	padding: 14px 10px;
	display: block;
	text-align: center;
	float: right;
	font-weight: 700;
	letter-spacing: 2px;
	word-spacing: 1px;
	-webkit-transition: all .25s linear;
	transition: all .25s linear;
	color: #fff;
	background: #88bd6e;
}

.i2m_wallet .mt-detail-sec .process-btn .fa-check {
	margin: 0 0 0 1px;
}

.i2m_wallet .mt-detail-sec .process-btn:hover {
	background: #f6f6f6;
	color: #494949;
}

/*------------------------------------------------------------------
35. Mt Product Table / .mt-product-table
-------------------------------------------------------------------*/

.i2m_wallet .mt-product-table {
	padding: 40px 0;
}

.i2m_wallet .mt-product-table .border {
	border-style: solid;
	border-width: 0 0 1px;
	border-color: #dcdcdc;
}

.i2m_wallet .mt-product-table .title {
	font-size: 16px;
	line-height: 18px;
	text-transform: uppercase;
	display: block;
	padding: 0 0 18px;
	color: #868686;
}

.i2m_wallet .mt-product-table .img-holder {
	width: 106px;
	overflow: hidden;
	padding: 25px 0 22px;
}

.i2m_wallet .mt-product-table .product-name {
	font-size: 18px;
	line-height: 20px;
	display: block;
	padding: 69px 0 0;
	color: #757575;
}

.i2m_wallet .mt-product-table .price {
	font-size: 18px;
	line-height: 20px;
	float: left;
	padding: 81px 0 0;
	color: #494949;
}

.i2m_wallet .mt-product-table .qyt-form {
	padding: 69px 0 0;
}

.i2m_wallet .mt-product-table .qyt-form select {
	font-size: 18px;
	line-height: 20px;
	font-weight: 700;
	padding: 7px 10px;
	border: none;
	outline: none;
	background: #eee;
	color: #494949;
}

.i2m_wallet .mt-product-table .fa-close {
	font-size: 18px;
	line-height: 20px;
	float: right;
	margin: 81px 0 0;
	color: #ff6060;
	-webkit-transition: all .4s linear;
	transition: all .4s linear;
}

.i2m_wallet .mt-product-table .fa-close:hover {
	color: #494949;
}

.i2m_wallet .mt-product-table .coupon-form {
	overflow: hidden;
	padding: 40px 0 52px;
	border-bottom: 1px solid #dcdcdc;
}

.i2m_wallet .mt-product-table .coupon-form .form-control {
	border-style: solid;
	border-width: 1px;
	background: none;
	outline: none;
	font-size: 14px;
	line-height: 16px;
	width: 258px;
	float: left;
	margin: 0 6px 0 0;
	height: 48px;
	border-radius: 0;
	box-shadow: none;
	border-color: #dcdcdc;
	color: #7d7d7d;
	padding: 10px 30px;
}

.i2m_wallet .mt-product-table .coupon-form button {
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
	border: none;
	outline: none;
	border-radius: 0;
	display: block;
	text-align: center;
	padding: 16px 10px 13px 7px;
	width: 111px;
	float: left;
	-webkit-transition: all .25s linear;
	transition: all .25s linear;
	background: #cba233;
	color: #fff;
}

.i2m_wallet .mt-product-table .coupon-form button:hover {
	background: #f05c5c;
}

.i2m_wallet .mt-product-table .coupon-form .mt-holder {
	width: 389px;
	margin: 0 auto;
}

/*------------------------------------------------------------------
36. product detail ab / .product-detail-tab
-------------------------------------------------------------------*/

.i2m_wallet .product-detail-tab {
	color: #aaa;
	overflow: hidden;
	padding: 74px 0 85px;
	font: 300 16px/21px "Source Sans Pro", sans-serif;
}

.i2m_wallet .product-detail-tab .mt-tabs {
	padding: 0;
	margin: 0 0 50px;
	list-style: none;
	border-bottom: 1px solid #c8c8c8;
	font: 700 16px/20px "Montserrat", sans-serif;
}

.i2m_wallet .product-detail-tab .mt-tabs li {
	padding: 0 27px;
	vertical-align: top;
	display: inline-block;
}

.i2m_wallet .product-detail-tab .mt-tabs a {
	color: #9b9b9b;
	display: block;
	margin: 0 0 -1px;
	padding: 0 0 12px;
	border-bottom: 1px solid transparent;
}

.product-detail-tab .mt-tabs a:hover,
.i2m_wallet .product-detail-tab .mt-tabs a.active {
	color: #000;
	border-bottom-color: #000;
}

.i2m_wallet .product-detail-tab p {
	margin: 0 0 20px;
}

.i2m_wallet div#card-home .card {
	border-radius: 10px;
	margin-top: 20px;
	border: solid 1px #808080;
	background-color: #f7f7f7;
	box-shadow: none;
}


.i2m_wallet div#card-home .card:hover {
	background-color: #e5e5e5;
	cursor: pointer;
	transition-duration: 0.5s
}

.i2m_wallet div#card-home .card-body {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.75rem;
}

.i2m_wallet div#card-home .card-info {
	display: flex;
	align-items: center;
	/* padding: 0px; */
}

.i2m_wallet div#card-home .card-image {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 10px;
	background-color: black;
}

.i2m_wallet div#card-home .card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.i2m_wallet div#card-home .card-details {
	flex-grow: 1;
	margin-left: 12px;
	/* margin-bottom: -24px; */
}

.i2m_wallet div#card-home .card-number {
	font-size: 18px;
	/* Aumenta el tamaño del número de tarjeta */
	margin-bottom: 10px;
	/* Aumenta el espacio entre el número y los otros detalles */
}

div#card-home .card-bank,
.i2m_wallet .card-expiry {
	margin-bottom: 5px;
}

.i2m_wallet div#card-home .btn-delete {
	background-color: #005d5b;
	color: #fff;
	border: none;
	padding: 10px 20px;
	/* Aumenta el espacio alrededor del botón */
	border-radius: 5px;
	/* font-size: 15px; */

}


.i2m_wallet div#card-home .container {
	margin-right: 200px !important;
}


/* #tarjeta-cont * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
} */

.i2m_wallet #tarjeta-cont {
	font-family: 'Lato', sans-serif;
}

.i2m_wallet .contenedor {
	width: 90%;
	max-width: 1000px;
	padding: 40px 20px;
	margin: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* ---------- Estilos Generales de las Tarjetas ----------*/
.i2m_wallet #tarjeta-cont .tarjeta {
	width: 100%;
	max-width: 550px;
	position: relative;
	color: #fff;
	transition: .3s ease all;
	transform: rotateY(0deg);
	transform-style: preserve-3d;
	cursor: pointer;
	z-index: 2;
}

.i2m_wallet #tarjeta-cont .tarjeta.active {
	transform: rotateY(180deg);
}

.i2m_wallet #tarjeta-cont .tarjeta>div {
	padding: 30px;
	border-radius: 15px;
	min-height: 315px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-shadow: 0 10px 10px 0 rgba(90, 116, 148, 0.3);
}

/* ---------- Tarjeta Delantera ----------*/
.i2m_wallet #tarjeta-cont .tarjeta .delantera {
	width: 100%;
	background: url(img/bg-tarjeta/bg-tarjeta-03.jpg);
	background-size: cover;
}

.i2m_wallet #tarjeta-cont .delantera .logo-marca {
	text-align: right;
	min-height: 50px;
}

.i2m_wallet #tarjeta-cont .delantera .logo-marca img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: 80px;
}

.i2m_wallet #tarjeta-cont .delantera .chip {
	width: 100%;
	max-width: 50px;
	margin-bottom: 20px;
}

.i2m_wallet #tarjeta-cont .delantera .grupo .label {
	font-size: 16px;
	color: #7d8994;
	margin-bottom: 5px;
	background: none;
}

#tarjeta-cont .delantera .grupo .numero,
#tarjeta-cont .delantera .grupo .nombre,
.i2m_wallet #tarjeta-cont .delantera .grupo .expiracion {
	color: #fff;
	font-size: 22px;
	text-transform: uppercase;
}

.i2m_wallet #tarjeta-cont .delantera .flexbox {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

/* ---------- Tarjeta Trasera ----------*/
.i2m_wallet #tarjeta-cont .trasera {
	background: url(img/bg-tarjeta/bg-tarjeta-03.jpg);
	background-size: cover;
	position: absolute;
	top: 0;
	transform: rotateY(180deg);
	backface-visibility: hidden;
}

.i2m_wallet #tarjeta-cont .trasera .barra-magnetica {
	height: 40px;
	background: #000;
	width: 100%;
	position: absolute;
	top: 30px;
	left: 0;
}

.i2m_wallet #tarjeta-cont .trasera .datos {
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
}

.i2m_wallet #tarjeta-cont .trasera .datos p {
	margin-bottom: 5px;
}

.i2m_wallet #tarjeta-cont .trasera .datos #firma {
	width: 70%;
}

.i2m_wallet #tarjeta-cont .trasera .datos #firma .firma {
	height: 40px;
	background: repeating-linear-gradient(skyblue 0, skyblue 5px, orange 5px, orange 10px);
}

.i2m_wallet #tarjeta-cont .trasera .datos #firma .firma p {
	line-height: 40px;
	font-family: 'Liu Jian Mao Cao', cursive;
	color: #000;
	font-size: 30px;
	padding: 0 10px;
	text-transform: capitalize;
}

.i2m_wallet #tarjeta-cont .trasera .datos #ccv {
	width: 20%;
}

.i2m_wallet #tarjeta-cont .trasera .datos #ccv .ccv {
	background: #fff;
	height: 40px;
	color: #000;
	padding: 10px;
	text-align: center;
}

.i2m_wallet #tarjeta-cont .trasera .leyenda {
	font-size: 14px;
	line-height: 24px;
}

.i2m_wallet #tarjeta-cont .trasera .link-banco {
	font-size: 14px;
	color: #fff;
}

/* ---------- Contenedor Boton ----------*/
.i2m_wallet #tarjeta-cont .contenedor-btn .btn-abrir-formulario {
	width: 50px;
	height: 50px;
	font-size: 20px;
	line-height: 20px;
	background: #2364d2;
	color: #fff;
	position: relative;
	top: -25px;
	z-index: 3;
	border-radius: 100%;
	box-shadow: -5px 4px 8px rgba(24, 56, 182, 0.4);
	padding: 5px;
	transition: all .2s ease;
	border: none;
	cursor: pointer;
}

.i2m_wallet #tarjeta-cont .contenedor-btn .btn-abrir-formulario:hover {
	background: #1850b1;
}

.i2m_wallet #tarjeta-cont .contenedor-btn .btn-abrir-formulario.active {
	transform: rotate(45deg);
}

/* ---------- Formulario Tarjeta ----------*/
.i2m_wallet #tarjeta-cont .formulario-tarjeta {
	background: #fff;
	width: 100%;
	max-width: 700px;
	padding: 150px 30px 30px 30px;
	border-radius: 10px;
	position: relative;
	top: -150px;
	z-index: 1;
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	transition: clip-path .3s ease-out;
}

.i2m_wallet #tarjeta-cont .formulario-tarjeta.active {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.i2m_wallet #tarjeta-cont .formulario-tarjeta label {
	display: block;
	color: #7d8994;
	margin-bottom: 5px;
	font-size: 16px;
}

#tarjeta-cont .formulario-tarjeta input,
#tarjeta-cont .formulario-tarjeta select,
.i2m_wallet #tarjeta-cont .btn-enviar {
	border: 2px solid #CED6E0;
	font-size: 18px;
	height: 50px;
	width: 100%;
	padding: 5px 12px;
	transition: .3s ease all;
	border-radius: 5px;
}

#tarjeta-cont .formulario-tarjeta input:hover,
.i2m_wallet #tarjeta-cont .formulario-tarjeta select:hover {
	border: 2px solid #93BDED;
}

#tarjeta-cont .formulario-tarjeta input:focus,
.i2m_wallet #tarjeta-cont .formulario-tarjeta select:focus {
	outline: rgb(4, 4, 4);
	box-shadow: 1px 7px 10px -5px rgba(90, 116, 148, 0.3);
}

.i2m_wallet #tarjeta-cont .formulario-tarjeta input {
	margin-bottom: 20px;
	text-transform: uppercase;
}

.i2m_wallet #tarjeta-cont .formulario-tarjeta .flexbox {
	display: flex;
	justify-content: space-between;
}

.i2m_wallet #tarjeta-cont .formulario-tarjeta .expira {
	width: 100%;
}

.i2m_wallet #tarjeta-cont .formulario-tarjeta .ccv {
	min-width: 100px;
}

.i2m_wallet #tarjeta-cont .formulario-tarjeta .grupo-select {
	width: 100%;
	margin-right: 15px;
	position: relative;
}

.i2m_wallet #tarjeta-cont .formulario-tarjeta select {
	-webkit-appearance: none;
}

.i2m_wallet #tarjeta-cont .formulario-tarjeta .grupo-select i {
	position: absolute;
	color: #CED6E0;
	top: 18px;
	right: 15px;
	transition: .3s ease all;
}

.i2m_wallet #tarjeta-cont .formulario-tarjeta .grupo-select:hover i {
	color: #93bfed;
}

.i2m_wallet #tarjeta-cont .formulario-tarjeta .btn-enviar {
	border: none;
	padding: 10px;
	font-size: 22px;
	color: #fff;
	background: #2364d2;
	box-shadow: 2px 2px 10px 0px rgba(0, 85, 212, 0.4);
	cursor: pointer;
}

.i2m_wallet #tarjeta-cont .formulario-tarjeta .btn-enviar:hover {
	background: #1850b1;
}

.i2m_wallet .promo-box-black-white {
	display: flex;
	/* Alinear los elementos en fila (horizontal) */
	border-radius: 8px;
	/* Bordes redondeados */
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	/* Para evitar que se desborden los contenidos */
	/* width: 119%; */
}

.i2m_wallet .promo-text-container {
	background-color: #a3c914;
	/* Fondo verde claro */
	flex: 0 0 30%;
	/* El contenedor verde ocupará el 50% */
	display: flex;
	/* Usar flexbox para organizar los contenidos */
	justify-content: center;
	/* Centrar contenido horizontalmente */
	align-items: center;
	/* Centrar contenido verticalmente */
	/* padding: 20px; */
	/* Espaciado */
}
.i2m_wallet .promo-text {
	text-align: center;
	/* Centrar el texto */
	color: white;
	/* Texto blanco */
}

.i2m_wallet .promo-text h1 {
	font-size: 48px;
	/* Tamaño del "0" */
	margin: 0;
}

.i2m_wallet .promo-text p {
	font-size: 18px;
	/* Tamaño de "Points" */
	margin: 0;
}

.i2m_wallet .promo-box-black-white .content {
	flex: 1;
	/* Tomar el otro 50% del espacio disponible */
	background-color: white;
	/* Fondo blanco para el lado derecho */
	padding: 20px;
	/* Añadir padding para el contenido */
	width: 50%;
}

.i2m_wallet .promo-box-black-white h3 {
	color: #000;
	/* Título negro */
	font-size: 24px;
	/* Tamaño de fuente */
	margin-bottom: 15px;
	/* Espaciado debajo del título */
	text-align: center;
	/* Centrar el texto */
}

.i2m_wallet .promo-box-black-white p {
	font-size: 16px;
	/* Tamaño de fuente */
	line-height: 1.5;
	/* Espaciado entre líneas */
	margin-bottom: 15px;
	/* Espaciado debajo del párrafo */
	text-align: center;
	/* Centrar el texto */
}

.i2m_wallet .promo-box-black-white .btn {
	/* padding: 10px 20px; */
	/* Espaciado de los botones */
	border-radius: 5px;
	/* Bordes redondeados */
	font-weight: bold;
	/* Texto en negrita */
}

.i2m_wallet .btn-continue {
	background-color: #e0e0e0;
	/* Color gris claro */
	color: #555;
	/* Texto más oscuro */
}

.i2m_wallet .btn-purchase {
	background-color: #000;
	/* Negro fuerte */
	color: white;
	/* Texto blanco */
}

.i2m_wallet .btn-continue:hover {
	background-color: #d4d4d4;
	/* Color más oscuro en hover */
}

.i2m_wallet .btn-purchase:hover {
	background-color: #333;
	/* Negro más oscuro en hover */
}

.i2m_wallet .promo-box-black-white .button-group {
	display: flex;
	/* Alinear los botones en fila */
	justify-content: center;
	/* Centrar los botones */
	margin-top: 20px;
	/* Espaciado arriba de los botones */
}

.i2m_wallet .logo-container {
	/* display: flex; */
	/* Usar flexbox para centrar */
	/* Centrar horizontalmente */
	/* Centrar verticalmente */
	/* background-color: white; */
	/* Fondo blanco */
	/* margin-right: -12rem; */
	/* Espaciado alrededor de la imagen */
	/* left: -37px; */
	width: 0px;
}

.i2m_wallet .logo-container img {
	max-width: 200px;
	/* Ajusta el tamaño de la imagen si es necesario */
	height: auto;
	/* margin-left: 1rem; */
	z-index: 1;
}

.i2m_wallet div#card-home .card-body {
	display: flex;
	padding: 1.75rem;
}

@media (max-width: 360px) {
.i2m_wallet div#card-home .card-number {
		font-size: 15px;
		margin-bottom: 10px;
	}

.i2m_wallet div#card-home .card-body {
		justify-content: flex-end;
		flex-direction: row;
		align-content: center;
		flex-wrap: wrap;
	}
}

@media (min-width: 361px) and (max-width: 400px) {
.i2m_wallet .botones-card {
		display: flex;
		flex-direction: column;
	}
}

@media (min-width: 768px) and (max-width: 849px) {
.i2m_wallet .botones-card {
		display: flex;
		flex-direction: column;
	}
}

@media (max-width: 760px) {
.i2m_wallet #myTab.nav-tabs {
		margin-right: inherit !important;
	}

.i2m_wallet #myTab .nav-item {
		margin-right: inherit !important;
		/* Aplica a los li dentro de #myTab */
	}

.i2m_wallet #myTab .nav-link {
		margin-right: inherit !important;
		/* Aplica a los button dentro de #myTab */
	}
}


.i2m_wallet #cuentabanc-tab-pane .card-info {
	display: flex;
	justify-content: center !important;
	/* Centra horizontalmente */
	align-items: center !important;
	/* Centra verticalmente */
}

.i2m_wallet #cuentabanc-tab-pane .card-bank {
	font-size: 16px;
	font-weight: bold;
}

.i2m_wallet #cuentabanc-tab-pane i.fas.fa-university.me-2 {
	font-size: 16px;
}

.i2m_wallet #cuentabanc-tab-pane .card-number {
	text-align: center;
	font-size: 16px;
	margin: 1px;
	/* Corrige el error tipográfico "marg" a "margin" */
}

.i2m_wallet #cuentabanc-tab-pane .card-details {
	margin-top: -4px;
}

.i2m_wallet #cuentabanc-tab-pane .botones-card {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.i2m_wallet #cuentabanc-tab-pane .add-account.text-right.mt-3 {
	text-align: center;
	padding-top: 21px;
}


@media (max-width: 360px) {
.i2m_wallet #card-list .botones-card {
        position: absolute;
        bottom: 10px; /* Ajusta la distancia desde abajo */
        right: 10px; /* Ajusta la distancia desde la derecha */
    }

}

.i2m_wallet .gastos-por-categoria {
    text-align: center;
    margin: 20px;
}

.i2m_wallet .total-gastado h2 {
    font-size: 2.5em;
    margin: 0;
    color: #333;
}

.i2m_wallet .total-gastado span {
    font-size: 1.2em;
    color: #666;
}

.i2m_wallet .grafico-categorias {
    margin: 20px auto;
    max-width: 400px;
}

.i2m_wallet .lista-categorias ul {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.i2m_wallet .lista-categorias li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
}

.i2m_wallet .lista-categorias .icono {
    font-size: 1.5em;
}

.i2m_wallet .lista-categorias .nombre-categoria {
    flex-grow: 1;
    text-align: left;
    padding: 0 10px;
    font-weight: bold;
    color: #333;
}

.i2m_wallet .lista-categorias .total {
    color: #333;
    font-weight: bold;
}

.i2m_wallet .lista-categorias .detalles {
    font-size: 1.2em;
    color: #aaa;
}

.i2m_wallet .lista-categorias {
    list-style: none;
    padding: 0;
    margin: 0;
}

.i2m_wallet .categoria-item {
    padding: 15px 0; /* Espaciado vertical */
}

.i2m_wallet .categoria-detalle .rounded-circle, .i2m_wallet .categoria-item .rounded-circle {
    width: 40px;
    height: 40px;
    font-size: 20px;
    border-radius: 50%;
    flex-shrink: 0; /* Evita que el icono se reduzca */
}

.i2m_wallet .i2m_activities a.d-flex {
    padding: 0 10px; /* Asegura espacio horizontal uniforme */
    transition: background-color 0.3s ease;
}

.i2m_wallet .i2m_activities a.d-flex:hover {
    background-color: #f9f9f9; /* Fondo al pasar el mouse */
}

.i2m_wallet .i2m_activities .fw-bold {
    font-size: 1em;
    color: #333; /* Color del texto */
}

.i2m_wallet .i2m_activities .fa-chevron-right {
    font-size: 0.8em; /* Tamaño de la flecha */
    color: #aaa;
    transition: color 0.3s ease;
}

.i2m_wallet .i2m_activities .fa-chevron-right:hover {
    color: #333; /* Color al pasar el mouse */
}



/* ESTOS ESTILOS SERIAN PARA EL ADMIN */


#cuentabanc-tab-pane .card-info {
    display: flex
;
    justify-content: center !important;
    align-items: center !important;
}
#cuentabanc-tab-pane .card-bank {
    font-size: 16px;
    font-weight: bold;
}


#cuentabanc-tab-pane .card-details {
    margin-top: -4px;
}

#cuentabanc-tab-pane .card-number {
    text-align: center;
    font-size: 16px;
    margin: 1px;
}

div#card-home .card-image {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
    background-color: black;
}

div#card-home .card-number {
    font-size: 18px !important;
    margin-bottom: 10px;
}

/* HASTA AQUI */
/* ACTIVIDADES USUARIO ADMIN */
.i2m_listActivitiesProfile {
  list-style-type: none;
  padding-left: 0px;
}

.i2m_listActivitiesProfile li {
  margin-bottom: 15px;
}
.i2m_borderBottomProfile {
  border-bottom: solid 1px #808080;
}

.i2m_wallet.i2m_borderBottomProfile .text-muted{
	color: #bbb !important;
}

/* ==========================================================
   I2M Wallet - Secondary Tabs / Segmented Control
   Solo aplica a <ul class="i2m_wallet nav nav-tabs">
   ========================================================== */

.i2m_wallet.nav-tabs{
    /* display:inline-flex; */
    align-items:center;
    justify-content:center;

    gap:10px;

    width:auto;
    max-width:100%;

    margin:0px !important;

    padding:6px;

    border:1px solid #dee2e6;
    border-radius:12px;
    background:#f8f9fa;

    flex-wrap:wrap;
}

.i2m_wallet.nav-tabs .nav-item{
    flex:0 0 auto;
    margin:0;
}

.i2m_wallet.nav-tabs .nav-link{

    width:210px;
    min-width:210px;
    min-height:46px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:.7rem 1.2rem;

    border:0 !important;
    border-radius:9px !important;
    background:transparent !important;

    font-size:.9rem !important;
    font-weight:600;
    line-height:1.2;

    text-align:center;
    white-space:nowrap;

    transition:all .2s ease;
}

.i2m_wallet.nav-tabs .nav-link:hover{
    background:rgba(0,0,0,.04) !important;
}

.i2m_wallet.nav-tabs .nav-link.active{
    background:#ffffff !important;
    color:inherit;

    box-shadow:
        0 2px 8px rgba(0,0,0,.08),
        inset 0 0 0 1px rgba(0,0,0,.04) !important;
}

.i2m_wallet.nav-tabs .nav-link:focus{
    outline:0;
    box-shadow:none !important;
}

/* Evita que Bootstrap fs-2 agrande los textos */
.i2m_wallet.nav-tabs .nav-link.fs-2{
    font-size:.9rem !important;
}

/* Tablet */

@media (max-width:991px){

    .i2m_wallet.nav-tabs{
        display:flex;
        width:100%;
    }

    .i2m_wallet.nav-tabs .nav-item{
        flex:1 1 auto;
    }

    .i2m_wallet.nav-tabs .nav-link{
        width:100%;
        min-width:0;
        padding:.65rem .9rem;
        font-size:.85rem !important;
    }

}

/* Mobile */

@media (max-width:767px){

    .i2m_wallet.nav-tabs{
        display:flex;
        width:100%;
        gap:6px;
        padding:6px;
    }

    .i2m_wallet.nav-tabs .nav-item{
        flex:1 1 100%;
    }

    .i2m_wallet.nav-tabs .nav-link{
        width:100%;
        min-width:0;
        font-size:.85rem !important;
    }

}