body{
	&.mi-perfil{
		.mb-section{
			margin-bottom: 25px !important;
		}

		.user-membresia{
			position: relative;
			display: table;
			margin: 0;
			padding: 7px 0 0 0;
			width: 100%;
			height: 206px;

			figure{
				position: relative;
				display: table-cell;
				margin: 0;
				padding: 0;
				vertical-align: middle;
				text-align: center;
				width: 30%;

				.marco{
					position: relative;
					display: block;
					margin: 0 auto 5px auto;
					padding: 0;
					border-radius: 50%;
					width: 134px;
					height: 134px;
					overflow: hidden;
					border: 3px solid #7c8792;

					img{
						display: block;
						margin: 0;
						padding: 0;
						width: 100%;
						height: auto;

					}
				}

				a{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					font: 11px/15px @montserrat;
					font-weight: @montserrat-bold;
					color: @blanco;
					text-decoration: underline;
					text-transform: uppercase;
				}
			}

			.contenido{
				position: relative;
				display: table-cell;
				margin: 0;
				padding: 0;
				vertical-align: middle;
				text-align: left;

				.mensaje-error{
					position: absolute;
					display: none;
					margin: 0;
					padding: 3px 25px 3px 40px;
					background: url('../images/ico-mensaje-error-mi-perfil.png') no-repeat 12px center #ecc422;
					bottom: 13px;
					left: 0;

					&.on{
						display: block;
					}

					p{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						font: 14px/18px @montserrat;
						font-weight: 500;
						color: #655504;
					}
				}

				p{
					position: relative;
					display: block;
					margin: 0 0 15px 0;
					padding: 0;
					font: 22px/26px @montserrat;
					font-weight: @montserrat-regular;
					color: @blanco;

					strong{
						display: block;
						font: 28px/32px @montserrat;
						font-weight: @montserrat-bold;
					}

					&.tipo-membresia{
						margin-bottom: 0;
						font: 18px/22px @montserrat;
						font-weight: @montserrat-bold;

						&.gold{
							color: #cbb67b;
						}
					}
				}
			}
		}

		.user-datos{
			position: relative;
			display: table;
			margin: 0;
			padding: 40px;
			background: #f6f6f6;
			border: 1px solid #e6e6e6;
			border-radius: 3px;
			width: 100%;

			&.acceso{
				&.view{
					.cabecera{
						.editar{
							display: none;
						}
					}

					.contenido{
						.editar{
							display: block;
						}

						.fila{
							&.view{
								display: table;
							}

							&.edit{
								display: none;
							}
						}
					}
				}

				&.edit{
					.cabecera{
						.editar{
							display: block;
						}
					}

					.contenido{
						.editar{
							display: none;
						}

						.fila{
							.columna{
								&:last-of-type{
									background: transparent;
									text-align: left;
									padding-left: 30px;

									p{
										position: relative;
										display: block;
										margin: 0;
										padding: 0;
										font: 12px/16px @montserrat;
										font-weight: @montserrat-regular;
										color: @negro;
									}
								}
							}

							&.view{
								display: none;
							}
							
							&.edit{
								display: table;
							}
						}
					}
				}
			}

			.cabecera{
				position: relative;
				display: table;
				margin: 0 0 30px 0;
				padding: 0 10px;
				width: 100%;

				h3{
					position: relative;
					display: inline-block;
					margin: 0;
					padding: 0;
					font: 16px/20px @montserrat;
					font-weight: @montserrat-black;
					color: @negro;
					text-transform: uppercase;
				}

				.editar{
					position: relative;
					display: block;
					margin: 0;
					padding: 0 0 0 20px;
					float: right;
					color: @dorado;
					font: 14px/17px @montserrat;
					font-weight: @montserrat-regular;
					text-decoration: underline;
					background: url('../images/ico-pencil-perfil.png') no-repeat left center;
				}

				.error-envio{
					position: absolute;
					display: block;
					margin: -21px 0 0 0;
					padding: 3px 50px;
					top: 50%;
					right: 0;
					background: #dc554f;
					max-width: 50%;
					z-index: 2;

					span.cerrar{
						position: absolute;
						display: block;
						margin: -8.5px 0 0 0;
						padding: 0;
						width: 17px;
						height: 17px;
						background: url('../images/ico-error-envio-perfil.png') no-repeat 0 0;
						left: 15px;
						top: 50%;
					}

					p{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						font: 14px/18px @montserrat;
						font-weight: @montserrat-medium;
						color: @blanco;

						a{
							font-weight: @montserrat-bold;
							text-decoration: underline;
							color: @blanco;
						}
					}
				}
			}

			&.personales{

				&.view{
					.contenido{
						.editar{
							display: block;
						}

						.fila{
							&.view{
								display: table;
							}

							&.edit{
								display: none;
							}
						}
					}
				}

				&.edit{
					.contenido{
						.editar{
							display: none;
						}

						.fila{
							&.view{
								display: none;
							}
							
							&.edit{
								display: table;
							}
						}
					}
				}

				.contenido{
					.fila{
						.columna{
							&:first-of-type,
							&:nth-child(3){
								text-align: right;
								width: 15%;
							}

							&:nth-child(2){
								border-right: 2px solid #f6f6f6;
								width: 35%;
							}

							&:last-of-type{
								text-align: left;
								width: auto;
								border: none;
							}
						}
					}
				}
			}

			.contenido{
				position: relative;
				display: table;
				margin: 0;
				padding: 0;
				width: 100%;

				.fila{
					position: relative;
					display: table;
					margin: 0;
					border-bottom: 2px solid #f6f6f6;
					padding: 0;
					width: 100%;

					&.empty-block{
						.columna{
							width: 100%;
							background: transparent;
							height: 20px;
						}
					}

					&.save-info{
						.columna{
							background: transparent;

							&:first-of-type{
								width: 75%;
							}

							&:last-of-type{
								text-align: right;
								padding: 0;
							}

							p{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								font: 12px/16px @montserrat;
								font-weight: @montserrat-regular;
								color: #ce3939;
								text-align: center;
							}

							.guardar{
								display: inline !important;
							}
						}
					}

					.columna{
						position: relative;
						display: table-cell;
						margin: 0;
						padding: 0 10px;
						height: 46px;
						vertical-align: middle;
						background: @blanco;

						&:first-of-type{
							text-align: right;
							width: 15%;
						}

						&:nth-child(2){
							width: 35%;
						}

						&:last-of-type{
							text-align: right;

							// p{
							// 	position: relative;
							// 	display: block;
							// 	margin: 0;
							// 	padding: 0;
							// 	font: 12px/16px @montserrat;
							// 	font-weight: @montserrat-regular;
							// 	color: @negro;
							// }

							.guardar{
								position: relative;
								display: block;
								margin: 0;
								padding: 15px 30px;
								border: none;
								background: @dorado;
								color: @blanco;
								text-transform: uppercase;
								font: 13px/18px @montserrat;
								font-weight: @montserrat-bold;
							}
						}

						label{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							color: @dorado;
							font: 14px/18px @montserrat;
							font-weight: @montserrat-regular;
						}

						p{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							font: 18px/22px @montserrat;
							font-weight: @montserrat-regular;
							color: @negro;
						}

						a{
							position: relative;
							display: block;
							margin: 0;
							padding: 0 0 0 20px;
							float: right;
							color: @dorado;
							font: 14px/17px @montserrat;
							font-weight: @montserrat-regular;
							text-decoration: underline;
							background: url('../images/ico-pencil-perfil.png') no-repeat left center;
						}

						input,
						select{
							position: relative;
							display: block;
							margin: 0;
							padding: 5px 0;
							width: 100%;
							border: none;
							box-shadow: none;
							border-radius: 0;
							font: 18px/22px @montserrat;
							font-weight: @montserrat-regular;
							color: @negro;
							outline: none;
							border-bottom: 1px solid #dedede;
							background: transparent;
						}

						select{
							border-bottom: none;
						}
					}
				}
			}
		}
	}
}

//71279px; //tablet horizontal
@media (max-width: @screen-md-max) {

} 

//1023px; tablet vertical
@media (max-width: @screen-sm-max) {

}

//767px; //mobile
@media (max-width: @screen-xs-max) {
	body{
		&.mi-perfil{
			.user-membresia{
				padding: 30px 20px 20px 20px;
				background-size: cover;
				background-position: center center;

				figure{
					width: 100%;
					display: block;
					margin-bottom: 20px;
				}

				.contenido{
					width: 100%;
					display: block;
					text-align: center;
				}
			}

			.user-datos{
				padding: 20px;

				.contenido{
					.fila{
						.columna{
							&:first-of-type{
								width: 30%;
							}
						}
					}
				}
			}
		}
	}
}