//Estilos globales del bloque servicios destacados.
.block-views-servicios-destacados-block {
	
	.block-title {
		@include title-block(tint($c-dimgray, 10), 230%);
		width: 100%;
		text-align: center;
		font-weight: 100;

		&:after {
			margin: 20px auto;
		}
	}

	.view-servicios-destacados {	

		.view-content {
			@include ib-grid;	

			.views-row {
				display: inline-block;
				margin-right: 2%;
				margin-bottom: 1em;
				max-height: 60px;
				padding: 1%;
				position: relative;
				vertical-align: top;
				width: 30%;

				&:nth-child(3n) {
					margin-right: 0;
				}

				.views-field-field-hover {
					display: none;
					float: left;
				}

				&:hover {
					background: tint($c-fringe-green, 30);		
					color: $c-white;
					
					.views-field-field-hover {
						display: block;
					}

					.views-field-field-icono {
						display: none;
					}
					.views-field-title {
						a, a:link {
							color: $c-white;
						}
					}

					.views-field-field-descripcion-link {
						color: $c-white;
					}
				}
			}

			.views-field-field-icono {
				float: left;
			}

			.views-field-title {
				float: right;
				width: 76%;
			
				.field-content {
					display: inline-block;
					width: 90%;
				}

				a, a:link {
    				color: $c-dimgray;
    				font-size: 1.2em;
    				font-weight: bold;
				}
			}

			.views-field-field-descripcion-link {
				color: $c-dimgray;
				float: right;
				font-size: 0.9em;
				line-height: 1.4;
				width: 76%;
			}

			.views-field-field-link {
    			display: inline-block;
				height: 100%;
    			left: 0;
    			position: absolute;
   				top: 0;
    			width: 100%;
    		
    			.field-content {
    				display: inline-block;
    				height: 100%;
    				width: 100%;

    				a {
    					@include imgreplace;
			  	  		height: 100%;
    					width: 100%;
    				}
    			}
			}
		}
	}
}
